From 62ee0d7e7fe256da5ddb57dba4967a89e4309b90 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 10 Apr 2026 01:37:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 252 +++++++++++++++++++++++------------------------
 1 file changed, 126 insertions(+), 126 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8131b8e..c0f6602 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,156 +2,156 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="entrance-slide"
         borderRadius="pill"
         contentWidth="mediumLarge"
         sizing="mediumLargeSizeMediumTitles"
         background="fluid"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="shadow"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
         secondaryButtonStyle="glass"
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Services", id: "services" },
-        { name: "À propos", id: "about" },
-        { name: "Avis", id: "testimonials" },
-        { name: "Zone", id: "zone" },
-      ]}
-      brandName="Plomberie André Auger"
-      button={{ text: "(514) 993-4043", href: "tel:+15149934043" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "À propos", id: "about" },
+              { name: "Avis", id: "testimonials" },
+              { name: "Zone", id: "zone" }
+            ]}
+            brandName="Plomberie André Auger"
+            button={{ text: "(514) 993-4043", href: "tel:+15149934043" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{ variant: "gradient-bars" }}
-      title="La plomberie de confiance, depuis 1995"
-      description="Expertise, rapidité et transparence pour tous vos besoins en plomberie résidentielle et commerciale dans le Grand Montréal et les Laurentides. Urgences disponibles 24h/24."
-      tag="Disponible 24h/24 · 7j/7"
-      buttons={[
-        { text: "Appeler maintenant", href: "tel:+15149934043" },
-        { text: "Voir les services", href: "#services" },
-      ]}
-      mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "Plomberie de luxe" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "Service 24/7" }
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="87 avis Google (4.9/5)"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="La plomberie de confiance, depuis 1995"
+            description="Expertise, rapidité et transparence pour tous vos besoins en plomberie résidentielle et commerciale dans le Grand Montréal et les Laurentides. Urgences disponibles 24h/24."
+            tag="Disponible 24h/24 · 7j/7"
+            buttons={[
+              { text: "Appeler maintenant", href: "tel:+15149934043" },
+              { text: "Voir les services", href: "#services" }
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "Plomberie de luxe" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "Service 24/7" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="87 avis Google (4.9/5)"
+          />
+        </div>
 
-  <div id="trust-band" data-section="trust-band">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Disponible 24/7",        "Équipe Certifiée",        "Travail Garanti",        "Grand Montréal & Laurentides",        "Membre CMMTQ"]}
-      title="Engagement de Qualité"
-      description="Un service certifié et garanti."
-    />
-  </div>
+        <div id="trust-band" data-section="trust-band">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Disponible 24/7", "Équipe Certifiée", "Travail Garanti", "Grand Montréal & Laurentides", "Membre CMMTQ"]}
+            title="Engagement de Qualité"
+            description="Un service certifié et garanti."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        { id: "01", title: "Urgences 24h/24", tags: ["Rapide"], imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "luxury bathroom interior gold plumbing fixtures" },
-        { id: "02", title: "Chauffe-eau", tags: ["Installation"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg", imageAlt: "happy client portrait residential" },
-        { id: "03", title: "Débouchage", tags: ["Expert"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg", imageAlt: "woman smiling residential client portrait" },
-        { id: "04", title: "Installations sanitaires", tags: ["Précis"], imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "senior professional man portrait" },
-        { id: "05", title: "Pompe de puisard", tags: ["Prévention"], imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg", imageAlt: "montreal map stylized" },
-        { id: "06", title: "Rénovation & construction", tags: ["Projet"], imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "luxury bathroom interior gold plumbing fixtures" },
-      ]}
-      title="Nos Services"
-      description="Solutions complètes pour vos installations et réparations."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "01", title: "Urgences 24h/24", tags: ["Rapide"], imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "luxury bathroom interior gold plumbing fixtures" },
+              { id: "02", title: "Chauffe-eau", tags: ["Installation"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg", imageAlt: "happy client portrait residential" },
+              { id: "03", title: "Débouchage", tags: ["Expert"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg", imageAlt: "woman smiling residential client portrait" },
+              { id: "04", title: "Installations sanitaires", tags: ["Précis"], imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "senior professional man portrait" },
+              { id: "05", title: "Pompe de puisard", tags: ["Prévention"], imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg", imageAlt: "montreal map stylized" },
+              { id: "06", title: "Rénovation & construction", tags: ["Projet"], imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "luxury bathroom interior gold plumbing fixtures" }
+            ]}
+            title="Nos Services"
+            description="Solutions complètes pour vos installations et réparations."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="10 ans d'expérience"
-      description={[
-        "Fondée avec une mission simple : offrir une plomberie honnête et durable.",        "Nous traitons chaque client avec respect et chaque installation avec rigueur.",        "Service rapide 24h/24 pour votre tranquillité d'esprit."]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="10 ans d'expérience"
+            description={[
+              "Fondée avec une mission simple : offrir une plomberie honnête et durable.",              "Nous traitons chaque client avec respect et chaque installation avec rigueur.",              "Service rapide 24h/24 pour votre tranquillité d'esprit."
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Danny Myint", handle: "Client depuis 10 ans", testimonial: "Un travail exceptionnel à chaque fois. Très fiable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
-        { id: "2", name: "Catherine Morin", handle: "Client depuis 16 ans", testimonial: "André est toujours là quand on a besoin d'urgence. Parfait.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg" },
-        { id: "3", name: "Marc L.", handle: "Client satisfait", testimonial: "Service rapide, honnête et très professionnel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
-        { id: "4", name: "Sophie B.", handle: "Client satisfait", testimonial: "Excellent service, je recommande fortement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
-        { id: "5", name: "Jean P.", handle: "Client satisfait", testimonial: "La référence en plomberie dans la région.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg" },
-      ]}
-      showRating={true}
-      title="Ce que disent nos clients"
-      description="87 avis Google, note moyenne 4.9/5"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Danny Myint", handle: "Client depuis 10 ans", testimonial: "Un travail exceptionnel à chaque fois. Très fiable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
+              { id: "2", name: "Catherine Morin", handle: "Client depuis 16 ans", testimonial: "André est toujours là quand on a besoin d'urgence. Parfait.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg" },
+              { id: "3", name: "Marc L.", handle: "Client satisfait", testimonial: "Service rapide, honnête et très professionnel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
+              { id: "4", name: "Sophie B.", handle: "Client satisfait", testimonial: "Excellent service, je recommande fortement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
+              { id: "5", name: "Jean P.", handle: "Client satisfait", testimonial: "La référence en plomberie dans la région.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg" }
+            ]}
+            showRating={true}
+            title="Ce que disent nos clients"
+            description="87 avis Google, note moyenne 4.9/5"
+          />
+        </div>
 
-  <div id="zone" data-section="zone">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "z1", title: "Zones principales", content: "Saint-Colomban, Saint-Jérôme, Blainville, Mirabel, Lachute, Deux-Montagnes, Sainte-Thérèse, Mont-Tremblant, Saint-Sauveur, Grand Montréal" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg"
-      mediaAnimation="blur-reveal"
-      title="Zone desservie"
-      description="Services disponibles dans les Laurentides et le Grand Montréal."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="zone" data-section="zone">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "z1", title: "Zones principales", content: "Saint-Colomban, Saint-Jérôme, Blainville, Mirabel, Lachute, Deux-Montagnes, Sainte-Thérèse, Mont-Tremblant, Saint-Sauveur, Grand Montréal" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg"
+            mediaAnimation="blur-reveal"
+            title="Zone desservie"
+            description="Services disponibles dans les Laurentides et le Grand Montréal."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="final-cta" data-section="final-cta">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Disponible 24h/24 · 7j/7"
-      title="(514) 993-4043"
-      description="Urgences bienvenues · Service de confiance depuis 1995"
-      buttons={[
-        { text: "Appeler maintenant", href: "tel:+15149934043" },
-        { text: "Site web", href: "https://plomberieandreauger.ca" },
-      ]}
-    />
-  </div>
+        <div id="final-cta" data-section="final-cta">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Disponible 24h/24 · 7j/7"
+            title="(514) 993-4043"
+            description="Urgences bienvenues · Service de confiance depuis 1995"
+            buttons={[
+              { text: "Appeler maintenant", href: "tel:+15149934043" },
+              { text: "Site web", href: "https://plomberieandreauger.ca" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Plomberie André Auger"
-      leftLink={{ text: "100 Rue de la Naïade, Saint-Colomban, QC J5K 1P7", href: "#" }}
-      rightLink={{ text: "© 2024 Plomberie André Auger", href: "#" }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Plomberie André Auger"
+            leftLink={{ text: "100 Rue de la Naïade, Saint-Colomban, QC J5K 1P7", href: "#" }}
+            rightLink={{ text: "© 2024 Plomberie André Auger", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );