Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -30,93 +30,58 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "#services"},
-          id: "#services",
-        },
         {
-          name: "Experience",
+          name: "Experience",          id: "#experience"},
-          id: "#experience",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="C&P Beauty Club"
       button={{
-        text: "Book now",
+        text: "Book now",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="C&P Beauty Club"
       description="Luxury beauty. Personalized to you."
       buttons={[
         {
-          text: "Book your experience",
+          text: "Book your experience",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Explore services",
+          text: "Explore services",          href: "#services"},
-          href: "#services",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=1"
       imageAlt="Model with flawless glowing skin"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg",
+          src: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
+          src: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg",
+          src: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/studio-shot-glad-woman-white-jacket-is-posing-beige-background_291650-431.jpg",
+          src: "http://img.b2bpic.net/free-photo/studio-shot-glad-woman-white-jacket-is-posing-beige-background_291650-431.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg",
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       avatarText="Join 5,000+ satisfied members"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "PRECISION"},
-          text: "PRECISION",
-        },
         {
-          type: "text",
+          type: "text",          text: "ELEGANCE"},
-          text: "ELEGANCE",
-        },
         {
-          type: "text",
+          type: "text",          text: "LUXURY"},
-          text: "LUXURY",
-        },
         {
-          type: "text",
+          type: "text",          text: "PERSONALIZED"},
-          text: "PERSONALIZED",
-        },
         {
-          type: "text",
+          type: "text",          text: "EXCELLENCE"},
-          text: "EXCELLENCE",
-        },
       ]}
     />
   </div>
@@ -128,19 +93,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Sparkles,
-          label: "Years of Expertise",
+          label: "Years of Expertise",          value: "10+"},
-          value: "10+",
-        },
         {
           icon: Award,
-          label: "Happy Clients",
+          label: "Happy Clients",          value: "5000+"},
-          value: "5000+",
-        },
         {
           icon: Shield,
-          label: "Verified Results",
+          label: "Verified Results",          value: "100%"},
-          value: "100%",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -151,33 +110,16 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: 1, title: "Balayage", description: "Expertly applied light and dimension.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=2" },
-          id: 1,
+        { id: 2, title: "Color Effects", description: "Custom hues for your perfect look.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=3" },
-          title: "Hair Styling",
+        { id: 3, title: "Straightening", description: "Smooth, sleek hair treatments.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=4" },
-          description: "Expert precision cuts and custom styling.",
+        { id: 4, title: "Restorations", description: "Revitalizing deep conditioning care.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=5" },
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=2",
+        { id: 5, title: "Hair Cuts", description: "Tailored styles for modern aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=6" },
-        },
+        { id: 6, title: "Nails", description: "Professional nail care excellence.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=2" },
-        {
+        { id: 7, title: "Pedicure & Manicure", description: "Premium hand and foot treatments.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=3" },
-          id: 2,
-          title: "Skin Treatments",
-          description: "Custom facials for radiant, healthy skin.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=3",
-        },
-        {
-          id: 3,
-          title: "Lash & Brow Design",
-          description: "Defining your natural beauty with care.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=4",
-        },
-        {
-          id: 4,
-          title: "Luxury Treatments",
-          description: "Curated experiences for pure rejuvenation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=5",
-        },
       ]}
-      title="Our Signature Services"
+      title="Our Beauty Services"
-      description="Where precision meets care."
+      description="Tailored care for your unique style."
     />
   </div>
 
@@ -188,19 +130,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: CheckCircle,
-          label: "Consultations",
+          label: "Consultations",          value: "Tailored"},
-          value: "Tailored",
-        },
         {
           icon: CheckCircle,
-          label: "Products",
+          label: "Products",          value: "Premium"},
-          value: "Premium",
-        },
         {
           icon: CheckCircle,
-          label: "Environment",
+          label: "Environment",          value: "Curated"},
-          value: "Curated",
-        },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -213,59 +149,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Alice M.",          role: "Entrepreneur",          company: "C&P Member",          rating: 5,
-          name: "Alice M.",
+          imageSrc: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg"},
-          role: "Entrepreneur",
-          company: "C&P Member",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Sarah P.",          role: "Designer",          company: "C&P Member",          rating: 5,
-          name: "Sarah P.",
+          imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg"},
-          role: "Designer",
-          company: "C&P Member",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Elena R.",          role: "Marketing",          company: "C&P Member",          rating: 5,
-          name: "Elena R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg"},
-          role: "Marketing",
-          company: "C&P Member",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Victoria K.",          role: "CEO",          company: "C&P Member",          rating: 5,
-          name: "Victoria K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-glad-woman-white-jacket-is-posing-beige-background_291650-431.jpg"},
-          role: "CEO",
-          company: "C&P Member",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-glad-woman-white-jacket-is-posing-beige-background_291650-431.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "James T.",          role: "Creative",          company: "C&P Member",          rating: 5,
-          name: "James T.",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=6"},
-          role: "Creative",
-          company: "C&P Member",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=6",
-        },
       ]}
       kpiItems={[
         {
-          value: "98%",
+          value: "98%",          label: "Retention"},
-          label: "Retention",
-        },
         {
-          value: "5k+",
+          value: "5k+",          label: "Members"},
-          label: "Members",
-        },
         {
-          value: "10/10",
+          value: "10/10",          label: "Quality"},
-          label: "Quality",
-        },
       ]}
       title="Voices of Elegance"
       description="See why our members choose us."
@@ -276,8 +181,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Join the Club"
       title="You need a standard."
       description="Ready to experience the C&P difference? Book your consultation today."
@@ -291,34 +195,23 @@ export default function LandingPage() {
       <FooterBaseReveal
       columns={[
         {
-          title: "Connect",
+          title: "Connect",          items: [
-          items: [
             {
-              label: "Instagram",
+              label: "Instagram",              href: "#"},
-              href: "#",
-            },
             {
-              label: "WhatsApp",
+              label: "WhatsApp",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Visit",
+          title: "Visit",          items: [
-          items: [
             {
-              label: "123 Beauty Ave, London",
+              label: "123 Beauty Ave, London",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Hours",
+          title: "Hours",          items: [
-          items: [
             {
-              label: "Mon-Sat: 10am - 8pm",
+              label: "Mon-Sat: 10am - 8pm",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}