Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -31,29 +31,17 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Gallery",
+          name: "Gallery",          id: "gallery"},
-          id: "gallery",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="The Parlour"
     />
@@ -65,9 +53,7 @@ export default function LandingPage() {
       description="Experience San Diego's most luxurious destination for exquisite hair design and sophisticated beauty services."
       buttons={[
         {
-          text: "Book Appointment",
+          text: "Schedule Your Session",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58755.jpg?_wi=1"
       imageAlt="elegant luxury salon interior"
@@ -79,18 +65,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Our Philosophy of "},
-          content: "Our Philosophy of ",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg",          alt: "salon owner working gracefully"},
-          src: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg",
-          alt: "salon owner working gracefully",
-        },
         {
-          type: "text",
+          type: "text",          content: " Beauty"},
-          content: " Beauty",
-        },
       ]}
     />
   </div>
@@ -103,23 +82,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Precision Cuts",
+          title: "Precision Cuts",          description: "Expertly crafted cuts tailored to your face shape and hair texture.",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-nail-care-products_23-2148974559.jpg?_wi=1",          imageAlt: "haircut styling scissors"},
-          description: "Expertly crafted cuts tailored to your face shape and hair texture.",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-nail-care-products_23-2148974559.jpg?_wi=1",
-          imageAlt: "haircut styling scissors",
-        },
         {
-          title: "Custom Coloring",
+          title: "Custom Coloring",          description: "Luminous color techniques including balayage, highlights, and precision tinting.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg?_wi=1",          imageAlt: "hair coloring technique palette"},
-          description: "Luminous color techniques including balayage, highlights, and precision tinting.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg?_wi=1",
-          imageAlt: "hair coloring technique palette",
-        },
         {
-          title: "Blowout Styling",
+          title: "Blowout Styling",          description: "Sophisticated styling for any occasion, leaving hair smooth and radiant.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg?_wi=1",          imageAlt: "elegant blowout hair styling"},
-          description: "Sophisticated styling for any occasion, leaving hair smooth and radiant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg?_wi=1",
-          imageAlt: "elegant blowout hair styling",
-        },
       ]}
       title="Signature Services"
       description="Tailored treatments for your unique hair journey."
@@ -133,45 +100,15 @@ export default function LandingPage() {
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "g1", name: "Signature Balayage", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg" },
-          id: "g1",
+        { id: "g2", name: "Modern Cut", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58755.jpg" },
-          name: "Reception Area",
+        { id: "g3", name: "Elegant Blowout", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg?_wi=1" },
-          price: "Atmosphere",
+        { id: "g4", name: "Custom Styling", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg",
+        { id: "g5", name: "Bridal Design", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg" },
-        },
+        { id: "g6", name: "Salon Interior", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg" }
-        {
-          id: "g2",
-          name: "Styling Station",
-          price: "Luxury",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg",
-        },
-        {
-          id: "g3",
-          name: "Luminous Lighting",
-          price: "Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/flowers-near-fuchsia-eggs_23-2147754680.jpg",
-        },
-        {
-          id: "g4",
-          name: "Treatment Suite",
-          price: "Relaxation",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg",
-        },
-        {
-          id: "g5",
-          name: "Hair Studio",
-          price: "Modern",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-graphic-pencils-stand-standing-table-creativity-school-studio-background-diverse-team-drawing-vase-sketch-canvas-working-sketching-technique-new-years-resolutions_482257-38999.jpg",
-        },
-        {
-          id: "g6",
-          name: "Beauty Bar",
-          price: "Sophistication",
-          imageSrc: "http://img.b2bpic.net/free-photo/details-decoration-modern-beauty-parlor-table-mirror-flowerpot-lamp-stylish-decor-concept_197531-31477.jpg",
-        },
       ]}
       title="Our Studio Gallery"
-      description="A glimpse into our luxurious San Diego space."
+      description="Explore the artistry of our San Diego studio."
     />
   </div>
 
@@ -179,65 +116,11 @@ export default function LandingPage() {
       <TestimonialCardFive
       textboxLayout="split"
       useInvertedBackground={false}
-      testimonials={[
+      testimonials={Array(7).fill(0).map((_, i) => ({
-        {
+          id: String(i + 1),
-          id: "1",
+          name: "Valued Client",          date: "2024",          title: "5.0 Rating",          quote: "Absolute perfection! This is the most luxurious salon experience in San Diego. Highly recommend!",          tag: "5.0 Stars",          avatarSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg?_wi=2"}))}
-          name: "Sarah J.",
-          date: "Oct 2023",
-          title: "Incredible Service",
-          quote: "The best balayage I've ever had in San Diego.",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623388.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58755.jpg?_wi=2",
-          imageAlt: "portrait elegant happy customer",
-        },
-        {
-          id: "2",
-          name: "Michael K.",
-          date: "Sep 2023",
-          title: "Top-tier Style",
-          quote: "Polished, professional, and luxurious experience.",
-          tag: "Frequent",
-          avatarSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg",
-          imageAlt: "portrait elegant happy customer",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          date: "Aug 2023",
-          title: "My Favorite Salon",
-          quote: "A true sanctuary. My hair has never felt healthier.",
-          tag: "Client",
-          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-nail-care-products_23-2148974559.jpg?_wi=2",
-          imageAlt: "portrait elegant happy customer",
-        },
-        {
-          id: "4",
-          name: "David M.",
-          date: "Jul 2023",
-          title: "Exquisite Precision",
-          quote: "Precision cuts and amazing customer service.",
-          tag: "Visitor",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-4036.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg?_wi=2",
-          imageAlt: "portrait elegant happy customer",
-        },
-        {
-          id: "5",
-          name: "Jessica L.",
-          date: "Jun 2023",
-          title: "So Relaxing!",
-          quote: "I leave here feeling refreshed and beautiful.",
-          tag: "Client",
-          avatarSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg?_wi=2",
-          imageAlt: "portrait elegant happy customer",
-        },
-      ]}
       title="What Our Clients Say"
-      description="Excellence defined by those who visit us."
+      description="Rated 5.0 out of 5 stars based on 7 reviews."
     />
   </div>
 
@@ -247,20 +130,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How do I book an appointment?",          content: "You can book directly via our online booking page at https://theparlour.com/book or by calling our salon reception during business hours."},
-          title: "How do I book an appointment?",
-          content: "You can book directly via our online portal or by calling our salon reception during business hours.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Do you offer consultations?",          content: "Yes, we highly recommend a consultation for new color clients to ensure the best results."},
-          title: "Do you offer consultations?",
-          content: "Yes, we highly recommend a consultation for new color clients to ensure the best results.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "What is your cancellation policy?",          content: "We require 24 hours notice for any appointment changes or cancellations."},
-          title: "What is your cancellation policy?",
-          content: "We require 24 hours notice for any appointment changes or cancellations.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/hotel-lobby-with-impressive-design-modern-furniture-expensive-resort-accommodation-with-marble-floors-empty-reception-front-desk-with-computers-service-bell-registration_482257-61927.jpg"
       title="Helpful Details"
@@ -273,16 +147,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
+      tag="Contact Us"
-      tag="Visit Us"
       title="Begin Your Transformation"
-      description="Secure your spot at San Diego's premier beauty studio today."
+      description="Open Daily: 12:00 PM – 3:00 PM. Contact us to book your premium session today."
       buttons={[
-        {
+        { text: "Book Now", href: "#" },
-          text: "Book Now",
+        { text: "Call Now", href: "tel:+15551234567" }
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -292,41 +163,21 @@ export default function LandingPage() {
       logoText="The Parlour"
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
+            { label: "Haircuts", href: "#services" },
-            {
+            { label: "Coloring", href: "#services" },
-              label: "Haircuts",
+            { label: "Styling", href: "#services" },
-              href: "#services",
-            },
-            {
-              label: "Coloring",
-              href: "#services",
-            },
-            {
-              label: "Styling",
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Contact",          items: [
-          items: [
+            { label: "123 San Diego Ave", href: "#" },
-            {
+            { label: "(555) 123-4567", href: "tel:+15551234567" },
-              label: "About Us",
+            { label: "Open: 12PM-3PM", href: "#" },
-              href: "#about",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
           ],
         },
       ]}
-      copyrightText="© 2024 The Parlour Salon. All rights reserved."
+      copyrightText="© 2024 The Parlour. Mobile-friendly beauty."
     />
   </div>
       </ReactLenis>