From a8376f361c1b8cca3c6abe96b74082862d7843d1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 16:35:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 330 ++++++++++++++++-------------------------------
 1 file changed, 112 insertions(+), 218 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b069d7f..2cfbec0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,233 +18,127 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        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: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "À Propos",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Avis",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Been Plombier"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Accueil", id: "hero" },
+              { name: "À Propos", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Avis", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Been Plombier"
+            button={{ text: "Contact", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      title="Been Plombier : Expert en dépannage urgent"
-      description="Plus de 3 ans d'expérience au service de votre confort. Disponible pour vos urgences et installations en toute confiance."
-      testimonials={[
-        {
-          name: "Client 1",
-          handle: "@client",
-          testimonial: "Excellent travail, rapide et efficace !",
-          rating: 5,
-        },
-        {
-          name: "Client 2",
-          handle: "@client",
-          testimonial: "Plombier très professionnel et sérieux.",
-          rating: 5,
-        },
-      ]}
-      buttons={[
-        {
-          text: "Appeler maintenant",
-          href: "tel:0758093022",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/hand-with-soap_23-2148518644.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            title="Been Plombier : Expert en dépannage urgent"
+            description="Plus de 3 ans d'expérience au service de votre confort. Disponible pour vos urgences et installations en toute confiance."
+            background={{ variant: "plain" }}
+            imageSrc="http://img.b2bpic.net/free-photo/hand-with-soap_23-2148518644.jpg"
+            mediaAnimation="slide-up"
+            buttons={[{ text: "Appeler maintenant", href: "tel:0758093022" }]}
+            testimonials={[
+              { name: "Client 1", handle: "@client", testimonial: "Excellent travail, rapide et efficace !", rating: 5 },
+              { name: "Client 2", handle: "@client", testimonial: "Plombier très professionnel et sérieux.", rating: 5 },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="À propos"
-      title="Plus de 3 ans d'expertise"
-      description="Nous intervenons rapidement pour tous vos problèmes de plomberie. Que ce soit une fuite, une installation ou un dépannage urgent, notre savoir-faire est votre garantie."
-      subdescription="La satisfaction client est notre priorité absolue."
-      icon={Wrench}
-      imageSrc="http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            tag="À propos"
+            title="Plus de 3 ans d'expertise"
+            description="Nous intervenons rapidement pour tous vos problèmes de plomberie. Que ce soit une fuite, une installation ou un dépannage urgent, notre savoir-faire est votre garantie."
+            subdescription="La satisfaction client est notre priorité absolue."
+            icon={Wrench}
+            imageSrc="http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg"
+            mediaAnimation="blur-reveal"
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Dépannage Urgent",
-          description: "Intervention rapide en cas de fuite d'eau ou canalisation bouchée.",
-          tag: "Urgence",
-        },
-        {
-          id: "f2",
-          title: "Installation Sanitaire",
-          description: "Pose de douche, WC, lavabo et robinetterie de qualité.",
-          tag: "Installation",
-        },
-        {
-          id: "f3",
-          title: "Entretien Tuyauterie",
-          description: "Contrôle et maintenance pour prévenir les futurs dégâts.",
-          tag: "Entretien",
-        },
-      ]}
-      title="Nos services"
-      description="Une gamme complète de solutions pour votre habitation."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Dépannage Urgent", description: "Intervention rapide en cas de fuite d'eau ou canalisation bouchée.", tag: "Urgence" },
+              { id: "f2", title: "Installation Sanitaire", description: "Pose de douche, WC, lavabo et robinetterie de qualité.", tag: "Installation" },
+              { id: "f3", title: "Entretien Tuyauterie", description: "Contrôle et maintenance pour prévenir les futurs dégâts.", tag: "Entretien" },
+            ]}
+            title="Nos services"
+            description="Une gamme complète de solutions pour votre habitation."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="scale-rotate"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Julie",
-          role: "Cliente",
-          company: "Particulier",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-builder-man-uniform-claps-hands-isolated-olive-green-wall_141793-66615.jpg",
-        },
-        {
-          id: "2",
-          name: "Marc",
-          role: "Client",
-          company: "Particulier",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-time-together_23-2149283525.jpg",
-        },
-        {
-          id: "3",
-          name: "Sophie",
-          role: "Cliente",
-          company: "Particulier",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet_23-2148860661.jpg",
-        },
-        {
-          id: "4",
-          name: "Thomas",
-          role: "Client",
-          company: "Particulier",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-looking-camera_23-2148317302.jpg",
-        },
-      ]}
-      title="Avis de nos clients"
-      description="Rejoignez plus de 30 clients satisfaits."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="scale-rotate"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            title="Avis de nos clients"
+            description="Rejoignez plus de 30 clients satisfaits."
+            testimonials={[
+              { id: "1", name: "Julie", role: "Cliente", company: "Particulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-builder-man-uniform-claps-hands-isolated-olive-green-wall_141793-66615.jpg" },
+              { id: "2", name: "Marc", role: "Client", company: "Particulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-time-together_23-2149283525.jpg" },
+              { id: "3", name: "Sophie", role: "Cliente", company: "Particulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet_23-2148860661.jpg" },
+              { id: "4", name: "Thomas", role: "Client", company: "Particulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-looking-camera_23-2148317302.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Quels sont vos horaires ?",
-          content: "Disponible du lundi au samedi.",
-        },
-        {
-          id: "q2",
-          title: "Comment vous contacter ?",
-          content: "Par téléphone au 07 58 09 30 22.",
-        },
-      ]}
-      title="Questions fréquentes"
-      description="Besoin de précisions ? Nous répondons à tout."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            title="Questions fréquentes"
+            description="Besoin de précisions ? Nous répondons à tout."
+            faqs={[
+              { id: "q1", title: "Quels sont vos horaires ?", content: "Disponible du lundi au samedi." },
+              { id: "q2", title: "Comment vous contacter ?", content: "Par téléphone au 07 58 09 30 22." },
+            ]}
+            faqsAnimation="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Contactez Been Plombier"
-      description="Besoin d'un devis ou d'une intervention ? Appelez-nous dès maintenant."
-      inputs={[
-        {
-          name: "nom",
-          type: "text",
-          placeholder: "Votre nom",
-          required: true,
-        },
-        {
-          name: "tel",
-          type: "tel",
-          placeholder: "Votre numéro",
-          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-technician-grey-uniform-opening-toolbox-with-his-both-hands-looking-optimistic_176474-35346.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Contactez Been Plombier"
+            description="Besoin d'un devis ou d'une intervention ? Appelez-nous dès maintenant."
+            inputs={[
+              { name: "nom", type: "text", placeholder: "Votre nom", required: true },
+              { name: "tel", type: "tel", placeholder: "Votre numéro", required: true },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/young-technician-grey-uniform-opening-toolbox-with-his-both-hands-looking-optimistic_176474-35346.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Accueil",
-              href: "/",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "07 58 09 30 22",
-              href: "tel:0758093022",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Been Plombier"
-      bottomRightText="Tous droits réservés."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Navigation", items: [{ label: "Accueil", href: "/" }, { label: "Services", href: "#features" }] },
+              { title: "Contact", items: [{ label: "07 58 09 30 22", href: "tel:0758093022" }] },
+            ]}
+            bottomLeftText="© 2024 Been Plombier"
+            bottomRightText="Tous droits réservés."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1