From e026e45040254fdc39a229453ebac67d6ca69bf0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 23 May 2026 23:48:14 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 196 +++++++++++------------------------------------
 1 file changed, 45 insertions(+), 151 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 28cd9cd..9ec0897 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Accueil",
-          id: "hero",
-        },
+          name: "Accueil",          id: "hero"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "À Propos",
-          id: "about",
-        },
+          name: "À Propos",          id: "about"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="B.b. Toitures"
     />
@@ -55,47 +47,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       title="Votre Toiture, Notre Expertise à Aubignan"
       description="B.b. Toitures assure vos travaux de couverture avec rigueur et passion. Intervention rapide et de qualité pour tous vos besoins en toiture."
       buttons={[
         {
-          text: "Demandez un devis",
-          href: "#contact",
-        },
+          text: "Demandez un devis",          href: "#contact"},
       ]}
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",
-          imageAlt: "Professional roofer",
-        },
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",          imageAlt: "Professional roofer"},
         {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
-          imageAlt: "Roof installation team",
-        },
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",          imageAlt: "Roof installation team"},
         {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
-          imageAlt: "Roof maintenance",
-        },
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",          imageAlt: "Roof maintenance"},
         {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg",
-          imageAlt: "Construction site",
-        },
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg",          imageAlt: "Construction site"},
         {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",
-          imageAlt: "Roof renovation",
-        },
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",          imageAlt: "Roof renovation"},
         {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
-          imageAlt: "Roof safety",
-        },
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",          imageAlt: "Roof safety"},
       ]}
       autoPlay={true}
     />
@@ -106,9 +77,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="L'Excellence Artisanale"
       description={[
-        "B.b. Toitures est une entreprise locale basée à Aubignan, spécialisée dans la couverture, la zinguerie et l'isolation. Forts d'une solide expérience, nous accompagnons les particuliers dans la rénovation et l'entretien de leurs toits.",
-        "Notre engagement ? Vous garantir des travaux durables, respectueux des normes de sécurité et de l'esthétique de votre bâtiment.",
-      ]}
+        "B.b. Toitures est une entreprise locale basée à Aubignan, spécialisée dans la couverture, la zinguerie et l'isolation. Forts d'une solide expérience, nous accompagnons les particuliers dans la rénovation et l'entretien de leurs toits.",        "Notre engagement ? Vous garantir des travaux durables, respectueux des normes de sécurité et de l'esthétique de votre bâtiment."]}
     />
   </div>
 
@@ -119,32 +88,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Rénovation Toiture",
-          descriptions: [
-            "Réfection totale ou partielle, remplacement de tuiles et traitement des charpentes.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg",
-          imageAlt: "Rénovation",
-        },
+          id: "f1",          title: "Rénovation Toiture",          descriptions: [
+            "Réfection totale ou partielle, remplacement de tuiles et traitement des charpentes."],
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg",          imageAlt: "Rénovation"},
         {
-          id: "f2",
-          title: "Isolation",
-          descriptions: [
-            "Améliorez l'efficacité énergétique de votre logement avec nos solutions d'isolation de toiture.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg",
-          imageAlt: "Isolation",
-        },
+          id: "f2",          title: "Isolation",          descriptions: [
+            "Améliorez l'efficacité énergétique de votre logement avec nos solutions d'isolation de toiture."],
+          imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg",          imageAlt: "Isolation"},
         {
-          id: "f3",
-          title: "Entretien & Nettoyage",
-          descriptions: [
-            "Démoussage, nettoyage et vérification de l'étanchéité pour prévenir les fuites.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166620.jpg",
-          imageAlt: "Entretien",
-        },
+          id: "f3",          title: "Entretien & Nettoyage",          descriptions: [
+            "Démoussage, nettoyage et vérification de l'étanchéité pour prévenir les fuites."],
+          imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166620.jpg",          imageAlt: "Entretien"},
       ]}
       title="Nos Services Couvreur"
       description="Nous intervenons sur tous types de toitures pour assurer l'étanchéité et la longévité de votre habitat."
@@ -153,30 +107,16 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "15+",
-          title: "Années d'expérience",
-          description: "Expertise confirmée dans le Vaucluse.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343665.jpg",
-        },
+          id: "m1",          value: "15+",          title: "Années d'expérience",          description: "Expertise confirmée dans le Vaucluse.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343665.jpg"},
         {
-          id: "m2",
-          value: "100%",
-          title: "Clients satisfaits",
-          description: "Une rigueur exemplaire.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-pointing-camera-showing-thumb-up-t-shirt-jacket-hat-looking-cheery-front-view_176474-31301.jpg",
-        },
+          id: "m2",          value: "100%",          title: "Clients satisfaits",          description: "Une rigueur exemplaire.",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-pointing-camera-showing-thumb-up-t-shirt-jacket-hat-looking-cheery-front-view_176474-31301.jpg"},
         {
-          id: "m3",
-          value: "500+",
-          title: "Toits rénovés",
-          description: "Des projets réussis à Aubignan.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-his-tablet-with-city-background_1134-593.jpg",
-        },
+          id: "m3",          value: "500+",          title: "Toits rénovés",          description: "Des projets réussis à Aubignan.",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-his-tablet-with-city-background_1134-593.jpg"},
       ]}
       title="Chiffres Clés"
       description="La preuve par les faits."
@@ -188,35 +128,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Jean Dupont",
-          imageSrc: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg",
-        },
+          id: "t1",          name: "Jean Dupont",          imageSrc: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg"},
         {
-          id: "t2",
-          name: "Marie Martin",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-unshaven-man-expert-tries-explain-his-idea-wife_273609-44258.jpg",
-        },
+          id: "t2",          name: "Marie Martin",          imageSrc: "http://img.b2bpic.net/free-photo/serious-unshaven-man-expert-tries-explain-his-idea-wife_273609-44258.jpg"},
         {
-          id: "t3",
-          name: "Pierre Durand",
-          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
-        },
+          id: "t3",          name: "Pierre Durand",          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg"},
         {
-          id: "t4",
-          name: "Sophie Leroy",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
-        },
+          id: "t4",          name: "Sophie Leroy",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"},
         {
-          id: "t5",
-          name: "Marc Petit",
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber_23-2148748853.jpg",
-        },
+          id: "t5",          name: "Marc Petit",          imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber_23-2148748853.jpg"},
         {
-          id: "t6",
-          name: "Lucie Bernard",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
-        },
+          id: "t6",          name: "Lucie Bernard",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg"},
       ]}
       cardTitle="Ce qu'ils pensent"
       cardTag="Avis Clients"
@@ -229,14 +151,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Velux",
-        "Monier",
-        "Terreal",
-        "Edilians",
-        "Imerys",
-        "Isover",
-        "Rockwool",
-      ]}
+        "Velux",        "Monier",        "Terreal",        "Edilians",        "Imerys",        "Isover",        "Rockwool"]}
       title="Nos Partenaires"
       description="Nous travaillons avec des fournisseurs de matériaux reconnus."
     />
@@ -248,20 +163,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Quand démousser mon toit ?",
-          content: "Tous les 5 à 10 ans en moyenne, selon l'exposition.",
-        },
+          id: "q1",          title: "Quand démousser mon toit ?",          content: "Tous les 5 à 10 ans en moyenne, selon l'exposition."},
         {
-          id: "q2",
-          title: "Proposez-vous des devis gratuits ?",
-          content: "Oui, chaque étude de projet est personnalisée et gratuite.",
-        },
+          id: "q2",          title: "Proposez-vous des devis gratuits ?",          content: "Oui, chaque étude de projet est personnalisée et gratuite."},
         {
-          id: "q3",
-          title: "Intervenez-vous en urgence ?",
-          content: "Nous traitons vos fuites dans les meilleurs délais pour protéger votre maison.",
-        },
+          id: "q3",          title: "Intervenez-vous en urgence ?",          content: "Nous traitons vos fuites dans les meilleurs délais pour protéger votre maison."},
       ]}
       title="Questions Fréquentes"
       description="Toutes les réponses à vos interrogations."
@@ -274,10 +180,10 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplit
+      tag="Contact"
       useInvertedBackground={true}
       background={{
-        variant: "rotated-rays-static",
-      }}
+        variant: "rotated-rays-static"}}
       title="Contactez-nous"
       description="Discutons de votre projet dès aujourd'hui."
       inputPlaceholder="Votre adresse email"
@@ -292,33 +198,21 @@ export default function LandingPage() {
       logoText="B.b. Toitures"
       columns={[
         {
-          title: "B.b. Toitures",
-          items: [
+          title: "B.b. Toitures",          items: [
             {
-              label: "À propos",
-              href: "#about",
-            },
+              label: "À propos",              href: "#about"},
             {
-              label: "Services",
-              href: "#features",
-            },
+              label: "Services",              href: "#features"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Légal",
-          items: [
+          title: "Légal",          items: [
             {
-              label: "Mentions Légales",
-              href: "#",
-            },
+              label: "Mentions Légales",              href: "#"},
             {
-              label: "Politique de confidentialité",
-              href: "#",
-            },
+              label: "Politique de confidentialité",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1