Files
ab948b00-6400-4f13-bd36-efc…/src/app/page.tsx
2026-03-21 09:56:54 +00:00

241 lines
16 KiB
TypeScript

"use client";
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 InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Zap, Package, Mail } from "lucide-react";
export default function HomePage() {
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">
<HeroCarouselLogo
logoText="LOCGERS"
description="Location de matériel fiable près de chez vous. Rapide, compétitif, sans surprise."
buttons={[
{
text: "Appeler maintenant", href: "tel:+33123456789"},
{
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/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"},
]}
autoplayDelay={3000}
showDimOverlay={false}
/>
</div>
<div id="about" data-section="about">
<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 id="features" data-section="features">
<FeatureCardSix
title="Nos avantages"
description="Voici ce qui nous différencie de la concurrence et pourquoi nos clients nous choisissent."
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"},
{
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é"},
{
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é"},
]}
tag="Expertise"
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[
{
text: "Voir tous les services", href: "/services"},
]}
buttonAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
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"},
]}
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"},
{
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"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<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=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: "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: "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"},
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<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={[
{
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"
/>
</div>
</ThemeProvider>
);
}