Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "pricing",
-        },
+          name: "Services",          id: "pricing"},
         {
-          name: "Team",
-          id: "team",
-        },
+          name: "Team",          id: "team"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Stars & Stripes"
     />
@@ -55,31 +47,20 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Classic Grooming, Modern Style."
       description="At Stars and Stripes Barbershop, we deliver premium haircuts, beard trims, and hot towel shaves in a welcoming environment."
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=1",
-          imageAlt: "Barbershop interior modern classic",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=1",          imageAlt: "Barbershop interior modern classic"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=1",
-          imageAlt: "Barber working on client",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=1",          imageAlt: "Barber working on client"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-influencer-home-with-dog_23-2148738158.jpg",
-          imageAlt: "Classic barber shop interior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/female-influencer-home-with-dog_23-2148738158.jpg",          imageAlt: "Classic barber shop interior"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg",
-          imageAlt: "Handsome bearded man at the barbershop barber at work Close up nape",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg",          imageAlt: "Handsome bearded man at the barbershop barber at work Close up nape"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-woman-doing-haircut_1163-2018.jpg",
-          imageAlt: "Hairstylist woman doing haircut",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-woman-doing-haircut_1163-2018.jpg",          imageAlt: "Hairstylist woman doing haircut"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -102,23 +83,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Expert Stylists",
-          description: "Highly trained barbers dedicated to the perfect cut.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-client_23-2147778763.jpg",
-          imageAlt: "Hairdresser cutting hair of client",
-        },
+          title: "Expert Stylists",          description: "Highly trained barbers dedicated to the perfect cut.",          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-client_23-2147778763.jpg",          imageAlt: "Hairdresser cutting hair of client"},
         {
-          title: "Premium Products",
-          description: "Only the best for your hair and skin.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=2",
-          imageAlt: "Hairdresser cutting hair of client",
-        },
+          title: "Premium Products",          description: "Only the best for your hair and skin.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=2",          imageAlt: "Hairdresser cutting hair of client"},
         {
-          title: "Relaxed Atmosphere",
-          description: "Enjoy a comfortable and friendly shop experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=2",
-          imageAlt: "Hairdresser cutting hair of client",
-        },
+          title: "Relaxed Atmosphere",          description: "Enjoy a comfortable and friendly shop experience.",          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=2",          imageAlt: "Hairdresser cutting hair of client"},
       ]}
       title="Why Choose Us?"
       description="Your grooming routine deserves perfection. We combine high-quality products with professional techniques."
@@ -132,55 +101,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "cut",
-          badge: "Popular",
-          price: "$30",
-          subtitle: "Precision Cut",
-          features: [
-            "Consultation",
-            "Detailed Cut",
-            "Neck Shave",
-          ],
+          id: "deluxe",          badge: "Recommended",          price: "$50",          subtitle: "The Full Experience",          features: [
+            "Haircut",            "Beard trim",            "Hot towel shave",            "Styling"],
           buttons: [
             {
-              text: "Book Now",
-              href: "#contact",
-            },
+              text: "Book Now",              href: "#contact"},
           ],
         },
         {
-          id: "beard",
-          badge: "Classic",
-          price: "$20",
-          subtitle: "Beard Trim",
-          features: [
-            "Line up",
-            "Beard conditioning",
-            "Hot towel",
-          ],
+          id: "cut",          badge: "Popular",          price: "$30",          subtitle: "Precision Cut",          features: [
+            "Consultation",            "Detailed Cut",            "Neck Shave"],
           buttons: [
             {
-              text: "Book Now",
-              href: "#contact",
-            },
+              text: "Book Now",              href: "#contact"},
           ],
         },
         {
-          id: "deluxe",
-          badge: "Premium",
-          price: "$50",
-          subtitle: "The Full Experience",
-          features: [
-            "Haircut",
-            "Beard trim",
-            "Hot towel shave",
-            "Styling",
-          ],
+          id: "beard",          badge: "Classic",          price: "$20",          subtitle: "Beard Trim",          features: [
+            "Line up",            "Beard conditioning",            "Hot towel"],
           buttons: [
             {
-              text: "Book Now",
-              href: "#contact",
-            },
+              text: "Book Now",              href: "#contact"},
           ],
         },
       ]}
@@ -197,26 +138,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       members={[
         {
-          id: "barber1",
-          name: "John Doe",
-          role: "Master Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7271.jpg",
-          imageAlt: "Handsome bearded man at the barbershop barber at work",
-        },
+          id: "barber1",          name: "John Doe",          role: "Master Barber",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7271.jpg",          imageAlt: "Handsome bearded man at the barbershop barber at work"},
         {
-          id: "barber2",
-          name: "Jane Smith",
-          role: "Senior Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=3",
-          imageAlt: "Handsome bearded man at the barbershop barber at work",
-        },
+          id: "barber2",          name: "Jane Smith",          role: "Senior Stylist",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=3",          imageAlt: "Handsome bearded man at the barbershop barber at work"},
         {
-          id: "barber3",
-          name: "Mike Ross",
-          role: "Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=3",
-          imageAlt: "Handsome bearded man at the barbershop barber at work",
-        },
+          id: "barber3",          name: "Mike Ross",          role: "Barber",          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=3",          imageAlt: "Handsome bearded man at the barbershop barber at work"},
       ]}
       title="Meet Your Barbers"
       description="Our team of professionals is here to provide exceptional service."
@@ -229,45 +155,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          title: "Great cut!",
-          quote: "Best barbershop in town. Always consistent.",
-          name: "Steve A.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
-        },
+          id: "1",          title: "Great cut!",          quote: "Best barbershop in town. Always consistent.",          name: "Steve A.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg"},
         {
-          id: "2",
-          title: "Top tier.",
-          quote: "Clean shop, professional staff, quality work.",
-          name: "Mark D.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
-        },
+          id: "2",          title: "Top tier.",          quote: "Clean shop, professional staff, quality work.",          name: "Mark D.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg"},
         {
-          id: "3",
-          title: "Recommended.",
-          quote: "My regular spot for a reason. Great atmosphere.",
-          name: "Sam K.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg",
-        },
+          id: "3",          title: "Recommended.",          quote: "My regular spot for a reason. Great atmosphere.",          name: "Sam K.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg"},
         {
-          id: "4",
-          title: "Solid service.",
-          quote: "Fast, precise, and great attention to detail.",
-          name: "Chris B.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-long-hair-dark-background_613910-1758.jpg",
-        },
+          id: "4",          title: "Solid service.",          quote: "Fast, precise, and great attention to detail.",          name: "Chris B.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-long-hair-dark-background_613910-1758.jpg"},
         {
-          id: "5",
-          title: "Perfect.",
-          quote: "Always leave here looking sharp.",
-          name: "David L.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg",
-        },
+          id: "5",          title: "Perfect.",          quote: "Always leave here looking sharp.",          name: "David L.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg"},
       ]}
       title="What Our Clients Say"
       description="Trusted by our community for years."
@@ -280,20 +176,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Do I need an appointment?",
-          content: "We accept walk-ins, but appointments are recommended for guaranteed service.",
-        },
+          id: "q1",          title: "Do I need an appointment?",          content: "We accept walk-ins, but appointments are recommended for guaranteed service."},
         {
-          id: "q2",
-          title: "What are your hours?",
-          content: "We are open Monday-Saturday, 9 AM to 7 PM.",
-        },
+          id: "q2",          title: "What are your hours?",          content: "We are open Monday-Saturday, 9 AM to 7 PM."},
         {
-          id: "q3",
-          title: "Do you offer shaves?",
-          content: "Yes, we specialize in hot towel shaves.",
-        },
+          id: "q3",          title: "Do you offer shaves?",          content: "Yes, we specialize in hot towel shaves."},
       ]}
       title="Common Questions"
       description="Have questions about our services?"
@@ -308,8 +195,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Contact Us"
       title="Visit Stars and Stripes"
       description="Ready for your next cut? Book an appointment or stop by our shop today."
@@ -324,33 +210,21 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "Services",
-              href: "#pricing",
-            },
+              label: "Services",              href: "#pricing"},
             {
-              label: "Team",
-              href: "#team",
-            },
+              label: "Team",              href: "#team"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Use",
-              href: "#",
-            },
+              label: "Terms of Use",              href: "#"},
           ],
         },
       ]}