Update src/app/page.tsx

src/app/page.tsx

@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Gallery",
+          name: "Gallery",          id: "gallery"},
-          id: "gallery",
-        },
         {
-          name: "Book Now",
+          name: "Book Now",          id: "booking"},
-          id: "booking",
-        },
       ]}
       brandName="Nailbar Thảo Điền"
     />
@@ -54,66 +46,41 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Nailbar Thảo Điền"
       description="Premium nail care in a calm, modern space in the heart of Thảo Điền."
       buttons={[
         {
-          text: "Book an Appointment",
+          text: "Book an Appointment",          href: "#booking"},
-          href: "#booking",
-        },
         {
-          text: "View Services",
+          text: "View Services",          href: "#services"},
-          href: "#services",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/elevated-view-blank-notepad-surrounded-by-multi-colored-nail-varnish-bottle-yellow-background_23-2147970917.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",          alt: "Woman smiling"},
-          alt: "Woman smiling",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",          alt: "Portrait of smiling girl"},
-          alt: "Portrait of smiling girl",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
+          src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",          alt: "Successful young man"},
-          alt: "Successful young man",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",          alt: "Front view of cute girl"},
-          alt: "Front view of cute girl",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",          alt: "Close-up smiley man"},
-          alt: "Close-up smiley man",
-        },
       ]}
       avatarText="Loved by our community"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Premium Salon"},
-          text: "Premium Salon",
-        },
         {
-          type: "text",
+          type: "text",          text: "Modern Aesthetic"},
-          text: "Modern Aesthetic",
-        },
         {
-          type: "text",
+          type: "text",          text: "Expert Technicians"},
-          text: "Expert Technicians",
-        },
         {
-          type: "text",
+          type: "text",          text: "Hygienic Environment"},
-          text: "Hygienic Environment",
-        },
         {
-          type: "text",
+          type: "text",          text: "Thảo Điền Based"},
-          text: "Thảo Điền Based",
-        },
       ]}
     />
   </div>
@@ -126,17 +93,11 @@ export default function LandingPage() {
       description="We blend premium nail care with a modern, relaxing aesthetic. Our studio provides a dedicated retreat from the busy city streets of Thảo Điền."
       bulletPoints={[
         {
-          title: "Hygienic Tools",
+          title: "Hygienic Tools",          description: "Strict sterilization protocols for every client."},
-          description: "Strict sterilization protocols for every client.",
-        },
         {
-          title: "Skilled Technicians",
+          title: "Skilled Technicians",          description: "Expert hands focused on precision and beauty."},
-          description: "Expert hands focused on precision and beauty.",
-        },
         {
-          title: "Relaxing Environment",
+          title: "Relaxing Environment",          description: "Calm, modern interiors for a peaceful escape."},
-          description: "Calm, modern interiors for a peaceful escape.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/empty-ski-resort-used-winter-sports_482257-76560.jpg"
       mediaAnimation="blur-reveal"
@@ -150,44 +111,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "m1",
+          id: "m1",          label: "Care",          title: "Manicure",          items: [
-          label: "Care",
+            "Classic Manicure",            "Spa Manicure",            "Paraffin Treatment"],
-          title: "Manicure",
-          items: [
-            "Classic Manicure",
-            "Spa Manicure",
-            "Paraffin Treatment",
-          ],
         },
         {
-          id: "m2",
+          id: "m2",          label: "Care",          title: "Pedicure",          items: [
-          label: "Care",
+            "Classic Pedicure",            "Spa Pedicure",            "Heel Treatment"],
-          title: "Pedicure",
-          items: [
-            "Classic Pedicure",
-            "Spa Pedicure",
-            "Heel Treatment",
-          ],
         },
         {
-          id: "m3",
+          id: "m3",          label: "Art",          title: "Gel Nails",          items: [
-          label: "Art",
+            "Gel Polish",            "Gel Extensions",            "Removal"],
-          title: "Gel Nails",
-          items: [
-            "Gel Polish",
-            "Gel Extensions",
-            "Removal",
-          ],
         },
         {
-          id: "m4",
+          id: "m4",          label: "Art",          title: "Nail Art",          items: [
-          label: "Art",
+            "Custom Designs",            "Gemstones",            "Minimalist Art"],
-          title: "Nail Art",
-          items: [
-            "Custom Designs",
-            "Gemstones",
-            "Minimalist Art",
-          ],
         },
       ]}
       title="Our Services"
@@ -203,47 +140,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Nude Minimalist",          price: "Featured",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg"},
-          name: "Nude Minimalist",
-          price: "Featured",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Soft Pink Gel",          price: "Featured",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-hands-form-support_23-2150693570.jpg"},
-          name: "Soft Pink Gel",
-          price: "Featured",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-hands-form-support_23-2150693570.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Classic French",          price: "Featured",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262923.jpg"},
-          name: "Classic French",
-          price: "Featured",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262923.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Floral Accents",          price: "Featured",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24225.jpg"},
-          name: "Floral Accents",
-          price: "Featured",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24225.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Modern Art",          price: "Featured",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-beautiful-manicure_23-2149311588.jpg"},
-          name: "Modern Art",
-          price: "Featured",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-beautiful-manicure_23-2149311588.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Detail Work",          price: "Featured",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/pink-nail-design-female-hand-with-glitter-manicure_127675-2812.jpg"},
-          name: "Detail Work",
-          price: "Featured",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/pink-nail-design-female-hand-with-glitter-manicure_127675-2812.jpg",
-        },
       ]}
       title="Nail Artistry Gallery"
       description="A glimpse into our recent work and studio style."
@@ -257,59 +164,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Linh Nguyen",          role: "Client",          company: "Local Resident",          rating: 5,
-          name: "Linh Nguyen",
+          imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg"},
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Sarah J.",          role: "Client",          company: "Expats",          rating: 5,
-          name: "Sarah J.",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
-          role: "Client",
-          company: "Expats",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Minh Anh",          role: "Client",          company: "Digital Nomad",          rating: 5,
-          name: "Minh Anh",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-beauty-salon-cosmetology-office-lies-bed-relaxes-with-mask_343596-4261.jpg"},
-          role: "Client",
-          company: "Digital Nomad",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-beauty-salon-cosmetology-office-lies-bed-relaxes-with-mask_343596-4261.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Elena K.",          role: "Client",          company: "Thảo Điền",          rating: 5,
-          name: "Elena K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-sofa_329181-4317.jpg"},
-          role: "Client",
-          company: "Thảo Điền",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-sofa_329181-4317.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Chloe B.",          role: "Client",          company: "Visitor",          rating: 5,
-          name: "Chloe B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg"},
-          role: "Client",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "100+",
+          value: "100+",          label: "Happy Clients"},
-          label: "Happy Clients",
-        },
         {
-          value: "5.0",
+          value: "5.0",          label: "Average Rating"},
-          label: "Average Rating",
-        },
         {
-          value: "10",
+          value: "10",          label: "Expert Techs"},
-          label: "Expert Techs",
-        },
       ]}
       title="Client Experiences"
       description="What our clients love about us."
@@ -321,23 +197,19 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "loc-1",
+          id: "loc-1",          title: "Address",          content: "123 Thảo Điền Street, District 2, Ho Chi Minh City"},
-          title: "Address",
-          content: "123 Thảo Điền Street, District 2, Ho Chi Minh City",
-        },
         {
-          id: "loc-2",
+          id: "loc-2",          title: "Opening Hours",          content: "Mon - Sun: 9:00 AM - 8:00 PM"},
-          title: "Opening Hours",
-          content: "Mon - Sun: 9:00 AM - 8:00 PM",
-        },
         {
-          id: "loc-3",
+          id: "loc-3",          title: "Parking",          content: "Convenient parking available in front of the salon."},
-          title: "Parking",
-          content: "Convenient parking available in front of the salon.",
-        },
       ]}
       sideTitle="Location & Hours"
       sideDescription="Visit us in Thảo Điền for a moment of peace."
+      buttons={[
+        {
+            text: "Book Appointment",            href: "#booking"
+        }
+      ]}
       faqsAnimation="slide-up"
     />
   </div>
@@ -346,8 +218,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Contact Us"
       title="Book Your Appointment"
       description="Ready for premium care? Send us your details to request an opening."
@@ -360,33 +231,21 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Quick Links",
+          title: "Quick Links",          items: [
-          items: [
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Gallery",
+              label: "Gallery",              href: "#gallery"},
-              href: "#gallery",
-            },
             {
-              label: "Booking",
+              label: "Booking",              href: "#booking"},
-              href: "#booking",
-            },
           ],
         },
         {
-          title: "Social",
+          title: "Social",          items: [
-          items: [
             {
-              label: "Facebook",
+              label: "Facebook",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Instagram",
+              label: "Instagram",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -396,4 +255,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}