From 6b41bb3f2279b1feb2926dd4397c8737915ef0f5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 20:14:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 291 +++++++++++------------------------------------
 1 file changed, 65 insertions(+), 226 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c04ae37..ec2d5b0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,49 +33,32 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Accueil",
-          id: "#hero",
-        },
+          name: "Accueil",          id: "#hero"},
         {
-          name: "À Propos",
-          id: "#about",
-        },
+          name: "À Propos",          id: "#about"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Témoignages",
-          id: "#testimonials",
-        },
+          name: "Témoignages",          id: "#testimonials"},
         {
-          name: "Tarifs",
-          id: "#pricing",
-        },
+          name: "Tarifs",          id: "#pricing"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Ent.Nature Elagage Compiègne"
       bottomLeftText="Compiègne, Oise"
       bottomRightText="contact@natureelagage.fr"
       button={{
-        text: "Demander un Devis",
-        href: "#contact",
-      }}
+        text: "Demander un Devis",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       title="Ent.Nature Elagage Compiègne"
       description="Votre expert en élagage et entretien d'arbres à Compiègne et ses environs. Sécurité, qualité et respect de la nature au cœur de nos interventions."
       tag="Expertise Locale"
@@ -83,46 +66,24 @@ export default function LandingPage() {
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "Nos Services",
-          href: "#services",
-        },
+          text: "Nos Services",          href: "#services"},
         {
-          text: "Demander un Devis",
-          href: "#contact",
-        },
+          text: "Demander un Devis",          href: "#contact"},
       ]}
       buttonAnimation="slide-up"
       carouselItems={[
         {
-          id: "item-1",
-          imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg",
-          imageAlt: "Arboriste professionnel en pleine taille d'arbre",
-        },
+          id: "item-1",          imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg",          imageAlt: "Arboriste professionnel en pleine taille d'arbre"},
         {
-          id: "item-2",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-plant_417767-329.jpg",
-          imageAlt: "Paysage verdoyant avec des arbres sains",
-        },
+          id: "item-2",          imageSrc: "http://img.b2bpic.net/free-photo/green-plant_417767-329.jpg",          imageAlt: "Paysage verdoyant avec des arbres sains"},
         {
-          id: "item-3",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-planting-tree-countryside_23-2149401211.jpg",
-          imageAlt: "Opération de dessouchage après abattage",
-        },
+          id: "item-3",          imageSrc: "http://img.b2bpic.net/free-photo/person-planting-tree-countryside_23-2149401211.jpg",          imageAlt: "Opération de dessouchage après abattage"},
         {
-          id: "item-4",
-          imageSrc: "http://img.b2bpic.net/free-photo/redhead-woman-taking-care-her-plants-greenhouse_23-2149037284.jpg",
-          imageAlt: "Jeune arbre fraîchement planté dans un jardin",
-        },
+          id: "item-4",          imageSrc: "http://img.b2bpic.net/free-photo/redhead-woman-taking-care-her-plants-greenhouse_23-2149037284.jpg",          imageAlt: "Jeune arbre fraîchement planté dans un jardin"},
         {
-          id: "item-5",
-          imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg",
-          imageAlt: "Aménagement paysager élégant avec des massifs de fleurs",
-        },
+          id: "item-5",          imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg",          imageAlt: "Aménagement paysager élégant avec des massifs de fleurs"},
         {
-          id: "item-6",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-climbing-equipment_23-2150382950.jpg",
-          imageAlt: "Équipement de sécurité pour élagage d'arbres",
-        },
+          id: "item-6",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-climbing-equipment_23-2150382950.jpg",          imageAlt: "Équipement de sécurité pour élagage d'arbres"},
       ]}
       autoPlay={true}
       autoPlayInterval={4000}
@@ -147,23 +108,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Élagage et Taille Douce",
-          description: "Interventions précises pour la santé et la forme de vos arbres, favorisant leur croissance naturelle et leur longévité.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12430.jpg",
-          imageAlt: "Homme élaguant un arbre avec soin",
-        },
+          title: "Élagage et Taille Douce",          description: "Interventions précises pour la santé et la forme de vos arbres, favorisant leur croissance naturelle et leur longévité.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12430.jpg",          imageAlt: "Homme élaguant un arbre avec soin"},
         {
-          title: "Abattage et Dessouchage",
-          description: "Retrait sécurisé d'arbres dangereux ou indésirables, suivi du dessouchage pour une réhabilitation complète du terrain.",
-          imageSrc: "http://img.b2bpic.net/free-photo/camper-life-concept-with-branches-shelter_23-2148456392.jpg",
-          imageAlt: "Abattage contrôlé d'un grand arbre",
-        },
+          title: "Abattage et Dessouchage",          description: "Retrait sécurisé d'arbres dangereux ou indésirables, suivi du dessouchage pour une réhabilitation complète du terrain.",          imageSrc: "http://img.b2bpic.net/free-photo/camper-life-concept-with-branches-shelter_23-2148456392.jpg",          imageAlt: "Abattage contrôlé d'un grand arbre"},
         {
-          title: "Taille de Haies et Arbustes",
-          description: "Entretien régulier pour des haies et arbustes denses et esthétiques, adaptés à vos préférences et à l'environnement.",
-          imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg",
-          imageAlt: "Taille de haie avec cisailles professionnelles",
-        },
+          title: "Taille de Haies et Arbustes",          description: "Entretien régulier pour des haies et arbustes denses et esthétiques, adaptés à vos préférences et à l'environnement.",          imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg",          imageAlt: "Taille de haie avec cisailles professionnelles"},
       ]}
       title="Nos Services Complets pour Vos Arbres"
       description="Nous offrons une gamme complète de services pour assurer la vitalité et l'esthétique de vos espaces verts."
@@ -179,29 +128,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "metric-1",
-          value: "+15 Ans",
-          title: "D'Expérience",
-          description: "Au service de la nature et de vos propriétés.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-soil-sprout_23-2148905252.jpg",
-          imageAlt: "Jeune pousse verte dans les mains",
-        },
+          id: "metric-1",          value: "+15 Ans",          title: "D'Expérience",          description: "Au service de la nature et de vos propriétés.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-soil-sprout_23-2148905252.jpg",          imageAlt: "Jeune pousse verte dans les mains"},
         {
-          id: "metric-2",
-          value: "98%",
-          title: "Clients Satisfaits",
-          description: "Un taux de satisfaction élevé, gage de notre excellence.",
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-hispanic-employer-congratulating-new-employee_1262-17016.jpg",
-          imageAlt: "Client souriant",
-        },
+          id: "metric-2",          value: "98%",          title: "Clients Satisfaits",          description: "Un taux de satisfaction élevé, gage de notre excellence.",          imageSrc: "http://img.b2bpic.net/free-photo/excited-hispanic-employer-congratulating-new-employee_1262-17016.jpg",          imageAlt: "Client souriant"},
         {
-          id: "metric-3",
-          value: "+500",
-          title: "Projets Réalisés",
-          description: "Chaque arbre et chaque haie, traités avec le plus grand soin.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-watering-can-hand-shovel-gardening-scissors-near-green-leaves_23-2147948317.jpg",
-          imageAlt: "Outils d'élagage",
-        },
+          id: "metric-3",          value: "+500",          title: "Projets Réalisés",          description: "Chaque arbre et chaque haie, traités avec le plus grand soin.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-watering-can-hand-shovel-gardening-scissors-near-green-leaves_23-2147948317.jpg",          imageAlt: "Outils d'élagage"},
       ]}
       title="Notre Engagement en Chiffres"
       description="Découvrez l'impact de notre travail et la confiance que nous inspire notre clientèle."
@@ -218,25 +149,15 @@ export default function LandingPage() {
       author="Madame Dubois, Compiègne"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/pretty-woman-armchair_23-2147762383.jpg",
-          alt: "Photo de Madame Dubois",
-        },
+          src: "http://img.b2bpic.net/free-photo/pretty-woman-armchair_23-2147762383.jpg",          alt: "Photo de Madame Dubois"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg",
-          alt: "Photo de Monsieur Martin",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg",          alt: "Photo de Monsieur Martin"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-mature-woman-showing-sign-speech-bubble-banner-looking-happy_657921-1337.jpg",
-          alt: "Photo de Madame Petit",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-mature-woman-showing-sign-speech-bubble-banner-looking-happy_657921-1337.jpg",          alt: "Photo de Madame Petit"},
         {
-          src: "http://img.b2bpic.net/free-photo/nervous-man-pointing-himself-looking-confused-standing-casual-clothes-blue-background_1258-170865.jpg",
-          alt: "Photo de Monsieur Lefevre",
-        },
+          src: "http://img.b2bpic.net/free-photo/nervous-man-pointing-himself-looking-confused-standing-casual-clothes-blue-background_1258-170865.jpg",          alt: "Photo de Monsieur Lefevre"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3781.jpg",
-          alt: "Photo de Madame Garcia",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3781.jpg",          alt: "Photo de Madame Garcia"},
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -250,59 +171,25 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",
-          tag: "Forfait Essentiel",
-          tagIcon: Leaf,
-          price: "Sur Devis",
-          period: "Par Intervention",
-          description: "Idéal pour un entretien ponctuel de vos arbres.",
-          button: {
-            text: "Demander un Devis",
-            href: "#contact",
-          },
-          featuresTitle: "Inclus :",
-          features: [
-            "Élagage d'un arbre",
-            "Nettoyage léger du site",
-            "Conseils d'expert",
-          ],
+          id: "basic",          tag: "Forfait Essentiel",          tagIcon: Leaf,
+          price: "Sur Devis",          period: "Par Intervention",          description: "Idéal pour un entretien ponctuel de vos arbres.",          button: {
+            text: "Demander un Devis",            href: "#contact"},
+          featuresTitle: "Inclus :",          features: [
+            "Élagage d'un arbre",            "Nettoyage léger du site",            "Conseils d'expert"],
         },
         {
-          id: "standard",
-          tag: "Forfait Complet",
-          tagIcon: Leaf,
-          price: "Sur Devis",
-          period: "Par Intervention",
-          description: "Solution complète pour plusieurs arbres et entretien plus poussé.",
-          button: {
-            text: "Demander un Devis",
-            href: "#contact",
-          },
-          featuresTitle: "Inclus :",
-          features: [
-            "Élagage de 2-3 arbres",
-            "Taille de haies (jusqu'à 10m)",
-            "Évacuation des déchets verts",
-          ],
+          id: "standard",          tag: "Forfait Complet",          tagIcon: Leaf,
+          price: "Sur Devis",          period: "Par Intervention",          description: "Solution complète pour plusieurs arbres et entretien plus poussé.",          button: {
+            text: "Demander un Devis",            href: "#contact"},
+          featuresTitle: "Inclus :",          features: [
+            "Élagage de 2-3 arbres",            "Taille de haies (jusqu'à 10m)",            "Évacuation des déchets verts"],
         },
         {
-          id: "premium",
-          tag: "Forfait Premium",
-          tagIcon: Award,
-          price: "Sur Devis",
-          period: "Annuel ou Sur Mesure",
-          description: "Entretien régulier et personnalisé pour une tranquillité d'esprit toute l'année.",
-          button: {
-            text: "Demander un Devis",
-            href: "#contact",
-          },
-          featuresTitle: "Inclus :",
-          features: [
-            "Élagage illimité",
-            "Abattage/Dessouchage (1/an)",
-            "Taille de haies/arbustes illimité",
-            "Intervention prioritaire",
-          ],
+          id: "premium",          tag: "Forfait Premium",          tagIcon: Award,
+          price: "Sur Devis",          period: "Annuel ou Sur Mesure",          description: "Entretien régulier et personnalisé pour une tranquillité d'esprit toute l'année.",          button: {
+            text: "Demander un Devis",            href: "#contact"},
+          featuresTitle: "Inclus :",          features: [
+            "Élagage illimité",            "Abattage/Dessouchage (1/an)",            "Taille de haies/arbustes illimité",            "Intervention prioritaire"],
         },
       ]}
       title="Nos Offres de Services d'Élagage"
@@ -318,25 +205,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq-1",
-          title: "Quand est le meilleur moment pour élaguer mes arbres ?",
-          content: "Le meilleur moment dépend du type d'arbre et de l'objectif de l'élagage. Généralement, l'hiver est idéal pour la taille d'entretien des arbres à feuilles caduques. Pour les arbres fruitiers, la période peut varier. Nous vous conseillons de nous contacter pour une évaluation personnalisée.",
-        },
+          id: "faq-1",          title: "Quand est le meilleur moment pour élaguer mes arbres ?",          content: "Le meilleur moment dépend du type d'arbre et de l'objectif de l'élagage. Généralement, l'hiver est idéal pour la taille d'entretien des arbres à feuilles caduques. Pour les arbres fruitiers, la période peut varier. Nous vous conseillons de nous contacter pour une évaluation personnalisée."},
         {
-          id: "faq-2",
-          title: "Quels sont les avantages de faire appel à un professionnel ?",
-          content: "Faire appel à des professionnels comme Ent.Nature Elagage Compiègne garantit la sécurité des personnes et des biens, la bonne santé de vos arbres, une taille esthétique et conforme aux réglementations locales. Nos experts sont formés aux techniques d'élagage respectueuses de l'arbre et disposent du matériel adapté.",
-        },
+          id: "faq-2",          title: "Quels sont les avantages de faire appel à un professionnel ?",          content: "Faire appel à des professionnels comme Ent.Nature Elagage Compiègne garantit la sécurité des personnes et des biens, la bonne santé de vos arbres, une taille esthétique et conforme aux réglementations locales. Nos experts sont formés aux techniques d'élagage respectueuses de l'arbre et disposent du matériel adapté."},
         {
-          id: "faq-3",
-          title: "Proposez-vous des devis gratuits ?",
-          content: "Oui, nous offrons des devis gratuits et sans engagement. Un de nos arboristes se déplace sur votre site pour évaluer vos besoins, vous conseiller et établir un devis détaillé et transparent, adapté à votre situation.",
-        },
+          id: "faq-3",          title: "Proposez-vous des devis gratuits ?",          content: "Oui, nous offrons des devis gratuits et sans engagement. Un de nos arboristes se déplace sur votre site pour évaluer vos besoins, vous conseiller et établir un devis détaillé et transparent, adapté à votre situation."},
         {
-          id: "faq-4",
-          title: "Couvrez-vous Compiègne et ses environs ?",
-          content: "Absolument ! Ent.Nature Elagage Compiègne intervient dans toute la ville de Compiègne et les communes avoisinantes dans l'Oise. N'hésitez pas à nous contacter pour savoir si votre localité est couverte par nos services.",
-        },
+          id: "faq-4",          title: "Couvrez-vous Compiègne et ses environs ?",          content: "Absolument ! Ent.Nature Elagage Compiègne intervient dans toute la ville de Compiègne et les communes avoisinantes dans l'Oise. N'hésitez pas à nous contacter pour savoir si votre localité est couverte par nos services."},
       ]}
       title="Questions Fréquentes sur l'Élagage"
       description="Nous répondons à vos interrogations les plus courantes concernant nos services."
@@ -353,27 +228,16 @@ export default function LandingPage() {
       description="Besoin d'un devis, d'un conseil ou d'une intervention rapide ? Remplissez notre formulaire, nous vous répondrons dans les plus brefs délais."
       inputs={[
         {
-          name: "Nom",
-          type: "text",
-          placeholder: "Votre Nom Complet",
-          required: true,
+          name: "Nom",          type: "text",          placeholder: "Votre Nom Complet",          required: true,
         },
         {
-          name: "Email",
-          type: "email",
-          placeholder: "Votre Adresse Email",
-          required: true,
+          name: "Email",          type: "email",          placeholder: "Votre Adresse Email",          required: true,
         },
         {
-          name: "Téléphone",
-          type: "tel",
-          placeholder: "Votre Numéro de Téléphone",
-        },
+          name: "Téléphone",          type: "tel",          placeholder: "Votre Numéro de Téléphone"},
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Décrivez votre projet (type d'arbres, services souhaités, etc.)",
-        rows: 5,
+        name: "message",        placeholder: "Décrivez votre projet (type d'arbres, services souhaités, etc.)",        rows: 5,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/green-city-park_1127-3491.jpg"
@@ -385,69 +249,44 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      videoSrc="http://img.b2bpic.net/free-photo/beautiful-tree-canopy-perspective-with-nature-landscape_23-2151305074.jpg?_wi=1"
+      videoSrc="http://img.b2bpic.net/free-photo/beautiful-tree-canopy-perspective-with-nature-landscape_23-2151305074.jpg"
       videoAriaLabel="Vidéo d'une forêt verdoyante"
       logoText="Ent.Nature Elagage Compiègne"
       columns={[
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Élagage",
-              href: "#services",
-            },
+              label: "Élagage",              href: "#services"},
             {
-              label: "Abattage",
-              href: "#services",
-            },
+              label: "Abattage",              href: "#services"},
             {
-              label: "Taille de Haies",
-              href: "#services",
-            },
+              label: "Taille de Haies",              href: "#services"},
             {
-              label: "Dessouchage",
-              href: "#services",
-            },
+              label: "Dessouchage",              href: "#services"},
           ],
         },
         {
-          title: "L'Entreprise",
-          items: [
+          title: "L'Entreprise",          items: [
             {
-              label: "À Propos de Nous",
-              href: "#about",
-            },
+              label: "À Propos de Nous",              href: "#about"},
             {
-              label: "Témoignages",
-              href: "#testimonials",
-            },
+              label: "Témoignages",              href: "#testimonials"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              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: "#"},
           ],
         },
       ]}
       copyrightText="© 2024 Ent.Nature Elagage Compiègne. Tous droits réservés."
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-tree-canopy-perspective-with-nature-landscape_23-2151305074.jpg?_wi=2"
-      imageAlt="drone shot beautiful green forest"
     />
   </div>
       </ReactLenis>