Update src/app/page.tsx

src/app/page.tsx

@@ -32,29 +32,17 @@ 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: "features"},
-          id: "features",
-        },
         {
-          name: "Team",
+          name: "Team",          id: "team"},
-          id: "team",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="One of One Hairs Studio"
     />
@@ -63,77 +51,48 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="One of One Hairs Studio"
       description="Top quality cuts, braiding, and styling in the heart of Hemet. Experience the best atmosphere in town where quality meets professionalism."
       kpis={[
         {
-          value: "4.9",
+          value: "4.9",          label: "Google Rating"},
-          label: "Google Rating",
-        },
         {
-          value: "66+",
+          value: "66+",          label: "Verified Reviews"},
-          label: "Verified Reviews",
-        },
         {
-          value: "Exp.",
+          value: "Exp.",          label: "All Hair Textures"},
-          label: "All Hair Textures",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Book Now",
+          text: "Book Now",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dau8SLXepIyfYPkmT8oQk4zcz8/uploaded-1778532694257-dg8e6don.png"
-      imageAlt="Barber shop interior"
+      imageAlt="One of One Hairs Studio professional"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",
+          src: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",          alt: "barber shop retro vintage style"},
-          alt: "barber shop retro vintage style",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg",          alt: "Young man at the barber's shop getting his beard trimmed"},
-          alt: "Young man at the barber's shop getting his beard trimmed",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
+          src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",          alt: "Brown vintage leather chair at stylish barber shop"},
-          alt: "Brown vintage leather chair at stylish barber shop",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg",
+          src: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg",          alt: "Male barber giving his client a nice haircut"},
-          alt: "Male barber giving his client a nice haircut",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg",
+          src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg",          alt: "Hairdresser getting ready for their clients"},
-          alt: "Hairdresser getting ready for their clients",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Premium Grooming"},
-          text: "Premium Grooming",
-        },
         {
-          type: "text",
+          type: "text",          text: "Precision Fades"},
-          text: "Precision Fades",
-        },
         {
-          type: "text",
+          type: "text",          text: "Professional Braiding"},
-          text: "Professional Braiding",
-        },
         {
-          type: "text",
+          type: "text",          text: "Modern Studio"},
-          text: "Modern Studio",
-        },
         {
-          type: "text",
+          type: "text",          text: "Local Favorite"},
-          text: "Local Favorite",
-        },
       ]}
     />
   </div>
@@ -143,18 +102,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Welcome to "},
-          content: "Welcome to ",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg",          alt: "Studio Interior"},
-          src: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg",
-          alt: "Studio Interior",
-        },
         {
-          type: "text",
+          type: "text",          content: "One of One Hairs Studio"},
-          content: "One of One Hairs Studio",
-        },
       ]}
     />
   </div>
@@ -166,38 +118,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          id: "1",          title: "Taper Fades",          author: "Mateo",          description: "Precision taper fades delivered with meticulous attention to detail.",          tags: [
-          title: "Taper Fades",
+            "Haircut",            "Fade"],
-          author: "Mateo",
+          imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg"},
-          description: "Precision taper fades delivered with meticulous attention to detail.",
-          tags: [
-            "Haircut",
-            "Fade",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg",
-        },
         {
-          id: "2",
+          id: "2",          title: "Custom Braiding",          author: "Michelle",          description: "Professional braiding and cornrows for all hair textures.",          tags: [
-          title: "Custom Braiding",
+            "Braiding",            "Style"],
-          author: "Michelle",
+          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-with-braided-hair-standing-pink-background-standing-backwards-looking-away-with-crossed-arms_839833-2085.jpg"},
-          description: "Professional braiding and cornrows for all hair textures.",
-          tags: [
-            "Braiding",
-            "Style",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-with-braided-hair-standing-pink-background-standing-backwards-looking-away-with-crossed-arms_839833-2085.jpg",
-        },
         {
-          id: "3",
+          id: "3",          title: "Hair Styling",          author: "Staff",          description: "Creative hair styling tailored to your unique look.",          tags: [
-          title: "Hair Styling",
+            "Styling",            "Grooming"],
-          author: "Staff",
+          imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg"},
-          description: "Creative hair styling tailored to your unique look.",
-          tags: [
-            "Styling",
-            "Grooming",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg",
-        },
       ]}
       title="Our Services"
       description="Expert grooming and styling services for all hair types and textures."
@@ -212,20 +143,11 @@ export default function LandingPage() {
       membersAnimation="slide-up"
       members={[
         {
-          id: "m1",
+          id: "m1",          name: "Mateo (@mateohairprof)",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-comb-scissors-isolated-white-background_141793-31598.jpg"},
-          name: "Mateo (@mateohairprof)",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-comb-scissors-isolated-white-background_141793-31598.jpg",
-        },
         {
-          id: "m2",
+          id: "m2",          name: "Michelle (@flame_stylez)",          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-putting-foam-face-client_23-2147737016.jpg"},
-          name: "Michelle (@flame_stylez)",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-putting-foam-face-client_23-2147737016.jpg",
-        },
         {
-          id: "m3",
+          id: "m3",          name: "Junior",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-slavic-middle-aged-male-barber-uniform-holding-scissors-crossing-hands-isolated-purple-wall_141793-83015.jpg"},
-          name: "Junior",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-slavic-middle-aged-male-barber-uniform-holding-scissors-crossing-hands-isolated-purple-wall_141793-83015.jpg",
-        },
       ]}
       memberVariant="card"
     />
@@ -238,22 +160,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          title: "Clients Served",          value: "1000+",          icon: Users,
-          title: "Clients Served",
-          value: "1000+",
-          icon: Users,
         },
         {
-          id: "m2",
+          id: "m2",          title: "Years Est.",          value: "5+",          icon: Calendar,
-          title: "Years Est.",
-          value: "5+",
-          icon: Calendar,
         },
         {
-          id: "m3",
+          id: "m3",          title: "Satisfaction",          value: "100%",          icon: Award,
-          title: "Satisfaction",
-          value: "100%",
-          icon: Award,
         },
       ]}
       title="Our Impact"
@@ -266,30 +179,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Meetch Merch",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2149141784.jpg"},
-          name: "Meetch Merch",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2149141784.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Charles Davis",          imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg"},
-          name: "Charles Davis",
-          imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Alisha Castaneda",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-afro-hairstyle_23-2150908602.jpg"},
-          name: "Alisha Castaneda",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-afro-hairstyle_23-2150908602.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "John Doe",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-teaching-kid-shave_23-2149450928.jpg"},
-          name: "John Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-teaching-kid-shave_23-2149450928.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Jane Smith",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-male-with-crossed-tattooed-arms-dressed-plaid-shirt-isolated-grey-vignette-background_613910-11801.jpg"},
-          name: "Jane Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-male-with-crossed-tattooed-arms-dressed-plaid-shirt-isolated-grey-vignette-background_613910-11801.jpg",
-        },
       ]}
       cardTitle="Client Reviews"
       cardTag="What They Say"
@@ -304,28 +202,17 @@ export default function LandingPage() {
       description="Ready for your next fresh cut? Reach out today."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
         },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Tell us about your appointment request",        rows: 4,
-        placeholder: "Tell us about your appointment request",
-        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/special-clean-up-after-shaving-process_23-2148298348.jpg"
@@ -339,29 +226,19 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
+              label: "Home",              href: "#hero"},
-              href: "#hero",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
           items: [
             {
-              label: "645 N San Jacinto St, Hemet, CA",
+              label: "645 N San Jacinto St, Hemet, CA",              href: "#"},
-              href: "#",
-            },
             {
-              label: "(951) 766-2100",
+              label: "(951) 766-2100",              href: "tel:9517662100"},
-              href: "tel:9517662100",
-            },
           ],
         },
       ]}