241 lines
16 KiB
TypeScript
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>
|
|
);
|
|
} |