Add src/app/vehicles/page.tsx

Merge version_2 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 HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
+import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Package } from "lucide-react";
+import { Package, Leaf } from "lucide-react";
 
 export default function CatalogPage() {
   return (
@@ -38,32 +38,11 @@ export default function CatalogPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroCarouselLogo
-          logoText="LOCGERS"
-          description="Catalogue complet de matériel professionnel. Trouvez l'équipement qu'il vous faut."
-          buttons={[
-            {
-              text: "Appeler maintenant",              href: "tel:+33123456789"},
-            {
-              text: "Retour à l'accueil",              href: "/"},
-          ]}
-          slides={[
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15367.jpg?_wi=1",              imageAlt: "Catalogue complet 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: "Matériel de construction professionnel"},
-          ]}
-          autoplayDelay={3000}
-          showDimOverlay={false}
-        />
-      </div>
-
-      <div id="petits-outillages" data-section="products">
+      <div id="elevations" data-section="elevations">
         <ProductCardFour
-          title="Petits Outillages"
-          description="Équipements de construction pour travaux légers à moyens. Disponibles à la location au jour ou à la semaine."
-          tag="Catégorie"
+          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={[
@@ -73,11 +52,11 @@ export default function CatalogPage() {
           buttonAnimation="slide-up"
           products={[
             {
-              id: "beton-mixer-01",              name: "Bétonnière",              price: "À partir de 45€/jour",              variant: "250L - Portable",              imageSrc: "http://img.b2bpic.net/free-photo/concrete-mixer-on-construction-site_169016-69720.jpg?_wi=1",              imageAlt: "Bétonnière professionnelle 250L"},
+              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: "plastering-machine-01",              name: "Talocheuse",              price: "À partir de 60€/jour",              variant: "Électrique - Professionnel",              imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-equipment_169016-69721.jpg?_wi=1",              imageAlt: "Talocheuse électrique professionnelle"},
+              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: "sand-sieve-01",              name: "Tamiseur de Sable",              price: "À partir de 35€/jour",              variant: "Manuel - Léger",              imageSrc: "http://img.b2bpic.net/free-photo/sand-filtering-equipment_169016-69722.jpg?_wi=1",              imageAlt: "Tamiseur de sable manuel"},
+              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"
@@ -86,12 +65,12 @@ export default function CatalogPage() {
         />
       </div>
 
-      <div id="air-comprime" data-section="products">
+      <div id="green-spaces" data-section="green-spaces">
         <ProductCardFour
-          title="Outils Air Comprimé"
-          description="Équipements pneumatiques performants pour tous vos travaux. Compresseurs fiables et outils professionnels."
-          tag="Catégorie"
-          tagIcon={Package}
+          title="Espaces Verts"
+          description="Équipements de jardinage et d'aménagement paysager pour tous vos projets."
+          tag="Catalogue"
+          tagIcon={Leaf}
           tagAnimation="slide-up"
           buttons={[
             {
@@ -100,40 +79,19 @@ export default function CatalogPage() {
           buttonAnimation="slide-up"
           products={[
             {
-              id: "compressor-03",              name: "Compresseur d'Air",              price: "À partir de 55€/jour",              variant: "100L - 8 bars",              imageSrc: "http://img.b2bpic.net/free-photo/industrial-air-compressor_169016-69723.jpg?_wi=1",              imageAlt: "Compresseur d'air professionnel 100L"},
+              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: "pneumatic-hammer-01",              name: "Marteau Pneumatique",              price: "À partir de 30€/jour",              variant: "Piqueur - Haute performance",              imageSrc: "http://img.b2bpic.net/free-photo/pneumatic-jackhammer-tool_169016-69724.jpg?_wi=1",              imageAlt: "Marteau pneumatique professionnel"},
+              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: "air-impact-wrench-01",              name: "Clé à Chocs Pneumatique",              price: "À partir de 25€/jour",              variant: "1/2" - Haute vitesse",              imageSrc: "http://img.b2bpic.net/free-photo/pneumatic-impact-wrench_169016-69725.jpg?_wi=1",              imageAlt: "Clé à chocs pneumatique professionnel"},
+              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="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="festif-loisirs" data-section="products">
-        <ProductCardFour
-          title="Festif & Loisirs"
-          description="Équipements pour vos événements et loisirs. Friteuses professionnelles et véhicules électriques innovants."
-          tag="Catégorie"
-          tagIcon={Package}
-          tagAnimation="slide-up"
-          buttons={[
-            {
-              text: "Demander un devis",              href: "#contact"},
-          ]}
-          buttonAnimation="slide-up"
-          products={[
-            {
-              id: "fryer-pro-01",              name: "Friteuse Professionnelle",              price: "À partir de 75€/jour",              variant: "40L - Inox",              imageSrc: "http://img.b2bpic.net/free-photo/professional-fryer-equipment_169016-69726.jpg?_wi=1",              imageAlt: "Friteuse professionnelle 40L inox"},
-            {
-              id: "fryer-pro-02",              name: "Friteuse Double",              price: "À partir de 120€/jour",              variant: "2x20L - Haute capacité",              imageSrc: "http://img.b2bpic.net/free-photo/double-professional-fryer_169016-69727.jpg?_wi=1",              imageAlt: "Friteuse professionnelle double 2x20L"},
-            {
-              id: "escooter-01",              name: "Trottinette Électrique",              price: "À partir de 20€/jour",              variant: "Urban - 25km/h max",              imageSrc: "http://img.b2bpic.net/free-photo/electric-scooter-city_169016-69728.jpg?_wi=1",              imageAlt: "Trottinette électrique urbaine"},
-          ]}
-          gridVariant="three-columns-all-equal-width"
+          gridVariant="bento-grid"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}

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

@@ -114,8 +114,8 @@ 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"
@@ -125,6 +125,20 @@ export default function HomePage() {
           ]}
           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"},
+            {
+              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"},
             {
@@ -186,7 +200,7 @@ export default function HomePage() {
                 {
                   label: "Accueil",                  href: "/"},
                 {
-                  label: "Catalogue",                  href: "/catalog"},
+                  label: "Catalogue",                  href: "/"},
                 {
                   label: "Services",                  href: "/services"},
                 {

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