<?php
$page_title = 'Song Composing Classes - Kalaimagal Music Academy | Classical Song Composing Training';
$page_description = 'Master Song Composing at Kalaimagal Music Academy. Classical Song Composing training for beginners to advanced students in Tiruchengode.';
$page_keywords = 'song composing classes, learn composing, music composition, composing teacher, Tiruchengode music composing';
$page_body_class = 'class-template-default single-class';
$page_type = 'custom';

$page_styles = <<<'STYLES'
	<style>
		/* --- Global Reset & Variables (Matched from class.php) --- */
		:root {
			--primary-color: #800020;
			/* Burgundy */
			--secondary-color: #ffd700;
			/* Gold */
			--text-color: #555;
			--light-bg: #f9f9f9;
			--white: #ffffff;
			--font-heading: 'Cormorant Garamond', serif;
			--font-body: 'Jost', sans-serif;
			--wp--preset--color--white: #ffffff;
		}

		body {
			font-family: var(--font-body);
			color: var(--text-color);
			background-color: var(--white);
			margin: 0;
			padding: 0;
			overflow-x: hidden;
		}

		h1, h2, h3, h4, h5, h6 {
			font-family: var(--font-heading);
			color: var(--primary-color);
			font-weight: 700;
		}

		.section-heading-burgundy {
			color: var(--primary-color) !important;
		}

		a {
			text-decoration: none;
			transition: 0.3s;
		}

		ul {
			list-style: none;
			padding: 0;
		}

		p {
			line-height: 1.6;
			margin-bottom: 15px;
		}

		.container {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
		}

		.section-padding {
			padding: 80px 0;
		}

		.text-center {
			text-align: center;
		}

		/* --- Hero Banner --- */
		.page-banner {
			background-image: url(wp-content/uploads/2024/04/subbanner-1.png);
			background-size: cover;
			background-position: center;
			padding: 140px 0;
			position: relative;
			text-align: center;
			color: var(--white);
		}
		.page-banner::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));
		}
		.banner-content {
			position: relative;
			z-index: 1;
		}
		.banner-title {
			font-size: 4.5rem;
			margin-bottom: 15px;
			text-transform: uppercase;
			letter-spacing: 2px;
			color: var(--secondary-color);
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
		}
		.breadcrumbs {
			display: flex;
			justify-content: center;
			gap: 15px;
			font-size: 1.2rem;
			font-weight: 500;
		}
		.breadcrumbs a {
			color: var(--white);
		}
		.breadcrumbs a:hover {
			color: var(--secondary-color);
		}
		.breadcrumbs span {
			color: var(--secondary-color);
		}

		/* --- Intro Section --- */
		.intro-section {
			padding: 100px 0;
		}
		.intro-grid {
			display: grid;
			grid-template-columns: 1.2fr 1fr;
			gap: 60px;
			align-items: center;
		}
		.intro-text h5 {
			color: var(--secondary-color);
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 1.1rem;
			margin-bottom: 10px;
		}
		.intro-text h2 {
			font-size: 3.2rem;
			margin-bottom: 25px;
			line-height: 1.2;
		}
		.intro-text p {
			font-size: 1.1rem;
			color: #666;
			margin-bottom: 20px;
		}
		.intro-image {
			position: relative;
		}
		.intro-image img {
			width: 100%;
			border-radius: 20px;
			box-shadow: -20px 20px 0 var(--primary-color);
			transition: transform 0.4s;
		}
		.intro-image img:hover {
			transform: translateY(-10px);
		}

		/* --- Features Grid --- */
		.features-section {
			background-color: var(--light-bg);
			padding: 100px 0;
		}
		.features-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 30px;
		}
		.feature-card {
			background: var(--white);
			padding: 50px 30px;
			border-radius: 15px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
			transition: 0.4s;
			position: relative;
			overflow: hidden;
			border-bottom: 4px solid transparent;
			text-align: center;
		}
		.feature-card:hover {
			transform: translateY(-10px);
			box-shadow: 0 20px 40px rgba(128, 0, 32, 0.1);
			border-bottom-color: var(--secondary-color);
		}
		.feature-icon {
			font-size: 3.5rem;
			color: var(--primary-color);
			margin-bottom: 25px;
			transition: 0.3s;
		}
		.feature-card:hover .feature-icon {
			color: var(--secondary-color);
			transform: scale(1.1);
		}
		.feature-card h3 {
			font-size: 1.6rem;
			margin-bottom: 15px;
		}

		/* --- Quote Section --- */
		.quote-section {
			background: linear-gradient(135deg, #800020 0%, #4a0012 100%);
			padding: 100px 0;
			text-align: center;
			color: var(--white);
			position: relative;
		}
		.quote-text h2 {
			color: var(--secondary-color);
			font-size: 2.8rem;
			max-width: 900px;
			margin: 0 auto;
			line-height: 1.4;
			font-family: var(--font-heading);
		}
		.quote-text p {
			font-size: 1.2rem;
			opacity: 0.9;
			margin-top: 20px;
		}

		/* --- Why Choose Us (Clean List Layout) --- */
		.why-choose-section {
			padding: 100px 0;
			background-color: var(--white);
		}
		.why-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 40px;
		}
		.why-box {
			text-align: left;
			padding: 20px;
			display: flex;
			align-items: flex-start;
			gap: 20px;
			border: none;
			background: transparent;
			box-shadow: none;
		}
		.why-box:hover {
			transform: translateY(-5px);
			box-shadow: none;
		}
		.why-icon {
			width: 60px;
			height: 60px;
			min-width: 60px;
			background: transparent;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0;
			color: var(--primary-color);
			font-size: 2.5rem;
			border: 2px solid var(--primary-color);
			transition: 0.3s;
		}
		.why-box:hover .why-icon {
			background: var(--primary-color);
			color: var(--secondary-color);
			transform: rotate(360deg);
		}
		.why-content {
			flex: 1;
		}
		.why-box h4 {
			font-size: 1.4rem;
			margin-bottom: 10px;
			color: var(--primary-color);
			font-weight: 700;
		}
		.why-box p {
			font-size: 1.05rem;
			color: #555;
			margin: 0;
			line-height: 1.5;
		}

		/* --- Founder Style (Instruments) --- */
		.instruments-section {
			padding: 80px 0;
			background: var(--white);
		}
		.founder-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 40px;
			text-align: center;
			margin-top: 50px;
		}
		.instrument-card {
			padding: 20px;
		}
		.instrument-img-wrap {
			width: 200px;
			height: 200px;
			margin: 0 auto 25px;
			position: relative;
		}
		.instrument-img-wrap img {
			width: 100%;
			height: 100%;
			border-radius: 50%;
			object-fit: cover;
			border: 5px solid #ffffff;
			outline: 4px solid var(--primary-color);
			outline-offset: 4px;
			transition: 0.3s;
		}
		.instrument-card:hover .instrument-img-wrap img {
			outline-color: var(--secondary-color);
			transform: scale(1.05);
		}
		.instrument-img-wrap.square-style {
			/* height: auto !important; */
		}
		.instrument-img-wrap.square-style img {
			border-radius: 15px !important;
			/* height: auto !important; */
			object-fit: cover !important;
		}

		/* --- Vision/Mission Style (Benefits) --- */
		.vision-section {
			padding: 80px 0;
			background: var(--light-bg);
		}
		.vision-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 40px;
		}
		.vision-box {
			background: var(--white);
			padding: 40px;
			border-radius: 8px;
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
			position: relative;
			overflow: hidden;
			border-top: 4px solid var(--primary-color);
		}
		.vision-box h3 {
			font-size: 1.8rem;
			margin-bottom: 20px;
			color: var(--primary-color);
			display: flex;
			align-items: center;
			gap: 15px;
		}
		.vision-box h3 i {
			font-size: 1.5rem;
			color: var(--secondary-color);
		}
		.vision-list li {
			margin-bottom: 15px;
			padding-left: 25px;
			position: relative;
		}
		.vision-list li::before {
			content: '\f00c';
			font-family: 'Font Awesome 5 Free';
			font-weight: 900;
			color: var(--primary-color);
			position: absolute;
			left: 0;
			top: 2px;
		}

		/* --- Affiliations Style (Curriculum) --- */
		.affiliations-section {
			padding: 80px 0;
			text-align: center;
		}
		.affiliations-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 30px;
			margin-top: 40px;
		}
		.affiliation-item {
			background: var(--white);
			padding: 30px 20px;
			border: 1px solid #eee;
			border-radius: 8px;
			transition: 0.3s;
		}
		.affiliation-item:hover {
			border-color: var(--primary-color);
			transform: translateY(-5px);
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
		}
		.affiliation-icon {
			font-size: 2.5rem;
			color: var(--primary-color);
			margin-bottom: 15px;
		}
		.affiliation-item h4 {
			font-size: 1.2rem;
			margin-bottom: 5px;
			color: var(--primary-color);
		}
		.affiliation-item span {
			font-size: 0.9rem;
			color: var(--secondary-color);
			font-weight: 600;
			text-transform: uppercase;
		}

		/* --- Genius Feature Grid (2x2) Styling --- */
		.elementor-heading-container-custom {
			text-align: center;
			margin-bottom: 50px;
		}
		.elementor-heading-container-custom .elementor-heading-title {
			font-family: "Cormorant Garamond", Sans-serif;
			font-size: 48px;
			font-weight: 700;
			line-height: 53px;
			color: #000000;
		}
		.intro-features-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 30px;
			margin: 0 auto;
		}
		.feature-box-card {
			background-color: #F3EEFC;
			padding: 30px;
			transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
			display: flex;
			align-items: center;
			gap: 20px;
		}
		.feature-box-img {
			width: 30%;
			flex-shrink: 0;
		}
		.feature-box-img img {
			width: 100%;
			height: auto;
			transition: 0.3s;
		}
		.feature-box-title {
			font-family: "Roboto", Sans-serif;
			font-size: 19px;
			font-weight: 600;
			color: #010101;
			margin-bottom: 10px;
		}
		.feature-box-desc {
			color: #222222;
			font-size: 0.95rem;
			margin: 0;
			line-height: 1.5;
		}
		@media (max-width: 992px) {
			.banner-title { font-size: 3rem; }
			.intro-grid { grid-template-columns: 1fr; }
			.features-grid, .why-grid, .founder-grid, .vision-grid, .affiliations-grid, .intro-features-grid { grid-template-columns: 1fr; }
			.instrument-img-wrap { width: 150px; height: 150px; }
			.elementor-heading-container-custom .elementor-heading-title { font-size: 36px; line-height: 42px; }
		}
		@media (max-width: 768px) {
			.intro-features-grid { grid-template-columns: 1fr; }
			.page-banner { padding: 70px 0; }
			.banner-title { font-size: 2.2rem; letter-spacing: 1px; }
			.breadcrumbs { font-size: 1rem; gap: 10px; }
			.intro-section { padding: 60px 0; }
			.intro-text h2 { font-size: 2.2rem; }
			.intro-image img { box-shadow: -8px 8px 0 var(--primary-color); }
			.features-section, .related-classes, .why-choose-section { padding: 60px 0; }
			.feature-card { padding: 35px 20px; }
			.quote-text h2 { font-size: 1.8rem; }
			.founder-grid { grid-template-columns: 1fr; gap: 20px; }
			.instrument-img-wrap { width: 120px; height: 120px; }
			.feature-box-card { flex-direction: column; text-align: center; }
			.feature-box-img { width: 60%; margin: 0 auto; }
		}

		@media (max-width: 576px) {
			.page-banner { padding: 50px 0; }
			.banner-title { font-size: 1.6rem; letter-spacing: 0; }
			.breadcrumbs { font-size: 0.85rem; }
			.intro-section { padding: 35px 0; }
			.intro-text h5 { font-size: 0.9rem; }
			.intro-text h2 { font-size: 1.6rem; margin-bottom: 12px; }
			.intro-text p { font-size: 0.95rem; }
			.intro-image img { box-shadow: -5px 5px 0 var(--primary-color); border-radius: 12px; }
			.features-section, .related-classes, .why-choose-section, .quote-section { padding: 35px 0; }
			.feature-card { padding: 25px 15px; }
			.feature-card h3 { font-size: 1.2rem; }
			.quote-text h2 { font-size: 1.4rem; line-height: 1.3; }
			.why-box { padding: 20px 12px; }
			.why-icon { width: 60px; height: 60px; font-size: 1.5rem; }
			.instrument-img-wrap { width: 100px; height: 100px; }
			.vision-grid, .affiliations-grid { gap: 15px; }
			.container { padding: 0 12px; }
			.section-padding { padding: 40px 0; }
			.class-body { padding: 15px; }
			.class-body h4 { font-size: 1.1rem; }
			.elementor-heading-container-custom .elementor-heading-title { font-size: 28px; line-height: 34px; }
		}
	</style>
STYLES;

include 'partials/header.php';
?>
	<!-- HERO BANNER -->
	<section class="page-banner">
		<div class="container banner-content" data-aos="fade-in">
			<h1 class="banner-title">Song Composing</h1>
			<div class="breadcrumbs">
				<a href="home">Home</a>
				<span>/</span>
				<span>Song Composing</span>
			</div>
		</div>
	</section>

	<!-- INTRO SECTION -->
	<section class="intro-section">
		<div class="container">
			<div class="intro-grid">
				<div class="intro-text" data-aos="fade-right">
					<h5>Welcome to Kalaimagal</h5>
					<h2>Learn Song Composing – The Heart of Musical Creation</h2>
					<p>Song composing is the ultimate expression of musical creativity. Learning to compose helps students develop a deep understanding of melody, harmony, rhythm, and song structure, allowing them to bring their musical ideas to life</p>
					<p>Our Song Composing classes are designed for beginners and advanced musicians who want to master melody writing, chord progressions, and modern production under expert guidance.</p>
				</div>
				<div class="intro-image" data-aos="fade-left">
    <img src="wp-content/uploads/2024/05/songc.jpg" alt="Song Composing" style="width: 350px; height: auto;">
</div>
			</div>
		</div>
	</section>

	<!-- Genius Feature Grid (2x2) -->
	<section class="intro-section" style="background-color: #fcfcfc; padding: 60px 0;">
		<div class="container">
			<div class="elementor-heading-container-custom" data-aos="fade-up">
				<h2 class="elementor-heading-title">Genius Starts With a Note<br>You Bring the Passion. Together, We’ll Build Your Future.</h2>
			</div>
			<div class="intro-features-grid">
				<div class="feature-box-card" data-aos="fade-up" data-aos-delay="100">
					<div class="feature-box-img"><img loading="lazy" src="wp-content/uploads/2024/04/team-1.png" alt="Qualified Teachers"></div>
					<div class="feature-box-content"><h3 class="feature-box-title">Qualified Teachers</h3><p class="feature-box-desc">Learn from experienced and passionate instructors dedicated to guiding every student with personalized attention, strong fundamentals, and expert techniques.</p></div>
				</div>
				<div class="feature-box-card" data-aos="fade-up" data-aos-delay="200">
					<div class="feature-box-img"><img loading="lazy" src="wp-content/uploads/2024/04/treble-clef.png" alt="Musical Compositions"></div>
					<div class="feature-box-content"><h3 class="feature-box-title">Musical Compositions</h3><p class="feature-box-desc">Explore the art of creating original music, from melody building to full compositions, helping you express your creativity with confidence.</p></div>
				</div>
				<div class="feature-box-card" data-aos="fade-up" data-aos-delay="300">
					<div class="feature-box-img"><img loading="lazy" src="wp-content/uploads/2024/04/music.png" alt="Unique Classes"></div>
					<div class="feature-box-content"><h3 class="feature-box-title">Unique Classes</h3><p class="feature-box-desc">Engage in specially designed classes that combine tradition with modern teaching methods, making learning music enjoyable and effective.</p></div>
				</div>
				<div class="feature-box-card" data-aos="fade-up" data-aos-delay="400">
					<div class="feature-box-img"><img loading="lazy" src="wp-content/uploads/2024/04/book-1.png" alt="Lessons"></div>
					<div class="feature-box-content"><h3 class="feature-box-title">Lessons</h3><p class="feature-box-desc">Structured lessons tailored for all levels, ensuring steady progress, skill development, and a strong musical foundation.</p></div>
				</div>
			</div>
		</div>
	</section>

	<!-- CLASS DETAILS (Features) -->
	<section class="features-section">
		<div class="container">
			<div class="section-heading" data-aos="fade-up">
				<h2>Class Details</h2>
			</div>
			<div class="features-grid">
				<div class="feature-card" data-aos="fade-up" data-aos-delay="100">
					<i class="fas fa-video feature-icon"></i>
					<h3>Class Modes</h3>
					<p>Flexible learning options: Online Live, Offline Studio, and Hybrid Flex for your convenience.</p>
				</div>
				<div class="feature-card" data-aos="fade-up" data-aos-delay="200">
					<i class="fas fa-users feature-icon"></i>
					<h3>Who Can Join</h3>
					<p>Open to everyone! Kids (6 Years+), Teens, and Adults of all skill levels are welcome.</p>
				</div>
				<div class="feature-card" data-aos="fade-up" data-aos-delay="300">
					<i class="fas fa-layer-group feature-icon"></i>
					<h3>Skill Levels</h3>
					<p>Tailored instruction for Beginning, Intermediate, and Advanced students.</p>
				</div>
			</div>
		</div>
	</section>

	<!-- QUOTE -->
	<section class="quote-section">
		<div class="container">
			<div class="quote-text" data-aos="zoom-in">
				<h2>"Composing a song is not just writing notes; it is capturing emotion and sharing your soul with the world."</h2>
				<p>- The Heart of Music</p>
			</div>
		</div>
	</section>

	<!-- WHY CHOOSE US -->
	<section class="why-choose-section">
		<div class="container">
			<div class="why-grid">
				<div class="why-box" data-aos="fade-up" data-aos-delay="100">
					<div class="why-icon"><i class="fas fa-certificate"></i></div>
					<div><h4>Certified Learning</h4><p>Prepare for Trinity & ABRSM exams with our expert guidance.</p></div>
				</div>
				<div class="why-box" data-aos="fade-up" data-aos-delay="200">
					<div class="why-icon"><i class="fas fa-microphone-alt"></i></div>
					<div><h4>Stage Ready</h4><p>Gain confidence with regular performance opportunities.</p></div>
				</div>
				<div class="why-box" data-aos="fade-up" data-aos-delay="300">
					<div class="why-icon"><i class="fas fa-guitar"></i></div>
					<div><h4>Expert Mentors</h4><p>Learn techniques directly from seasoned performing artists.</p></div>
				</div>
			</div>
		</div>
	</section>

	<!-- VEENA STYLES (Founders Style) -->
	<section class="instruments-section">
		<div class="container">
			<div class="text-center">
				<h2 class="section-heading-burgundy">Composing Disciplines</h2>
				<p style="max-width: 700px; margin: 0 auto;">Explore the various disciplines of Song Composing.</p>
			</div>
			<div class="founder-grid">
				<div class="instrument-card" data-aos="flip-left" data-aos-delay="100">
					<div class="instrument-img-wrap square-style">
						<img src="wp-content/uploads/2024/05/sc1.jpg" alt="Music Production"></div>
					<h3>Melody Creation</h3>
					<p>Learn how to craft memorable melodies that capture emotion and stay with the listener.</p>
				</div>
				<div class="instrument-card" data-aos="flip-up" data-aos-delay="200">
					<div class="instrument-img-wrap square-style">
						<img src="wp-content/uploads/2024/05/sc2.jpg" alt="Music Arranging"></div>
					<h3>Harmony & Chords</h3>
					<p>Understand chord progressions and harmonies that add depth and richness to your music.</p>
				</div>
				<div class="instrument-card" data-aos="flip-right" data-aos-delay="300">
					<div class="instrument-img-wrap square-style">
						<img src="wp-content/uploads/2024/05/sc3.jpg" alt="Music Arranging"></div>
					<h3>Rhythm & Groove</h3>
					<p>Explore timing, patterns, and grooves that give your song energy and movement.</p>
				</div>
			</div>
		</div>
	</section>

	<!-- BENEFITS (Vision/Mission Style) -->
	<section class="vision-section">
		<div class="container">
			<div class="vision-grid">
				<div class="vision-box" data-aos="fade-right">
					<h3><i class="fas fa-bullseye"></i> Our Approach</h3>
					<ul class="vision-list">
						<li>Structured curriculum for all levels (Beginner to Advanced).</li>
						<li>Focus on both theory (raga/tala) and practical application.</li>
						<li>Regular stage performance opportunities in sabhas.</li>
						<li>Certification from recognized music boards (Trinity/ABRSM).</li>
					</ul>
				</div>
				<div class="vision-box" data-aos="fade-left">
					<h3><i class="fas fa-heart"></i> Benefits</h3>
					<ul class="vision-list">
						<li>Enhances cognitive skills, memory, and concentration.</li>
						<li>Relieves stress and provides a deep emotional outlet.</li>
						<li>Builds discipline, patience, and confidence.</li>
						<li>Connects you with a community of fellow musicians.</li>
					</ul>
				</div>
			</div>
		</div>
	</section>

	<!-- CURRICULUM ROADMAP (Affiliations Grid) -->
	<section class="affiliations-section">
		<div class="container">
			<div class="text-center">
				<h2 class="section-heading-burgundy">Curriculum Roadmap</h2>
				<p>A clear path from beginner to professional excellence.</p>
			</div>
			<div class="affiliations-grid" data-aos="fade-up">
				<div class="affiliation-item">
					<i class="fas fa-seedling affiliation-icon"></i>
					<h2>Beginner</h2>
					<span>3 Months</span>
					<p style="font-size: 0.9rem; margin-top: 10px;">Basics & Swaras</p>
				</div>
				<div class="affiliation-item">
					<i class="fas fa-tree affiliation-icon"></i>
					<h2>Foundation</h2>
					<span>6 Months</span>
					<p style="font-size: 0.9rem; margin-top: 10px;">Varnams & Alankarams</p>
				</div>
				<div class="affiliation-item">
					<i class="fas fa-graduation-cap affiliation-icon"></i>
					<h2>Intermediate</h2>
					<span>1 Year</span>
					<p style="font-size: 0.9rem; margin-top: 10px;">Kritis & Ragam</p>
				</div>
				<div class="affiliation-item">
					<i class="fas fa-medal affiliation-icon"></i>
					<h2>Advanced</h2>
					<span>2+ Years</span>
					<p style="font-size: 0.9rem; margin-top: 10px;">Manodharma & Concert</p>
				</div>
			</div>
		</div>
	</section>

	<!-- Footer -->

<?php include 'partials/footer.php'; ?>
