Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,6 +9,8 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import { Scissors, Sparkles, Heart, Award } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -16,152 +18,76 @@ export default function LandingPage() {
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Gallery", id: "gallery" },
+        { name: "Testimonials", id: "testimonials" },
       ]}
       brandName="VelvetPaws"
-      button={{
-        text: "Book Now",
-        href: "#contact",
-      }}
+      button={{ text: "Book Now", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
-      title="Where your pet leaves happier, more beautiful, better cared for"
-      description="Grooming, care, and genuine love for dogs and cats. Professional hands, patient hearts, visible results every time."
+      background={{ variant: "plain" }}
+      title="Where Every Grooming Session Feels Like a Spa Retreat"
+      description="Professional, compassionate care that celebrates the unique personality of your beloved companion. We believe every pet deserves to feel elegant, comfortable, and cherished."
       kpis={[
-        {
-          value: "10k+",
-          label: "Happy Pets",
-        },
-        {
-          value: "15+",
-          label: "Years Caring",
-        },
-        {
-          value: "100%",
-          label: "Love Guarantee",
-        },
+        { value: "10k+", label: "Happy Clients" },
+        { value: "15+", label: "Years of Care" },
+        { value: "100%", label: "Pure Love" },
       ]}
       enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Book a Session", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/big-black-dog-getting-procedure-groomer-salon-young-woman-white-tshirt-combing-dog-dog-is-tied-blue-table_1157-51538.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen-holding-cute-white-maltese-dog_1153-9862.jpg",
-          alt: "Happy Pet Owner 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/little-kid-having-fun-with-his-dog-home_23-2148755246.jpg",
-          alt: "Happy Pet Owner 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-girl-hugging-dog-with-her-mother_1098-2608.jpg",
-          alt: "Happy Pet Owner 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-girl-hugging-dog-with-her-mother_1098-2608.jpg",
-          alt: "Happy Pet Owner 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-pet-owner-smiles-gladfully-dressed-casual-pink-t-shirt-poses-with-pug-dog-going-have-walk-feels-glad-isolated-brown-background-curly-haired-female-model-likes-domestic-animals_273609-60881.jpg",
-          alt: "Happy Pet Owner 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Gentle Care",
-        },
-        {
-          type: "text",
-          text: "Professional",
-        },
-        {
-          type: "text",
-          text: "Premium Spa",
-        },
-        {
-          type: "text",
-          text: "Happy Pets",
-        },
-        {
-          type: "text",
-          text: "Expert Grooming",
-        },
-      ]}
     />
   </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="A Lifetime of Love for Your Best Friend"
-      description={[
-        "We believe that grooming is more than just a bath; it's a vital part of your pet's health and happiness. Our team combines expert technique with infinite patience.",
-        "We treat every animal as an individual, with a focus on low-stress environments, positive reinforcement, and a deep, genuine love for what we do.",
-      ]}
-    />
+  <div id="social-proof" data-section="social-proof">
+      <SocialProofOne
+        title="Transformations of Love"
+        description="See the radiant results of our gentle touch and professional expertise."
+        names={["Before & After", "Healthy Coat", "Happy Tails", "Professional Spa"]}
+        textboxLayout="split"
+        useInvertedBackground={true}
+      />
   </div>
 
   <div id="services" data-section="services">
       <FeatureCardTwentySix
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       features={[
-        {
-          title: "Precision Styling",
-          description: "Expert grooms for all breeds and temperaments.",
-          imageSrc: "http://img.b2bpic.net/free-photo/collar-rake_23-2147799915.jpg",
-          buttonIcon: "Scissors",
-        },
-        {
-          title: "Luxury Pet Spa",
-          description: "Calming baths and relaxing treatments in a quiet space.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dog-women-house_23-2148777179.jpg",
-          buttonIcon: "Sparkles",
-        },
-        {
-          title: "Before & After Results",
-          description: "See the transformation and the healthy glow.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-cleaning-dog-home_23-2149652642.jpg",
-          buttonIcon: "Award",
-        },
-        {
-          title: "Transparent Care",
-          description: "Photo updates and communication throughout the groom.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-couple-with-cute-dog_23-2149614016.jpg",
-          buttonIcon: "Smartphone",
-        },
+        { title: "Luxury Bathing", description: "Calming baths with organic, soothing shampoos for deep nourishment.", buttonIcon: Sparkles },
+        { title: "Precision Styling", description: "Bespoke haircuts tailored to your pet's breed and lifestyle needs.", buttonIcon: Scissors },
+        { title: "Gentle Handling", description: "Patient, fear-free grooming techniques for a stress-free experience.", buttonIcon: Heart },
+        { title: "Pet Wellness", description: "Routine skin and coat checks to ensure long-term health and vitality.", buttonIcon: Award },
       ]}
-      title="Professional Care, Gentle Touch"
-      description="Our premium grooming services are designed to pamper your pet while ensuring their health and well-being remain our top priority."
+      title="Our Premium Grooming Services"
+      description="We combine artisan grooming skills with a serene environment to make every session a delightful experience for your best friend."
+    />
+  </div>
+
+  <div id="about" data-section="about">
+      <TextSplitAbout
+      useInvertedBackground={true}
+      title="Emotional Connection is Our Core"
+      description={[
+        "We don't just groom; we build relationships. Our business was founded on the belief that the bond between you and your pet is sacred, and our role is to honor that bond with every brushstroke.",        "Our tranquil studio is designed to minimize anxiety, using soft lighting, calming sounds, and infinite patience to provide the luxury, emotional-first grooming standard your pet deserves."]}
     />
   </div>
 
@@ -171,63 +97,24 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "My dog has never looked so good, and she was actually happy when I picked her up!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen-holding-cute-white-maltese-dog_1153-9862.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "Professional, clean, and truly patient with my nervous rescue dog.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/little-kid-having-fun-with-his-dog-home_23-2148755246.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@emilyrod",
-          testimonial: "The photo updates gave me so much peace of mind. Truly premium care.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-hugging-dog-with-her-mother_1098-2608.jpg?_wi=1",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "Visible results every time. My cat actually purrs now when we arrive!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-hugging-dog-with-her-mother_1098-2608.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Jessica Lee",
-          handle: "@jlee",
-          testimonial: "Amazing patience and skill. My senior dog felt so calm and comfortable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-pet-owner-smiles-gladfully-dressed-casual-pink-t-shirt-poses-with-pug-dog-going-have-walk-feels-glad-isolated-brown-background-curly-haired-female-model-likes-domestic-animals_273609-60881.jpg",
-        },
+        { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The attention to detail and genuine kindness shown to my dog is unparalleled.", rating: 5 },
+        { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Finally, a groomer who understands my nervous rescue pet's needs.", rating: 5 },
+        { id: "3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "Such a premium, relaxing experience for my little one. Highly recommended!", rating: 5 },
       ]}
       showRating={true}
-      title="Trusted by Pet Parents"
-      description="Hear what our community of pet parents has to say about their experience with us."
+      title="Words of Love from Our Community"
+      description="We are honored to be a part of your pet's health and happiness journey."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Booking Now"
-      title="Ready for your pet's premium experience?"
-      description="Join our grooming family today and secure your preferred appointment slot."
-      buttonText="Request Booking"
+      background={{ variant: "plain" }}
+      tag="Schedule Now"
+      title="Treat Your Pet to the Very Best"
+      description="Ready to experience the VelvetPaws standard? Book your appointment today and join our family of happy, well-groomed pets."
+      buttonText="Secure My Booking"
     />
   </div>
 
@@ -236,45 +123,9 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/pekingese-dog-vet-salon_176532-10706.jpg"
       logoText="VelvetPaws"
       columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Grooming",
-              href: "#services",
-            },
-            {
-              label: "Spa Treatments",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Services", items: [{ label: "Spa Treatments", href: "#services" }, { label: "Precision Grooming", href: "#services" }] },
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Book Now", href: "#contact" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #FF7B05;
+  --background: #fbf8f5;
+  --card: #f4efe9;
+  --foreground: #3c362a;
+  --primary-cta: #d4af37;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #f4efe9;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #FF7B05;
+  --accent: #e6d7a8;
+  --background-accent: #f4efe9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);