146 lines
9.0 KiB
TypeScript
146 lines
9.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Check, Shield, Sparkles, Wrench, Disc, Hammer } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Accueil", id: "/" },
|
|
{ name: "Atelier", id: "/atelier" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="Dyez Motor"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Dyez Motor : L'Art du Pilotage"
|
|
description="Expertise technique et passion pour vos deux-roues. Nous redonnons vie à vos machines avec précision."
|
|
buttons={[{ text: "Prendre Rendez-vous", href: "/contact" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866661.jpg"
|
|
imageAlt="Atelier Dyez Motor"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/busy-workshop-with-broken-mountain-bicycle-table_613910-20760.jpg", alt: "Client moto satisfait" },
|
|
{ src: "http://img.b2bpic.net/free-photo/handsome-redhead-male-jeans-coverall-working-with-bicycle-wheel-repair-shop-worker-removes-bicycle-tire-workshop_613910-5549.jpg", alt: "Client moto satisfait" },
|
|
{ src: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866640.jpg", alt: "Client moto satisfait" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-red-head-bearded-bicycle-mechanic-workshop-with-bike-parts-wheel-background_613910-12622.jpg", alt: "Client moto satisfait" },
|
|
{ src: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8091.jpg", alt: "Client moto satisfait" },
|
|
]}
|
|
avatarText="Rejoignez nos 5000+ passionnés"
|
|
marqueeItems={[
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8099.jpg", alt: "Logo marque 1" },
|
|
{ type: "text", text: "Performance" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/two-handsome-stylish-males-working-with-bicycle-repair-shop-workers-repair-mounts-bike-workshop_613910-19667.jpg", alt: "Logo marque 2" },
|
|
{ type: "text", text: "Précision" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8079.jpg", alt: "Logo marque 3" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="L'Excellence Mécanique"
|
|
description={[
|
|
"Dyez Motor est un atelier dédié aux passionnés. Nous combinons des années d'expérience avec des outils de pointe pour assurer la performance et la sécurité de votre moto.", "Chaque intervention est traitée avec le plus grand soin, respectant les standards les plus exigeants de la mécanique moto."
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Entretien Complet", description: "Révisions constructeur et vidanges haute performance.", media: { imageSrc: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8093.jpg", imageAlt: "Entretien complet" }, items: [{ icon: Wrench, text: "Expertise certifiée" }, { icon: Check, text: "Pièces d'origine" }], reverse: false },
|
|
{ title: "Sécurité & Freinage", description: "Contrôle intégral et remplacement de vos systèmes de freinage.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8123.jpg", imageAlt: "Sécurité freinage" }, items: [{ icon: Shield, text: "Fiabilité accrue" }, { icon: Disc, text: "Test sur banc" }], reverse: true },
|
|
{ title: "Restauration", description: "Redonnez à votre machine son lustre d'antan.", media: { imageSrc: "http://img.b2bpic.net/free-photo/fixing-custom-motorcycle-standing-repair-shop-instruments-equipment-hobbies-unique-jobs_158595-8095.jpg", imageAlt: "Restauration moto" }, items: [{ icon: Sparkles, text: "Finition luxueuse" }, { icon: Hammer, text: "Travail artisanal" }], reverse: false },
|
|
]}
|
|
title="Nos Services"
|
|
description="Une gamme complète de prestations pour tous types de motos."
|
|
/>
|
|
</div>
|
|
|
|
<div id="work-standards" data-section="work-standards">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
metrics={[{ id: "1", value: "15+", description: "Années d'expérience" }, { id: "2", value: "5000+", description: "Motos révisées" }, { id: "3", value: "99%", description: "Clients satisfaits" }]}
|
|
title="Chiffres Clés"
|
|
description="La confiance se gagne par les faits."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Marc L.", date: "12/03/2024", title: "Passionné", quote: "Un service d'une précision incroyable.", tag: "Sport", avatarSrc: "http://img.b2bpic.net/free-photo/man-helping-woman-put-helmet_23-2147764127.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-scooter-tech-shop_1303-31316.jpg" },
|
|
{ id: "2", name: "Sophie P.", date: "10/02/2024", title: "Routarde", quote: "Enfin un garage qui écoute les besoins.", tag: "Tourisme", avatarSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1094.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-shaking-hands-with-his-customers-workshop_637285-7786.jpg" },
|
|
{ id: "3", name: "Thomas V.", date: "05/01/2024", title: "Collectionneur", quote: "La restauration est parfaite.", tag: "Vintage", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-leather-jacket-motorcycle_23-2148328607.jpg", imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585646.jpg" },
|
|
{ id: "4", name: "Lucas D.", date: "20/12/2023", title: "Biker", quote: "Rapidité et qualité au top.", tag: "Custom", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-leather-jacket-motorcycle_23-2148328603.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574390.jpg" },
|
|
{ id: "5", name: "Julien B.", date: "15/11/2023", title: "Quotidien", quote: "Professionnel et accueillant.", tag: "Ville", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-biker-putting-his-helmet_1098-19069.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-old-motorcycle_23-2148703210.jpg" },
|
|
]}
|
|
title="Ce que disent nos pilotes"
|
|
description="Des retours d'expérience authentiques."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[{ id: "1", title: "Prenez-vous toutes les marques ?", content: "Oui, notre expertise couvre l'ensemble des constructeurs majeurs." }, { id: "2", title: "Quels sont les délais ?", content: "Nous nous engageons sur des délais rapides, sur rendez-vous." }, { id: "3", title: "Faites-vous des devis ?", content: "Systématiquement avant toute intervention majeure." }]}
|
|
title="Questions Fréquentes"
|
|
description="Informations utiles sur nos interventions."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{ title: "Atelier", items: [{ label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] },
|
|
{ title: "Légal", items: [{ label: "Mentions Légales", href: "#" }, { label: "CGV", href: "#" }] },
|
|
]}
|
|
logoText="Dyez Motor"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |