From 65fa541cd5f8523747a1960f4e1796ffe475ecaa Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 22:04:00 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 470 ++++++++++++++---------------------------------
 1 file changed, 143 insertions(+), 327 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 97dc9e7..6b8adda 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,341 +17,157 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         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: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Plombier Chris"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Plombier Chris"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
-      title="Luxury Plumbing Services in Laval"
-      description="Fast, reliable, and premium plumbing solutions for your home. Serving Laval and surrounding areas with 5-star expertise."
-      kpis={[
-        {
-          value: "550+",
-          label: "Happy Clients",
-        },
-        {
-          value: "5.0",
-          label: "Client Rating",
-        },
-        {
-          value: "24/7",
-          label: "Fast Response",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-        {
-          text: "Call (438) 410-8300",
-          href: "tel:4384108300",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg?_wi=1"
-      imageAlt="Luxury Plumbing Service"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg",
-          alt: "Happy Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-holding-cup-showing-thumb-up-isolated-white-background-with-copy-space_141793-31979.jpg",
-          alt: "Happy Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg",
-          alt: "Happy Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2786.jpg",
-          alt: "Happy Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
-          alt: "Happy Client",
-        },
-      ]}
-      avatarText="Join 550+ satisfied Laval homeowners."
-      marqueeItems={[
-        {
-          type: "text",
-          text: "24/7 Emergency Repairs",
-        },
-        {
-          type: "text-icon",
-          text: "Licensed & Insured",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text",
-          text: "Serving Laval & Surroundings",
-        },
-        {
-          type: "text-icon",
-          text: "Professional Equipment",
-          icon: Wrench,
-        },
-        {
-          type: "text",
-          text: "Same-Day Appointments",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "plain" }}
+            title="Luxury Plumbing Services in Laval"
+            description="Fast, reliable, and premium plumbing solutions for your home. Serving Laval and surrounding areas with 5-star expertise."
+            kpis={[
+              { value: "550+", label: "Happy Clients" },
+              { value: "5.0", label: "Client Rating" },
+              { value: "24/7", label: "Fast Response" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Book Now", href: "#contact" }, { text: "Call (438) 410-8300", href: "tel:4384108300" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg"
+            imageAlt="Luxury Plumbing Service"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg", alt: "Happy Client" },
+              { src: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-holding-cup-showing-thumb-up-isolated-white-background-with-copy-space_141793-31979.jpg", alt: "Happy Client" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg", alt: "Happy Client" },
+              { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2786.jpg", alt: "Happy Client" },
+              { src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg", alt: "Happy Client" },
+            ]}
+            avatarText="Join 550+ satisfied Laval homeowners."
+            marqueeItems={[
+              { type: "text", text: "24/7 Emergency Repairs" },
+              { type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
+              { type: "text", text: "Serving Laval & Surroundings" },
+              { type: "text-icon", text: "Professional Equipment", icon: Wrench },
+              { type: "text", text: "Same-Day Appointments" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Why Choose Plombier Chris?"
-      metrics={[
-        {
-          icon: Star,
-          label: "Rated Highly",
-          value: "5.0/5.0",
-        },
-        {
-          icon: Clock,
-          label: "Response Time",
-          value: "Fast",
-        },
-        {
-          icon: MapPin,
-          label: "Local Laval",
-          value: "Serving QC",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Why Choose Plombier Chris?"
+            metrics={[
+              { icon: Star, label: "Rated Highly", value: "5.0/5.0" },
+              { icon: Clock, label: "Response Time", value: "Fast" },
+              { icon: MapPin, label: "Local Laval", value: "Serving QC" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Installation & Repairs",
-          description: "Kitchen and bathroom installations, pipe replacements and leak repairs.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg?_wi=2",
-            imageAlt: "Installation",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Bathroom Installations",
-            },
-            {
-              icon: CheckCircle,
-              text: "Leak Repairs",
-            },
-            {
-              icon: CheckCircle,
-              text: "Pipe Replacement",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg?_wi=3",
-          imageAlt: "luxury plumbing services modern tools",
-        },
-        {
-          id: "f2",
-          title: "Emergency Solutions",
-          description: "Immediate attention to your most urgent plumbing issues, anytime.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg?_wi=4",
-            imageAlt: "Emergency",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Emergency Plumbing",
-            },
-            {
-              icon: CheckCircle,
-              text: "Drain Cleaning",
-            },
-            {
-              icon: CheckCircle,
-              text: "Same-day service",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg",
-          imageAlt: "happy client portrait smiling professional",
-        },
-      ]}
-      title="Our Specialized Services"
-      description="Comprehensive plumbing solutions tailored to your specific needs."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "f1",                title: "Installation & Repairs",                description: "Kitchen and bathroom installations, pipe replacements and leak repairs.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg", imageAlt: "Installation" },
+                items: [
+                  { icon: CheckCircle, text: "Bathroom Installations" },
+                  { icon: CheckCircle, text: "Leak Repairs" },
+                  { icon: CheckCircle, text: "Pipe Replacement" },
+                ],
+                reverse: false
+              },
+              {
+                id: "f2",                title: "Emergency Solutions",                description: "Immediate attention to your most urgent plumbing issues, anytime.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg", imageAlt: "Emergency" },
+                items: [
+                  { icon: CheckCircle, text: "Emergency Plumbing" },
+                  { icon: CheckCircle, text: "Drain Cleaning" },
+                  { icon: CheckCircle, text: "Same-day service" },
+                ],
+                reverse: true
+              },
+            ]}
+            title="Our Specialized Services"
+            description="Comprehensive plumbing solutions tailored to your specific needs."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          date: "Jan 2026",
-          title: "Great Service",
-          quote: "Fantastic service from start to finish!",
-          tag: "Laval Homeowner",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-holding-cup-showing-thumb-up-isolated-white-background-with-copy-space_141793-31979.jpg",
-          imageAlt: "happy home owner portrait",
-        },
-        {
-          id: "2",
-          name: "Michael C.",
-          date: "Dec 2025",
-          title: "Very Professional",
-          quote: "Very professional and on time.",
-          tag: "Laval Business",
-          avatarSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-holding-cup-showing-thumb-up-isolated-white-background-with-copy-space_141793-31979.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg",
-          imageAlt: "satisfied homeowner portrait professional",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          date: "Nov 2025",
-          title: "Highly Quality",
-          quote: "Quick, efficient, and high-quality work.",
-          tag: "Laval Resident",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2786.jpg",
-          imageAlt: "happy customer professional portrait",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          date: "Oct 2025",
-          title: "Emergency Fix",
-          quote: "Fast response, handled my leak immediately.",
-          tag: "Laval Local",
-          avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2786.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
-          imageAlt: "smiling satisfied client portrait",
-        },
-        {
-          id: "5",
-          name: "Elena V.",
-          date: "Sep 2025",
-          title: "Friendly Team",
-          quote: "Clean, tidy, and very respectful.",
-          tag: "Laval Client",
-          avatarSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg?_wi=5",
-          imageAlt: "luxury plumbing services modern tools",
-        },
-      ]}
-      title="Trusted by Homeowners"
-      description="Don't just take our word for it."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", date: "Jan 2026", title: "Great Service", quote: "Fantastic service from start to finish!", tag: "Laval Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-holding-cup-showing-thumb-up-isolated-white-background-with-copy-space_141793-31979.jpg", imageAlt: "happy home owner portrait" },
+              { id: "2", name: "Michael C.", date: "Dec 2025", title: "Very Professional", quote: "Very professional and on time.", tag: "Laval Business", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-holding-cup-showing-thumb-up-isolated-white-background-with-copy-space_141793-31979.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg", imageAlt: "satisfied homeowner portrait professional" },
+              { id: "3", name: "Emily R.", date: "Nov 2025", title: "Highly Quality", quote: "Quick, efficient, and high-quality work.", tag: "Laval Resident", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2786.jpg", imageAlt: "happy customer professional portrait" },
+              { id: "4", name: "David K.", date: "Oct 2025", title: "Emergency Fix", quote: "Fast response, handled my leak immediately.", tag: "Laval Local", avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2786.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg", imageAlt: "smiling satisfied client portrait" },
+              { id: "5", name: "Elena V.", date: "Sep 2025", title: "Friendly Team", quote: "Clean, tidy, and very respectful.", tag: "Laval Client", avatarSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg", imageAlt: "luxury plumbing services modern tools" },
+            ]}
+            title="Trusted by Homeowners"
+            description="Don't just take our word for it."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "What areas do you serve?",
-          content: "We serve Laval and surrounding areas.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer emergency services?",
-          content: "Yes, we provide same-day emergency plumbing services.",
-        },
-        {
-          id: "q3",
-          title: "Are you licensed?",
-          content: "We are fully licensed and insured professionals.",
-        },
-      ]}
-      ctaTitle="Need a plumber now?"
-      ctaDescription="Call us for fast, reliable service in Laval."
-      ctaButton={{
-        text: "Call Now",
-        href: "tel:4384108300",
-      }}
-      ctaIcon={Phone}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactFaq
+            animationType="slide-up"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "What areas do you serve?", content: "We serve Laval and surrounding areas." },
+              { id: "q2", title: "Do you offer emergency services?", content: "Yes, we provide same-day emergency plumbing services." },
+              { id: "q3", title: "Are you licensed?", content: "We are fully licensed and insured professionals." },
+            ]}
+            ctaTitle="Need a plumber now?"
+            ctaDescription="Call us for fast, reliable service in Laval."
+            ctaButton={{ text: "Call Now", href: "tel:4384108300" }}
+            ctaIcon={Phone}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg?_wi=6"
-      columns={[
-        {
-          title: "Plombier Chris",
-          items: [
-            {
-              label: "152 Av. Bazin, Laval, QC",
-              href: "#",
-            },
-            {
-              label: "Call: (438) 410-8300",
-              href: "tel:4384108300",
-            },
-          ],
-        },
-        {
-          title: "Links",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2026 Plombier Chris Inc. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg"
+            columns={[
+              {
+                title: "Plombier Chris",                items: [
+                  { label: "152 Av. Bazin, Laval, QC", href: "#" },
+                  { label: "Call: (438) 410-8300", href: "tel:4384108300" },
+                ],
+              },
+              {
+                title: "Links",                items: [
+                  { label: "Services", href: "#services" },
+                  { label: "Testimonials", href: "#testimonials" },
+                  { label: "FAQ", href: "#faq" },
+                ],
+              },
+            ]}
+            copyrightText="© 2026 Plombier Chris Inc. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1