From ce0dbae1163ee7a333b792d3eb9b11d8d5125241 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 16:22:21 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1106034..f7b1a1a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Accueil",
-          id: "hero",
-        },
+          name: "Accueil",          id: "hero"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Réalisations",
-          id: "before-after",
-        },
+          name: "Réalisations",          id: "before-after"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Compiègne Paysage"
     />
@@ -56,108 +48,58 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Votre extérieur, élevé au niveau supérieur."
       description="Aménagement paysager précis, rapide et durable à Compiègne et alentours."
       testimonials={[
         {
-          name: "Marc L.",
-          handle: "@client",
-          testimonial: "Travail impeccable.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/a-stunning-high-end-luxury-garden-landsc-1774801287989-ca7ee415.png?_wi=1",
-          imageAlt: "A stunning high-end luxury garden landscape in France during golden hour, with perfect lawn, structu",
-        },
+          name: "Marc L.",          handle: "@client",          testimonial: "Travail impeccable.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/a-stunning-high-end-luxury-garden-landsc-1774801287989-ca7ee415.png",          imageAlt: "A stunning high-end luxury garden landscape in France during golden hour, with perfect lawn, structu"},
         {
-          name: "Julie D.",
-          handle: "@client",
-          testimonial: "Très satisfaite.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/professional-garden-maintenance-tools-cl-1774801287961-9835d12d.png",
-          imageAlt: "Professional garden maintenance tools, close up, crisp.",
-        },
+          name: "Julie D.",          handle: "@client",          testimonial: "Très satisfaite.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/professional-garden-maintenance-tools-cl-1774801287961-9835d12d.png",          imageAlt: "Professional garden maintenance tools, close up, crisp."},
         {
-          name: "Thomas V.",
-          handle: "@client",
-          testimonial: "Professionnalisme rare.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/landscape-design-blueprints-on-a-wooden--1774801288531-b03bbe55.png",
-          imageAlt: "Landscape design blueprints on a wooden table, artistic.",
-        },
+          name: "Thomas V.",          handle: "@client",          testimonial: "Professionnalisme rare.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/landscape-design-blueprints-on-a-wooden--1774801288531-b03bbe55.png",          imageAlt: "Landscape design blueprints on a wooden table, artistic."},
         {
-          name: "Sarah P.",
-          handle: "@client",
-          testimonial: "Service de qualité.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/elegant-garden-stone-pathway-constructio-1774801288828-ae9f11f4.png",
-          imageAlt: "Elegant garden stone pathway construction.",
-        },
+          name: "Sarah P.",          handle: "@client",          testimonial: "Service de qualité.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/elegant-garden-stone-pathway-constructio-1774801288828-ae9f11f4.png",          imageAlt: "Elegant garden stone pathway construction."},
         {
-          name: "Lucas B.",
-          handle: "@client",
-          testimonial: "Rendu magnifique.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/before-and-after-garden-landscaping-tran-1774801288810-2aa9504b.png?_wi=1",
-          imageAlt: "Before and after garden landscaping transformation image, high contrast.",
-        },
+          name: "Lucas B.",          handle: "@client",          testimonial: "Rendu magnifique.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/before-and-after-garden-landscaping-tran-1774801288810-2aa9504b.png",          imageAlt: "Before and after garden landscaping transformation image, high contrast."},
       ]}
       buttons={[
         {
-          text: "Demander un devis gratuit",
-          href: "#contact",
-        },
+          text: "Demander un devis gratuit",          href: "#contact"},
         {
-          text: "Voir nos réalisations",
-          href: "#before-after",
-        },
+          text: "Voir nos réalisations",          href: "#before-after"},
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/a-stunning-high-end-luxury-garden-landsc-1774801287989-ca7ee415.png?_wi=2"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/a-stunning-high-end-luxury-garden-landsc-1774801287989-ca7ee415.png"
       imageAlt="Jardin paysager de luxe"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801288989-89a64253.png",
-          alt: "Client 1",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801288989-89a64253.png",          alt: "Client 1"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801287729-c49c55a7.png",
-          alt: "Client 2",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801287729-c49c55a7.png",          alt: "Client 2"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801288619-2b0e1707.png",
-          alt: "Client 3",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801288619-2b0e1707.png",          alt: "Client 3"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801287608-c05c7ece.png",
-          alt: "Client 4",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801287608-c05c7ece.png",          alt: "Client 4"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/a-stunning-high-end-luxury-garden-landsc-1774801287989-ca7ee415.png",
-          alt: "Client 5",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/a-stunning-high-end-luxury-garden-landsc-1774801287989-ca7ee415.png",          alt: "Client 5"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Paysagiste Expert",
-        },
+          type: "text",          text: "Paysagiste Expert"},
         {
-          type: "text",
-          text: "Compiègne & Oise",
-        },
+          type: "text",          text: "Compiègne & Oise"},
         {
-          type: "text",
-          text: "Entretien Premium",
-        },
+          type: "text",          text: "Entretien Premium"},
         {
-          type: "text",
-          text: "Design Sur-Mesure",
-        },
+          type: "text",          text: "Design Sur-Mesure"},
         {
-          type: "text",
-          text: "Délais Garantis",
-        },
+          type: "text",          text: "Délais Garantis"},
       ]}
     />
   </div>
@@ -165,36 +107,17 @@ export default function LandingPage() {
   <div id="metrics" data-section="metrics">
       <MetricCardTen
       animationType="slide-up"
+      textboxLayout="centered"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          title: "5 Étoiles",
-          subtitle: "Avis clients",
-          category: "Satisfaction",
-          value: "100%",
-        },
+          id: "m1",          title: "5 Étoiles",          subtitle: "Avis clients",          category: "Satisfaction",          value: "100%"},
         {
-          id: "m2",
-          title: "Satisfaction",
-          subtitle: "Clients heureux",
-          category: "Confiance",
-          value: "200+",
-        },
+          id: "m2",          title: "Satisfaction",          subtitle: "Clients heureux",          category: "Confiance",          value: "200+"},
         {
-          id: "m3",
-          title: "Rapidité",
-          subtitle: "Intervention",
-          category: "Efficacité",
-          value: "48h",
-        },
+          id: "m3",          title: "Rapidité",          subtitle: "Intervention",          category: "Efficacité",          value: "48h"},
         {
-          id: "m4",
-          title: "Soigné",
-          subtitle: "Travail de précision",
-          category: "Qualité",
-          value: "100%",
-        },
+          id: "m4",          title: "Soigné",          subtitle: "Travail de précision",          category: "Qualité",          value: "100%"},
       ]}
       title="Un engagement de confiance"
       description="L'expertise au service de votre sérénité."
@@ -206,15 +129,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "Un extérieur mal entretenu dévalorise votre propriété. Nous transformons votre espace en un lieu propre, structuré et esthétique, conçu pour traverser le temps.",
-        },
+          type: "text",          content: "Un extérieur mal entretenu dévalorise votre propriété. Nous transformons votre espace en un lieu propre, structuré et esthétique, conçu pour traverser le temps."},
       ]}
       buttons={[
         {
-          text: "Découvrir notre approche",
-          href: "#services",
-        },
+          text: "Découvrir notre approche",          href: "#services"},
       ]}
       buttonAnimation="slide-up"
     />
@@ -228,29 +147,19 @@ export default function LandingPage() {
       features={[
         {
           icon: Leaf,
-          title: "Entretien de jardins",
-          description: "Maintenance régulière, propre et efficace.",
-        },
+          title: "Entretien de jardins",          description: "Maintenance régulière, propre et efficace."},
         {
           icon: Leaf,
-          title: "Création paysagère",
-          description: "Conception esthétique sur mesure.",
-        },
+          title: "Création paysagère",          description: "Conception esthétique sur mesure."},
         {
           icon: Layout,
-          title: "Aménagement extérieur",
-          description: "Structuration complète de vos espaces.",
-        },
+          title: "Aménagement extérieur",          description: "Structuration complète de vos espaces."},
         {
           icon: Scissors,
-          title: "Taille & élagage",
-          description: "Travail précis et sécurisé.",
-        },
+          title: "Taille & élagage",          description: "Travail précis et sécurisé."},
         {
           icon: Mountain,
-          title: "Terrasses & allées",
-          description: "Finitions solides et élégantes.",
-        },
+          title: "Terrasses & allées",          description: "Finitions solides et élégantes."},
       ]}
       title="Nos Services"
       description="Des prestations haut de gamme adaptées à vos besoins."
@@ -259,37 +168,20 @@ export default function LandingPage() {
 
   <div id="before-after" data-section="before-after">
       <ProductCardTwo
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={false}
       products={[
         {
-          id: "t1",
-          brand: "Projet",
-          name: "Aménagement contemporain",
-          price: "Compiègne",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/before-and-after-garden-landscaping-tran-1774801288810-2aa9504b.png?_wi=2",
-        },
+          id: "t1",          brand: "Projet",          name: "Aménagement contemporain",          price: "Compiègne",          rating: 5,
+          reviewCount: "1",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/before-and-after-garden-landscaping-tran-1774801288810-2aa9504b.png"},
         {
-          id: "t2",
-          brand: "Projet",
-          name: "Rénovation de jardin",
-          price: "Oise",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/before-and-after-garden-landscaping-tran-1774801288810-2aa9504b.png?_wi=3",
-        },
+          id: "t2",          brand: "Projet",          name: "Rénovation de jardin",          price: "Oise",          rating: 5,
+          reviewCount: "1",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/before-and-after-garden-landscaping-tran-1774801288810-2aa9504b.png"},
         {
-          id: "t3",
-          brand: "Projet",
-          name: "Création de terrasse",
-          price: "Senlis",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/before-and-after-garden-landscaping-tran-1774801288810-2aa9504b.png?_wi=4",
-        },
+          id: "t3",          brand: "Projet",          name: "Création de terrasse",          price: "Senlis",          rating: 5,
+          reviewCount: "1",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/before-and-after-garden-landscaping-tran-1774801288810-2aa9504b.png"},
       ]}
       title="Transformation Réelle"
       description="Voyez la différence avant et après notre passage."
@@ -303,59 +195,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Sophie M.",
-          role: "Client",
-          company: "Compiègne",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801288989-89a64253.png?_wi=1",
-        },
+          id: "1",          name: "Sophie M.",          role: "Client",          company: "Compiègne",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801288989-89a64253.png"},
         {
-          id: "2",
-          name: "Laurent P.",
-          role: "Client",
-          company: "Jaux",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801287729-c49c55a7.png",
-        },
+          id: "2",          name: "Laurent P.",          role: "Client",          company: "Jaux",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801287729-c49c55a7.png"},
         {
-          id: "3",
-          name: "Claire R.",
-          role: "Client",
-          company: "Margny",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801288619-2b0e1707.png",
-        },
+          id: "3",          name: "Claire R.",          role: "Client",          company: "Margny",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801288619-2b0e1707.png"},
         {
-          id: "4",
-          name: "Thomas H.",
-          role: "Client",
-          company: "Compiègne",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801287608-c05c7ece.png",
-        },
+          id: "4",          name: "Thomas H.",          role: "Client",          company: "Compiègne",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801287608-c05c7ece.png"},
         {
-          id: "5",
-          name: "Marie L.",
-          role: "Client",
-          company: "Senlis",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801288989-89a64253.png?_wi=2",
-        },
+          id: "5",          name: "Marie L.",          role: "Client",          company: "Senlis",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/portrait-of-a-happy-customer-professiona-1774801288989-89a64253.png"},
       ]}
       kpiItems={[
         {
-          value: "4.9/5",
-          label: "Note moyenne",
-        },
+          value: "4.9/5",          label: "Note moyenne"},
         {
-          value: "500+",
-          label: "Projets livrés",
-        },
+          value: "500+",          label: "Projets livrés"},
         {
-          value: "10+",
-          label: "Ans d'expérience",
-        },
+          value: "10+",          label: "Ans d'expérience"},
       ]}
       title="Ce que disent nos clients"
       description="La satisfaction de nos partenaires est notre priorité absolue."
@@ -366,12 +227,11 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Contact"
       title="Transformez votre extérieur dès aujourd’hui."
       description="Contactez-nous pour une étude personnalisée et un devis rapide."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/a-stunning-high-end-luxury-garden-landsc-1774801287989-ca7ee415.png?_wi=3"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcvahPO7SEMtgzE1c7ISZPwmhb/a-stunning-high-end-luxury-garden-landsc-1774801287989-ca7ee415.png"
       mediaAnimation="slide-up"
     />
   </div>
@@ -380,29 +240,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Service",
-          items: [
+          title: "Service",          items: [
             {
-              label: "Devis gratuit",
-              href: "#contact",
-            },
+              label: "Devis gratuit",              href: "#contact"},
             {
-              label: "Nos prestations",
-              href: "#services",
-            },
+              label: "Nos prestations",              href: "#services"},
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "03 44 00 00 00",
-              href: "tel:0344000000",
-            },
+              label: "03 44 00 00 00",              href: "tel:0344000000"},
             {
-              label: "contact@compiegne-paysage.fr",
-              href: "mailto:contact@compiegne-paysage.fr",
-            },
+              label: "contact@compiegne-paysage.fr",              href: "mailto:contact@compiegne-paysage.fr"},
           ],
         },
       ]}
-- 
2.49.1