Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -8,9 +8,10 @@ import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwen
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { AlertCircle, Eye, Heart, Sparkles, Zap } from "lucide-react";
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import { AlertCircle, Eye, Heart, Sparkles, Zap, Instagram, Mail, Phone, TrendingUp, Users, Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -120,6 +121,27 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics" data-section="metrics">
+        <MetricCardThree
+          metrics={[
+            { id: "1", icon: TrendingUp, title: "Success Rate", value: "95%" },
+            { id: "2", icon: Users, title: "Active Students", value: "500+" },
+            { id: "3", icon: Award, title: "Industry Placements", value: "200+" }
+          ]}
+          title="Our Impact"
+          description="Proven results from our professional beauty training programs"
+          tag="Performance Metrics"
+          tagAnimation="slide-up"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Join Our Community", href: "contact" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
       <div id="pricing" data-section="pricing">
         <PricingCardThree
           title="Choose Your Course"
@@ -174,22 +196,28 @@ export default function LandingPage() {
           tag="Student Testimonials"
           testimonials={[
             {
-              id: "1",              name: "Priya Sharma",              handle: "@priya_makeup_artist",              testimonial: "The training was incredibly comprehensive and hands-on. I went from complete beginner to landing bridal makeup gigs within weeks of completion. Payal's expertise is unmatched!",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6777.jpg",              imageAlt: "Priya Sharma"
+              id: "1",              name: "Priya Sharma",              handle: "@priya_makeup_artist",              testimonial: "The training was incredibly comprehensive and hands-on. I went from complete beginner to landing bridal makeup gigs within weeks of completion. Payal's expertise is unmatched!",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6777.jpg",              imageAlt: "Priya Sharma"
             },
             {
-              id: "2",              name: "Anjali Verma",              handle: "@anjali_beauty_pro",              testimonial: "The airbrush makeup training elevated my skills to a professional level. Now I'm able to charge premium rates for HD bridal makeup. Best investment I ever made!",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",              imageAlt: "Anjali Verma"
+              id: "2",              name: "Anjali Verma",              handle: "@anjali_beauty_pro",              testimonial: "The airbrush makeup training elevated my skills to a professional level. Now I'm able to charge premium rates for HD bridal makeup. Best investment I ever made!",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",              imageAlt: "Anjali Verma"
             },
             {
-              id: "3",              name: "Isha Kapoor",              handle: "@isha_sfx_makeup",              testimonial: "The SFX course was absolutely mind-blowing. I'm now working with film productions and earning significantly more. Payal's teaching style is perfect - practical, detailed, and inspiring.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman_1098-12705.jpg",              imageAlt: "Isha Kapoor"
+              id: "3",              name: "Isha Kapoor",              handle: "@isha_sfx_makeup",              testimonial: "The SFX course was absolutely mind-blowing. I'm now working with film productions and earning significantly more. Payal's teaching style is perfect - practical, detailed, and inspiring.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman_1098-12705.jpg",              imageAlt: "Isha Kapoor"
             },
             {
-              id: "4",              name: "Neha Singh",              handle: "@neha_bridal_makeup",              testimonial: "From techniques to business strategies, this course covers everything. The portfolio guidance helped me build a strong client base. I'm now running my own successful makeup studio!",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-indoors_23-2148824829.jpg",              imageAlt: "Neha Singh"
+              id: "4",              name: "Neha Singh",              handle: "@neha_bridal_makeup",              testimonial: "From techniques to business strategies, this course covers everything. The portfolio guidance helped me build a strong client base. I'm now running my own successful makeup studio!",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-indoors_23-2148824829.jpg",              imageAlt: "Neha Singh"
             },
             {
-              id: "5",              name: "Divya Patel",              handle: "@divya_makeup_academy",              testimonial: "Payal is not just teaching makeup techniques but building confidence and entrepreneurial mindset. The career counseling sessions were invaluable for starting my own business.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/young-happy-women-student-property-business-background-beautiful-young-business-woman_1391-64.jpg",              imageAlt: "Divya Patel"
+              id: "5",              name: "Divya Patel",              handle: "@divya_makeup_academy",              testimonial: "Payal is not just teaching makeup techniques but building confidence and entrepreneurial mindset. The career counseling sessions were invaluable for starting my own business.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/young-happy-women-student-property-business-background-beautiful-young-business-woman_1391-64.jpg",              imageAlt: "Divya Patel"
             },
             {
-              id: "6",              name: "Shreya Desai",              handle: "@shreya_professional_makeup",              testimonial: "The combination of professional makeup, hairstyling, and business training makes this course unique. I'm now managing multiple bridal bookings every month with excellent margins!",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",              imageAlt: "Shreya Desai"
+              id: "6",              name: "Shreya Desai",              handle: "@shreya_professional_makeup",              testimonial: "The combination of professional makeup, hairstyling, and business training makes this course unique. I'm now managing multiple bridal bookings every month with excellent margins!",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",              imageAlt: "Shreya Desai"
             }
           ]}
           showRating={true}
@@ -243,15 +271,25 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Ready To Transform?"
+        <ContactSplitForm
           title="Start Your Beauty Career Journey"
-          description="Join the next batch of aspiring makeup artists and hairstylists. Limited seats available. Message us to enroll and secure your spot in our intensive professional training program."
-          background={{ variant: "radial-gradient" }}
+          description="Join the next batch of aspiring makeup artists and hairstylists. Limited seats available. Fill out the form below to express your interest and learn more about enrollment."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
+            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
+            { name: "course", type: "text", placeholder: "Which course are you interested in?", required: false }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your interest in makeup training...",            rows: 5,
+            required: false
+          }}
           useInvertedBackground={false}
-          inputPlaceholder="Enter your email"
-          buttonText="Get In Touch"
-          termsText="We respect your privacy. We'll only use your email to contact you about course enrollment."
+          buttonText="Send Inquiry"
+          mediaAnimation="none"
+          onSubmit={(data) => {
+            console.log("Form submitted:", data);
+          }}
         />
       </div>
 
@@ -259,8 +297,14 @@ export default function LandingPage() {
         <FooterCard
           logoText="Payal Bhatia"
           copyrightText="© 2025 Payal Bhatia Paathshala. All rights reserved. Professional Beauty & Makeup Training."
+          socialLinks={[
+            {
+              icon: Instagram,
+              href: "https://instagram.com/payalbhatiamua",              ariaLabel: "Follow us on Instagram"
+            }
+          ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/professional-beauty-makeup/page.tsx

@@ -0,0 +1,245 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Sparkles, Eye, Heart, Zap, Award, CheckCircle, Users, Briefcase } from "lucide-react";
+
+export default function ProfessionalBeautyMakeupPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Payal Bhatia"
+          navItems={[
+            { name: "Courses", id: "/" },
+            { name: "About", id: "about" },
+            { name: "Curriculum", id: "curriculum" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{
+            text: "Enroll Now",            href: "contact"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroCentered
+          title="Professional Beauty Makeup & Hairstyling"
+          description="3-Week Intensive Training Program combining makeup artistry fundamentals, advanced eye techniques, bridal styling, and professional hairstyling. Master contemporary makeup with techniques from Bollywood's top makeup designer."
+          background={{ variant: "downward-rays-static" }}
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6777.jpg", alt: "Student 1" },
+            { src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg", alt: "Student 2" },
+            { src: "http://img.b2bpic.net/free-photo/portrait-woman_1098-12705.jpg", alt: "Student 3" },
+            { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-indoors_23-2148824829.jpg", alt: "Student 4" }
+          ]}
+          avatarText="Join Our Next Batch"
+          buttons={[
+            { text: "Enroll Now", href: "contact" },
+            { text: "Back to Courses", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <SplitAbout
+          title="Course Overview"
+          description="A comprehensive 3-week intensive program designed to transform aspiring artists into professional makeup and hair stylists. Learn contemporary makeup techniques, bridal artistry, and professional hairstyling from industry experts."
+          tag="Program Details"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          bulletPoints={[
+            {
+              title: "Duration",              description: "3 weeks of intensive, hands-on training",              icon: Award
+            },
+            {
+              title: "Daily Schedule",              description: "5 hours per day of structured learning and practice",              icon: Sparkles
+            },
+            {
+              title: "Curriculum",              description: "Complete makeup, eye techniques, bridal styles, and hairstyling mastery",              icon: CheckCircle
+            },
+            {
+              title: "Career Support",              description: "Portfolio guidance, career counseling, and social media training included",              icon: Briefcase
+            }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/beautiful-artist-applying-make-up-model_23-2148398660.jpg"
+          imageAlt="Professional makeup artistry"
+          mediaAnimation="slide-up"
+          buttons={[
+            { text: "Enroll Now", href: "contact" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="curriculum" data-section="curriculum">
+        <TimelineProcessFlow
+          title="Week-by-Week Curriculum"
+          description="Structured learning progression from fundamentals to advanced professional techniques"
+          tag="Training Schedule"
+          textboxLayout="default"
+          animationType="slide-up"
+          items={[
+            {
+              id: "1",              reverse: false,
+              media: (
+                <div className="w-full h-full bg-gradient-to-br from-pink-200 to-purple-200 flex items-center justify-center rounded-lg">
+                  <div className="text-center">
+                    <Eye className="w-12 h-12 mx-auto mb-2 text-purple-700" />
+                    <p className="text-sm font-semibold text-purple-900">Makeup Fundamentals</p>
+                  </div>
+                </div>
+              ),
+              content: (
+                <div>
+                  <h3 className="text-lg font-semibold mb-2">Week 1: Makeup Foundations</h3>
+                  <ul className="text-sm space-y-1">
+                    <li>• Skin Analysis & Assessment</li>
+                    <li>• Color Theory & Matching</li>
+                    <li>• HD Base Techniques</li>
+                    <li>• Contouring & Highlighting</li>
+                    <li>• Bronzing & Blush Placement</li>
+                    <li>• Lip Techniques & Finishes</li>
+                  </ul>
+                </div>
+              )
+            },
+            {
+              id: "2",              reverse: true,
+              media: (
+                <div className="w-full h-full bg-gradient-to-br from-blue-200 to-cyan-200 flex items-center justify-center rounded-lg">
+                  <div className="text-center">
+                    <Heart className="w-12 h-12 mx-auto mb-2 text-blue-700" />
+                    <p className="text-sm font-semibold text-blue-900">Advanced Eyes</p>
+                  </div>
+                </div>
+              ),
+              content: (
+                <div>
+                  <h3 className="text-lg font-semibold mb-2">Week 2: Advanced Eye & Bridal</h3>
+                  <ul className="text-sm space-y-1">
+                    <li>• Cut Crease Techniques</li>
+                    <li>• Smokey Eyes & Arabic Eyes</li>
+                    <li>• Glitter & Fantasy Eye Makeup</li>
+                    <li>• Bridal Makeup Mastery</li>
+                    <li>• Reception & Engagement Looks</li>
+                    <li>• Long-Wear Techniques</li>
+                  </ul>
+                </div>
+              )
+            },
+            {
+              id: "3",              reverse: false,
+              media: (
+                <div className="w-full h-full bg-gradient-to-br from-amber-200 to-orange-200 flex items-center justify-center rounded-lg">
+                  <div className="text-center">
+                    <Zap className="w-12 h-12 mx-auto mb-2 text-orange-700" />
+                    <p className="text-sm font-semibold text-orange-900">Hair & Styling</p>
+                  </div>
+                </div>
+              ),
+              content: (
+                <div>
+                  <h3 className="text-lg font-semibold mb-2">Week 3: Hairstyling & Mastery</h3>
+                  <ul className="text-sm space-y-1">
+                    <li>• Hair Preparation & Health</li>
+                    <li>• Professional Blow Drying</li>
+                    <li>• Bridal Buns & Updos</li>
+                    <li>• Soft Curls & Beach Waves</li>
+                    <li>• Hollywood Waves</li>
+                    <li>• Portfolio Building & Review</li>
+                  </ul>
+                </div>
+              )
+            }
+          ]}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardTwentyFive
+          title="What You'll Learn"
+          description="Master comprehensive makeup and hairstyling techniques with hands-on practice and professional guidance"
+          tag="Course Skills"
+          features={[
+            {
+              title: "Makeup Fundamentals",              description: "Skin analysis, color theory, HD base techniques, contouring, highlighting, bronzing, and professional finishes",              icon: Sparkles,
+              mediaItems: [
+                { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-artist-applying-make-up-model_23-2148398660.jpg", imageAlt: "Makeup application" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-making-video-her-online-followers_23-2148916342.jpg", imageAlt: "Studio technique" }
+              ]
+            },
+            {
+              title: "Eye Makeup Artistry",              description: "Cut crease, smokey eyes, Arabic eyes, glitter effects, cat eye, and 15+ eye makeup styles",              icon: Eye,
+              mediaItems: [
+                { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-artist-applying-make-up-model_23-2148398660.jpg?_wi=2", imageAlt: "Eye makeup" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/set-black-makeup-brushes-isolated-white_1385-2784.jpg", imageAlt: "Makeup tools" }
+              ]
+            },
+            {
+              title: "Bridal & Glam",              description: "Engagement, reception, modern bridal, and nude bridal makeup with long-wear HD finishes",              icon: Heart,
+              mediaItems: [
+                { imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-making-video-her-online-followers_23-2148916342.jpg?_wi=2", imageAlt: "Bridal makeup" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-artist-applying-make-up-model_23-2148398660.jpg?_wi=3", imageAlt: "Glam styling" }
+              ]
+            },
+            {
+              title: "Hairstyling Mastery",              description: "Hair preparation, blow drying, bridal buns, curls, waves, and textured hairstyles",              icon: Zap,
+              mediaItems: [
+                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-afro-american-model-fashion-brazilian-woman-pose-indoor_627829-12250.jpg", imageAlt: "Hair styling" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/set-black-makeup-brushes-isolated-white_1385-2784.jpg?_wi=2", imageAlt: "Styling tools" }
+              ]
+            }
+          ]}
+          animationType="depth-3d"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Enroll Now", href: "contact" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Ready to Enroll?"
+          tagIcon={Users}
+          title="Start Your Professional Beauty Journey"
+          description="Join the next batch of the Professional Beauty Makeup & Hairstyling course. Limited seats available. ₹1,50,000 for the complete 3-week intensive program. Includes professional kit, materials, and career support."
+          buttons={[
+            { text: "Enroll Now", href: "contact" },
+            { text: "Back to Courses", href: "/" }
+          ]}
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Payal Bhatia"
+          copyrightText="© 2025 Payal Bhatia Paathshala. All rights reserved. Professional Beauty & Makeup Training."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/sfx-special-effects/page.tsx

@@ -0,0 +1,269 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Sparkles, Wand2, Skull, Zap, Award, CheckCircle, Users, Briefcase } from "lucide-react";
+
+export default function SFXSpecialEffectsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Payal Bhatia"
+          navItems={[
+            { name: "Courses", id: "/" },
+            { name: "About", id: "about" },
+            { name: "Curriculum", id: "curriculum" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{
+            text: "Enroll Now",            href: "contact"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroCentered
+          title="Special Effects (SFX) Makeup Mastery"
+          description="4-Week Intensive Training Program in professional special effects makeup. Master hyper-realistic prosthetics, wounds, burns, character aging, and film-ready techniques. Learn from Bollywood's leading prosthetic makeup designer."
+          background={{ variant: "downward-rays-static" }}
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6777.jpg", alt: "Student 1" },
+            { src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg", alt: "Student 2" },
+            { src: "http://img.b2bpic.net/free-photo/portrait-woman_1098-12705.jpg", alt: "Student 3" },
+            { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-indoors_23-2148824829.jpg", alt: "Student 4" }
+          ]}
+          avatarText="For Film & TV Production Artists"
+          buttons={[
+            { text: "Enroll Now", href: "contact" },
+            { text: "Back to Courses", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <SplitAbout
+          title="Course Overview"
+          description="An intensive 4-week program transforming artists into skilled special effects makeup professionals. Master industry-standard techniques for film, TV, theater, and high-end productions with hands-on practice and professional guidance."
+          tag="Program Details"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          bulletPoints={[
+            {
+              title: "Duration",              description: "4 weeks of intensive, 100% hands-on training",              icon: Award
+            },
+            {
+              title: "Format",              description: "Daily practical sessions focusing on real-world film production scenarios",              icon: Sparkles
+            },
+            {
+              title: "Specialization",              description: "Prosthetics, wounds, burns, character transformation, and film-ready effects",              icon: CheckCircle
+            },
+            {
+              title: "Industry Ready",              description: "Learn set-ready techniques used in actual Bollywood and film productions",              icon: Briefcase
+            }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/beautiful-artist-applying-make-up-model_23-2148398660.jpg"
+          imageAlt="Special effects makeup artistry"
+          mediaAnimation="slide-up"
+          buttons={[
+            { text: "Enroll Now", href: "contact" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="curriculum" data-section="curriculum">
+        <TimelineProcessFlow
+          title="Week-by-Week SFX Curriculum"
+          description="Progressive learning from basic to advanced special effects techniques"
+          tag="Training Schedule"
+          textboxLayout="default"
+          animationType="slide-up"
+          items={[
+            {
+              id: "1",              reverse: false,
+              media: (
+                <div className="w-full h-full bg-gradient-to-br from-red-200 to-pink-200 flex items-center justify-center rounded-lg">
+                  <div className="text-center">
+                    <Wand2 className="w-12 h-12 mx-auto mb-2 text-red-700" />
+                    <p className="text-sm font-semibold text-red-900">SFX Foundations</p>
+                  </div>
+                </div>
+              ),
+              content: (
+                <div>
+                  <h3 className="text-lg font-semibold mb-2">Week 1: SFX Foundations & Materials</h3>
+                  <ul className="text-sm space-y-1">
+                    <li>• SFX Materials & Product Knowledge</li>
+                    <li>• Color Theory for SFX</li>
+                    <li>• Skin Preparation for Prosthetics</li>
+                    <li>• Basic Scar & Cut Techniques</li>
+                    <li>• Introduction to Prosthetic Application</li>
+                    <li>• Tool Mastery & Safety</li>
+                  </ul>
+                </div>
+              )
+            },
+            {
+              id: "2",              reverse: true,
+              media: (
+                <div className="w-full h-full bg-gradient-to-br from-orange-200 to-yellow-200 flex items-center justify-center rounded-lg">
+                  <div className="text-center">
+                    <Skull className="w-12 h-12 mx-auto mb-2 text-orange-700" />
+                    <p className="text-sm font-semibold text-orange-900">Wounds & Damage</p>
+                  </div>
+                </div>
+              ),
+              content: (
+                <div>
+                  <h3 className="text-lg font-semibold mb-2">Week 2: Wounds & Trauma Effects</h3>
+                  <ul className="text-sm space-y-1">
+                    <li>• Hyper-Realistic Cuts & Lacerations</li>
+                    <li>• 2D Depth Wounds</li>
+                    <li>• Burn Simulations (1st, 2nd, 3rd degree)</li>
+                    <li>• Advanced Burn Blending</li>
+                    <li>• Swelling & Bruise Effects</li>
+                    <li>• Blood Work & Fluid Effects</li>
+                  </ul>
+                </div>
+              )
+            },
+            {
+              id: "3",              reverse: false,
+              media: (
+                <div className="w-full h-full bg-gradient-to-br from-purple-200 to-blue-200 flex items-center justify-center rounded-lg">
+                  <div className="text-center">
+                    <Zap className="w-12 h-12 mx-auto mb-2 text-purple-700" />
+                    <p className="text-sm font-semibold text-purple-900">Character Transform</p>
+                  </div>
+                </div>
+              ),
+              content: (
+                <div>
+                  <h3 className="text-lg font-semibold mb-2">Week 3: Character Transformation</h3>
+                  <ul className="text-sm space-y-1">
+                    <li>• Prosthetic Application Mastery</li>
+                    <li>• Bald Cap Application & Integration</li>
+                    <li>• Character Aging Techniques</li>
+                    <li>• Stipple Technique for Texture</li>
+                    <li>• Vein & Capillary Effects</li>
+                    <li>• Teeth Discoloration & Effects</li>
+                  </ul>
+                </div>
+              )
+            },
+            {
+              id: "4",              reverse: true,
+              media: (
+                <div className="w-full h-full bg-gradient-to-br from-green-200 to-teal-200 flex items-center justify-center rounded-lg">
+                  <div className="text-center">
+                    <Sparkles className="w-12 h-12 mx-auto mb-2 text-green-700" />
+                    <p className="text-sm font-semibold text-green-900">Professional Work</p>
+                  </div>
+                </div>
+              ),
+              content: (
+                <div>
+                  <h3 className="text-lg font-semibold mb-2">Week 4: Professional Production & Portfolio</h3>
+                  <ul className="text-sm space-y-1">
+                    <li>• Film & TV Production Standards</li>
+                    <li>• Set-Ready Techniques</li>
+                    <li>• Quick Change & Touch-Up Methods</li>
+                    <li>• Portfolio Creation</li>
+                    <li>• Makeup Continuity for Film</li>
+                    <li>• Professional Finishing & Review</li>
+                  </ul>
+                </div>
+              )
+            }
+          ]}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardTwentyFive
+          title="SFX Skills You'll Master"
+          description="Advanced special effects techniques used in professional film, TV, and theater productions"
+          tag="SFX Expertise"
+          features={[
+            {
+              title: "Realistic Wounds & Cuts",              description: "Hyper-realistic lacerations with 2D depth, bleeding effects, and film-ready finishing",              icon: Sparkles,
+              mediaItems: [
+                { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-artist-applying-make-up-model_23-2148398660.jpg", imageAlt: "SFX application" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-making-video-her-online-followers_23-2148916342.jpg", imageAlt: "SFX detail work" }
+              ]
+            },
+            {
+              title: "Burn Simulation",              description: "Advanced burn effects covering 1st, 2nd, and 3rd degree burns with realistic coloring and texture",              icon: Wand2,
+              mediaItems: [
+                { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-artist-applying-make-up-model_23-2148398660.jpg?_wi=2", imageAlt: "Burn effects" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/set-black-makeup-brushes-isolated-white_1385-2784.jpg", imageAlt: "SFX tools" }
+              ]
+            },
+            {
+              title: "Prosthetics & Aging",              description: "Prosthetic application, character aging, stipple techniques, and complete character transformations",              icon: Skull,
+              mediaItems: [
+                { imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-making-video-her-online-followers_23-2148916342.jpg?_wi=2", imageAlt: "Prosthetic work" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-artist-applying-make-up-model_23-2148398660.jpg?_wi=3", imageAlt: "Character transformation" }
+              ]
+            },
+            {
+              title: "Film Production Ready",              description: "Set-ready techniques, makeup continuity for filming, quick changes, and professional standards",              icon: Zap,
+              mediaItems: [
+                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-afro-american-model-fashion-brazilian-woman-pose-indoor_627829-12250.jpg", imageAlt: "Production work" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/set-black-makeup-brushes-isolated-white_1385-2784.jpg?_wi=2", imageAlt: "Professional setup" }
+              ]
+            }
+          ]}
+          animationType="depth-3d"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Enroll Now", href: "contact" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Ready to Master SFX?"
+          tagIcon={Users}
+          title="Launch Your SFX Makeup Career"
+          description="Enroll in the 4-week Special Effects Makeup Mastery course. ₹2,00,000 for comprehensive professional training. 100% hands-on experience with all materials, tools, and professional certification included."
+          buttons={[
+            { text: "Enroll Now", href: "contact" },
+            { text: "Back to Courses", href: "/" }
+          ]}
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Payal Bhatia"
+          copyrightText="© 2025 Payal Bhatia Paathshala. All rights reserved. Professional Beauty & Makeup Training."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #010912;
-  --card: #152840;
-  --foreground: #e6f0ff;
-  --primary-cta: #cee7ff;
+  --background: #1a0f2e;
+  --card: #2d1b4e;
+  --foreground: #f5e6ff;
+  --primary-cta: #e8a8f7;
   --primary-cta-text: #010912;
-  --secondary-cta: #0e1a29;
+  --secondary-cta: #2d1b4e;
   --secondary-cta-text: #e6f0ff;
-  --accent: #3f5c79;
-  --background-accent: #004a93;
+  --accent: #c994f5;
+  --background-accent: #6b3f8f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);