From 567ab2199a65bc96fe573cf706629ef58f08281d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 21 Mar 2026 10:27:22 +0000
Subject: [PATCH 1/8] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 240 ++++++++++++-----------------------------
 1 file changed, 71 insertions(+), 169 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index ae2be47..f7dc51e 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,54 +1,14 @@
 "use client";
 
+import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
-import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import Link from "next/link";
 import { Mail } from "lucide-react";
 
 export default function AboutPage() {
-  const navItems = [
-    { name: "Accueil", id: "home" },
-    { name: "Matériel", id: "catalog" },
-    { name: "Services", id: "services" },
-    { name: "À propos", id: "about" },
-    { name: "Avis", id: "testimonials" },
-    { name: "Contact", id: "contact" },
-  ];
-
-  const footerColumns = [
-    {
-      title: "Navigation",
-      items: [
-        { label: "Accueil", href: "/" },
-        { label: "Catalogue", href: "/catalog" },
-        { label: "Services", href: "/services" },
-        { label: "À propos", href: "/about" },
-      ],
-    },
-    {
-      title: "Support",
-      items: [
-        { label: "Avis clients", href: "/testimonials" },
-        { label: "Contact", href: "/contact" },
-        { label: "FAQ", href: "#faq" },
-        { label: "Conditions d'utilisation", href: "#" },
-      ],
-    },
-    {
-      title: "Contact",
-      items: [
-        { label: "Appeler", href: "tel:+33123456789" },
-        { label: "Email", href: "mailto:contact@locgers.fr" },
-        { label: "Adresse", href: "#" },
-        { label: "Horaires", href: "#" },
-      ],
-    },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -74,145 +34,87 @@ export default function AboutPage() {
             { name: "Contact", id: "contact" },
           ]}
           button={{
-            text: "Appeler maintenant",
-            href: "tel:+33123456789",
-          }}
-          animateOnLoad={true}
+            text: "Appeler maintenant",            href: "tel:+33123456789"}}
         />
       </div>
 
       <div id="about" data-section="about">
-        <div className="mx-auto px-4 md:px-6">
-          <InlineImageSplitTextAbout
-            heading={[
-              {
-                type: "text",
-                content: "Qui sommes-nous?",
-              },
-              {
-                type: "text",
-                content:
-                  "LOCGERS est une agence de location de matériel basée localement, spécialisée dans la fourniture d'équipements professionnels pour les particuliers et les entreprises. Depuis des années, nous mettons à disposition un large éventail de matériel de construction, de rénovation et d'aménagement.",
-              },
-              {
-                type: "text",
-                content:
-                  "Notre philosophie: équipements de qualité, service réactif, prix compétitifs, et une approche locale authentique. Chaque client est important pour nous, et nous nous engageons à fournir des solutions fiables et sans complications.",
-              },
-            ]}
-            buttons={[
-              {
-                text: "En savoir plus",
-                href: "/about",
-              },
-            ]}
-            buttonAnimation="slide-up"
-            useInvertedBackground={false}
-          />
-        </div>
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <div className="mx-auto px-4 md:px-6">
-          <TestimonialCardTen
-            title="Ce que disent nos clients"
-            description="Avis réels de clients satisfaits. Votre confiance est notre plus bel atout."
-            testimonials={[
-              {
-                id: "1",
-                title: "Service impeccable",
-                quote:
-                  "Équipe réactive et professionnelle. Les équipements sont toujours en bon état. Je recommande vivement LOCGERS pour vos besoins de location.",
-                name: "Marc Durand",
-                role: "Entrepreneur BTP",
-                imageSrc:
-                  "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-standing-with-hands-raised-holding-hammer-adjustable-wrench-threatening-pose-having-fun-isolated-blue-wall_141793-14163.jpg?_wi=2",
-                imageAlt: "Marc Durand",
-              },
-              {
-                id: "2",
-                title: "Très satisfait",
-                quote:
-                  "Prix compétitifs, équipement fiable et livraison rapide. Exactement ce qu'il me fallait pour mon projet de rénovation.",
-                name: "Sophie Martin",
-                role: "Particulier",
-                imageSrc:
-                  "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chifon-shirt-while-standing-street-with-folded-arms_158595-6589.jpg?_wi=2",
-                imageAlt: "Sophie Martin",
-              },
-              {
-                id: "3",
-                title: "Partenaire de confiance",
-                quote:
-                  "Nous travaillons régulièrement avec LOCGERS. Leur réactivité et leur professionnalisme sont exemplaires.",
-                name: "Jean Leclerc",
-                role: "Gestionnaire de projet",
-                imageSrc:
-                  "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-classic-black-shirt-with-arms-crossed_146671-13946.jpg?_wi=2",
-                imageAlt: "Jean Leclerc",
-              },
-              {
-                id: "4",
-                title: "Vraiment local",
-                quote:
-                  "C'est vraiment une agence locale qui comprend nos besoins. Service personnalisé et tarifs justes.",
-                name: "Thomas Renaud",
-                role: "Artisan",
-                imageSrc:
-                  "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86014.jpg?_wi=2",
-                imageAlt: "Thomas Renaud",
-              },
-              {
-                id: "5",
-                title: "Efficace et fiable",
-                quote:
-                  "Pas de surprise, pas de complications. LOCGERS livre ce qu'il promet. Idéal pour les petits et gros projets.",
-                name: "Valérie Blanc",
-                role: "Chef de projet",
-                imageSrc:
-                  "http://img.b2bpic.net/free-photo/portrait-confident-black-businesswoman-office_637285-9877.jpg?_wi=2",
-                imageAlt: "Valérie Blanc",
-              },
-              {
-                id: "6",
-                title: "Toujours disponible",
-                quote:
-                  "Besoin urgent d'équipement? LOCGERS répond présent. Service après-vente impeccable aussi.",
-                name: "Pierre Rousseau",
-                role: "Entrepreneur",
-                imageSrc:
-                  "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg?_wi=2",
-                imageAlt: "Pierre Rousseau",
-              },
-            ]}
-            textboxLayout="default"
-            useInvertedBackground={false}
-          />
-        </div>
+        <InlineImageSplitTextAbout
+          heading={[
+            {
+              type: "text",              content: "À propos de LOCGERS"},
+            {
+              type: "text",              content: "LOCGERS est une agence de location de matériel basée localement, spécialisée dans la fourniture d'équipements professionnels pour les particuliers et les entreprises. Basée à 3 chemin de Mirateau, 32100 Condom, nous mettons à disposition un large éventail de matériel de construction, de rénovation et d'aménagement."},
+            {
+              type: "text",              content: "Notre philosophie repose sur quatre piliers: équipements de qualité, service réactif, prix compétitifs, et une approche locale authentique. Chaque client est important pour nous, et nous nous engageons à fournir des solutions fiables et sans complications."},
+            {
+              type: "text",              content: "En tant qu'agence de location basée localement, nous comprenons les besoins spécifiques de notre région et nous nous efforçons de répondre à chaque demande avec professionnalisme et réactivité. Notre équipe est toujours disponible pour vous conseiller et vous proposer les meilleurs équipements adaptés à votre projet."},
+          ]}
+          buttons={[
+            {
+              text: "Retour à l'accueil",              href: "/"},
+          ]}
+          buttonAnimation="slide-up"
+          useInvertedBackground={false}
+        />
       </div>
 
       <div id="contact" data-section="contact">
-        <div className="mx-auto px-4 md:px-6">
-          <ContactCenter
-            tag="Contactez-nous"
-            title="Demandez votre devis"
-            description="Vous avez un projet? Besoin de matériel? Contactez-nous directement. Notre équipe répondra à votre demande rapidement."
-            tagIcon={Mail}
-            tagAnimation="slide-up"
-            background={{
-              variant: "animated-grid",
-            }}
-            useInvertedBackground={false}
-            inputPlaceholder="Votre email"
-            buttonText="Envoyer"
-            termsText="En cliquant sur Envoyer, vous acceptez nos conditions d'utilisation."
-          />
-        </div>
+        <ContactCenter
+          tag="Contactez-nous"
+          title="Demandez votre devis"
+          description="Vous avez un projet? Besoin de matériel? Contactez-nous directement. Notre équipe répondra à votre demande rapidement."
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          background={{
+            variant: "animated-grid"}}
+          useInvertedBackground={false}
+          inputPlaceholder="Votre email"
+          buttonText="Envoyer"
+          termsText="En cliquant sur Envoyer, vous acceptez nos conditions d'utilisation."
+        />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterSimple
-          columns={footerColumns}
+          columns={[
+            {
+              title: "Navigation",              items: [
+                {
+                  label: "Accueil",                  href: "/"},
+                {
+                  label: "Catalogue",                  href: "/catalog"},
+                {
+                  label: "Services",                  href: "/services"},
+                {
+                  label: "À propos",                  href: "/about"},
+              ],
+            },
+            {
+              title: "Support",              items: [
+                {
+                  label: "Avis clients",                  href: "/#testimonials"},
+                {
+                  label: "Contact",                  href: "/#contact"},
+                {
+                  label: "FAQ",                  href: "#faq"},
+                {
+                  label: "Conditions d'utilisation",                  href: "#"},
+              ],
+            },
+            {
+              title: "Contact",              items: [
+                {
+                  label: "Appeler",                  href: "tel:+33123456789"},
+                {
+                  label: "Email",                  href: "mailto:contact@locgers.fr"},
+                {
+                  label: "Adresse",                  href: "#"},
+                {
+                  label: "Horaires",                  href: "#"},
+              ],
+            },
+          ]}
           bottomLeftText="© 2024 LOCGERS. Tous droits réservés."
           bottomRightText="Politique de confidentialité | Mentions légales"
         />
-- 
2.49.1


From 58cffd8f2c1df0b07d76e6edf7988dfbf82c033a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 21 Mar 2026 10:27:23 +0000
Subject: [PATCH 2/8] Add src/app/elevations/page.tsx

---
 src/app/elevations/page.tsx | 192 ++++++++++++++++++++++++++++++++++++
 1 file changed, 192 insertions(+)
 create mode 100644 src/app/elevations/page.tsx

diff --git a/src/app/elevations/page.tsx b/src/app/elevations/page.tsx
new file mode 100644
index 0000000..15d6dd2
--- /dev/null
+++ b/src/app/elevations/page.tsx
@@ -0,0 +1,192 @@
+"use client";
+
+import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Mail, Package } from "lucide-react";
+
+export default function ElevationsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="noise"
+      cardStyle="solid"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="LOCGERS"
+          navItems={[
+            { name: "Accueil", id: "home" },
+            { name: "Matériel", id: "catalog" },
+            { name: "Terrassements", id: "terrassements" },
+            { name: "Véhicules", id: "vehicles" },
+            { name: "Élévations", id: "elevations" },
+            { name: "Espaces Verts", id: "green-spaces" },
+            { name: "Services", id: "services" },
+            { name: "À propos", id: "about" },
+            { name: "Avis", id: "testimonials" },
+            { name: "Contact", id: "contact" },
+          ]}
+          button={{
+            text: "Appeler maintenant",            href: "tel:+33123456789"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Élévations - Nacelles et Accès en Hauteur"
+          description="Louez nos nacelles pour accéder aux zones en hauteur. Équipements sécurisés et conformes pour vos travaux en élévation."
+          buttons={[
+            {
+              text: "Appeler maintenant",              href: "tel:+33123456789"
+            },
+            {
+              text: "Demander un devis",              href: "#contact"
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg?_wi=1"
+          imageAlt="Nacelles et équipements d'élévation"
+          showDimOverlay={false}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Nacelles et Équipements d'Élévation"
+          description="Découvrez notre gamme de nacelles. Nacelles élévatrices, nacelles isolantes et équipements d'accès en hauteur pour tous vos besoins."
+          tag="Catalogue"
+          tagIcon={Package}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Retour au catalogue",              href: "/catalog"
+            },
+          ]}
+          buttonAnimation="slide-up"
+          products={[
+            {
+              id: "nacelle-1",              name: "Nacelle Élévatrice Ciseaux 6m",              price: "À partir de 100€/jour",              variant: "Nacelles Ciseaux",              imageSrc: "http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg?_wi=1",              imageAlt: "Nacelle élévatrice ciseaux 6 mètres"
+            },
+            {
+              id: "nacelle-2",              name: "Nacelle Élévatrice Ciseaux 10m",              price: "À partir de 150€/jour",              variant: "Nacelles Ciseaux",              imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg?_wi=1",              imageAlt: "Nacelle élévatrice ciseaux 10 mètres"
+            },
+            {
+              id: "nacelle-3",              name: "Nacelle Élévatrice Articulée 12m",              price: "À partir de 200€/jour",              variant: "Nacelles Articulées",              imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-standing-with-hands-raised-holding-hammer-adjustable-wrench-threatening-pose-having-fun-isolated-blue-wall_141793-14163.jpg?_wi=1",              imageAlt: "Nacelle élévatrice articulée 12 mètres"
+            },
+            {
+              id: "nacelle-4",              name: "Nacelle Élévatrice Articulée 16m",              price: "À partir de 280€/jour",              variant: "Nacelles Articulées",              imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chifon-shirt-while-standing-street-with-folded-arms_158595-6589.jpg?_wi=1",              imageAlt: "Nacelle élévatrice articulée 16 mètres"
+            },
+            {
+              id: "nacelle-5",              name: "Nacelle Élévatrice Télescopique 20m",              price: "À partir de 350€/jour",              variant: "Nacelles Télescopiques",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-classic-black-shirt-with-arms-crossed_146671-13946.jpg?_wi=1",              imageAlt: "Nacelle élévatrice télescopique 20 mètres"
+            },
+            {
+              id: "nacelle-6",              name: "Nacelle Isolante",              price: "À partir de 250€/jour",              variant: "Nacelles Spécialisées",              imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86014.jpg?_wi=1",              imageAlt: "Nacelle isolante pour électriciens"
+            },
+            {
+              id: "echafaudage-1",              name: "Échafaudage Roulant",              price: "À partir de 80€/jour",              variant: "Échafaudages",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-black-businesswoman-office_637285-9877.jpg?_wi=1",              imageAlt: "Échafaudage roulant"
+            },
+            {
+              id: "echelle-1",              name: "Escabeau Professionnel",              price: "À partir de 20€/jour",              variant: "Escaliers/Escabeaux",              imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg?_wi=1",              imageAlt: "Escabeau professionnel"
+            },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Demander un devis"
+          title="Avez-vous besoin d'équipement d'élévation?"
+          description="Contactez notre équipe pour louer une nacelle. Nous proposons des équipements sécurisés et conformes pour tous vos travaux en hauteur."
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          background={{
+            variant: "animated-grid"
+          }}
+          useInvertedBackground={false}
+          inputPlaceholder="Votre email"
+          buttonText="Envoyer"
+          termsText="En cliquant sur Envoyer, vous acceptez nos conditions d'utilisation."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigation",              items: [
+                {
+                  label: "Accueil",                  href: "/"
+                },
+                {
+                  label: "Catalogue",                  href: "/catalog"
+                },
+                {
+                  label: "Terrassements",                  href: "/terrassements"
+                },
+                {
+                  label: "Véhicules",                  href: "/vehicles"
+                },
+                {
+                  label: "Élévations",                  href: "/elevations"
+                },
+                {
+                  label: "Espaces Verts",                  href: "/green-spaces"
+                },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                {
+                  label: "Avis clients",                  href: "/testimonials"
+                },
+                {
+                  label: "Contact",                  href: "#contact"
+                },
+                {
+                  label: "Services",                  href: "/services"
+                },
+                {
+                  label: "Conditions d'utilisation",                  href: "#"
+                },
+              ],
+            },
+            {
+              title: "Contact",              items: [
+                {
+                  label: "Appeler",                  href: "tel:+33123456789"
+                },
+                {
+                  label: "Email",                  href: "mailto:contact@locgers.fr"
+                },
+                {
+                  label: "Adresse",                  href: "#"
+                },
+                {
+                  label: "Horaires",                  href: "#"
+                },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2024 LOCGERS. Tous droits réservés."
+          bottomRightText="Politique de confidentialité | Mentions légales"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 9ac3c9cc699d89cade81cedfc8f80fd6270f9379 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 21 Mar 2026 10:27:23 +0000
Subject: [PATCH 3/8] Add src/app/festif-loisirs/page.tsx

---
 src/app/festif-loisirs/page.tsx | 130 ++++++++++++++++++++++++++++++++
 1 file changed, 130 insertions(+)
 create mode 100644 src/app/festif-loisirs/page.tsx

diff --git a/src/app/festif-loisirs/page.tsx b/src/app/festif-loisirs/page.tsx
new file mode 100644
index 0000000..ff71e94
--- /dev/null
+++ b/src/app/festif-loisirs/page.tsx
@@ -0,0 +1,130 @@
+"use client";
+
+import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Package } from "lucide-react";
+
+export default function FestifLoisirsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="noise"
+      cardStyle="solid"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="LOCGERS"
+          navItems={[
+            { name: "Accueil", id: "home" },
+            { name: "Matériel", id: "catalog" },
+            { name: "Services", id: "services" },
+            { name: "À propos", id: "about" },
+            { name: "Avis", id: "testimonials" },
+            { name: "Contact", id: "contact" },
+          ]}
+          button={{
+            text: "Appeler maintenant",            href: "tel:+33123456789"}}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Festif & Loisirs"
+          description="Découvrez nos équipements festifs et de loisirs pour rendre vos événements inoubliables."
+          background={{
+            variant: "animated-grid"}}
+          tag="Catégorie"
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Voir le catalogue",              href: "#products"},
+            {
+              text: "Demander un devis",              href: "#contact"},
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Équipements Festif & Loisirs Disponibles"
+          description="Tous les équipements nécessaires pour vos événements, fêtes et loisirs."
+          tag="Catalogue"
+          tagIcon={Package}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Retour au catalogue",              href: "/"},
+          ]}
+          buttonAnimation="slide-up"
+          products={[
+            {
+              id: "festif-loisirs-friteuse",              name: "Friteuse Professionnelle",              price: "À partir de 25€/jour",              variant: "Festif/Loisirs",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-classic-black-shirt-with-arms-crossed_146671-13946.jpg?_wi=1",              imageAlt: "Friteuse professionnelle pour événements"},
+            {
+              id: "festif-loisirs-trotinette",              name: "Trottinette Électrique",              price: "À partir de 20€/jour",              variant: "Festif/Loisirs",              imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86014.jpg?_wi=1",              imageAlt: "Trottinette électrique de location"},
+          ]}
+          gridVariant="two-columns-alternating-heights"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigation",              items: [
+                {
+                  label: "Accueil",                  href: "/"},
+                {
+                  label: "Catalogue",                  href: "/"},
+                {
+                  label: "Services",                  href: "/services"},
+                {
+                  label: "À propos",                  href: "/about"},
+              ],
+            },
+            {
+              title: "Support",              items: [
+                {
+                  label: "Avis clients",                  href: "/testimonials"},
+                {
+                  label: "Contact",                  href: "/contact"},
+                {
+                  label: "FAQ",                  href: "#faq"},
+                {
+                  label: "Conditions d'utilisation",                  href: "#"},
+              ],
+            },
+            {
+              title: "Contact",              items: [
+                {
+                  label: "Appeler",                  href: "tel:+33123456789"},
+                {
+                  label: "Email",                  href: "mailto:contact@locgers.fr"},
+                {
+                  label: "Adresse",                  href: "#"},
+                {
+                  label: "Horaires",                  href: "#"},
+              ],
+            },
+          ]}
+          bottomLeftText="© 2024 LOCGERS. Tous droits réservés."
+          bottomRightText="Politique de confidentialité | Mentions légales"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1


From 5126274ba3af566c70259729d6e4efe0315a3a01 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 21 Mar 2026 10:27:24 +0000
Subject: [PATCH 4/8] Add src/app/outils-air-comprime/page.tsx

---
 src/app/outils-air-comprime/page.tsx | 130 +++++++++++++++++++++++++++
 1 file changed, 130 insertions(+)
 create mode 100644 src/app/outils-air-comprime/page.tsx

diff --git a/src/app/outils-air-comprime/page.tsx b/src/app/outils-air-comprime/page.tsx
new file mode 100644
index 0000000..f1f69dd
--- /dev/null
+++ b/src/app/outils-air-comprime/page.tsx
@@ -0,0 +1,130 @@
+"use client";
+
+import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Package } from "lucide-react";
+
+export default function OutilsAirComprimePage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="noise"
+      cardStyle="solid"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="LOCGERS"
+          navItems={[
+            { name: "Accueil", id: "home" },
+            { name: "Matériel", id: "catalog" },
+            { name: "Services", id: "services" },
+            { name: "À propos", id: "about" },
+            { name: "Avis", id: "testimonials" },
+            { name: "Contact", id: "contact" },
+          ]}
+          button={{
+            text: "Appeler maintenant",            href: "tel:+33123456789"}}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Outils Air Comprimé"
+          description="Explorez notre gamme d'outils pneumatiques professionnels, puissants et fiables pour tous vos projets."
+          background={{
+            variant: "animated-grid"}}
+          tag="Catégorie"
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Voir le catalogue",              href: "#products"},
+            {
+              text: "Demander un devis",              href: "#contact"},
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Outils Air Comprimé Disponibles"
+          description="Tous les équipements pneumatiques nécessaires pour vos travaux professionnels."
+          tag="Catalogue"
+          tagIcon={Package}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Retour au catalogue",              href: "/"},
+          ]}
+          buttonAnimation="slide-up"
+          products={[
+            {
+              id: "air-comprime-compresseur",              name: "Compresseur d'Air",              price: "À partir de 50€/jour",              variant: "Outils Air Comprimé",              imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-standing-with-hands-raised-holding-hammer-adjustable-wrench-threatening-pose-having-fun-isolated-blue-wall_141793-14163.jpg?_wi=1",              imageAlt: "Compresseur d'air industriel"},
+            {
+              id: "air-comprime-marteau-pneumatique",              name: "Marteau Pneumatique",              price: "À partir de 35€/jour",              variant: "Outils Air Comprimé",              imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chifon-shirt-while-standing-street-with-folded-arms_158595-6589.jpg?_wi=1",              imageAlt: "Marteau pneumatique professionnel"},
+          ]}
+          gridVariant="two-columns-alternating-heights"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigation",              items: [
+                {
+                  label: "Accueil",                  href: "/"},
+                {
+                  label: "Catalogue",                  href: "/"},
+                {
+                  label: "Services",                  href: "/services"},
+                {
+                  label: "À propos",                  href: "/about"},
+              ],
+            },
+            {
+              title: "Support",              items: [
+                {
+                  label: "Avis clients",                  href: "/testimonials"},
+                {
+                  label: "Contact",                  href: "/contact"},
+                {
+                  label: "FAQ",                  href: "#faq"},
+                {
+                  label: "Conditions d'utilisation",                  href: "#"},
+              ],
+            },
+            {
+              title: "Contact",              items: [
+                {
+                  label: "Appeler",                  href: "tel:+33123456789"},
+                {
+                  label: "Email",                  href: "mailto:contact@locgers.fr"},
+                {
+                  label: "Adresse",                  href: "#"},
+                {
+                  label: "Horaires",                  href: "#"},
+              ],
+            },
+          ]}
+          bottomLeftText="© 2024 LOCGERS. Tous droits réservés."
+          bottomRightText="Politique de confidentialité | Mentions légales"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1


From 7638a90db737d36d5099221f5bc4fe8fbdb4d796 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 21 Mar 2026 10:27:24 +0000
Subject: [PATCH 5/8] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1d0f713..4b1eec9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -200,7 +200,7 @@ export default function HomePage() {
                 {
                   label: "Accueil",                  href: "/"},
                 {
-                  label: "Catalogue",                  href: "/catalog"},
+                  label: "Catalogue",                  href: "/"},
                 {
                   label: "Services",                  href: "/services"},
                 {
@@ -238,4 +238,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1


From 24b899c217414c7bc634f39ca5d3288a5352d916 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 21 Mar 2026 10:27:25 +0000
Subject: [PATCH 6/8] Add src/app/petits-outillages/page.tsx

---
 src/app/petits-outillages/page.tsx | 132 +++++++++++++++++++++++++++++
 1 file changed, 132 insertions(+)
 create mode 100644 src/app/petits-outillages/page.tsx

diff --git a/src/app/petits-outillages/page.tsx b/src/app/petits-outillages/page.tsx
new file mode 100644
index 0000000..71069af
--- /dev/null
+++ b/src/app/petits-outillages/page.tsx
@@ -0,0 +1,132 @@
+"use client";
+
+import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Package } from "lucide-react";
+
+export default function PetitsOutillagePage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="noise"
+      cardStyle="solid"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="LOCGERS"
+          navItems={[
+            { name: "Accueil", id: "home" },
+            { name: "Matériel", id: "catalog" },
+            { name: "Services", id: "services" },
+            { name: "À propos", id: "about" },
+            { name: "Avis", id: "testimonials" },
+            { name: "Contact", id: "contact" },
+          ]}
+          button={{
+            text: "Appeler maintenant",            href: "tel:+33123456789"}}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Petits Outillages"
+          description="Découvrez notre sélection complète de petits outillages professionnels pour vos projets de construction et rénovation."
+          background={{
+            variant: "animated-grid"}}
+          tag="Catégorie"
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Voir le catalogue",              href: "#products"},
+            {
+              text: "Demander un devis",              href: "#contact"},
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Petits Outillages Disponibles"
+          description="Tous les équipements nécessaires pour vos travaux de construction et de finition."
+          tag="Catalogue"
+          tagIcon={Package}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Retour au catalogue",              href: "/"},
+          ]}
+          buttonAnimation="slide-up"
+          products={[
+            {
+              id: "petits-outillages-betonniere",              name: "Bétonnière",              price: "À partir de 60€/jour",              variant: "Petits Outillages",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg?_wi=1",              imageAlt: "Bétonnière professionnelle"},
+            {
+              id: "petits-outillages-talocheuse",              name: "Talocheuse",              price: "À partir de 40€/jour",              variant: "Petits Outillages",              imageSrc: "http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg?_wi=1",              imageAlt: "Talocheuse électrique"},
+            {
+              id: "petits-outillages-sablon",              name: "Sableuse",              price: "À partir de 55€/jour",              variant: "Petits Outillages",              imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg?_wi=1",              imageAlt: "Sableuse portative"},
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigation",              items: [
+                {
+                  label: "Accueil",                  href: "/"},
+                {
+                  label: "Catalogue",                  href: "/"},
+                {
+                  label: "Services",                  href: "/services"},
+                {
+                  label: "À propos",                  href: "/about"},
+              ],
+            },
+            {
+              title: "Support",              items: [
+                {
+                  label: "Avis clients",                  href: "/testimonials"},
+                {
+                  label: "Contact",                  href: "/contact"},
+                {
+                  label: "FAQ",                  href: "#faq"},
+                {
+                  label: "Conditions d'utilisation",                  href: "#"},
+              ],
+            },
+            {
+              title: "Contact",              items: [
+                {
+                  label: "Appeler",                  href: "tel:+33123456789"},
+                {
+                  label: "Email",                  href: "mailto:contact@locgers.fr"},
+                {
+                  label: "Adresse",                  href: "#"},
+                {
+                  label: "Horaires",                  href: "#"},
+              ],
+            },
+          ]}
+          bottomLeftText="© 2024 LOCGERS. Tous droits réservés."
+          bottomRightText="Politique de confidentialité | Mentions légales"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1


From c9f0ed343772ce669c9630129fa3108d92cb057e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 21 Mar 2026 10:27:25 +0000
Subject: [PATCH 7/8] Add src/app/terrassements/page.tsx

---
 src/app/terrassements/page.tsx | 192 +++++++++++++++++++++++++++++++++
 1 file changed, 192 insertions(+)
 create mode 100644 src/app/terrassements/page.tsx

diff --git a/src/app/terrassements/page.tsx b/src/app/terrassements/page.tsx
new file mode 100644
index 0000000..788ebc6
--- /dev/null
+++ b/src/app/terrassements/page.tsx
@@ -0,0 +1,192 @@
+"use client";
+
+import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Mail, Package } from "lucide-react";
+
+export default function TerrassementsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="noise"
+      cardStyle="solid"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="LOCGERS"
+          navItems={[
+            { name: "Accueil", id: "home" },
+            { name: "Matériel", id: "catalog" },
+            { name: "Terrassements", id: "terrassements" },
+            { name: "Véhicules", id: "vehicles" },
+            { name: "Élévations", id: "elevations" },
+            { name: "Espaces Verts", id: "green-spaces" },
+            { name: "Services", id: "services" },
+            { name: "À propos", id: "about" },
+            { name: "Avis", id: "testimonials" },
+            { name: "Contact", id: "contact" },
+          ]}
+          button={{
+            text: "Appeler maintenant",            href: "tel:+33123456789"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Terrassements - Équipements de Chantier"
+          description="Louez nos équipements de terrassement pour vos projets. Mini pelleteuses, compacteurs, et tout ce dont vous avez besoin pour vos travaux de terrassement."
+          buttons={[
+            {
+              text: "Appeler maintenant",              href: "tel:+33123456789"
+            },
+            {
+              text: "Demander un devis",              href: "#contact"
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg?_wi=1"
+          imageAlt="Équipements de terrassement"
+          showDimOverlay={false}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Équipements de Terrassement"
+          description="Découvrez notre gamme complète d'équipements de terrassement. Mini pelleteuses, dumpers et compacteurs pour tous vos projets."
+          tag="Catalogue"
+          tagIcon={Package}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Retour au catalogue",              href: "/catalog"
+            },
+          ]}
+          buttonAnimation="slide-up"
+          products={[
+            {
+              id: "mini-pelle-1",              name: "Mini Pelleteuse 1.8T",              price: "À partir de 120€/jour",              variant: "Mini Pelleteuses",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg?_wi=1",              imageAlt: "Mini pelleteuse 1.8 tonnes"
+            },
+            {
+              id: "mini-pelle-2",              name: "Mini Pelleteuse 2.5T",              price: "À partir de 150€/jour",              variant: "Mini Pelleteuses",              imageSrc: "http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg?_wi=1",              imageAlt: "Mini pelleteuse 2.5 tonnes"
+            },
+            {
+              id: "mini-pelle-3",              name: "Mini Pelleteuse 3.5T",              price: "À partir de 180€/jour",              variant: "Mini Pelleteuses",              imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg?_wi=1",              imageAlt: "Mini pelleteuse 3.5 tonnes"
+            },
+            {
+              id: "dumper-1",              name: "Dumper 2T",              price: "À partir de 80€/jour",              variant: "Dumpers",              imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-standing-with-hands-raised-holding-hammer-adjustable-wrench-threatening-pose-having-fun-isolated-blue-wall_141793-14163.jpg?_wi=1",              imageAlt: "Dumper 2 tonnes"
+            },
+            {
+              id: "dumper-2",              name: "Dumper 3T",              price: "À partir de 100€/jour",              variant: "Dumpers",              imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chifon-shirt-while-standing-street-with-folded-arms_158595-6589.jpg?_wi=1",              imageAlt: "Dumper 3 tonnes"
+            },
+            {
+              id: "dumper-3",              name: "Dumper 5T",              price: "À partir de 130€/jour",              variant: "Dumpers",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-classic-black-shirt-with-arms-crossed_146671-13946.jpg?_wi=1",              imageAlt: "Dumper 5 tonnes"
+            },
+            {
+              id: "compacteur-1",              name: "Compacteur Plaque",              price: "À partir de 40€/jour",              variant: "Compacteurs",              imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86014.jpg?_wi=1",              imageAlt: "Compacteur à plaque vibrante"
+            },
+            {
+              id: "compacteur-2",              name: "Rouleau Compacteur",              price: "À partir de 200€/jour",              variant: "Compacteurs",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-black-businesswoman-office_637285-9877.jpg?_wi=1",              imageAlt: "Rouleau compacteur"
+            },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Demander un devis"
+          title="Avez-vous besoin d'équipement de terrassement?"
+          description="Contactez notre équipe pour obtenir un devis personnalisé. Nous répondons rapidement à toutes vos demandes."
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          background={{
+            variant: "animated-grid"
+          }}
+          useInvertedBackground={false}
+          inputPlaceholder="Votre email"
+          buttonText="Envoyer"
+          termsText="En cliquant sur Envoyer, vous acceptez nos conditions d'utilisation."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigation",              items: [
+                {
+                  label: "Accueil",                  href: "/"
+                },
+                {
+                  label: "Catalogue",                  href: "/catalog"
+                },
+                {
+                  label: "Terrassements",                  href: "/terrassements"
+                },
+                {
+                  label: "Véhicules",                  href: "/vehicles"
+                },
+                {
+                  label: "Élévations",                  href: "/elevations"
+                },
+                {
+                  label: "Espaces Verts",                  href: "/green-spaces"
+                },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                {
+                  label: "Avis clients",                  href: "/testimonials"
+                },
+                {
+                  label: "Contact",                  href: "#contact"
+                },
+                {
+                  label: "Services",                  href: "/services"
+                },
+                {
+                  label: "Conditions d'utilisation",                  href: "#"
+                },
+              ],
+            },
+            {
+              title: "Contact",              items: [
+                {
+                  label: "Appeler",                  href: "tel:+33123456789"
+                },
+                {
+                  label: "Email",                  href: "mailto:contact@locgers.fr"
+                },
+                {
+                  label: "Adresse",                  href: "#"
+                },
+                {
+                  label: "Horaires",                  href: "#"
+                },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2024 LOCGERS. Tous droits réservés."
+          bottomRightText="Politique de confidentialité | Mentions légales"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From e37c9b09e4ba5ec20f616bef6e2921bf3f8506d6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 21 Mar 2026 10:27:26 +0000
Subject: [PATCH 8/8] Add src/app/vehicles/page.tsx

---
 src/app/vehicles/page.tsx | 192 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 192 insertions(+)
 create mode 100644 src/app/vehicles/page.tsx

diff --git a/src/app/vehicles/page.tsx b/src/app/vehicles/page.tsx
new file mode 100644
index 0000000..7b32e47
--- /dev/null
+++ b/src/app/vehicles/page.tsx
@@ -0,0 +1,192 @@
+"use client";
+
+import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Mail, Package } from "lucide-react";
+
+export default function VehiclesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="noise"
+      cardStyle="solid"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="LOCGERS"
+          navItems={[
+            { name: "Accueil", id: "home" },
+            { name: "Matériel", id: "catalog" },
+            { name: "Terrassements", id: "terrassements" },
+            { name: "Véhicules", id: "vehicles" },
+            { name: "Élévations", id: "elevations" },
+            { name: "Espaces Verts", id: "green-spaces" },
+            { name: "Services", id: "services" },
+            { name: "À propos", id: "about" },
+            { name: "Avis", id: "testimonials" },
+            { name: "Contact", id: "contact" },
+          ]}
+          button={{
+            text: "Appeler maintenant",            href: "tel:+33123456789"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Véhicules - Transport et Manutention"
+          description="Louez nos camions benne et remorques pour vos besoins de transport. Solutions fiables pour vos chantiers et projets."
+          buttons={[
+            {
+              text: "Appeler maintenant",              href: "tel:+33123456789"
+            },
+            {
+              text: "Demander un devis",              href: "#contact"
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/green-tractor-with-trailer-rural-road-power-innovation-agriculture_169016-69719.jpg?_wi=1"
+          imageAlt="Véhicules de transport"
+          showDimOverlay={false}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Véhicules de Transport"
+          description="Découvrez notre parc de véhicules. Camions benne et remorques pour tous vos besoins de transport et manutention."
+          tag="Catalogue"
+          tagIcon={Package}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Retour au catalogue",              href: "/catalog"
+            },
+          ]}
+          buttonAnimation="slide-up"
+          products={[
+            {
+              id: "camion-benne-1",              name: "Camion Benne 3.5T",              price: "À partir de 180€/jour",              variant: "Camions Benne",              imageSrc: "http://img.b2bpic.net/free-photo/green-tractor-with-trailer-rural-road-power-innovation-agriculture_169016-69719.jpg?_wi=1",              imageAlt: "Camion benne 3.5 tonnes"
+            },
+            {
+              id: "camion-benne-2",              name: "Camion Benne 7T",              price: "À partir de 250€/jour",              variant: "Camions Benne",              imageSrc: "http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg?_wi=1",              imageAlt: "Camion benne 7 tonnes"
+            },
+            {
+              id: "camion-benne-3",              name: "Camion Benne 10T",              price: "À partir de 320€/jour",              variant: "Camions Benne",              imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg?_wi=1",              imageAlt: "Camion benne 10 tonnes"
+            },
+            {
+              id: "remorque-1",              name: "Remorque Porte-Engin 2 Essieux",              price: "À partir de 150€/jour",              variant: "Remorques",              imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-standing-with-hands-raised-holding-hammer-adjustable-wrench-threatening-pose-having-fun-isolated-blue-wall_141793-14163.jpg?_wi=1",              imageAlt: "Remorque porte-engin 2 essieux"
+            },
+            {
+              id: "remorque-2",              name: "Remorque Porte-Engin 3 Essieux",              price: "À partir de 200€/jour",              variant: "Remorques",              imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chifon-shirt-while-standing-street-with-folded-arms_158595-6589.jpg?_wi=1",              imageAlt: "Remorque porte-engin 3 essieux"
+            },
+            {
+              id: "remorque-3",              name: "Remorque Plateau",              price: "À partir de 120€/jour",              variant: "Remorques",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-classic-black-shirt-with-arms-crossed_146671-13946.jpg?_wi=1",              imageAlt: "Remorque plateau"
+            },
+            {
+              id: "remorque-4",              name: "Remorque Bâchée",              price: "À partir de 100€/jour",              variant: "Remorques",              imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86014.jpg?_wi=1",              imageAlt: "Remorque bâchée"
+            },
+            {
+              id: "remorque-5",              name: "Remorque Basculante",              price: "À partir de 140€/jour",              variant: "Remorques",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-black-businesswoman-office_637285-9877.jpg?_wi=1",              imageAlt: "Remorque basculante"
+            },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Demander un devis"
+          title="Besoin d'un véhicule de transport?"
+          description="Contactez notre équipe pour louer un camion benne ou une remorque. Nous offrons des solutions flexibles adaptées à vos besoins."
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          background={{
+            variant: "animated-grid"
+          }}
+          useInvertedBackground={false}
+          inputPlaceholder="Votre email"
+          buttonText="Envoyer"
+          termsText="En cliquant sur Envoyer, vous acceptez nos conditions d'utilisation."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigation",              items: [
+                {
+                  label: "Accueil",                  href: "/"
+                },
+                {
+                  label: "Catalogue",                  href: "/catalog"
+                },
+                {
+                  label: "Terrassements",                  href: "/terrassements"
+                },
+                {
+                  label: "Véhicules",                  href: "/vehicles"
+                },
+                {
+                  label: "Élévations",                  href: "/elevations"
+                },
+                {
+                  label: "Espaces Verts",                  href: "/green-spaces"
+                },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                {
+                  label: "Avis clients",                  href: "/testimonials"
+                },
+                {
+                  label: "Contact",                  href: "#contact"
+                },
+                {
+                  label: "Services",                  href: "/services"
+                },
+                {
+                  label: "Conditions d'utilisation",                  href: "#"
+                },
+              ],
+            },
+            {
+              title: "Contact",              items: [
+                {
+                  label: "Appeler",                  href: "tel:+33123456789"
+                },
+                {
+                  label: "Email",                  href: "mailto:contact@locgers.fr"
+                },
+                {
+                  label: "Adresse",                  href: "#"
+                },
+                {
+                  label: "Horaires",                  href: "#"
+                },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2024 LOCGERS. Tous droits réservés."
+          bottomRightText="Politique de confidentialité | Mentions légales"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1