From 8a2bc00ab47226edf3ab306bf76d8d15e6a7765a Mon Sep 17 00:00:00 2001
From: Raghav Raj Sobti <raghavraj.sobti.21cse@bmu.edu.in>
Date: Thu, 25 Jun 2026 15:32:33 +0530
Subject: [PATCH] feat(academy): apply PDF course updates, pricing, and palette
 refresh

---
 components/layout/CourseLayout.tsx            | 138 ++++++++++--------
 components/sections/AcademySection.tsx        |   4 +-
 components/sections/academy/AcademyAbout.tsx  |  32 ++--
 .../sections/academy/AcademyBookCall.tsx      |  10 +-
 components/sections/academy/AcademyCTA.tsx    |   6 +-
 .../sections/academy/AcademyCourses.tsx       |  29 ++--
 components/sections/academy/AcademyHero.tsx   |  10 +-
 .../sections/academy/AcademyInitiatives.tsx   |  22 +--
 .../sections/academy/AcademyMentors.tsx       |  79 +++++-----
 .../sections/academy/AcademyTestimonials.tsx  |  14 +-
 components/ui/AcademyButton.tsx               |   4 +-
 pages/book-a-call.tsx                         |   4 +-
 pages/courses/composition-comprehensive.tsx   |   8 +-
 pages/courses/hindustani-classical.tsx        |   8 +-
 pages/masterclass/prasad-khaparde.tsx         |  30 ++--
 pages/masterclass/sandesh-shandilya.tsx       |  32 ++--
 16 files changed, 227 insertions(+), 203 deletions(-)

diff --git a/components/layout/CourseLayout.tsx b/components/layout/CourseLayout.tsx
index 2a7d20c4..4d2b4176 100644
--- a/components/layout/CourseLayout.tsx
+++ b/components/layout/CourseLayout.tsx
@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
+import { Info } from 'lucide-react';
 import Container from './Container';
 import Section from './Section';
-import { FishyButton } from '@/components/ui/fishy-button';
 import { AcademyButton } from '@/components/ui/AcademyButton';
 
 interface Highlight {
@@ -29,6 +29,8 @@ interface Module {
   segments: ModuleSegment[];
 }
 
+export type ComparisonCell = string | { text: string; tooltip?: string };
+
 interface CourseLayoutProps {
   title: string;
   mentor: string;
@@ -42,18 +44,40 @@ interface CourseLayoutProps {
   curriculum: Module[];
   enrollLink: string;
   masterclassLink?: string;
+  showPromo?: boolean;
   comparisonTable?: {
     headers: string[];
-    rows: string[][];
+    rows: ComparisonCell[][];
     tierLinks?: string[];
   };
 }
 
+function ComparisonCellContent({ cell }: { cell: ComparisonCell }) {
+  if (typeof cell === 'string') {
+    return <>{cell}</>;
+  }
+
+  return (
+    <span className="inline-flex items-center justify-center gap-2">
+      {cell.text}
+      {cell.tooltip && (
+        <span className="relative group/info inline-flex">
+          <Info size={16} className="text-mustard cursor-help shrink-0" aria-label="More information" />
+          <span
+            role="tooltip"
+            className="pointer-events-none absolute bottom-full left-1/2 z-20 mb-2 w-64 -translate-x-1/2 rounded-xl bg-charcoal px-4 py-3 text-left text-sm font-normal leading-relaxed text-cream opacity-0 shadow-xl transition-opacity group-hover/info:opacity-100"
+          >
+            {cell.tooltip}
+          </span>
+        </span>
+      )}
+    </span>
+  );
+}
+
 export default function CourseLayout({
   title,
   mentor,
-  mentorRole,
-  mentorImage,
   heroImage,
   credentials,
   overview,
@@ -62,30 +86,36 @@ export default function CourseLayout({
   curriculum,
   enrollLink,
   masterclassLink,
+  showPromo = true,
   comparisonTable,
 }: CourseLayoutProps) {
   const [openModule, setOpenModule] = useState<number | null>(0);
 
   return (
     <div className="bg-charcoal pt-24">
-      {/* Hero */}
+      {showPromo && (
+        <div className="bg-gradient-to-r from-wine via-chestnut to-mustard text-cream text-center py-3 px-4">
+          <p className="font-signika font-bold text-base md:text-lg tracking-wide">
+            <span className="inline-block bg-cream/20 rounded-full px-3 py-0.5 text-sm mr-2">50% OFF</span>
+            Courses now at <span className="text-white">₹4,999</span>{' '}
+            <span className="line-through opacity-70">₹9,999</span>
+          </p>
+        </div>
+      )}
+
       <section className="relative py-12 overflow-hidden border-b border-white/5">
         <Container>
           <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
-            <motion.div
-              initial={{ opacity: 0, x: -30 }}
-              animate={{ opacity: 1, x: 0 }}
-              transition={{ duration: 0.8 }}
-            >
+            <motion.div initial={{ opacity: 0, x: -30 }} animate={{ opacity: 1, x: 0 }} transition={{ duration: 0.8 }}>
               <h1 className="text-4xl md:text-6xl font-bold text-cream mb-8 font-signika leading-tight">
                 {title.split(' - ')[0]}<br />
-                <span className="text-pumpkin">{title.split(' - ')[1] || ''}</span>
+                <span className="text-mustard">{title.split(' - ')[1] || ''}</span>
               </h1>
               <div className="mb-10">
-                <p className="text-lg text-cream/70 mb-4 font-alan-sans">
+                <p className="text-xl text-cream/80 mb-4 font-alan-sans">
                   Learn with <strong>{mentor}</strong>
                 </p>
-                <div className="flex flex-wrap gap-x-4 gap-y-2 text-xs font-bold text-pumpkin uppercase tracking-widest font-alan-sans">
+                <div className="flex flex-wrap gap-x-4 gap-y-2 text-sm font-bold text-mustard uppercase tracking-widest font-alan-sans">
                   {credentials.map((c, i) => (
                     <React.Fragment key={c}>
                       <span>{c}</span>
@@ -96,13 +126,10 @@ export default function CourseLayout({
               </div>
               <div className="flex flex-wrap gap-6">
                 <AcademyButton variant="gradient" onClick={() => window.open(enrollLink, '_blank')}>
-                  Enroll for Course!
+                  Enroll for ₹4,999
                 </AcademyButton>
                 {masterclassLink && (
-                  <AcademyButton 
-                    variant="outline"
-                    onClick={() => window.open(masterclassLink, '_blank')}
-                  >
+                  <AcademyButton variant="outline" onClick={() => window.open(masterclassLink, '_blank')}>
                     Register for Masterclass!
                   </AcademyButton>
                 )}
@@ -114,7 +141,7 @@ export default function CourseLayout({
               transition={{ duration: 0.8, delay: 0.2 }}
               className="relative"
             >
-              <div className="aspect-square rounded-3xl overflow-hidden border border-pumpkin/30 shadow-2xl">
+              <div className="aspect-square rounded-3xl overflow-hidden border border-mustard/30 shadow-2xl">
                 <img src={heroImage} alt={mentor} className="w-full h-full object-cover" />
               </div>
             </motion.div>
@@ -122,24 +149,21 @@ export default function CourseLayout({
         </Container>
       </section>
 
-      {/* Overview */}
       <Section background="cream" padding="xl">
         <Container>
           <div className="grid grid-cols-1 lg:grid-cols-2 gap-16">
             <div>
-              <h2 className="text-3xl md:text-4xl font-bold text-academy-blue mb-8 font-signika">Course Overview</h2>
+              <h2 className="text-3xl md:text-4xl font-bold text-charcoal mb-8 font-signika">Course Overview</h2>
               {overview.map((p, i) => (
-                <p key={i} className="text-lg text-slate-medium mb-6 font-alan-sans leading-relaxed">
-                  {p}
-                </p>
+                <p key={i} className="text-xl text-slate-medium mb-6 font-alan-sans leading-relaxed">{p}</p>
               ))}
             </div>
             <div className="grid grid-cols-1 sm:grid-cols-2 gap-6">
               {highlights.map((h, i) => (
                 <div key={i} className="p-6 bg-white rounded-2xl shadow-sm border border-slate-lightest hover:shadow-md transition-shadow">
                   <div className="text-3xl mb-4">{h.icon}</div>
-                  <h3 className="text-lg font-bold text-academy-blue mb-2 font-signika">{h.title}</h3>
-                  <p className="text-sm text-slate-medium font-alan-sans leading-relaxed">{h.desc}</p>
+                  <h3 className="text-xl font-bold text-charcoal mb-2 font-signika">{h.title}</h3>
+                  <p className="text-base text-slate-medium font-alan-sans leading-relaxed">{h.desc}</p>
                 </div>
               ))}
             </div>
@@ -147,8 +171,7 @@ export default function CourseLayout({
         </Container>
       </Section>
 
-      {/* What You'll Learn */}
-      <Section background="academy-blue" padding="xl" className="text-cream">
+      <Section background="charcoal" padding="xl" className="text-cream">
         <Container>
           <h2 className="text-3xl md:text-4xl font-bold font-signika mb-16 text-center">What You&apos;ll Learn</h2>
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
@@ -161,23 +184,21 @@ export default function CourseLayout({
                 transition={{ delay: i * 0.1 }}
                 className="relative p-8 rounded-2xl bg-white/5 border border-white/10 group hover:bg-white/10 transition-colors"
               >
-                <div className="text-5xl font-bold text-pumpkin/20 mb-6 font-signika group-hover:text-pumpkin/40 transition-colors">
+                <div className="text-5xl font-bold text-mustard/20 mb-6 font-signika group-hover:text-mustard/40 transition-colors">
                   {String(i + 1).padStart(2, '0')}
                 </div>
                 <h3 className="text-xl font-bold mb-4 font-signika">{item.title}</h3>
-                <p className="text-sm text-cream/70 font-alan-sans leading-relaxed">{item.desc}</p>
+                <p className="text-base text-cream/80 font-alan-sans leading-relaxed">{item.desc}</p>
               </motion.div>
             ))}
           </div>
         </Container>
       </Section>
 
-      {/* Curriculum */}
       <Section background="cream-dark" padding="xl">
         <Container className="max-w-4xl">
-          <h2 className="text-3xl md:text-4xl font-bold text-academy-blue mb-4 text-center font-signika">Curriculum Overview</h2>
-          <p className="text-slate-medium text-center mb-16 font-alan-sans">A focused path with structured chapters and assignments.</p>
-          
+          <h2 className="text-3xl md:text-4xl font-bold text-charcoal mb-4 text-center font-signika">Curriculum Overview</h2>
+          <p className="text-lg text-slate-medium text-center mb-16 font-alan-sans">A focused path with structured chapters and assignments.</p>
           <div className="space-y-4">
             {curriculum.map((module, i) => (
               <div key={i} className="bg-white rounded-2xl overflow-hidden shadow-sm border border-slate-lightest">
@@ -187,26 +208,20 @@ export default function CourseLayout({
                 >
                   <div className="text-2xl">{module.icon}</div>
                   <div className="flex-1">
-                    <h3 className="text-lg font-bold text-academy-blue font-signika">{module.title}</h3>
-                    <p className="text-sm text-slate-light font-alan-sans">{module.desc}</p>
+                    <h3 className="text-lg font-bold text-charcoal font-signika">{module.title}</h3>
+                    <p className="text-base text-slate-light font-alan-sans">{module.desc}</p>
                   </div>
                   <div className={`transform transition-transform ${openModule === i ? 'rotate-180' : ''}`}>▼</div>
                 </button>
-                
                 <AnimatePresence>
                   {openModule === i && (
-                    <motion.div
-                      initial={{ height: 0 }}
-                      animate={{ height: 'auto' }}
-                      exit={{ height: 0 }}
-                      className="overflow-hidden border-t border-slate-lightest bg-slate-50/30"
-                    >
+                    <motion.div initial={{ height: 0 }} animate={{ height: 'auto' }} exit={{ height: 0 }} className="overflow-hidden border-t border-slate-lightest bg-slate-50/30">
                       <div className="p-6 space-y-4">
                         {module.segments.map((seg, si) => (
                           <div key={si} className="flex items-center justify-between p-4 bg-white rounded-xl border border-slate-lightest shadow-sm">
                             <div className="flex items-center gap-4">
-                              <span className="text-xs font-bold text-pumpkin font-alan-sans">{seg.number}</span>
-                              <span className="font-bold text-academy-blue font-signika">{seg.name}</span>
+                              <span className="text-xs font-bold text-mustard font-alan-sans">{seg.number}</span>
+                              <span className="font-bold text-charcoal font-signika">{seg.name}</span>
                             </div>
                             {seg.assignment && (
                               <span className="text-[10px] font-bold uppercase tracking-widest text-sea-foam bg-sea-foam/10 px-2 py-1 rounded">Assignment</span>
@@ -223,15 +238,14 @@ export default function CourseLayout({
         </Container>
       </Section>
 
-      {/* Comparison Table */}
       {comparisonTable && (
         <Section background="cream" padding="xl" id="comparison">
           <Container>
-            <h2 className="text-3xl md:text-4xl font-bold text-academy-blue mb-16 text-center font-signika">Choose Your Path</h2>
+            <h2 className="text-3xl md:text-4xl font-bold text-charcoal mb-16 text-center font-signika">Choose Your Path</h2>
             <div className="overflow-x-auto rounded-3xl border border-slate-lightest shadow-xl">
               <table className="w-full text-left bg-white min-w-[600px]">
                 <thead>
-                  <tr className="bg-academy-blue text-cream">
+                  <tr className="bg-charcoal text-cream">
                     {comparisonTable.headers.map((h, i) => (
                       <th key={i} className={`p-6 font-signika text-lg ${i > 0 ? 'text-center' : ''}`}>{h}</th>
                     ))}
@@ -241,25 +255,26 @@ export default function CourseLayout({
                   {comparisonTable.rows.map((row, i) => (
                     <tr key={i} className="hover:bg-slate-50 transition-colors">
                       {row.map((cell, ci) => (
-                        <td key={ci} className={`p-6 font-alan-sans ${ci === 0 ? 'font-bold text-academy-blue' : 'text-slate-medium text-center'}`}>
-                          {cell}
+                        <td key={ci} className={`p-6 font-alan-sans text-base ${ci === 0 ? 'font-bold text-charcoal' : 'text-slate-medium text-center'}`}>
+                          <ComparisonCellContent cell={cell} />
                         </td>
                       ))}
                     </tr>
                   ))}
-                  {/* Buttons Row */}
                   {comparisonTable.tierLinks && (
                     <tr className="bg-slate-50/50">
                       <td className="p-6"></td>
                       {comparisonTable.tierLinks.map((link, i) => (
                         <td key={i} className="p-6 text-center">
-                          <AcademyButton 
-                            variant={i === 1 ? "gradient" : "dark"} 
-                            onClick={() => window.open(link, '_blank')}
-                            className="w-full text-xs"
-                          >
-                            Secure Your Spot
-                          </AcademyButton>
+                          <div className="space-y-2">
+                            <p className="text-sm text-slate-medium">
+                              <span className="line-through">₹9,999</span>{' '}
+                              <span className="font-bold text-wine text-lg">₹4,999</span>
+                            </p>
+                            <AcademyButton variant="gradient" onClick={() => window.open(link, '_blank')} className="w-full text-sm">
+                              Secure Your Spot
+                            </AcademyButton>
+                          </div>
                         </td>
                       ))}
                     </tr>
@@ -267,12 +282,11 @@ export default function CourseLayout({
                 </tbody>
               </table>
             </div>
-            
             {!comparisonTable.tierLinks && (
               <div className="mt-12 text-center">
-                 <AcademyButton variant="gradient" onClick={() => window.open(enrollLink, '_blank')}>
-                   Secure Your Spot Now
-                 </AcademyButton>
+                <AcademyButton variant="gradient" onClick={() => window.open(enrollLink, '_blank')}>
+                  Secure Your Spot — ₹4,999
+                </AcademyButton>
               </div>
             )}
           </Container>
diff --git a/components/sections/AcademySection.tsx b/components/sections/AcademySection.tsx
index c88d4c78..d6093993 100644
--- a/components/sections/AcademySection.tsx
+++ b/components/sections/AcademySection.tsx
@@ -318,7 +318,7 @@ export default function AcademySection() {
       mentor: 'Sandesh Shandilya',
       level: 'Intermediate',
       description:
-        'A comprehensive 6-month program with 200+ mins of recorded content and 12+ live interactive sessions. Learn the art of imagination, emotion to expression, subconscious mind workings, and mainstream mastery. 1 year access to course contents, lifetime community access, and unique training approach where knowledge meets experience. Score 9+ on final capstone to perform at The Young Guns Demo Day.',
+        'A comprehensive 6-month program with 500+ mins of recorded content and 5 live interactive sessions. Learn the art of imagination, emotion to expression, subconscious mind workings, and mainstream mastery. 6 months access to course contents, lifetime community access, and unique training approach where knowledge meets experience. Score 9+ on final capstone to perform at The Young Guns Demo Day. ₹4,999 (50% off — was ₹9,999).',
       isFeatured: true,
       // ▼ BANNER IMAGE — place the image file in /public/assets/ and set the path below:
       bannerImage: '/assets/the heart of music composition thumbmail 4K.jpg.jpeg',
@@ -332,7 +332,7 @@ export default function AcademySection() {
       title: 'Classical Singing - Comprehensive',
       mentor: 'Prasad Khaparde',
       level: 'Intermediate',
-      description: 'Master the art of Hindustani classical singing under the guidance of Prasad Khaparde. Twelve online group sessions, 120 mins of recorded content, quality assessments, and certification. Top 10 students per 300 enrollments will get opportunity to continue the journey under Prasad Khaparde\'s personal mentorship.',
+      description: 'Master the art of Hindustani classical singing under the guidance of Prasad Khaparde. Five online group sessions, 500+ mins of recorded content, quality assessments, and certification. Top 10 students per 300 enrollments will get opportunity to continue the journey under Prasad Khaparde\'s personal mentorship. ₹4,999 (50% off — was ₹9,999).',
       bannerImage: '/assets/The roots of Hindustani Classical Music.png',
       isComingSoon: false,
       enrollUrl: '/tscacademy',
diff --git a/components/sections/academy/AcademyAbout.tsx b/components/sections/academy/AcademyAbout.tsx
index 241de65d..9d319270 100644
--- a/components/sections/academy/AcademyAbout.tsx
+++ b/components/sections/academy/AcademyAbout.tsx
@@ -5,38 +5,38 @@ import Container from '@/components/layout/Container';
 
 const visionCards = [
   {
-    icon: <Sparkles className="w-10 h-10 text-pumpkin" />,
+    icon: <Sparkles className="w-10 h-10 text-mustard" />,
     title: 'First of its Kind',
     desc: "India's premier music academy where industry legends mentor the next generation of artists",
     highlight: true,
   },
   {
-    icon: <Map className="w-10 h-10 text-[#1e3a8a]" />,
+    icon: <Map className="w-10 h-10 text-wine" />,
     title: 'Partner in Your Journey',
     desc: "We're not here for a quick course. We're here for your entire artistic evolution, from discovery to mastery",
   },
   {
-    icon: <Crown className="w-10 h-10 text-[#1e3a8a]" />,
+    icon: <Crown className="w-10 h-10 text-wine" />,
     title: 'Only Leading Artists as Mentors',
     desc: 'Learn from leading industry professionals & artists who have already proven their craft on a global level.',
   },
   {
-    icon: <Search className="w-10 h-10 text-[#1e3a8a]" />,
+    icon: <Search className="w-10 h-10 text-wine" />,
     title: 'Strictly for Artists who want to be a Professional',
     desc: 'Our platform is not for hobbyists or casual explorers. We put everything we have into those who are serious about their craft and ready to transform',
   },
   {
-    icon: <Heart className="w-10 h-10 text-[#1e3a8a]" />,
+    icon: <Heart className="w-10 h-10 text-wine" />,
     title: 'Scholarships for EWS Available',
     desc: "Talent shouldn't be limited by access. We ensure deserving artists from economically weaker sections can pursue their dreams",
   },
   {
-    icon: <Handshake className="w-10 h-10 text-[#1e3a8a]" />,
+    icon: <Handshake className="w-10 h-10 text-wine" />,
     title: 'Unconditional Support',
     desc: 'We make sure that you get any support that you need in your journey, no matter what.',
   },
   {
-    icon: <Stars className="w-10 h-10 text-pumpkin" />,
+    icon: <Stars className="w-10 h-10 text-mustard" />,
     title: "We're here to serve the artist community",
     desc: "Artists today need more than skill - they need mentorship, depth of understanding, and the confidence to express their authentic voice. This is a safe & non-judgemental space for unfolding the artist you are meant to be.",
     fullWidth: true,
@@ -54,10 +54,10 @@ export default function AcademyAbout() {
             viewport={{ once: true }}
             transition={{ duration: 0.8 }}
           >
-            <div className="text-xs font-bold tracking-widest text-pumpkin uppercase mb-6 font-alan-sans">
+            <div className="text-xs font-bold tracking-widest text-mustard uppercase mb-6 font-alan-sans">
               ARE YOU READY?
             </div>
-            <h2 className="text-4xl md:text-5xl font-bold text-[#1e3a8a] font-signika leading-tight tracking-tight">
+            <h2 className="text-4xl md:text-5xl font-bold text-wine font-signika leading-tight tracking-tight">
               Every artist has a story <br className="hidden md:block" /> waiting to unfold.
             </h2>
           </motion.div>
@@ -69,11 +69,11 @@ export default function AcademyAbout() {
             transition={{ duration: 0.8, delay: 0.2 }}
             className="space-y-6"
           >
-            <p className="text-lg text-slate-medium font-alan-sans leading-relaxed">
+            <p className="text-xl text-slate-medium font-alan-sans leading-relaxed">
               We&apos;re a one of a kind group of leading industry professionals & artists who
               are insanely driven to help artists unfold into an artist that they&apos;re truly meant to be.
             </p>
-            <p className="text-lg text-slate-medium font-alan-sans leading-relaxed">
+            <p className="text-xl text-slate-medium font-alan-sans leading-relaxed">
               We provide 360 degree support to our artists and make sure that they get any
               support that they need in their journey. A space where artists can learn, collaborate, and create
               world-class work.
@@ -92,16 +92,16 @@ export default function AcademyAbout() {
               className={`
                 relative p-8 rounded-3xl border-2 transition-all duration-400 group overflow-hidden
                 ${card.highlight 
-                  ? 'bg-gradient-to-br from-cream-light to-white border-pumpkin/30 shadow-pumpkin/10 shadow-xl' 
-                  : 'bg-white border-slate-lightest hover:border-[#1e3a8a]/30 shadow-sm hover:shadow-xl'}
-                ${card.fullWidth ? 'md:col-span-2 lg:col-span-3 bg-gradient-to-r from-[#1e3a8a]/5 to-pumpkin/5' : ''}
+                  ? 'bg-gradient-to-br from-cream-light to-white border-mustard/30 shadow-mustard/10 shadow-xl' 
+                  : 'bg-white border-slate-lightest hover:border-wine/30 shadow-sm hover:shadow-xl'}
+                ${card.fullWidth ? 'md:col-span-2 lg:col-span-3 bg-gradient-to-r from-wine/5 to-mustard/5' : ''}
               `}
             >
               {/* Hover line accent */}
-              <div className={`absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-[#1e3a8a] to-pumpkin transform origin-left transition-transform duration-500 ${card.highlight ? 'scale-x-100' : 'scale-x-0 group-hover:scale-x-100'}`} />
+              <div className={`absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-wine to-mustard transform origin-left transition-transform duration-500 ${card.highlight ? 'scale-x-100' : 'scale-x-0 group-hover:scale-x-100'}`} />
               
               <div className="mb-6">{card.icon}</div>
-              <h3 className="text-xl font-bold text-[#1e3a8a] mb-4 font-signika">{card.title}</h3>
+              <h3 className="text-xl font-bold text-wine mb-4 font-signika">{card.title}</h3>
               <p className="text-slate-medium font-alan-sans leading-relaxed">
                 {card.desc}
               </p>
diff --git a/components/sections/academy/AcademyBookCall.tsx b/components/sections/academy/AcademyBookCall.tsx
index 657a864b..1b93c2c3 100644
--- a/components/sections/academy/AcademyBookCall.tsx
+++ b/components/sections/academy/AcademyBookCall.tsx
@@ -6,8 +6,8 @@ export default function AcademyBookCall() {
   return (
     <section className="py-24 bg-white relative overflow-hidden">
       {/* Decorative elements */}
-      <div className="absolute top-0 right-0 w-96 h-96 bg-orange/5 rounded-full blur-3xl -mr-48 -mt-48" />
-      <div className="absolute bottom-0 left-0 w-96 h-96 bg-[#1e3a8a]/5 rounded-full blur-3xl -ml-48 -mb-48" />
+      <div className="absolute top-0 right-0 w-96 h-96 bg-mustard/5 rounded-full blur-3xl -mr-48 -mt-48" />
+      <div className="absolute bottom-0 left-0 w-96 h-96 bg-wine/5 rounded-full blur-3xl -ml-48 -mb-48" />
 
       <div className="max-w-5xl mx-auto px-6 relative z-10">
         <div className="flex flex-col md:flex-row items-center gap-12">
@@ -16,7 +16,7 @@ export default function AcademyBookCall() {
               initial={{ opacity: 0, y: 10 }}
               whileInView={{ opacity: 1, y: 0 }}
               transition={{ duration: 0.6 }}
-              className="text-orange font-black text-xs uppercase tracking-[0.3em] mb-4 font-alan-sans"
+              className="text-mustard font-black text-xs uppercase tracking-[0.3em] mb-4 font-alan-sans"
             >
               Personal Guidance
             </motion.p>
@@ -89,8 +89,8 @@ export default function AcademyBookCall() {
               </div>
             </div>
             {/* Abstract shapes */}
-            <div className="absolute -top-6 -right-6 w-24 h-24 border-2 border-orange/20 rounded-full" />
-            <div className="absolute -bottom-10 -left-10 w-40 h-40 border border-[#1e3a8a]/10 rounded-full" />
+            <div className="absolute -top-6 -right-6 w-24 h-24 border-2 border-mustard/20 rounded-full" />
+            <div className="absolute -bottom-10 -left-10 w-40 h-40 border border-wine/10 rounded-full" />
           </motion.div>
         </div>
       </div>
diff --git a/components/sections/academy/AcademyCTA.tsx b/components/sections/academy/AcademyCTA.tsx
index cc8fb298..d4b344ce 100644
--- a/components/sections/academy/AcademyCTA.tsx
+++ b/components/sections/academy/AcademyCTA.tsx
@@ -6,10 +6,10 @@ import { AcademyButton } from '@/components/ui/AcademyButton';
 
 export default function AcademyCTA() {
   return (
-    <Section id="cta" padding="xl" className="relative overflow-hidden bg-gradient-to-br from-[#1e3a8a] to-[#172554]">
+    <Section id="cta" padding="xl" className="relative overflow-hidden bg-gradient-to-br from-charcoal to-wine">
       {/* Decorative background elements */}
-      <div className="absolute top-0 right-0 w-96 h-96 bg-pumpkin/10 rounded-full blur-[100px] -mr-48 -mt-48" />
-      <div className="absolute bottom-0 left-0 w-96 h-96 bg-[#1e3a8a]/20 rounded-full blur-[100px] -ml-48 -mb-48" />
+      <div className="absolute top-0 right-0 w-96 h-96 bg-mustard/10 rounded-full blur-[100px] -mr-48 -mt-48" />
+      <div className="absolute bottom-0 left-0 w-96 h-96 bg-wine/20 rounded-full blur-[100px] -ml-48 -mb-48" />
 
       <Container className="relative z-10">
         <div className="max-w-3xl mx-auto text-center">
diff --git a/components/sections/academy/AcademyCourses.tsx b/components/sections/academy/AcademyCourses.tsx
index fae4aa48..712cfaeb 100644
--- a/components/sections/academy/AcademyCourses.tsx
+++ b/components/sections/academy/AcademyCourses.tsx
@@ -12,7 +12,7 @@ const courses = [
     title: 'The heART of Composition - Comprehensive',
     mentor: 'Sandesh Shandilya',
     mentorImage: '/assets/academy/sandesh.jpg',
-    features: ['6 Months', '200+ Mins Content', '3 Live Sessions', 'Industry Mentorship'],
+    features: ['6 Months', '500+ Mins Content', '5 Live Sessions', 'Industry Mentorship'],
     desc: 'Dive deeper into advanced composition techniques with this comprehensive 6-month course. Learn the art of imagination, emotion to expression, and mainstream mastery directly from a legend.',
     image: '/assets/academy/sandesh.jpg',
     link: '/courses/composition-comprehensive',
@@ -23,8 +23,8 @@ const courses = [
     title: 'The Roots of Hindustani Classical Music',
     mentor: 'Prasad Khaparde',
     mentorImage: '/assets/academy/prasadji.jpg',
-    features: ['6 Months', '3+ Live Sessions', '300+ Mins Content', 'Certification'],
-    desc: 'Immerse yourself in the timeless art of Hindustani classical singing. Twelve exclusive online group sessions, quality assessments, and certification under the guidance of Pandit Prasad Khaparde.',
+    features: ['6 Months', '5+ Live Sessions', '500+ Mins Content', 'Certification'],
+    desc: 'Immerse yourself in the timeless art of Hindustani classical singing. Five exclusive online group sessions, quality assessments, and certification under the guidance of Pandit Prasad Khaparde.',
     image: '/assets/academy/prasadji.jpg',
     link: '/courses/hindustani-classical',
     isLive: true,
@@ -80,7 +80,7 @@ export default function AcademyCourses() {
             whileInView={{ opacity: 1, y: 0 }}
             viewport={{ once: true }}
             transition={{ delay: 0.2 }}
-            className="text-lg text-cream/70 font-alan-sans max-w-2xl mx-auto"
+            className="text-xl text-cream/80 font-alan-sans max-w-2xl mx-auto leading-relaxed"
           >
             Learn from industry legends and take your musical journey to the next level
           </motion.p>
@@ -118,16 +118,23 @@ export default function AcademyCourses() {
                     />
                   </div>
                 ) : (
-                  <div className="w-full h-full bg-gradient-to-br from-academy-blue to-charcoal" />
+                  <div className="w-full h-full bg-gradient-to-br from-wine to-charcoal" />
                 )}
                 <div className="absolute inset-0 bg-gradient-to-t from-black via-black/40 to-transparent z-10" />
                 {course.isComingSoon && (
-                  <div className="absolute inset-0 bg-black/40 backdrop-blur-[2px] z-20 flex items-center justify-center">
-                    <div className="px-6 py-2 bg-pumpkin text-cream rounded-full font-bold text-sm tracking-widest uppercase shadow-xl">
+                  <div className="absolute top-5 right-5 z-20">
+                    <div className="px-4 py-2 bg-mustard text-charcoal rounded-full font-bold text-xs tracking-widest uppercase shadow-lg border border-cream/20">
                       Revealing Soon
                     </div>
                   </div>
                 )}
+                {!course.isComingSoon && (
+                  <div className="absolute top-5 left-5 z-20">
+                    <div className="px-4 py-2 bg-wine text-cream rounded-full font-bold text-xs tracking-wide shadow-lg">
+                      50% OFF · ₹4,999 <span className="line-through opacity-70 ml-1">₹9,999</span>
+                    </div>
+                  </div>
+                )}
               </div>
 
               {/* Content */}
@@ -143,7 +150,7 @@ export default function AcademyCourses() {
                 <div className="flex flex-wrap gap-x-4 gap-y-2 mb-8">
                   {course.features.map((f, i) => (
                     <React.Fragment key={f}>
-                      <span className="text-xs font-bold text-cream/80 font-alan-sans">{f}</span>
+                      <span className="text-sm font-bold text-cream/90 font-alan-sans">{f}</span>
                       {i < course.features.length - 1 && (
                         <span className="text-white/20">|</span>
                       )}
@@ -151,13 +158,13 @@ export default function AcademyCourses() {
                   ))}
                 </div>
 
-                <p className="text-cream/70 font-alan-sans text-sm leading-relaxed mb-10 max-w-lg line-clamp-3 group-hover:line-clamp-none transition-all duration-500">
+                <p className="text-cream/80 font-alan-sans text-base leading-relaxed mb-10 max-w-lg line-clamp-3 group-hover:line-clamp-none transition-all duration-500">
                   {course.desc}
                 </p>
 
                 {!course.isComingSoon && (
                   <div className="flex items-center gap-4">
-                    <div className="w-10 h-10 rounded-full border border-pumpkin overflow-hidden relative">
+                    <div className="w-10 h-10 rounded-full border border-mustard overflow-hidden relative">
                       <Image
                         src={course.mentorImage}
                         alt={course.mentor}
@@ -166,7 +173,7 @@ export default function AcademyCourses() {
                       />
                     </div>
                     <span className="text-cream font-bold font-alan-sans text-sm">{course.mentor}</span>
-                    <div className="ml-auto w-10 h-10 rounded-full bg-pumpkin/20 border border-pumpkin/50 flex items-center justify-center text-cream group-hover:bg-pumpkin group-hover:scale-110 transition-all">
+                    <div className="ml-auto w-10 h-10 rounded-full bg-mustard/20 border border-mustard/50 flex items-center justify-center text-cream group-hover:bg-mustard group-hover:scale-110 transition-all">
                       <ArrowRight size={18} />
                     </div>
                   </div>
diff --git a/components/sections/academy/AcademyHero.tsx b/components/sections/academy/AcademyHero.tsx
index 6f25f791..2ebff199 100644
--- a/components/sections/academy/AcademyHero.tsx
+++ b/components/sections/academy/AcademyHero.tsx
@@ -13,7 +13,7 @@ export default function AcademyHero() {
           alt="TSC Academy"
           className="w-full h-full object-cover opacity-50"
         />
-        <div className="absolute inset-0 bg-gradient-to-br from-[#1e3a8a]/50 via-[#172554]/70 to-pumpkin/50 z-10" />
+        <div className="absolute inset-0 bg-gradient-to-br from-charcoal/60 via-wine/40 to-mustard/30 z-10" />
         
         {/* Animated Orb */}
         <motion.div
@@ -26,7 +26,7 @@ export default function AcademyHero() {
             repeat: Infinity,
             ease: "easeInOut"
           }}
-          className="absolute -left-48 top-1/4 w-[600px] h-[600px] rounded-full bg-radial-gradient from-[#1e3a8a]/60 via-pumpkin/40 to-transparent blur-[80px] z-20"
+          className="absolute -left-48 top-1/4 w-[600px] h-[600px] rounded-full bg-radial-gradient from-wine/40 via-mustard/30 to-transparent blur-[80px] z-20"
         />
       </div>
 
@@ -48,21 +48,21 @@ export default function AcademyHero() {
             className="text-5xl md:text-7xl lg:text-8xl font-bold text-cream mb-8 font-signika leading-[1.1] tracking-tight"
           >
             Unfolding <br />
-            <span className="text-pumpkin">Artist Force</span>
+            <span className="text-mustard">Artist Force</span>
           </motion.h1>
 
           <motion.div
             initial={{ opacity: 0, scaleX: 0 }}
             animate={{ opacity: 1, scaleX: 1 }}
             transition={{ duration: 1, delay: 0.5 }}
-            className="w-20 h-0.5 bg-gradient-to-r from-[#1e3a8a] to-pumpkin mb-8 origin-left"
+            className="w-20 h-0.5 bg-gradient-to-r from-wine to-mustard mb-8 origin-left"
           />
 
           <motion.p
             initial={{ opacity: 0, y: 20 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.6, delay: 0.4 }}
-            className="text-lg md:text-xl text-cream/85 mb-12 font-alan-sans leading-relaxed max-w-xl"
+            className="text-xl md:text-2xl text-cream/90 mb-12 font-alan-sans leading-relaxed max-w-xl"
           >
             We help artists who aspire to go professional attain their maximum
             potential by providing right learning, guidance, incubation & acceleration.
diff --git a/components/sections/academy/AcademyInitiatives.tsx b/components/sections/academy/AcademyInitiatives.tsx
index 80055d39..c61bcdd4 100644
--- a/components/sections/academy/AcademyInitiatives.tsx
+++ b/components/sections/academy/AcademyInitiatives.tsx
@@ -6,11 +6,11 @@ import Container from '@/components/layout/Container';
 
 const initiatives = [
   {
-    title: 'Artist Unfolding Sessions',
-    desc: 'Every week at 7:00 PM, we go live on our Instagram page (@the_shakti_collective) with our mentors, followers & learners. Join us for exclusive sessions, Q&As, and real-time interactions with industry legends.',
+    title: 'The Artist Path',
+    desc: 'A structured journey that maps where you are today to where you want to be as a professional artist. We bring industry experts — composers, vocalists, producers, and curators — to help you build a personalised artist path with the right learning, mentorship, and opportunities at every stage.',
     image: 'https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=400&h=300&fit=crop',
-    link: 'https://www.instagram.com/the_shakti_collective',
-    linkText: 'Follow @the_shakti_collective',
+    link: '/artist-path',
+    linkText: 'Explore The Artist Path',
   },
   {
     title: 'TSC Scholarships',
@@ -43,7 +43,7 @@ export default function AcademyInitiatives() {
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             viewport={{ once: true }}
-            className="text-4xl md:text-5xl font-bold text-[#1e3a8a] font-signika mb-6"
+            className="text-4xl md:text-5xl font-bold text-charcoal font-signika mb-6"
           >
             Our Initiatives
           </motion.h2>
@@ -52,7 +52,7 @@ export default function AcademyInitiatives() {
             whileInView={{ opacity: 1, y: 0 }}
             viewport={{ once: true }}
             transition={{ delay: 0.2 }}
-            className="text-lg text-slate-medium font-alan-sans max-w-2xl mx-auto"
+            className="text-xl text-slate-medium font-alan-sans max-w-2xl mx-auto leading-relaxed"
           >
             To help you cultivate unwavering belief in your own self.
           </motion.p>
@@ -77,8 +77,8 @@ export default function AcademyInitiatives() {
                 <div className="absolute inset-0 bg-black/10 group-hover:bg-transparent transition-colors" />
               </div>
               <div className="p-8 flex flex-col flex-1">
-                <h3 className="text-2xl font-bold text-[#1e3a8a] mb-4 font-signika">{item.title}</h3>
-                <p className="text-slate-medium font-alan-sans text-sm leading-relaxed mb-6 flex-1">
+                <h3 className="text-2xl font-bold text-charcoal mb-4 font-signika">{item.title}</h3>
+                <p className="text-slate-medium font-alan-sans text-base leading-relaxed mb-6 flex-1">
                   {item.desc}
                 </p>
                 {item.link && (
@@ -86,7 +86,7 @@ export default function AcademyInitiatives() {
                     href={item.link}
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="text-pumpkin font-bold font-alan-sans text-sm hover:translate-x-2 transition-transform flex items-center gap-2"
+                    className="text-mustard font-bold font-alan-sans text-sm hover:translate-x-2 transition-transform flex items-center gap-2"
                   >
                     {item.linkText} <ArrowRight size={14} />
                   </a>
@@ -100,9 +100,9 @@ export default function AcademyInitiatives() {
           initial={{ opacity: 0, y: 30 }}
           whileInView={{ opacity: 1, y: 0 }}
           viewport={{ once: true }}
-          className="bg-white p-12 rounded-[2.5rem] text-center shadow-xl border border-[#1e3a8a]/5"
+          className="bg-white p-12 rounded-[2.5rem] text-center shadow-xl border border-charcoal/5"
         >
-          <p className="text-xl md:text-2xl font-bold text-[#1e3a8a] mb-8 font-signika">
+          <p className="text-xl md:text-2xl font-bold text-charcoal mb-8 font-signika">
             Want to ask anything about our initiatives and programs?
           </p>
           <a
diff --git a/components/sections/academy/AcademyMentors.tsx b/components/sections/academy/AcademyMentors.tsx
index e989b03b..738c6336 100644
--- a/components/sections/academy/AcademyMentors.tsx
+++ b/components/sections/academy/AcademyMentors.tsx
@@ -1,10 +1,9 @@
 import React from 'react';
 import { motion } from 'framer-motion';
+import { Headphones, PenLine } from 'lucide-react';
 import Section from '@/components/layout/Section';
 import Container from '@/components/layout/Container';
 
-import { Mic2, Music2, Guitar } from 'lucide-react';
-
 const featuredMentors = [
   {
     name: 'Sandesh Shandilya',
@@ -44,22 +43,21 @@ const featuredMentors = [
   }
 ];
 
-const comingSoonMentors = [
+const mentorSessions = [
   {
-    role: 'Iconic Voice Behind Bollywood Hits',
-    desc: 'A renowned Bollywood playback singer known for her rustic voice behind some of the most iconic songs across Bollywood genres.',
-    icon: <Mic2 className="w-12 h-12 text-[#1e3a8a]" />
+    name: 'Luca Petracca',
+    role: 'Music Producer & Film Composer',
+    desc: 'Master the end-to-end process of producing professional music for your songs. From recording and arrangement to mixing and mastering, Luca Petracca guides you through DAW training, orchestration, and film music production for singer-songwriters.',
+    image: '/assets/academy/luca.jpg',
+    icon: <Headphones className="w-10 h-10 text-wine" />,
   },
   {
-    role: 'Master of Musical Excellence',
-    desc: 'An internationally acclaimed artist with decades of experience shaping the music industry and inspiring generations.',
-    icon: <Music2 className="w-12 h-12 text-[#1e3a8a]" />
+    name: 'Geet Sagar',
+    role: 'Singer, Lyricist & X Factor India Winner',
+    desc: 'Learn the art of singing and songwriting from the winner of X Factor India. Geet Sagar shares 20+ years of experience as a singer, lyricist, and RJ to help you find your unique voice and craft songs that stand out in the mainstream.',
+    image: '/assets/academy/geetsagar.jpg',
+    icon: <PenLine className="w-10 h-10 text-wine" />,
   },
-  {
-    role: 'Visionary in Music Creation',
-    desc: 'A trailblazer in the music industry, known for innovative compositions and groundbreaking work that redefined musical boundaries.',
-    icon: <Guitar className="w-12 h-12 text-[#1e3a8a]" />
-  }
 ];
 
 export default function AcademyMentors() {
@@ -71,7 +69,7 @@ export default function AcademyMentors() {
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             viewport={{ once: true }}
-            className="text-4xl md:text-5xl font-bold text-[#1e3a8a] font-signika mb-6"
+            className="text-4xl md:text-5xl font-bold text-charcoal font-signika mb-6"
           >
             Our Mentors
           </motion.h2>
@@ -80,7 +78,7 @@ export default function AcademyMentors() {
             whileInView={{ opacity: 1, y: 0 }}
             viewport={{ once: true }}
             transition={{ delay: 0.2 }}
-            className="text-lg text-slate-medium font-alan-sans max-w-2xl mx-auto"
+            className="text-xl text-slate-medium font-alan-sans max-w-2xl mx-auto leading-relaxed"
           >
             We define international standards. Our mentors are only the best artists in the world
             with proven craft and impeccable track records.
@@ -97,18 +95,14 @@ export default function AcademyMentors() {
               transition={{ delay: index * 0.15 }}
               className="bg-white p-8 rounded-3xl border border-slate-lightest shadow-lg hover:shadow-2xl transition-all duration-400 group"
             >
-              <h3 className="text-2xl font-bold text-[#1e3a8a] font-signika mb-1">{mentor.name}</h3>
-              <p className="text-sm font-bold text-pumpkin font-alan-sans mb-6 uppercase tracking-wider">{mentor.role}</p>
-              
+              <h3 className="text-2xl font-bold text-charcoal font-signika mb-1">{mentor.name}</h3>
+              <p className="text-sm font-bold text-mustard font-alan-sans mb-6 uppercase tracking-wider">{mentor.role}</p>
+
               <div className="h-80 overflow-hidden rounded-2xl mb-8">
-                <img
-                  src={mentor.image}
-                  alt={mentor.name}
-                  className="w-full h-full object-cover transition-all duration-700"
-                />
+                <img src={mentor.image} alt={mentor.name} className="w-full h-full object-cover transition-all duration-700" />
               </div>
 
-              <p className="text-slate-medium font-alan-sans text-sm leading-relaxed mb-8 h-24 overflow-hidden line-clamp-4">
+              <p className="text-slate-medium font-alan-sans text-base leading-relaxed mb-8 h-24 overflow-hidden line-clamp-4">
                 {mentor.bio}
               </p>
 
@@ -124,26 +118,35 @@ export default function AcademyMentors() {
         </div>
 
         <div className="text-center mb-12">
-          <h3 className="text-3xl font-bold text-[#1e3a8a] font-signika mb-4">Launching Soon</h3>
-          <p className="text-slate-medium font-alan-sans">More legends joining the force</p>
+          <h3 className="text-3xl font-bold text-charcoal font-signika mb-4">Mentor Sessions</h3>
+          <p className="text-lg text-slate-medium font-alan-sans">Upcoming courses with industry experts</p>
         </div>
 
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-          {comingSoonMentors.map((mentor, index) => (
-            <motion.div
-              key={index}
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
+          {mentorSessions.map((mentor, index) => (
+            <motion.article
+              key={mentor.name}
               initial={{ opacity: 0, scale: 0.95 }}
               whileInView={{ opacity: 1, scale: 1 }}
               viewport={{ once: true }}
               transition={{ delay: index * 0.1 }}
-              className="bg-cream-dark/30 p-8 rounded-3xl border border-dashed border-[#1e3a8a]/20 text-center"
+              className="bg-white p-8 rounded-3xl border border-slate-lightest shadow-lg text-left"
             >
-              <div className="flex justify-center mb-6 opacity-80">{mentor.icon}</div>
-              <h4 className="text-lg font-bold text-[#1e3a8a] font-signika mb-4">{mentor.role}</h4>
-              <p className="text-sm text-slate-medium font-alan-sans leading-relaxed">
-                {mentor.desc}
-              </p>
-            </motion.div>
+              <div className="h-56 overflow-hidden rounded-2xl mb-6 relative">
+                <img src={mentor.image} alt={mentor.name} className="w-full h-full object-cover" />
+                <div className="absolute top-3 right-3 bg-mustard text-charcoal text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider">
+                  Revealing Soon
+                </div>
+              </div>
+              <div className="flex items-center gap-3 mb-4">
+                <div className="opacity-80">{mentor.icon}</div>
+                <div>
+                  <h4 className="text-xl font-bold text-charcoal font-signika">{mentor.name}</h4>
+                  <p className="text-sm font-bold text-mustard font-alan-sans uppercase tracking-wider">{mentor.role}</p>
+                </div>
+              </div>
+              <p className="text-base text-slate-medium font-alan-sans leading-relaxed">{mentor.desc}</p>
+            </motion.article>
           ))}
         </div>
       </Container>
diff --git a/components/sections/academy/AcademyTestimonials.tsx b/components/sections/academy/AcademyTestimonials.tsx
index 3f9924f5..483f1e94 100644
--- a/components/sections/academy/AcademyTestimonials.tsx
+++ b/components/sections/academy/AcademyTestimonials.tsx
@@ -31,10 +31,10 @@ export default function AcademyTestimonials() {
       <Container>
         <div className="flex flex-col md:flex-row items-end justify-between mb-16 gap-8">
           <div>
-            <div className="mb-4 text-[#1e3a8a]/20">
+            <div className="mb-4 text-wine/20">
               <Quote size={48} fill="currentColor" />
             </div>
-            <h2 className="text-4xl md:text-5xl font-bold text-[#1e3a8a] font-signika">
+            <h2 className="text-4xl md:text-5xl font-bold text-wine font-signika">
               Artist Testimonials
             </h2>
           </div>
@@ -48,9 +48,9 @@ export default function AcademyTestimonials() {
               whileInView={{ opacity: 1, scale: 1 }}
               viewport={{ once: true }}
               transition={{ delay: index * 0.15 }}
-              className="bg-white p-10 rounded-[2.5rem] shadow-xl border border-[#1e3a8a]/5 flex flex-col relative"
+              className="bg-white p-10 rounded-[2.5rem] shadow-xl border border-wine/5 flex flex-col relative"
             >
-              <div className="absolute top-8 right-10 text-[#1e3a8a]/5">
+              <div className="absolute top-8 right-10 text-wine/5">
                 <Quote size={64} fill="currentColor" className="opacity-10" />
               </div>
               
@@ -59,12 +59,12 @@ export default function AcademyTestimonials() {
               </p>
 
               <div className="flex items-center gap-6 pt-8 border-t border-slate-lightest">
-                <div className="w-16 h-16 rounded-full overflow-hidden border-2 border-pumpkin/30 flex-shrink-0">
+                <div className="w-16 h-16 rounded-full overflow-hidden border-2 border-mustard/30 flex-shrink-0">
                   <img src={t.image} alt={t.name} className="w-full h-full object-cover" />
                 </div>
                 <div>
-                  <h4 className="text-[#1e3a8a] font-bold font-signika tracking-tight">{t.name}</h4>
-                  <p className="text-xs font-bold text-pumpkin font-alan-sans uppercase tracking-widest">{t.role}</p>
+                  <h4 className="text-wine font-bold font-signika tracking-tight">{t.name}</h4>
+                  <p className="text-xs font-bold text-mustard font-alan-sans uppercase tracking-widest">{t.role}</p>
                 </div>
               </div>
             </motion.article>
diff --git a/components/ui/AcademyButton.tsx b/components/ui/AcademyButton.tsx
index 2bda8e91..813ea2cc 100644
--- a/components/ui/AcademyButton.tsx
+++ b/components/ui/AcademyButton.tsx
@@ -19,9 +19,9 @@ export const AcademyButton: React.FC<AcademyButtonProps> = ({
   const baseStyles = "px-8 py-3 rounded-xl font-bold transition-all duration-300 flex items-center justify-center text-center whitespace-nowrap";
   
   const variants = {
-    gradient: "bg-gradient-to-r from-orange to-[#1e3a8a] text-white hover:opacity-90 shadow-lg",
+    gradient: "bg-gradient-to-r from-mustard to-wine text-white hover:opacity-90 shadow-lg",
     outline: "border border-white/30 bg-white/5 text-white hover:bg-white/10",
-    dark: "border border-[#1e3a8a]/30 bg-[#1e3a8a]/5 text-[#1e3a8a] hover:bg-[#1e3a8a]/10"
+    dark: "border border-charcoal/30 bg-charcoal/5 text-charcoal hover:bg-charcoal/10"
   };
 
   const Component = href ? 'a' : 'button';
diff --git a/pages/book-a-call.tsx b/pages/book-a-call.tsx
index d0072953..675eef3b 100644
--- a/pages/book-a-call.tsx
+++ b/pages/book-a-call.tsx
@@ -35,7 +35,7 @@ const courses = [
     color: 'bg-orange/10 text-orange',
     about: 'A comprehensive 6-month journey into mainstream mastery. Learn the art of imagination, converting emotion into timeless expression, and mastering the subconscious mind for effortless creation.',
     for: 'Aspiring and intermediate composers, songwriters, and musicians who want to move beyond basic theory and create music that connects with the masses.',
-    expect: '200+ mins of deep-dive content, 3 live interactive sessions, '
+    expect: '500+ mins of deep-dive content, 5 live interactive sessions, lifetime community access, and direct mentorship from Sandesh Shandilya. Enroll at ₹4,999 (50% off — was ₹9,999).'
   },
   {
     id: 'classical',
@@ -45,7 +45,7 @@ const courses = [
     color: 'bg-[#1e3a8a]/10 text-[#1e3a8a]',
     about: 'Master the sacred nuances of classical singing under the Rampur Sahaswan Gharana tradition. Learn directly from the legacy of Padma Bhushan Ustad Rashid Khan Sahab.',
     for: 'Vocalists of all levels—from beginners wanting a strong foundation to seasoned singers looking to refine their raag interpretation and vocal discipline.',
-    expect: '3 live group sessions, masterclass in breath control (Kanth Saadhna), and official certification recognized in the classical music community.'
+    expect: '5+ live group sessions, 500+ mins of recorded content, masterclass in breath control (Kanth Saadhna), and official certification. Enroll at ₹4,999 (50% off — was ₹9,999).'
   },
   {
     id: 'production',
diff --git a/pages/courses/composition-comprehensive.tsx b/pages/courses/composition-comprehensive.tsx
index 952c87fe..cf6b5a40 100644
--- a/pages/courses/composition-comprehensive.tsx
+++ b/pages/courses/composition-comprehensive.tsx
@@ -12,12 +12,12 @@ export default function CompositionComprehensive() {
     credentials: ["Acclaimed Music Composer", "30+ Years Experience", "7Bn+ Streams"],
     overview: [
       "Dive deeper into advanced composition techniques with this comprehensive 6-month course designed for those who have mastered the fundamentals. This course takes your compositional skills to the next level through intensive live sessions, comprehensive recorded content, and a unique training approach where knowledge meets experience.",
-      "Learn directly from Sandesh Shandilya through 3 exclusive live interactive sessions where you'll receive personalized feedback, refine your craft, and explore advanced compositional concepts. With 200+ minutes of recorded content, 6 Months access to course contents, lifetime access to community, and direct mentorship, this course is designed to transform you into a confident and skilled composer."
+      "Learn directly from Sandesh Shandilya through 5 exclusive live interactive sessions where you'll receive personalized feedback, refine your craft, and explore advanced compositional concepts. With 500+ minutes of recorded content, 6 Months access to course contents, lifetime access to community, and direct mentorship, this course is designed to transform you into a confident and skilled composer."
     ],
     highlights: [
       { icon: "⏱️", title: "6 Months Duration", desc: "Comprehensive 6-month program designed for deep learning" },
-      { icon: "📹", title: "200+ Mins Recorded", desc: "Extensive content covering advanced techniques" },
-      { icon: "👥", title: "3 Live Sessions", desc: "Multiple live sessions for personalized guidance" },
+      { icon: "📹", title: "500+ Mins Recorded", desc: "Extensive content covering advanced techniques" },
+      { icon: "👥", title: "5 Live Sessions", desc: "Multiple live sessions for personalized guidance" },
       { icon: "📚", title: "6 Months Access", desc: "Full access to all course materials and recordings" },
       { icon: "🤝", title: "Lifetime Community", desc: "Join and stay connected with a vibrant community forever" },
       { icon: "🎓", title: "EWS Scholarships", desc: "Scholarships available for economically weaker sections" },
@@ -172,7 +172,7 @@ export default function CompositionComprehensive() {
       headers: ["Feature", "Accelerator"],
       rows: [
         ["Recorded content", "Yes"],
-        ["Live sessions", "3 sessions"],
+        ["Live sessions", { text: "5 sessions", tooltip: "5 live interactive sessions with Sandesh Shandilya for personalized feedback, Q&A, and advanced compositional guidance throughout the program." }],
         ["Community", "Yes"],
         ["WhatsApp access", "Yes"],
         ["Assignment feedback", "Yes"],
diff --git a/pages/courses/hindustani-classical.tsx b/pages/courses/hindustani-classical.tsx
index 62cee0d6..de03a8f5 100644
--- a/pages/courses/hindustani-classical.tsx
+++ b/pages/courses/hindustani-classical.tsx
@@ -12,12 +12,12 @@ export default function HindustaniClassical() {
     credentials: ["Legendary Classical Vocalist", "30+ Years Experience", "Rampur Sahaswan Gharana Master"],
     overview: [
       "Immerse yourself in the timeless art of Hindustani classical singing with this comprehensive learning program designed for aspiring vocalists of all levels. Learn the sacred nuances, raag structures, and vocal techniques that form the foundation of classical Indian music. This learning program takes you on a deep journey through one of the world's oldest musical traditions.",
-      "Learn directly from Pandit Prasad Khaparde, a legendary Hindustani classical vocalist with over 30 years of experience, trained in the prestigious Rampur Sahaswan gharana under Padma Bhushan Ustad Rashid Khan. Through 3+ exclusive live group sessions where you'll receive personalized feedback and guidance, 120+ minutes of recorded content, quality assessments, and certification, this learning program is designed to develop your classical singing abilities."
+      "Learn directly from Pandit Prasad Khaparde, a legendary Hindustani classical vocalist with over 30 years of experience, trained in the prestigious Rampur Sahaswan gharana under Padma Bhushan Ustad Rashid Khan. Through 5+ exclusive live group sessions where you'll receive personalized feedback and guidance, 500+ minutes of recorded content, quality assessments, and certification, this learning program is designed to develop your classical singing abilities."
     ],
     highlights: [
       { icon: "⏱️", title: "Comprehensive Program", desc: "Structured program for deep learning and skill development" },
-      { icon: "📹", title: "120+ Mins Recorded", desc: "Extensive modules covering raagas, vocal techniques, and traditions" },
-      { icon: "👥", title: "3+ Live Sessions", desc: "Live group sessions for personalized guidance and feedback" },
+      { icon: "📹", title: "500+ Mins Recorded", desc: "Extensive modules covering raagas, vocal techniques, and traditions" },
+      { icon: "👥", title: "5+ Live Sessions", desc: "Live group sessions for personalized guidance and feedback" },
       { icon: "🎤", title: "Raag Training", desc: "Master the fundamental and advanced raags central to the art" },
       { icon: "📚", title: "Quality Assessments", desc: "Regular assessments to track progress and identify improvements" },
       { icon: "🏆", title: "Certification", desc: "Official certification recognized in the classical music community" },
@@ -175,7 +175,7 @@ export default function HindustaniClassical() {
       headers: ["Feature", "Accelerator"],
       rows: [
         ["Recorded content", "Yes"],
-        ["Live sessions", "3+ Group Sessions"],
+        ["Live sessions", { text: "5+ Group Sessions", tooltip: "5+ live interactive group sessions with Pandit Prasad Khaparde for personalized vocal feedback, raag practice, and peer learning throughout the program." }],
         ["Community", "Yes"],
         ["WhatsApp access", "Yes"],
         ["Assignment feedback", "Yes"],
diff --git a/pages/masterclass/prasad-khaparde.tsx b/pages/masterclass/prasad-khaparde.tsx
index c85e8c77..8a2cf4d7 100644
--- a/pages/masterclass/prasad-khaparde.tsx
+++ b/pages/masterclass/prasad-khaparde.tsx
@@ -28,12 +28,12 @@ export default function PrasadMasterclass() {
                 animate={{ opacity: 1, x: 0 }}
                 transition={{ duration: 0.8 }}
               >
-                <div className="inline-block px-4 py-1.5 rounded-full bg-pumpkin/20 border border-pumpkin/40 text-pumpkin text-xs font-bold uppercase tracking-widest mb-8 font-alan-sans">
+                <div className="inline-block px-4 py-1.5 rounded-full bg-mustard/20 border border-mustard/40 text-mustard text-xs font-bold uppercase tracking-widest mb-8 font-alan-sans">
                   Exclusive Masterclass
                 </div>
                 <h1 className="text-4xl md:text-6xl lg:text-7xl font-bold text-black mb-8 font-signika leading-tight">
                   The Roots of Hindustani Classical Music with <br />
-                  <span className="text-orange">Pandit Prasad Khaparde</span>
+                  <span className="text-mustard">Pandit Prasad Khaparde</span>
                 </h1>
                 <p className="text-xl text-black/70 mb-12 font-alan-sans leading-relaxed max-w-xl">
                   Access the secrets of classical singing from a legend of the Rampur Sahaswan Gharana.
@@ -54,7 +54,7 @@ export default function PrasadMasterclass() {
                 transition={{ duration: 0.8, delay: 0.2 }}
                 className="relative"
               >
-                <div className="absolute inset-0 bg-gradient-to-tr from-pumpkin/20 to-academy-blue/20 blur-3xl rounded-full" />
+                <div className="absolute inset-0 bg-gradient-to-tr from-mustard/20 to-wine/20 blur-3xl rounded-full" />
                 <img 
                   src="/assets/academy/prasad-hero.jpg" 
                   alt="Pandit Prasad Khaparde" 
@@ -69,7 +69,7 @@ export default function PrasadMasterclass() {
         <Section background="cream" padding="xl">
           <Container>
             <div className="text-center mb-20">
-              <h2 className="text-4xl md:text-5xl font-bold text-academy-blue font-signika mb-6">What to Expect?</h2>
+              <h2 className="text-4xl md:text-5xl font-bold text-charcoal font-signika mb-6">What to Expect?</h2>
               <p className="text-lg text-slate-medium font-alan-sans max-w-2xl mx-auto">
                 Discover the secrets behind Hindustani classical music, understanding the sacred traditions, and developing technical mastery.
               </p>
@@ -105,7 +105,7 @@ export default function PrasadMasterclass() {
                     <img src={step.img} alt={step.title} className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" />
                   </div>
                   <div className="p-8">
-                    <h3 className="text-2xl font-bold text-academy-blue mb-4 font-signika">{step.title}</h3>
+                    <h3 className="text-2xl font-bold text-charcoal mb-4 font-signika">{step.title}</h3>
                     <p className="text-slate-medium font-alan-sans leading-relaxed">{step.desc}</p>
                   </div>
                 </motion.div>
@@ -115,7 +115,7 @@ export default function PrasadMasterclass() {
             <div className="mt-20 text-center">
               <button 
                 onClick={() => window.open(enrollmentLink, '_blank')}
-                className="inline-flex items-center gap-4 bg-orange text-white px-10 py-5 rounded-2xl font-bold font-alan-sans hover:scale-105 transition-all shadow-xl shadow-orange/20 whitespace-nowrap"
+                className="inline-flex items-center gap-4 bg-gradient-to-r from-mustard to-wine text-white px-10 py-5 rounded-2xl font-bold font-alan-sans hover:scale-105 transition-all shadow-xl shadow-mustard/20 whitespace-nowrap"
               >
                 <span>Enroll Now</span>
                 <span className="w-px h-6 bg-white/20" />
@@ -126,20 +126,20 @@ export default function PrasadMasterclass() {
         </Section>
 
         {/* Who is it for */}
-        <Section background="academy-blue" padding="xl" className="text-cream relative overflow-hidden">
-          <div className="absolute top-0 right-0 w-96 h-96 bg-pumpkin/10 rounded-full blur-[100px] -mr-48 -mt-48" />
+        <Section background="charcoal" padding="xl" className="text-cream relative overflow-hidden">
+          <div className="absolute top-0 right-0 w-96 h-96 bg-mustard/10 rounded-full blur-[100px] -mr-48 -mt-48" />
           <Container className="relative z-10">
             <h2 className="text-4xl md:text-5xl font-bold font-signika mb-12 text-center">Who Should DEFINITELY ATTEND?</h2>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-12 max-w-4xl mx-auto">
               <div className="flex gap-6">
-                <div className="text-4xl text-orange"><Mic2 size={40} /></div>
+                <div className="text-4xl text-mustard"><Mic2 size={40} /></div>
                 <div>
                   <h3 className="text-2xl font-bold font-signika mb-4">Vocalists & Students</h3>
                   <p className="text-cream/80 font-alan-sans leading-relaxed">Classical vocalists, semi-classical singers, and students can learn sacred traditions and technical mastery.</p>
                 </div>
               </div>
               <div className="flex gap-6">
-                <div className="text-4xl text-orange"><Rocket size={40} /></div>
+                <div className="text-4xl text-mustard"><Rocket size={40} /></div>
                 <div>
                   <h3 className="text-2xl font-bold font-signika mb-4">Just Starting Out</h3>
                   <p className="text-cream/80 font-alan-sans leading-relaxed">Decided to become a professional artist? Connect with the right mentor and learn from day one.</p>
@@ -154,22 +154,22 @@ export default function PrasadMasterclass() {
           <Container>
             <div className="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
               <div className="order-2 lg:order-1">
-                <h3 className="text-4xl font-bold text-academy-blue font-signika mb-2">Pandit Prasad Khaparde</h3>
-                <p className="text-pumpkin font-bold font-alan-sans uppercase tracking-widest mb-8">Legendary Hindustani Classical Vocalist</p>
+                <h3 className="text-4xl font-bold text-charcoal font-signika mb-2">Pandit Prasad Khaparde</h3>
+                <p className="text-mustard font-bold font-alan-sans uppercase tracking-widest mb-8">Legendary Hindustani Classical Vocalist</p>
                 <p className="text-lg text-slate-medium font-alan-sans leading-relaxed mb-8">
                   A renowned Hindustani classical vocalist of international repute with over 30 years of illustrious career. Trained under Padma Bhushan Ustad Rashid Khan Sahab.
                 </p>
                 <div className="grid grid-cols-3 gap-8">
                   <div>
-                    <div className="text-3xl font-bold text-academy-blue font-signika">30+</div>
+                    <div className="text-3xl font-bold text-charcoal font-signika">30+</div>
                     <div className="text-sm text-slate-light font-alan-sans">Years Exp</div>
                   </div>
                   <div>
-                    <div className="text-3xl font-bold text-academy-blue font-signika">Gharana</div>
+                    <div className="text-3xl font-bold text-charcoal font-signika">Gharana</div>
                     <div className="text-sm text-slate-light font-alan-sans">Rampur Sahaswan</div>
                   </div>
                   <div>
-                    <div className="text-3xl font-bold text-academy-blue font-signika">Legacy</div>
+                    <div className="text-3xl font-bold text-charcoal font-signika">Legacy</div>
                     <div className="text-sm text-slate-light font-alan-sans">Rashid Khan Disciple</div>
                   </div>
                 </div>
diff --git a/pages/masterclass/sandesh-shandilya.tsx b/pages/masterclass/sandesh-shandilya.tsx
index f0b40423..74ae5bc3 100644
--- a/pages/masterclass/sandesh-shandilya.tsx
+++ b/pages/masterclass/sandesh-shandilya.tsx
@@ -28,12 +28,12 @@ export default function SandeshMasterclass() {
                 animate={{ opacity: 1, x: 0 }}
                 transition={{ duration: 0.8 }}
               >
-                <div className="inline-block px-4 py-1.5 rounded-full bg-pumpkin/20 border border-pumpkin/40 text-pumpkin text-xs font-bold uppercase tracking-widest mb-8 font-alan-sans">
+                <div className="inline-block px-4 py-1.5 rounded-full bg-mustard/20 border border-mustard/40 text-mustard text-xs font-bold uppercase tracking-widest mb-8 font-alan-sans">
                   Exclusive Masterclass
                 </div>
                 <h1 className="text-4xl md:text-6xl lg:text-7xl font-bold text-black mb-8 font-signika leading-tight">
                   The heART of Music Composition with <br />
-                  <span className="text-orange">Sandesh Shandilya</span>
+                  <span className="text-mustard">Sandesh Shandilya</span>
                 </h1>
                 <p className="text-xl text-black/70 mb-12 font-alan-sans leading-relaxed max-w-xl">
                   Access the secrets of creating timeless music from a Bollywood legend.
@@ -54,7 +54,7 @@ export default function SandeshMasterclass() {
                 transition={{ duration: 0.8, delay: 0.2 }}
                 className="relative"
               >
-                <div className="absolute inset-0 bg-gradient-to-tr from-pumpkin/20 to-academy-blue/20 blur-3xl rounded-full" />
+                <div className="absolute inset-0 bg-gradient-to-tr from-mustard/20 to-wine/20 blur-3xl rounded-full" />
                 <img 
                   src="/assets/academy/sss.png" 
                   alt="Sandesh Shandilya" 
@@ -69,7 +69,7 @@ export default function SandeshMasterclass() {
         <Section background="cream" padding="xl">
           <Container>
             <div className="text-center mb-20">
-              <h2 className="text-4xl md:text-5xl font-bold text-academy-blue font-signika mb-6">What to Expect?</h2>
+              <h2 className="text-4xl md:text-5xl font-bold text-charcoal font-signika mb-6">What to Expect?</h2>
               <p className="text-lg text-slate-medium font-alan-sans max-w-2xl mx-auto">
                 Discover the secrets behind creating timeless music, understanding the creative process, and developing the right mindset for success.
               </p>
@@ -105,7 +105,7 @@ export default function SandeshMasterclass() {
                     <img src={step.img} alt={step.title} className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" />
                   </div>
                   <div className="p-8">
-                    <h3 className="text-2xl font-bold text-academy-blue mb-4 font-signika">{step.title}</h3>
+                    <h3 className="text-2xl font-bold text-charcoal mb-4 font-signika">{step.title}</h3>
                     <p className="text-slate-medium font-alan-sans leading-relaxed">{step.desc}</p>
                   </div>
                 </motion.div>
@@ -115,7 +115,7 @@ export default function SandeshMasterclass() {
             <div className="mt-20 text-center">
               <button 
                 onClick={() => window.open(enrollmentLink, '_blank')}
-                className="inline-flex items-center gap-4 bg-orange text-white px-10 py-5 rounded-2xl font-bold font-alan-sans hover:scale-105 transition-all shadow-xl shadow-orange/20 whitespace-nowrap"
+                className="inline-flex items-center gap-4 bg-gradient-to-r from-mustard to-wine text-white px-10 py-5 rounded-2xl font-bold font-alan-sans hover:scale-105 transition-all shadow-xl shadow-mustard/20 whitespace-nowrap"
               >
                 <span>Enroll Now</span>
                 <span className="w-px h-6 bg-white/20" />
@@ -126,20 +126,20 @@ export default function SandeshMasterclass() {
         </Section>
 
         {/* Who is it for */}
-        <Section background="academy-blue" padding="xl" className="text-cream relative overflow-hidden">
-          <div className="absolute top-0 right-0 w-96 h-96 bg-pumpkin/10 rounded-full blur-[100px] -mr-48 -mt-48" />
+        <Section background="charcoal" padding="xl" className="text-cream relative overflow-hidden">
+          <div className="absolute top-0 right-0 w-96 h-96 bg-mustard/10 rounded-full blur-[100px] -mr-48 -mt-48" />
           <Container className="relative z-10">
             <h2 className="text-4xl md:text-5xl font-bold font-signika mb-12 text-center">Who Should DEFINITELY ATTEND?</h2>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-12 max-w-4xl mx-auto">
               <div className="flex gap-6">
-                <div className="text-4xl text-orange"><Mic2 size={40} /></div>
+                <div className="text-4xl text-mustard"><Mic2 size={40} /></div>
                 <div>
                   <h3 className="text-2xl font-bold font-signika mb-4">Full-Time Artists</h3>
                   <p className="text-cream/80 font-alan-sans leading-relaxed">Singers, Songwriters, Composers, Lyrics Writers, Musicians & Music Producers can learn from the journey & industry insights.</p>
                 </div>
               </div>
               <div className="flex gap-6">
-                <div className="text-4xl text-orange"><Rocket size={40} /></div>
+                <div className="text-4xl text-mustard"><Rocket size={40} /></div>
                 <div>
                   <h3 className="text-2xl font-bold font-signika mb-4">Just Starting Out</h3>
                   <p className="text-cream/80 font-alan-sans leading-relaxed">Decided to become a professional artist? Connect with the right mentor and learn the right approach from day one.</p>
@@ -159,26 +159,26 @@ export default function SandeshMasterclass() {
           <Container>
             <div className="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
               <div className="order-2 lg:order-1">
-                <h3 className="text-4xl font-bold text-academy-blue font-signika mb-2">Sandesh Shandilya</h3>
-                <p className="text-pumpkin font-bold font-alan-sans uppercase tracking-widest mb-8">Acclaimed Film Composer & Music Director</p>
+                <h3 className="text-4xl font-bold text-charcoal font-signika mb-2">Sandesh Shandilya</h3>
+                <p className="text-mustard font-bold font-alan-sans uppercase tracking-widest mb-8">Acclaimed Film Composer & Music Director</p>
                 <p className="text-lg text-slate-medium font-alan-sans leading-relaxed mb-8">
                   An acclaimed music director, recognized for 50+ films, 30+ years in the Industry, a Filmfare nomination & 7Bn+ streams across platforms. Creator of iconic songs like Aaoge Jab Tum, Piya Basanti & many more.
                 </p>
                 <div className="grid grid-cols-3 gap-8 mb-12">
                   <div>
-                    <div className="text-3xl font-bold text-academy-blue font-signika">50+</div>
+                    <div className="text-3xl font-bold text-charcoal font-signika">50+</div>
                     <div className="text-sm text-slate-light font-alan-sans">Films</div>
                   </div>
                   <div>
-                    <div className="text-3xl font-bold text-academy-blue font-signika">30+</div>
+                    <div className="text-3xl font-bold text-charcoal font-signika">30+</div>
                     <div className="text-sm text-slate-light font-alan-sans">Years Exp</div>
                   </div>
                   <div>
-                    <div className="text-3xl font-bold text-academy-blue font-signika">7Bn+</div>
+                    <div className="text-3xl font-bold text-charcoal font-signika">7Bn+</div>
                     <div className="text-sm text-slate-light font-alan-sans">Streams</div>
                   </div>
                 </div>
-                <h4 className="text-xl font-bold text-academy-blue mb-6 font-signika">Iconic Works</h4>
+                <h4 className="text-xl font-bold text-charcoal mb-6 font-signika">Iconic Works</h4>
                 <div className="grid grid-cols-3 sm:grid-cols-6 lg:grid-cols-3 gap-4">
                   {['aaoge-jab-tum.jpg', 'k3g.jpg', 'piya-basanti.jpg', 'chameli.jpg', 'socha-na-tha.jpeg', 'dholna.png'].map(img => (
                     <img key={img} src={`/assets/academy/${img}`} className="rounded-lg shadow-md hover:scale-105 transition-all aspect-square object-cover" alt="Work" />