Merge version_2 into main

Update src/app/page.tsx
2026-04-07 12:11:16 +00:00 · 2026-04-07 12:11:13 +00:00 · 2026-04-07 11:56:54 +00:00
1 changed files with 54 additions and 160 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
      <NavbarStyleCentered
      navItems={[
        {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
        {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
        {
-          name: "Gallery",
-          id: "#gallery",
-        },
+          name: "Gallery",          id: "#gallery"},
        {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "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",
-          href: "tel:+923000000000",
-        },
+          text: "📞 Call Now to Book",          href: "tel:+923000000000"},
        {
-          text: "💬 Book on WhatsApp Instantly",
-          href: "https://wa.me/923000000000",
-        },
+          text: "💬 Book on WhatsApp Instantly",          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",
-          alt: "Client 1",
-        },
+          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"},
        {
-          src: "http://img.b2bpic.net/free-photo/women-celebrating-all-skin-tones_23-2149179654.jpg",
-          alt: "Client 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/women-celebrating-all-skin-tones_23-2149179654.jpg",          alt: "Client 2"},
        {
-          src: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg",
-          alt: "Client 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg",          alt: "Client 3"},
        {
-          src: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg",
-          alt: "Client 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg",          alt: "Client 4"},
        {
-          src: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg",
-          alt: "Client 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg",          alt: "Client 5"},
      ]}
      marqueeItems={[
        {
-          type: "text-icon",
-          text: "Premium Hair Care",
-          icon: Scissors,
+          type: "text-icon",          text: "Premium Hair Care",          icon: Scissors,
        },
        {
-          type: "text-icon",
-          text: "Radiant Skin Facials",
-          icon: Sparkles,
+          type: "text-icon",          text: "Radiant Skin Facials",          icon: Sparkles,
        },
        {
-          type: "text-icon",
-          text: "Professional Makeup",
-          icon: Palette,
+          type: "text-icon",          text: "Professional Makeup",          icon: Palette,
        },
        {
-          type: "text-icon",
-          text: "Luxury Bridal Studio",
-          icon: Crown,
+          type: "text-icon",          text: "Luxury Bridal Studio",          icon: Crown,
        },
        {
-          type: "text-icon",
-          text: "Hygienic Environment",
-          icon: ShieldCheck,
+          type: "text-icon",          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",
-          value: "4.7★",
-          description: "Rating on Google",
-        },
+          id: "m1",          value: "4.7★",          description: "Rating on Google"},
        {
-          id: "m2",
-          value: "500+",
-          description: "Happy Clients",
-        },
+          id: "m2",          value: "500+",          description: "Happy Clients"},
        {
-          id: "m3",
-          value: "Clean",
-          description: "Hygienic Environment",
-        },
+          id: "m3",          value: "Clean",          description: "Hygienic Environment"},
        {
-          id: "m4",
-          value: "Expert",
-          description: "Skilled Beauty Experts",
-        },
+          id: "m4",          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",
-          description: "Customized cuts and professional styling.",
-          icon: Scissors,
+          title: "Haircut & Styling",          description: "Customized cuts and professional styling.",          icon: Scissors,
        },
        {
-          title: "Facials & Skincare",
-          description: "Rejuvenating facials for glowing skin.",
-          icon: Sparkles,
+          title: "Facials & Skincare",          description: "Rejuvenating facials for glowing skin.",          icon: Sparkles,
        },
        {
-          title: "Makeup Services",
-          description: "Professional makeup for every occasion.",
-          icon: Palette,
+          title: "Makeup Services",          description: "Professional makeup for every occasion.",          icon: Palette,
        },
        {
-          title: "Bridal Packages",
-          description: "The perfect look for your special day.",
-          icon: Crown,
+          title: "Bridal Packages",          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",
-          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: "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"},
        {
-          id: "2",
-          name: "Facial Treatment",
-          price: "Skin",
-          imageSrc: "http://img.b2bpic.net/free-photo/women-celebrating-all-skin-tones_23-2149179654.jpg",
-        },
+          id: "2",          name: "Facial Treatment",          price: "Skin",          imageSrc: "http://img.b2bpic.net/free-photo/women-celebrating-all-skin-tones_23-2149179654.jpg"},
        {
-          id: "3",
-          name: "Event Makeup",
-          price: "Makeup",
-          imageSrc: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg",
-        },
+          id: "3",          name: "Event Makeup",          price: "Makeup",          imageSrc: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg"},
        {
-          id: "4",
-          name: "Salon Interior",
-          price: "Spa",
-          imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1",
-        },
+          id: "4",          name: "Salon Interior",          price: "Spa",          imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1"},
        {
-          id: "5",
-          name: "Hair Stylist Work",
-          price: "Hair",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg",
-        },
+          id: "5",          name: "Hair Stylist Work",          price: "Hair",          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg"},
        {
-          id: "6",
-          name: "Makeup Artist Work",
-          price: "Makeup",
-          imageSrc: "http://img.b2bpic.net/free-photo/model-with-glamorous-make-up_23-2148328774.jpg",
-        },
+          id: "6",          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",
-          price: "10% OFF",
-          name: "First Visit Discount",
-          buttons: [
+          id: "offer-1",          price: "10% OFF",          name: "First Visit Discount",          buttons: [
            {
-              text: "Book Now",
-              href: "https://wa.me/923000000000",
-            },
+              text: "Book Now",              href: "https://wa.me/923000000000"},
          ],
          features: [
-            "Applicable on all services",
-            "Valid for first-time customers",
-            "Professional care guaranteed",
-          ],
+            "Applicable on all services",            "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",
-          description: "Professional beauty experts.",
-        },
+          title: "Experienced Staff",          description: "Professional beauty experts."},
        {
-          title: "Premium Products",
-          description: "High-end brand quality.",
-        },
+          title: "Premium Products",          description: "High-end brand quality."},
        {
-          title: "Relaxing Environment",
-          description: "Comfortable spa atmosphere.",
-        },
+          title: "Relaxing Environment",          description: "Comfortable spa atmosphere."},
        {
-          title: "Client Focused",
-          description: "Your satisfaction is our priority.",
-        },
+          title: "Client Focused",          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",
-          description: "Conveniently located for you.",
-        },
+          title: "Lake City Main",          description: "Conveniently located for you."},
        {
-          title: "Ample Parking",
-          description: "Easy access to our salon.",
-        },
+          title: "Ample Parking",          description: "Easy access to our salon."},
        {
-          title: "Luxury Space",
-          description: "A refined beauty experience.",
-        },
+          title: "Luxury Space",          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",
-          items: [
+          title: "Quick Links",          items: [
            {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
            {
-              label: "Gallery",
-              href: "#gallery",
-            },
+              label: "Gallery",              href: "#gallery"},
          ],
        },
        {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
            {
-              label: "+92 300 0000000",
-              href: "tel:+923000000000",
-            },
+              label: "+92 300 0000000",              href: "tel:+923000000000"},
            {
-              label: "WhatsApp",
-              href: "https://wa.me/923000000000",
-            },
+              label: "WhatsApp",              href: "https://wa.me/923000000000"},
          ],
        },
      ]}
@@ -370,4 +264,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	f87e2621f6	Merge version_2 into main Merge version_2 into main	2026-04-07 12:11:16 +00:00
bender	634dff531a	Update src/app/page.tsx	2026-04-07 12:11:13 +00:00
bender	a5ba602532	Merge version_1 into main Merge version_1 into main	2026-04-07 11:56:54 +00:00