Update src/app/page.tsx

src/app/page.tsx

@@ -34,21 +34,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Experience",
+          name: "Experience",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Booking",
+          name: "Booking",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="HEXA Barbershop"
     />
@@ -57,45 +49,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
       title="Look Sharp. Feel Confident."
       description="Experience premium grooming at HEXA. Professional barbers, personalized consultation, and a relaxing space — complete with free coffee."
       buttons={[
         {
-          text: "Book Now",
+          text: "Book Now",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "View Location",
+          text: "View Location",          href: "#location"},
-          href: "#location",
-        },
       ]}
       carouselItems={[
         {
-          id: "1",
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48813.jpg"},
-          imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48813.jpg",
-        },
         {
-          id: "2",
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-getting-her-hair-brushed-salon_23-2148817181.jpg"},
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-getting-her-hair-brushed-salon_23-2148817181.jpg",
-        },
         {
-          id: "3",
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg"},
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg",
-        },
         {
-          id: "4",
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/two-young-multiracial-baristas-relaxing-after-work-day-coffee-shop-cafe_613910-21581.jpg"},
-          imageSrc: "http://img.b2bpic.net/free-photo/two-young-multiracial-baristas-relaxing-after-work-day-coffee-shop-cafe_613910-21581.jpg",
-        },
         {
-          id: "5",
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg"},
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg",
-        },
         {
-          id: "6",
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-getting-haircut_23-2148257001.jpg"},
-          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-getting-haircut_23-2148257001.jpg",
-        },
       ]}
     />
   </div>
@@ -105,12 +80,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Clean Space",
+        "Clean Space",        "Free Coffee",        "Expert Barbers",        "Consistent Cuts",        "Friendly Atmosphere"]}
-        "Free Coffee",
-        "Expert Barbers",
-        "Consistent Cuts",
-        "Friendly Atmosphere",
-      ]}
       title="Trusted by 1000+ Clients"
       description="Rated 4.9 by our regular community in Sidoarjo."
     />
@@ -136,38 +106,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Precision Cuts",          author: "Consultative Approach",          description: "We don’t guess. Every cut starts with a professional consultation.",          tags: [
-          title: "Precision Cuts",
+            "Style",            "Detail"],
-          author: "Consultative Approach",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg"},
-          description: "We don’t guess. Every cut starts with a professional consultation.",
-          tags: [
-            "Style",
-            "Detail",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Relaxing Vibe",          author: "Free Coffee Included",          description: "Your local shop with a luxury feeling. Grab a coffee and chill.",          tags: [
-          title: "Relaxing Vibe",
+            "Comfort",            "Vibe"],
-          author: "Free Coffee Included",
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg"},
-          description: "Your local shop with a luxury feeling. Grab a coffee and chill.",
-          tags: [
-            "Comfort",
-            "Vibe",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Friendly Experts",          author: "Barbers Who Listen",          description: "Experienced hands that respect your style preferences and feedback.",          tags: [
-          title: "Friendly Experts",
+            "Service",            "Trust"],
-          author: "Barbers Who Listen",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg"},
-          description: "Experienced hands that respect your style preferences and feedback.",
-          tags: [
-            "Service",
-            "Trust",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
-        },
       ]}
       title="The HEXA Difference"
       description="Premium grooming experience with accessible pricing."
@@ -181,56 +130,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
+          id: "p1",          badge: "Essential",          price: "Rp50K",          subtitle: "Clean & Sharp",          features: [
-          badge: "Essential",
+            "Haircut",            "Style Consultation",            "Hot Towel"],
-          price: "Rp50K",
-          subtitle: "Clean & Sharp",
-          features: [
-            "Haircut",
-            "Style Consultation",
-            "Hot Towel",
-          ],
           buttons: [
             {
-              text: "Book Now",
+              text: "Book Now",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          id: "p2",
+          id: "p2",          badge: "Popular",          price: "Rp60K",          subtitle: "Full Refresh",          features: [
-          badge: "Popular",
+            "Haircut",            "Wash",            "Style Consultation",            "Finish"],
-          price: "Rp60K",
-          subtitle: "Full Refresh",
-          features: [
-            "Haircut",
-            "Wash",
-            "Style Consultation",
-            "Finish",
-          ],
           buttons: [
             {
-              text: "Book Now",
+              text: "Book Now",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          id: "p3",
+          id: "p3",          badge: "Grooming",          price: "Rp80K",          subtitle: "The Ultimate Look",          features: [
-          badge: "Grooming",
+            "Haircut",            "Wash",            "Beard Trim",            "Consultation"],
-          price: "Rp80K",
-          subtitle: "The Ultimate Look",
-          features: [
-            "Haircut",
-            "Wash",
-            "Beard Trim",
-            "Consultation",
-          ],
           buttons: [
             {
-              text: "Book Now",
+              text: "Book Now",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
@@ -246,59 +166,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Budi Santoso",          role: "Student",          company: "Regular Client",          rating: 5,
-          name: "Budi Santoso",
+          imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg"},
-          role: "Student",
-          company: "Regular Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Rian H.",          role: "Professional",          company: "HEXA Fan",          rating: 5,
-          name: "Rian H.",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg"},
-          role: "Professional",
-          company: "HEXA Fan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Aditya",          role: "Designer",          company: "Customer",          rating: 5,
-          name: "Aditya",
+          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665387.jpg"},
-          role: "Designer",
-          company: "Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665387.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Kevin",          role: "Student",          company: "Regular",          rating: 5,
-          name: "Kevin",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-shaving-home_23-2150226094.jpg"},
-          role: "Student",
-          company: "Regular",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-shaving-home_23-2150226094.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Yoga",          role: "Professional",          company: "Loyal",          rating: 5,
-          name: "Yoga",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg"},
-          role: "Professional",
-          company: "Loyal",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "4.9",
+          value: "4.9",          label: "Google Rating"},
-          label: "Google Rating",
-        },
         {
-          value: "1000+",
+          value: "1000+",          label: "Clients Served"},
-          label: "Clients Served",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "Customer Love"},
-          label: "Customer Love",
-        },
       ]}
       title="Voices of HEXA"
       description="What our customers are saying about our barbers."
@@ -313,25 +202,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "10+1",          title: "Loyalty Program",          description: "Get every 11th haircut free.",          icon: Award,
-          value: "10+1",
-          title: "Loyalty Program",
-          description: "Get every 11th haircut free.",
-          icon: Award,
         },
         {
-          id: "m2",
+          id: "m2",          value: "Fast",          title: "Priority Booking",          description: "Members get access to priority slots.",          icon: Zap,
-          value: "Fast",
-          title: "Priority Booking",
-          description: "Members get access to priority slots.",
-          icon: Zap,
         },
         {
-          id: "m3",
+          id: "m3",          value: "VIP",          title: "Exclusive Perks",          description: "Surprise benefits for regulars.",          icon: Star,
-          value: "VIP",
-          title: "Exclusive Perks",
-          description: "Surprise benefits for regulars.",
-          icon: Star,
         },
       ]}
       title="Stay Sharp. Get Rewarded."
@@ -347,41 +224,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "g1",
+          id: "g1",          name: "Interior View",          price: "Studio",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg"},
-          name: "Interior View",
-          price: "Studio",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
-        },
         {
-          id: "g2",
+          id: "g2",          name: "Sharp Fade",          price: "Style",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-leaning-glass-window-using-cellphone_23-2147955454.jpg"},
-          name: "Sharp Fade",
-          price: "Style",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-leaning-glass-window-using-cellphone_23-2147955454.jpg",
-        },
         {
-          id: "g3",
+          id: "g3",          name: "Barber Tools",          price: "Precision",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148415819.jpg"},
-          name: "Barber Tools",
-          price: "Precision",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148415819.jpg",
-        },
         {
-          id: "g4",
+          id: "g4",          name: "Signature Coffee",          price: "Refresh",          imageSrc: "http://img.b2bpic.net/free-photo/barista-working-steam-espresso-coffee-machine-coffee-shop_613910-20704.jpg"},
-          name: "Signature Coffee",
-          price: "Refresh",
-          imageSrc: "http://img.b2bpic.net/free-photo/barista-working-steam-espresso-coffee-machine-coffee-shop_613910-20704.jpg",
-        },
         {
-          id: "g5",
+          id: "g5",          name: "Workshop",          price: "Studio",          imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg"},
-          name: "Workshop",
-          price: "Studio",
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
-        },
         {
-          id: "g6",
+          id: "g6",          name: "Final Look",          price: "Style",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-man-with-shirtless-tattooed-body-grey-background_613910-165.jpg"},
-          name: "Final Look",
-          price: "Style",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-man-with-shirtless-tattooed-body-grey-background_613910-165.jpg",
-        },
       ]}
       title="HEXA In Action"
       description="Behind the chair at our Sidoarjo studio."
@@ -392,14 +245,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
       text="Your Go-To Barbershop in Sidoarjo. Ready to look your best? Book your appointment today via WhatsApp."
       buttons={[
         {
-          text: "Book Appointment via WhatsApp",
+          text: "Start Your Booking",          href: "https://wa.me/yournumber"},
-          href: "https://wa.me/yournumber",
-        },
       ]}
     />
   </div>
@@ -410,38 +260,25 @@ export default function LandingPage() {
       logoText="HEXA Barbershop"
       columns={[
         {
-          title: "HEXA",
+          title: "HEXA",          items: [
-          items: [
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Location",
+              label: "Location",              href: "#location"},
-              href: "#location",
-            },
           ],
         },
         {
-          title: "Socials",
+          title: "Socials",          items: [
-          items: [
             {
-              label: "Instagram",
+              label: "Instagram",              href: "#"},
-              href: "#",
-            },
             {
-              label: "WhatsApp",
+              label: "WhatsApp",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -451,4 +288,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}