Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -29,108 +29,67 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       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: "Reviews",
+          name: "Reviews",          id: "reviews"},
-          id: "reviews",
-        },
       ]}
       brandName="Shasha."
       button={{
-        text: "Book Now",
+        text: "Book Now",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Where Every Woman Leaves Glowing."
       description="More than 20 years of trusted beauty expertise. We bring out the most radiant version of you — naturally, gently, beautifully."
       kpis={[
         {
-          value: "20+",
+          value: "20+",          label: "Years of Excellence"},
-          label: "Years of Excellence",
-        },
         {
-          value: "10+",
+          value: "10+",          label: "Beauty Services"},
-          label: "Beauty Services",
-        },
         {
-          value: "4.9",
+          value: "4.9",          label: "Client Rating"},
-          label: "Client Rating",
-        },
       ]}
       enableKpiAnimation={false}
       buttons={[
         {
-          text: "Book Appointment",
+          text: "Book Appointment",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Our Services",
+          text: "Our Services",          href: "#services"},
-          href: "#services",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=1"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",
+          src: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",
+          src: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg",
+          src: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg",
+          src: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg",
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       avatarText="Join 5,000+ happy clients"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Threading"},
-          text: "Threading",
-        },
         {
-          type: "text",
+          type: "text",          text: "Facial"},
-          text: "Facial",
-        },
         {
-          type: "text",
+          type: "text",          text: "Styling"},
-          text: "Styling",
-        },
         {
-          type: "text",
+          type: "text",          text: "Nails"},
-          text: "Nails",
-        },
         {
-          type: "text",
+          type: "text",          text: "Waxing"},
-          text: "Waxing",
-        },
       ]}
     />
   </div>
@@ -152,35 +111,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Threading & Facial",
+          title: "Threading & Facial",          description: "Precision threading and cleansing facial.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=2"},
-          description: "Precision threading and cleansing facial.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=2",
-        },
         {
-          title: "Haircut & Styling",
+          title: "Haircut & Styling",          description: "We listen, we shape, we deliver.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=3"},
-          description: "We listen, we shape, we deliver.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=3",
-        },
         {
-          title: "Acrylic Nails",
+          title: "Acrylic Nails",          description: "Natural-feeling acrylics that last.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=4"},
-          description: "Natural-feeling acrylics that last.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=4",
-        },
         {
-          title: "Waxing",
+          title: "Waxing",          description: "Quick, efficient, comfortable.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=5"},
-          description: "Quick, efficient, comfortable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=5",
-        },
         {
-          title: "Lash Lift",
+          title: "Lash Lift",          description: "Lifted lashes that look naturally yours.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=6"},
-          description: "Lifted lashes that look naturally yours.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=6",
-        },
         {
-          title: "Rebonding & Keratin",
+          title: "Rebonding & Keratin",          description: "Silky straight, frizz-free hair.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=7"},
-          description: "Silky straight, frizz-free hair.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=7",
-        },
       ]}
       title="Our Services"
       description="Precision treatments designed to enhance your natural glow."
@@ -193,60 +134,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Kavi",          date: "Oct 2024",          title: "Client",          quote: "Results were so clean.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=2",          imageAlt: "elegant beauty salon interior"},
-          name: "Kavi",
-          date: "Oct 2024",
-          title: "Client",
-          quote: "Results were so clean.",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=2",
-          imageAlt: "elegant beauty salon interior",
-        },
         {
-          id: "2",
+          id: "2",          name: "Preethi",          date: "Sept 2024",          title: "Client",          quote: "My acrylic nails came out so nice.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=8",          imageAlt: "professional beauty expert smiling"},
-          name: "Preethi",
-          date: "Sept 2024",
-          title: "Client",
-          quote: "My acrylic nails came out so nice.",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=8",
-          imageAlt: "professional beauty expert smiling",
-        },
         {
-          id: "3",
+          id: "3",          name: "Divyaa",          date: "Aug 2024",          title: "Client",          quote: "The lash lift looks so natural.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg?_wi=1",          imageAlt: "elegant woman smiling portrait"},
-          name: "Divyaa",
-          date: "Aug 2024",
-          title: "Client",
-          quote: "The lash lift looks so natural.",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg?_wi=1",
-          imageAlt: "elegant woman smiling portrait",
-        },
         {
-          id: "4",
+          id: "4",          name: "Ashwini",          date: "Jul 2024",          title: "Client",          quote: "Simple, clean, and not too heavy.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg?_wi=2",          imageAlt: "professional woman portrait"},
-          name: "Ashwini",
-          date: "Jul 2024",
-          title: "Client",
-          quote: "Simple, clean, and not too heavy.",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg?_wi=2",
-          imageAlt: "professional woman portrait",
-        },
         {
-          id: "5",
+          id: "5",          name: "Sneha",          date: "Jun 2024",          title: "Client",          quote: "Facial and massage was relaxing.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg",          imageAlt: "happy client spa experience"},
-          name: "Sneha",
-          date: "Jun 2024",
-          title: "Client",
-          quote: "Facial and massage was relaxing.",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg",
-          imageAlt: "happy client spa experience",
-        },
       ]}
       title="What Our Clients Say"
       description="Real stories from the women we have served for over two decades."
@@ -257,12 +153,12 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Booking"
       title="Ready to Glow? Book Your Session Today."
       description="Join the many women who trust Shasha for beauty that feels as good as it looks."
       buttonText="Chat on WhatsApp"
+      onSubmit={() => window.open("https://wa.me/60163607038", "_blank")}
     />
   </div>
 
@@ -271,37 +167,23 @@ export default function LandingPage() {
       logoText="Shasha."
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Threading & Facial",
+              label: "Threading & Facial",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Haircut & Styling",
+              label: "Haircut & Styling",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Acrylic Nails",
+              label: "Acrylic Nails",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Contact",
+          title: "Contact",          items: [
-          items: [
             {
-              label: "016-360 7038",
+              label: "016-360 7038",              href: "tel:0163607038"},
-              href: "tel:0163607038",
-            },
             {
-              label: "WhatsApp Us",
+              label: "WhatsApp Us",              href: "https://wa.me/60163607038"},
-              href: "https://wa.me/60163607038",
-            },
             {
-              label: "Tingkat 1, 18A, Jalan Besar, Pekan Kapar",
+              label: "Tingkat 1, 18A, Jalan Besar, Pekan Kapar",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}