Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -33,34 +33,20 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Gallery",
-          id: "gallery",
-        },
+          name: "Gallery",          id: "gallery"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       button={{
-        text: "Book Appointment",
-        href: "#contact",
-      }}
+        text: "Book Appointment",        href: "#contact"}}
       brandName="Wow Hair Art"
     />
   </div>
@@ -68,31 +54,20 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Unleash Your Ultimate Style"
       description="Experience the pinnacle of luxury hair artistry at Wow Hair Art. Where innovation meets elegance in a cinematic salon atmosphere."
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-s-profile-trendy-colour-hair-background_633478-2653.jpg",
-          imageAlt: "luxury hair salon models",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-s-profile-trendy-colour-hair-background_633478-2653.jpg",          imageAlt: "luxury hair salon models"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-towel-smokes-cigarette-reads-newspaper_1153-4069.jpg",
-          imageAlt: "hairdresser modern studio interior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-towel-smokes-cigarette-reads-newspaper_1153-4069.jpg",          imageAlt: "hairdresser modern studio interior"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420710.jpg",
-          imageAlt: "hair styling transformation",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420710.jpg",          imageAlt: "hair styling transformation"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-pampering-face-man-salon_23-2147736958.jpg",
-          imageAlt: "modern salon hair cut service",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-pampering-face-man-salon_23-2147736958.jpg",          imageAlt: "modern salon hair cut service"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg",
-          imageAlt: "luxurious salon interior view",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg",          imageAlt: "luxurious salon interior view"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -120,23 +95,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Precision Cuts",
-          description: "Tailored haircuts designed to enhance your unique facial features.",
-          imageSrc: "http://img.b2bpic.net/free-photo/eco-cleaning-products-skincare_23-2148811604.jpg",
-          imageAlt: "hair coloring professional service",
-        },
+          title: "Precision Cuts",          description: "Tailored haircuts designed to enhance your unique facial features.",          imageSrc: "http://img.b2bpic.net/free-photo/eco-cleaning-products-skincare_23-2148811604.jpg",          imageAlt: "hair coloring professional service"},
         {
-          title: "Color Mastery",
-          description: "Bespoke color services featuring latest techniques and organic products.",
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-life-partners-using-sticky-tape-scissors-pack-furniture-boxes-moving-new-household-property-together-packing-things-with-adhesive-roller-move-rented-flat-close-up_482257-44763.jpg",
-          imageAlt: "hair cutting professional technique",
-        },
+          title: "Color Mastery",          description: "Bespoke color services featuring latest techniques and organic products.",          imageSrc: "http://img.b2bpic.net/free-photo/diverse-life-partners-using-sticky-tape-scissors-pack-furniture-boxes-moving-new-household-property-together-packing-things-with-adhesive-roller-move-rented-flat-close-up_482257-44763.jpg",          imageAlt: "hair cutting professional technique"},
         {
-          title: "Hair Spa Rituals",
-          description: "Rejuvenate your hair and scalp with luxury conditioning treatments.",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg",
-          imageAlt: "hairstyling professional process",
-        },
+          title: "Hair Spa Rituals",          description: "Rejuvenate your hair and scalp with luxury conditioning treatments.",          imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg",          imageAlt: "hairstyling professional process"},
       ]}
       title="Luxury Salon Services"
       description="From precise cuts to visionary coloring, our expert team transforms your style."
@@ -151,53 +114,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Golden Balayage",
-          price: "Featured",
-          variant: "Color",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23902.jpg",
-          imageAlt: "luxury salon hair products",
-        },
+          id: "1",          name: "Golden Balayage",          price: "Featured",          variant: "Color",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23902.jpg",          imageAlt: "luxury salon hair products"},
         {
-          id: "2",
-          name: "Silk Press",
-          price: "Featured",
-          variant: "Style",
-          imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg",
-          imageAlt: "hair styling product collection",
-        },
+          id: "2",          name: "Silk Press",          price: "Featured",          variant: "Style",          imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg",          imageAlt: "hair styling product collection"},
         {
-          id: "3",
-          name: "Urban Fade",
-          price: "Featured",
-          variant: "Cut",
-          imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-flower-essential-oils-himalayan-rock-salt-black-textured-backdrop_23-2148087713.jpg",
-          imageAlt: "beauty salon product lineup",
-        },
+          id: "3",          name: "Urban Fade",          price: "Featured",          variant: "Cut",          imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-flower-essential-oils-himalayan-rock-salt-black-textured-backdrop_23-2148087713.jpg",          imageAlt: "beauty salon product lineup"},
         {
-          id: "4",
-          name: "Luxury Volume",
-          price: "Featured",
-          variant: "Style",
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-washed_23-2148108850.jpg",
-          imageAlt: "salon exclusive hair care",
-        },
+          id: "4",          name: "Luxury Volume",          price: "Featured",          variant: "Style",          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-washed_23-2148108850.jpg",          imageAlt: "salon exclusive hair care"},
         {
-          id: "5",
-          name: "Root Touchup",
-          price: "Featured",
-          variant: "Color",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-charger-tray-with-concrete-background_23-2150808026.jpg",
-          imageAlt: "premium hair styling kit",
-        },
+          id: "5",          name: "Root Touchup",          price: "Featured",          variant: "Color",          imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-charger-tray-with-concrete-background_23-2150808026.jpg",          imageAlt: "premium hair styling kit"},
         {
-          id: "6",
-          name: "Event Styling",
-          price: "Featured",
-          variant: "Occasion",
-          imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965835.jpg",
-          imageAlt: "hair care premium set",
-        },
+          id: "6",          name: "Event Styling",          price: "Featured",          variant: "Occasion",          imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965835.jpg",          imageAlt: "hair care premium set"},
       ]}
       title="Transformation Gallery"
       description="Witness the art of Wow Hair Art through our featured transformations."
@@ -211,59 +138,32 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "1",
-          badge: "Essential",
-          price: "$95",
-          subtitle: "Refreshing services",
-          buttons: [
+          id: "1",          badge: "Essential",          price: "$95",          subtitle: "Refreshing services",          buttons: [
             {
-              text: "Book Now",
-              href: "#contact",
-            },
+              text: "Book Now",              href: "#contact"},
           ],
           features: [
-            "Precision Cut",
-            "Wash & Blow",
-            "Scalp Massage",
-          ],
+            "Precision Cut",            "Wash & Blow",            "Scalp Massage"],
         },
         {
-          id: "2",
-          badge: "Premium",
-          price: "$180",
-          subtitle: "Full color experience",
-          buttons: [
+          id: "2",          badge: "Premium",          price: "$180",          subtitle: "Full color experience",          buttons: [
             {
-              text: "Book Now",
-              href: "#contact",
-            },
+              text: "Book Now",              href: "#contact"},
           ],
           features: [
-            "Color/Balayage",
-            "Conditioning Spa",
-            "Styling Finish",
-          ],
+            "Color/Balayage",            "Conditioning Spa",            "Styling Finish"],
         },
         {
-          id: "3",
-          badge: "Elite",
-          price: "$295",
-          subtitle: "Luxury makeover",
-          buttons: [
+          id: "3",          badge: "Elite",          price: "$295",          subtitle: "Luxury makeover",          buttons: [
             {
-              text: "Book Now",
-              href: "#contact",
-            },
+              text: "Book Now",              href: "#contact"},
           ],
           features: [
-            "Full Color Correction",
-            "Luxury Spa Ritual",
-            "Styling & Makeup",
-          ],
+            "Full Color Correction",            "Luxury Spa Ritual",            "Styling & Makeup"],
         },
       ]}
       title="Investment in Your Style"
-      description="Choose your salon experience with transparent pricing options."
+      description="Choose your salon experience with transparent pricing options. Elevate your aesthetic and secure your personalized style consultation via our booking form below to claim your spot."
     />
   </div>
 
@@ -273,50 +173,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          title: "Incredible!",
-          quote: "The best balayage I've ever had. Truly luxurious.",
-          name: "Sarah J.",
-          role: "Fashion Editor",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021833.jpg",
-          imageAlt: "happy client after haircut",
-        },
+          id: "1",          title: "Incredible!",          quote: "The best balayage I've ever had. Truly luxurious.",          name: "Sarah J.",          role: "Fashion Editor",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021833.jpg",          imageAlt: "happy client after haircut"},
         {
-          id: "2",
-          title: "Stunning!",
-          quote: "My hair has never felt healthier or more vibrant.",
-          name: "Michael B.",
-          role: "Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-same-sisters-with-modern-tablet_329181-10604.jpg",
-          imageAlt: "satisfied customer hair makeover",
-        },
+          id: "2",          title: "Stunning!",          quote: "My hair has never felt healthier or more vibrant.",          name: "Michael B.",          role: "Entrepreneur",          imageSrc: "http://img.b2bpic.net/free-photo/two-same-sisters-with-modern-tablet_329181-10604.jpg",          imageAlt: "satisfied customer hair makeover"},
         {
-          id: "3",
-          title: "Absolute Art",
-          quote: "Talented team, luxurious vibe, perfect execution.",
-          name: "Emily R.",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-with-drink_23-2149722001.jpg",
-          imageAlt: "happy customer salon portrait",
-        },
+          id: "3",          title: "Absolute Art",          quote: "Talented team, luxurious vibe, perfect execution.",          name: "Emily R.",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-with-drink_23-2149722001.jpg",          imageAlt: "happy customer salon portrait"},
         {
-          id: "4",
-          title: "Perfect Stylists",
-          quote: "They listen to what I want and elevate it.",
-          name: "David K.",
-          role: "Creative",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
-          imageAlt: "client hair salon success",
-        },
+          id: "4",          title: "Perfect Stylists",          quote: "They listen to what I want and elevate it.",          name: "David K.",          role: "Creative",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",          imageAlt: "client hair salon success"},
         {
-          id: "5",
-          title: "Life Changing",
-          quote: "I am officially a client for life now.",
-          name: "Jessica L.",
-          role: "Influencer",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sweater-sitting-posing-near-light-lamps_114579-81988.jpg",
-          imageAlt: "happy client hair results",
-        },
+          id: "5",          title: "Life Changing",          quote: "I am officially a client for life now.",          name: "Jessica L.",          role: "Influencer",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sweater-sitting-posing-near-light-lamps_114579-81988.jpg",          imageAlt: "happy client hair results"},
       ]}
       title="Voices of Elegance"
       description="What our clients are saying about their Wow Hair Art journey."
@@ -330,20 +195,11 @@ export default function LandingPage() {
       tag="Our Excellence"
       metrics={[
         {
-          id: "1",
-          value: "10k+",
-          description: "Transformations",
-        },
+          id: "1",          value: "10k+",          description: "Transformations"},
         {
-          id: "2",
-          value: "5k+",
-          description: "Happy Clients",
-        },
+          id: "2",          value: "5k+",          description: "Happy Clients"},
         {
-          id: "3",
-          value: "15+",
-          description: "Award Wins",
-        },
+          id: "3",          value: "15+",          description: "Award Wins"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -353,8 +209,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Visit Us"
       title="Book Your Appointment"
       description="Secure your spot at Wow Hair Art and redefine your look today."
@@ -362,6 +217,7 @@ export default function LandingPage() {
       mediaPosition="right"
       imageAlt="luxury salon interior reception"
       mediaAnimation="slide-up"
+      buttonText="Schedule My Consultation"
     />
   </div>
 
@@ -369,33 +225,21 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Socials",
-          items: [
+          title: "Socials",          items: [
             {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
             {
-              label: "Facebook",
-              href: "#",
-            },
+              label: "Facebook",              href: "#"},
             {
-              label: "WhatsApp",
-              href: "#",
-            },
+              label: "WhatsApp",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}
@@ -405,4 +249,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}