Merge version_3 into main

Merge version_3 into main

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"
         />

src/app/catalog/page.tsx

@@ -3,10 +3,10 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Package, Mail } from "lucide-react";
+import { Package, Leaf } from "lucide-react";
 
 export default function CatalogPage() {
   return (
@@ -34,75 +34,29 @@ export default function CatalogPage() {
             { name: "Contact", id: "contact" },
           ]}
           button={{
-            text: "Appeler maintenant",
-            href: "tel:+33123456789",
-          }}
+            text: "Appeler maintenant",            href: "tel:+33123456789"}}
         />
       </div>
 
-      <div id="catalog-products" data-section="catalog-products">
+      <div id="elevations" data-section="elevations">
         <ProductCardFour
-          title="Catalogue complet"
-          description="Parcourez notre sélection complète d'équipements disponibles à la location. Tous nos matériels sont entretenus régulièrement pour garantir votre satisfaction."
-          tag="Disponible"
+          title="Élévations"
+          description="Nos solutions d'élévation pour accéder à des hauteurs en toute sécurité."
+          tag="Catalogue"
           tagIcon={Package}
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Retour à l'accueil",
-              href: "/",
-            },
+              text: "Demander un devis",              href: "#contact"},
           ]}
           buttonAnimation="slide-up"
           products={[
             {
-              id: "excavator-01",
-              name: "Excavatrice",
-              price: "À partir de 250€/jour",
-              variant: "Modèle professionnel",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg?_wi=2",
-              imageAlt: "Excavatrice professionnelle",
-            },
+              id: "nacelle-vl-01",              name: "Nacelle VL",              price: "À partir de 150€/jour",              variant: "Accès hauteur léger",              imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg?_wi=1",              imageAlt: "Nacelle VL pour petits travaux"},
             {
-              id: "scaff-01",
-              name: "Échafaudage",
-              price: "À partir de 100€/jour",
-              variant: "Structure temporaire",
-              imageSrc: "http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg?_wi=2",
-              imageAlt: "Échafaudage de construction",
-            },
+              id: "nacelle-auto-01",              name: "Nacelle Automotrice",              price: "À partir de 200€/jour",              variant: "Portée jusqu'à 20m",              imageSrc: "http://img.b2bpic.net/free-photo/green-tractor-with-trailer-rural-road-power-innovation-agriculture_169016-69719.jpg?_wi=1",              imageAlt: "Nacelle automotrice professionnelle"},
             {
-              id: "compressor-01",
-              name: "Compresseur",
-              price: "À partir de 50€/jour",
-              variant: "Portable et performant",
-              imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg?_wi=2",
-              imageAlt: "Compresseur d'air industriel",
-            },
-            {
-              id: "concrete-mixer-01",
-              name: "Bétonnière",
-              price: "À partir de 75€/jour",
-              variant: "Rendement optimal",
-              imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15367.jpg?_wi=2",
-              imageAlt: "Bétonnière professionnelle",
-            },
-            {
-              id: "power-drill-01",
-              name: "Perceuse électrique",
-              price: "À partir de 30€/jour",
-              variant: "Puissante et robuste",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-man-sharing-idea-with-colleague_23-2148336895.jpg?_wi=2",
-              imageAlt: "Perceuse électrique industrielle",
-            },
-            {
-              id: "scaff-tower-01",
-              name: "Tour d'échafaudage",
-              price: "À partir de 120€/jour",
-              variant: "Hauteur réglable",
-              imageSrc: "http://img.b2bpic.net/free-photo/green-tractor-with-trailer-rural-road-power-innovation-agriculture_169016-69719.jpg?_wi=3",
-              imageAlt: "Tour d'échafaudage ajustable",
-            },
+              id: "nacelle-toucan-01",              name: "Nacelle Toucan",              price: "À partir de 180€/jour",              variant: "Accès optimal en hauteur",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg?_wi=1",              imageAlt: "Nacelle Toucan de construction"},
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -111,20 +65,36 @@ export default function CatalogPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Demander un devis"
-          title="Vous ne trouvez pas ce que vous cherchez?"
-          description="Contactez notre équipe pour connaître toutes nos options de location ou pour obtenir un devis personnalisé."
-          tagIcon={Mail}
+      <div id="green-spaces" data-section="green-spaces">
+        <ProductCardFour
+          title="Espaces Verts"
+          description="Équipements de jardinage et d'aménagement paysager pour tous vos projets."
+          tag="Catalogue"
+          tagIcon={Leaf}
           tagAnimation="slide-up"
-          background={{
-            variant: "animated-grid",
-          }}
+          buttons={[
+            {
+              text: "Demander un devis",              href: "#contact"},
+          ]}
+          buttonAnimation="slide-up"
+          products={[
+            {
+              id: "tondeuse-01",              name: "Tondeuse",              price: "À partir de 40€/jour",              variant: "Tonte efficace et rapide",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-roommates-making-food_23-2148903579.jpg?_wi=1",              imageAlt: "Tondeuse professionnelle"},
+            {
+              id: "debroussailleuse-01",              name: "Débroussailleuse",              price: "À partir de 35€/jour",              variant: "Débroussaillage efficace",              imageSrc: "http://img.b2bpic.net/free-photo/business-man-sharing-idea-with-colleague_23-2148336895.jpg?_wi=1",              imageAlt: "Débroussailleuse robuste"},
+            {
+              id: "motoculteur-01",              name: "Motoculteur",              price: "À partir de 60€/jour",              variant: "Préparation sol professionnel",              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: "Motoculteur pour jardinage"},
+            {
+              id: "trancheuse-01",              name: "Trancheuse",              price: "À partir de 70€/jour",              variant: "Tranchage précis du sol",              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: "Trancheuse pour canalisations"},
+            {
+              id: "broyeur-01",              name: "Broyeur de Végétaux",              price: "À partir de 80€/jour",              variant: "Broyage efficace des déchets",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-classic-black-shirt-with-arms-crossed_146671-13946.jpg?_wi=1",              imageAlt: "Broyeur de végétaux professionnel"},
+            {
+              id: "micro-tracteur-01",              name: "Micro Tracteur",              price: "À partir de 120€/jour",              variant: "Tracteur compact et maniable",              imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86014.jpg?_wi=1",              imageAlt: "Micro tracteur pour jardinage"},
+          ]}
+          gridVariant="bento-grid"
+          animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground={false}
-          inputPlaceholder="Votre email"
-          buttonText="Envoyer"
-          termsText="En cliquant sur Envoyer, vous acceptez nos conditions d'utilisation."
         />
       </div>
 
@@ -132,66 +102,39 @@ export default function CatalogPage() {
         <FooterSimple
           columns={[
             {
-              title: "Navigation",
-              items: [
+              title: "Navigation",              items: [
                 {
-                  label: "Accueil",
-                  href: "/",
-                },
+                  label: "Accueil",                  href: "/"},
                 {
-                  label: "Catalogue",
-                  href: "/catalog",
-                },
+                  label: "Catalogue",                  href: "/catalog"},
                 {
-                  label: "Services",
-                  href: "/services",
-                },
+                  label: "Services",                  href: "/services"},
                 {
-                  label: "À propos",
-                  href: "/about",
-                },
+                  label: "À propos",                  href: "/about"},
               ],
             },
             {
-              title: "Support",
-              items: [
+              title: "Support",              items: [
                 {
-                  label: "Avis clients",
-                  href: "/testimonials",
-                },
+                  label: "Avis clients",                  href: "/testimonials"},
                 {
-                  label: "Contact",
-                  href: "/contact",
-                },
+                  label: "Contact",                  href: "/contact"},
                 {
-                  label: "FAQ",
-                  href: "#faq",
-                },
+                  label: "FAQ",                  href: "#faq"},
                 {
-                  label: "Conditions d'utilisation",
-                  href: "#",
-                },
+                  label: "Conditions d'utilisation",                  href: "#"},
               ],
             },
             {
-              title: "Contact",
-              items: [
+              title: "Contact",              items: [
                 {
-                  label: "Appeler",
-                  href: "tel:+33123456789",
-                },
+                  label: "Appeler",                  href: "tel:+33123456789"},
                 {
-                  label: "Email",
-                  href: "mailto:contact@locgers.fr",
-                },
+                  label: "Email",                  href: "mailto:contact@locgers.fr"},
                 {
-                  label: "Adresse",
-                  href: "#",
-                },
+                  label: "Adresse",                  href: "#"},
                 {
-                  label: "Horaires",
-                  href: "#",
-                },
+                  label: "Horaires",                  href: "#"},
               ],
             },
           ]}
@@ -201,4 +144,4 @@ export default function CatalogPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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>
+  );
+}

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>
+  );
+}

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>
+  );
+}

src/app/page.tsx

@@ -38,9 +38,7 @@ export default function HomePage() {
             { name: "Contact", id: "contact" },
           ]}
           button={{
-            text: "Appeler maintenant",
-            href: "tel:+33123456789",
-          }}
+            text: "Appeler maintenant",            href: "tel:+33123456789"}}
         />
       </div>
 
@@ -50,27 +48,17 @@ export default function HomePage() {
           description="Location de matériel fiable près de chez vous. Rapide, compétitif, sans surprise."
           buttons={[
             {
-              text: "Appeler maintenant",
-              href: "tel:+33123456789",
-            },
+              text: "Appeler maintenant",              href: "tel:+33123456789"},
             {
-              text: "Demander un devis",
-              href: "#contact",
-            },
+              text: "Demander un devis",              href: "#contact"},
           ]}
           slides={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15367.jpg?_wi=1",
-              imageAlt: "Équipement de construction professionnel",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15367.jpg?_wi=1",              imageAlt: "Équipement de construction professionnel"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/green-tractor-with-trailer-rural-road-power-innovation-agriculture_169016-69719.jpg?_wi=1",
-              imageAlt: "Livraison rapide de matériel",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/green-tractor-with-trailer-rural-road-power-innovation-agriculture_169016-69719.jpg?_wi=1",              imageAlt: "Livraison rapide de matériel"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/realtor-handing-smiley-couple-keys-their-new-home_23-2148895467.jpg",
-              imageAlt: "Équipe professionnelle LOCGERS",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/realtor-handing-smiley-couple-keys-their-new-home_23-2148895467.jpg",              imageAlt: "Équipe professionnelle LOCGERS"},
           ]}
           autoplayDelay={3000}
           showDimOverlay={false}
@@ -81,23 +69,15 @@ export default function HomePage() {
         <InlineImageSplitTextAbout
           heading={[
             {
-              type: "text",
-              content: "Qui sommes-nous?",
-            },
+              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: "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.",
-            },
+              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",
-            },
+              text: "En savoir plus",              href: "/about"},
           ]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
@@ -111,34 +91,20 @@ export default function HomePage() {
           features={[
             {
               id: 1,
-              title: "Livraison rapide",
-              description: "Matériel livré en quelques heures ou le jour même selon votre besoin. Vous ne perdez pas de temps.",
-              imageSrc: "http://img.b2bpic.net/free-photo/green-tractor-with-trailer-rural-road-power-innovation-agriculture_169016-69719.jpg?_wi=2",
-              imageAlt: "Livraison rapide",
-            },
+              title: "Livraison rapide",              description: "Matériel livré en quelques heures ou le jour même selon votre besoin. Vous ne perdez pas de temps.",              imageSrc: "http://img.b2bpic.net/free-photo/green-tractor-with-trailer-rural-road-power-innovation-agriculture_169016-69719.jpg?_wi=2",              imageAlt: "Livraison rapide"},
             {
               id: 2,
-              title: "Équipement fiable",
-              description: "Tous nos équipements sont régulièrement maintenus et contrôlés. Vous pouvez faire confiance à la qualité.",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-man-sharing-idea-with-colleague_23-2148336895.jpg?_wi=1",
-              imageAlt: "Équipement fiable et de qualité",
-            },
+              title: "Équipement fiable",              description: "Tous nos équipements sont régulièrement maintenus et contrôlés. Vous pouvez faire confiance à la qualité.",              imageSrc: "http://img.b2bpic.net/free-photo/business-man-sharing-idea-with-colleague_23-2148336895.jpg?_wi=1",              imageAlt: "Équipement fiable et de qualité"},
             {
               id: 3,
-              title: "Proximité locale",
-              description: "Nous sommes proches de vous et réactifs à vos demandes. Un vrai service de proximité, pas une grosse machine.",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-roommates-making-food_23-2148903579.jpg?_wi=1",
-              imageAlt: "Service local de proximité",
-            },
+              title: "Proximité locale",              description: "Nous sommes proches de vous et réactifs à vos demandes. Un vrai service de proximité, pas une grosse machine.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-roommates-making-food_23-2148903579.jpg?_wi=1",              imageAlt: "Service local de proximité"},
           ]}
           tag="Expertise"
           tagIcon={Zap}
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Voir tous les services",
-              href: "/services",
-            },
+              text: "Voir tous les services",              href: "/services"},
           ]}
           buttonAnimation="slide-up"
           textboxLayout="default"
@@ -148,43 +114,37 @@ export default function HomePage() {
 
       <div id="products" data-section="products">
         <ProductCardFour
-          title="Matériel populaire"
-          description="Découvrez nos équipements les plus demandés. Tous disponibles à la location selon vos besoins."
+          title="Catalogue de Matériel"
+          description="Découvrez nos trois catégories principales de matériel en location. Chaque catégorie offre des équipements spécialisés adaptés à vos besoins."
           tag="Catalogue"
           tagIcon={Package}
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Voir le catalogue complet",
-              href: "/catalog",
-            },
+              text: "Voir le catalogue complet",              href: "/catalog"},
           ]}
           buttonAnimation="slide-up"
           products={[
             {
-              id: "excavator-01",
-              name: "Excavatrice",
-              price: "À partir de 250€/jour",
-              variant: "Modèle professionnel",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg?_wi=1",
-              imageAlt: "Excavatrice professionnelle",
-            },
+              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: "scaff-01",
-              name: "Échafaudage",
-              price: "À partir de 100€/jour",
-              variant: "Structure temporaire",
-              imageSrc: "http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg?_wi=1",
-              imageAlt: "Échafaudage de construction",
-            },
+              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: "compressor-01",
-              name: "Compresseur",
-              price: "À partir de 50€/jour",
-              variant: "Portable et performant",
-              imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg?_wi=1",
-              imageAlt: "Compresseur d'air industriel",
-            },
+              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"},
+            {
+              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"},
+            {
+              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"},
+            {
+              id: "excavator-01",              name: "Excavatrice",              price: "À partir de 250€/jour",              variant: "Modèle professionnel",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg?_wi=1",              imageAlt: "Excavatrice professionnelle"},
+            {
+              id: "scaff-01",              name: "Échafaudage",              price: "À partir de 100€/jour",              variant: "Structure temporaire",              imageSrc: "http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg?_wi=1",              imageAlt: "Échafaudage de construction"},
+            {
+              id: "compressor-01",              name: "Compresseur",              price: "À partir de 50€/jour",              variant: "Portable et performant",              imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg?_wi=1",              imageAlt: "Compresseur d'air industriel"},
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -199,59 +159,17 @@ export default function HomePage() {
           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=1",
-              imageAlt: "Marc Durand",
-            },
+              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=1",              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=1",
-              imageAlt: "Sophie Martin",
-            },
+              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=1",              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=1",
-              imageAlt: "Jean Leclerc",
-            },
+              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=1",              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=1",
-              imageAlt: "Thomas Renaud",
-            },
+              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=1",              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=1",
-              imageAlt: "Valérie Blanc",
-            },
+              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=1",              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=1",
-              imageAlt: "Pierre Rousseau",
-            },
+              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=1",              imageAlt: "Pierre Rousseau"},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -266,8 +184,7 @@ export default function HomePage() {
           tagIcon={Mail}
           tagAnimation="slide-up"
           background={{
-            variant: "animated-grid",
-          }}
+            variant: "animated-grid"}}
           useInvertedBackground={false}
           inputPlaceholder="Votre email"
           buttonText="Envoyer"
@@ -279,66 +196,39 @@ export default function HomePage() {
         <FooterSimple
           columns={[
             {
-              title: "Navigation",
-              items: [
+              title: "Navigation",              items: [
                 {
-                  label: "Accueil",
-                  href: "/",
-                },
+                  label: "Accueil",                  href: "/"},
                 {
-                  label: "Catalogue",
-                  href: "/catalog",
-                },
+                  label: "Catalogue",                  href: "/"},
                 {
-                  label: "Services",
-                  href: "/services",
-                },
+                  label: "Services",                  href: "/services"},
                 {
-                  label: "À propos",
-                  href: "/about",
-                },
+                  label: "À propos",                  href: "/about"},
               ],
             },
             {
-              title: "Support",
-              items: [
+              title: "Support",              items: [
                 {
-                  label: "Avis clients",
-                  href: "/testimonials",
-                },
+                  label: "Avis clients",                  href: "/testimonials"},
                 {
-                  label: "Contact",
-                  href: "/contact",
-                },
+                  label: "Contact",                  href: "/contact"},
                 {
-                  label: "FAQ",
-                  href: "#faq",
-                },
+                  label: "FAQ",                  href: "#faq"},
                 {
-                  label: "Conditions d'utilisation",
-                  href: "#",
-                },
+                  label: "Conditions d'utilisation",                  href: "#"},
               ],
             },
             {
-              title: "Contact",
-              items: [
+              title: "Contact",              items: [
                 {
-                  label: "Appeler",
-                  href: "tel:+33123456789",
-                },
+                  label: "Appeler",                  href: "tel:+33123456789"},
                 {
-                  label: "Email",
-                  href: "mailto:contact@locgers.fr",
-                },
+                  label: "Email",                  href: "mailto:contact@locgers.fr"},
                 {
-                  label: "Adresse",
-                  href: "#",
-                },
+                  label: "Adresse",                  href: "#"},
                 {
-                  label: "Horaires",
-                  href: "#",
-                },
+                  label: "Horaires",                  href: "#"},
               ],
             },
           ]}
@@ -348,4 +238,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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>
+  );
+}

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>
+  );
+}

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>
+  );
+}