Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       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: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Tint & Tone"
     />
@@ -55,69 +47,44 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Get Salon-Perfect Hair, Skin & Makeup — Right Here in Lake City"
       description="Trusted by 4.7★ clients — Book your appointment in seconds"
       buttons={[
         {
-          text: "📞 Call Now to Book",
+          text: "📞 Call Now to Book",          href: "tel:+923000000000"},
-          href: "tel:+923000000000",
-        },
         {
-          text: "💬 Book on WhatsApp Instantly",
+          text: "💬 Book on WhatsApp Instantly",          href: "https://wa.me/923000000000"},
-          href: "https://wa.me/923000000000",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-standing-bathroom_1157-20467.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-blonde-woman-listening-music-using-headphones-backwards-thinking-about-doubt-with-hand-head_839833-12589.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-blonde-woman-listening-music-using-headphones-backwards-thinking-about-doubt-with-hand-head_839833-12589.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/women-celebrating-all-skin-tones_23-2149179654.jpg",
+          src: "http://img.b2bpic.net/free-photo/women-celebrating-all-skin-tones_23-2149179654.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg",
+          src: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg",
+          src: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Premium Hair Care",          icon: Scissors,
-          text: "Premium Hair Care",
-          icon: Scissors,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Radiant Skin Facials",          icon: Sparkles,
-          text: "Radiant Skin Facials",
-          icon: Sparkles,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Professional Makeup",          icon: Palette,
-          text: "Professional Makeup",
-          icon: Palette,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Luxury Bridal Studio",          icon: Crown,
-          text: "Luxury Bridal Studio",
-          icon: Crown,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Hygienic Environment",          icon: ShieldCheck,
-          text: "Hygienic Environment",
-          icon: ShieldCheck,
         },
       ]}
     />
@@ -126,30 +93,22 @@ export default function LandingPage() {
   <div id="trust" data-section="trust">
       <MetricCardTwo
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="inline-image"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
+      titleSegments={[
+        { type: "text", content: "Why Customers Love " },
+        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pX0qBqzF3ShBEuec4oaSTVv1/uploaded-1775563853899-fhir96xm.png", alt: "4.7 Rating" }
+      ]}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "4.7★",          description: "Rating on Google"},
-          value: "4.7★",
-          description: "Rating on Google",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "500+",          description: "Happy Clients"},
-          value: "500+",
-          description: "Happy Clients",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "Clean",          description: "Hygienic Environment"},
-          value: "Clean",
-          description: "Hygienic Environment",
-        },
         {
-          id: "m4",
+          id: "m4",          value: "Expert",          description: "Skilled Beauty Experts"},
-          value: "Expert",
-          description: "Skilled Beauty Experts",
-        },
       ]}
       title="Why Customers Love Tint & Tone"
       description="Excellence in every detail."
@@ -163,24 +122,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Haircut & Styling",
+          title: "Haircut & Styling",          description: "Customized cuts and professional styling.",          icon: Scissors,
-          description: "Customized cuts and professional styling.",
-          icon: Scissors,
         },
         {
-          title: "Facials & Skincare",
+          title: "Facials & Skincare",          description: "Rejuvenating facials for glowing skin.",          icon: Sparkles,
-          description: "Rejuvenating facials for glowing skin.",
-          icon: Sparkles,
         },
         {
-          title: "Makeup Services",
+          title: "Makeup Services",          description: "Professional makeup for every occasion.",          icon: Palette,
-          description: "Professional makeup for every occasion.",
-          icon: Palette,
         },
         {
-          title: "Bridal Packages",
+          title: "Bridal Packages",          description: "The perfect look for your special day.",          icon: Crown,
-          description: "The perfect look for your special day.",
-          icon: Crown,
         },
       ]}
       title="Our Services"
@@ -196,41 +147,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
+          id: "1",          name: "Hair Transformation",          price: "Hair",          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-listening-music-using-headphones-backwards-thinking-about-doubt-with-hand-head_839833-12589.jpg"},
-          name: "Hair Transformation",
-          price: "Hair",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-listening-music-using-headphones-backwards-thinking-about-doubt-with-hand-head_839833-12589.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Facial Treatment",          price: "Skin",          imageSrc: "http://img.b2bpic.net/free-photo/women-celebrating-all-skin-tones_23-2149179654.jpg"},
-          name: "Facial Treatment",
-          price: "Skin",
-          imageSrc: "http://img.b2bpic.net/free-photo/women-celebrating-all-skin-tones_23-2149179654.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Event Makeup",          price: "Makeup",          imageSrc: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg"},
-          name: "Event Makeup",
-          price: "Makeup",
-          imageSrc: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Salon Interior",          price: "Spa",          imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1"},
-          name: "Salon Interior",
-          price: "Spa",
-          imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1",
-        },
         {
-          id: "5",
+          id: "5",          name: "Hair Stylist Work",          price: "Hair",          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg"},
-          name: "Hair Stylist Work",
-          price: "Hair",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg",
-        },
         {
-          id: "6",
+          id: "6",          name: "Makeup Artist Work",          price: "Makeup",          imageSrc: "http://img.b2bpic.net/free-photo/model-with-glamorous-make-up_23-2148328774.jpg"},
-          name: "Makeup Artist Work",
-          price: "Makeup",
-          imageSrc: "http://img.b2bpic.net/free-photo/model-with-glamorous-make-up_23-2148328774.jpg",
-        },
       ]}
       title="Real Results from Our Clients"
       description="See the transformations."
@@ -244,20 +171,12 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "offer-1",
+          id: "offer-1",          price: "10% OFF",          name: "First Visit Discount",          buttons: [
-          price: "10% OFF",
-          name: "First Visit Discount",
-          buttons: [
             {
-              text: "Book Now",
+              text: "Book Now",              href: "https://wa.me/923000000000"},
-              href: "https://wa.me/923000000000",
-            },
           ],
           features: [
-            "Applicable on all services",
+            "Applicable on all services",            "Valid for first-time customers",            "Professional care guaranteed"],
-            "Valid for first-time customers",
-            "Professional care guaranteed",
-          ],
         },
       ]}
       title="Limited Time Offer"
@@ -273,21 +192,13 @@ export default function LandingPage() {
       description="We prioritize quality and comfort."
       bulletPoints={[
         {
-          title: "Experienced Staff",
+          title: "Experienced Staff",          description: "Professional beauty experts."},
-          description: "Professional beauty experts.",
-        },
         {
-          title: "Premium Products",
+          title: "Premium Products",          description: "High-end brand quality."},
-          description: "High-end brand quality.",
-        },
         {
-          title: "Relaxing Environment",
+          title: "Relaxing Environment",          description: "Comfortable spa atmosphere."},
-          description: "Comfortable spa atmosphere.",
-        },
         {
-          title: "Client Focused",
+          title: "Client Focused",          description: "Your satisfaction is our priority."},
-          description: "Your satisfaction is our priority.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg"
       mediaAnimation="slide-up"
@@ -302,17 +213,11 @@ export default function LandingPage() {
       description="Easy to find • Comfortable environment • Premium service"
       bulletPoints={[
         {
-          title: "Lake City Main",
+          title: "Lake City Main",          description: "Conveniently located for you."},
-          description: "Conveniently located for you.",
-        },
         {
-          title: "Ample Parking",
+          title: "Ample Parking",          description: "Easy access to our salon."},
-          description: "Easy access to our salon.",
-        },
         {
-          title: "Luxury Space",
+          title: "Luxury Space",          description: "A refined beauty experience."},
-          description: "A refined beauty experience.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=2"
       mediaAnimation="slide-up"
@@ -323,8 +228,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       tag="Contact Us"
       title="Ready to Look Your Best?"
       description="Book your appointment today and experience premium beauty care."
@@ -338,29 +242,19 @@ export default function LandingPage() {
       logoText="Tint & Tone"
       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",
-            },
           ],
         },
         {
-          title: "Contact",
+          title: "Contact",          items: [
-          items: [
             {
-              label: "+92 300 0000000",
+              label: "+92 300 0000000",              href: "tel:+923000000000"},
-              href: "tel:+923000000000",
-            },
             {
-              label: "WhatsApp",
+              label: "WhatsApp",              href: "https://wa.me/923000000000"},
-              href: "https://wa.me/923000000000",
-            },
           ],
         },
       ]}