Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       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: "Book Now",
+          name: "Book Now",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="TOPGUN HONOLULU"
     />
@@ -52,77 +44,48 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Precision Cuts. Elite Style."
       description="Honolulu’s premier barbershop for modern gentlemen. We deliver military-inspired precision for the uncompromising man."
       kpis={[
         {
-          value: "10+",
+          value: "10+",          label: "Expert Barbers"},
-          label: "Expert Barbers",
-        },
         {
-          value: "5000+",
+          value: "5000+",          label: "Satisfied Clients"},
-          label: "Satisfied Clients",
-        },
         {
-          value: "5.0",
+          value: "5.0",          label: "Star Rating"},
-          label: "Star Rating",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Book Your Appointment",
+          text: "Book Your Appointment",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=1"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
+          src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
+          src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
+          src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
+          src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
+          src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       avatarText="Trusted by 5,000+ Honolulu gentlemen."
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Precision"},
-          text: "Precision",
-        },
         {
-          type: "text",
+          type: "text",          text: "Elite Style"},
-          text: "Elite Style",
-        },
         {
-          type: "text",
+          type: "text",          text: "Honolulu Based"},
-          text: "Honolulu Based",
-        },
         {
-          type: "text",
+          type: "text",          text: "Modern Grooming"},
-          text: "Modern Grooming",
-        },
         {
-          type: "text",
+          type: "text",          text: "Military Standards"},
-          text: "Military Standards",
-        },
       ]}
     />
   </div>
@@ -141,52 +104,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "1",
+          id: "1",          badge: "Popular",          price: "$55",          subtitle: "Signature Haircut",          features: [
-          badge: "Popular",
+            "Precision Cut",            "Detailed Fade",            "Hot Towel Finish"],
-          price: "$55",
-          subtitle: "Signature Haircut",
-          features: [
-            "Precision Cut",
-            "Detailed Fade",
-            "Hot Towel Finish",
-          ],
           buttons: [
             {
-              text: "Book Now",
+              text: "Book Now"},
-            },
           ],
         },
         {
-          id: "2",
+          id: "2",          badge: "Upgrade",          price: "$75",          subtitle: "The Topgun Fade",          features: [
-          badge: "Upgrade",
+            "Skin Fade",            "Beard Sculpting",            "Straight Razor Finish"],
-          price: "$75",
-          subtitle: "The Topgun Fade",
-          features: [
-            "Skin Fade",
-            "Beard Sculpting",
-            "Straight Razor Finish",
-          ],
           buttons: [
             {
-              text: "Book Now",
+              text: "Book Now"},
-            },
           ],
         },
         {
-          id: "3",
+          id: "3",          badge: "Executive",          price: "$90",          subtitle: "Hot Towel Shave",          features: [
-          badge: "Executive",
+            "Full Shave",            "Facial Massage",            "Essential Oils",            "Cold Towel"],
-          price: "$90",
-          subtitle: "Hot Towel Shave",
-          features: [
-            "Full Shave",
-            "Facial Massage",
-            "Essential Oils",
-            "Cold Towel",
-          ],
           buttons: [
             {
-              text: "Book Now",
+              text: "Book Now"},
-            },
           ],
         },
       ]}
@@ -201,60 +139,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "James K.",          date: "Oct 2023",          title: "Best Cut in Hawaii",          quote: "The precision and attention to detail are unmatched.",          tag: "Elite Service",          avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=2",          imageAlt: "luxury barbershop interior modern"},
-          name: "James K.",
-          date: "Oct 2023",
-          title: "Best Cut in Hawaii",
-          quote: "The precision and attention to detail are unmatched.",
-          tag: "Elite Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=2",
-          imageAlt: "luxury barbershop interior modern",
-        },
         {
-          id: "2",
+          id: "2",          name: "Robert M.",          date: "Nov 2023",          title: "Top Tier",          quote: "Professional, clean, and incredibly sharp cuts every time.",          tag: "Regular",          avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg?_wi=1",          imageAlt: "well groomed man portrait"},
-          name: "Robert M.",
-          date: "Nov 2023",
-          title: "Top Tier",
-          quote: "Professional, clean, and incredibly sharp cuts every time.",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg?_wi=1",
-          imageAlt: "well groomed man portrait",
-        },
         {
-          id: "3",
+          id: "3",          name: "David W.",          date: "Dec 2023",          title: "Luxury Experience",          quote: "Walking in feels like stepping into a premium club.",          tag: "Elite",          avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=3",          imageAlt: "luxury barbershop interior modern"},
-          name: "David W.",
-          date: "Dec 2023",
-          title: "Luxury Experience",
-          quote: "Walking in feels like stepping into a premium club.",
-          tag: "Elite",
-          avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=3",
-          imageAlt: "luxury barbershop interior modern",
-        },
         {
-          id: "4",
+          id: "4",          name: "Alex C.",          date: "Jan 2024",          title: "Incredible Service",          quote: "They don't just cut hair, they craft a look.",          tag: "New Client",          avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg?_wi=2",          imageAlt: "well groomed man portrait"},
-          name: "Alex C.",
-          date: "Jan 2024",
-          title: "Incredible Service",
-          quote: "They don't just cut hair, they craft a look.",
-          tag: "New Client",
-          avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg?_wi=2",
-          imageAlt: "well groomed man portrait",
-        },
         {
-          id: "5",
+          id: "5",          name: "Michael S.",          date: "Feb 2024",          title: "Professionalism",          quote: "The hot towel shave is a game changer.",          tag: "Regular",          avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=4",          imageAlt: "luxury barbershop interior modern"},
-          name: "Michael S.",
-          date: "Feb 2024",
-          title: "Professionalism",
-          quote: "The hot towel shave is a game changer.",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=4",
-          imageAlt: "luxury barbershop interior modern",
-        },
       ]}
       title="Client Feedback"
       description="See why Honolulu trusts Topgun Barbershop."
@@ -265,8 +158,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Booking"
       title="Reserve Your Spot"
       description="Spaces fill up quickly. Secure your premium grooming session today."
@@ -277,29 +169,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Visit Us",
+          title: "Visit Us",          items: [
-          items: [
             {
-              label: "123 Honolulu St, HI",
+              label: "550 Paiea St # 120, Honolulu, HI 96819",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Open Mon-Sat 9am-7pm",
+              label: "Mon-Fri 9 AM–7 PM, Sat-Sun 9 AM–6 PM",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Social",
+          title: "Social",          items: [
-          items: [
             {
-              label: "Instagram",
+              label: "Instagram",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Facebook",
+              label: "Facebook",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}