Update src/app/page.tsx
This commit is contained in:
171
src/app/page.tsx
171
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil", id: "#hero"},
|
||||
{
|
||||
name: "Atelier", id: "#about"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Accueil", id: "#hero" },
|
||||
{ name: "Atelier", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Dyez Motor"
|
||||
/>
|
||||
@@ -46,41 +42,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
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"},
|
||||
]}
|
||||
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"},
|
||||
{ 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"},
|
||||
{ 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>
|
||||
@@ -90,7 +72,8 @@ export default function LandingPage() {
|
||||
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."]}
|
||||
"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>
|
||||
|
||||
@@ -100,45 +83,9 @@ export default function LandingPage() {
|
||||
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: "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."
|
||||
@@ -151,14 +98,7 @@ export default function LandingPage() {
|
||||
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"},
|
||||
]}
|
||||
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."
|
||||
/>
|
||||
@@ -169,16 +109,11 @@ export default function LandingPage() {
|
||||
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"},
|
||||
{ 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."
|
||||
@@ -189,62 +124,18 @@ export default function LandingPage() {
|
||||
<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."},
|
||||
]}
|
||||
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="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Prendre Rendez-vous"
|
||||
description="Contactez-nous pour toute demande technique ou devis."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Nom", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "moto", type: "text", placeholder: "Modèle de moto"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "msg", placeholder: "Votre demande", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-repair-man-writing-notes-while-his-customer-is-pointing-problematic-spot-vehicle-hood-workshop_637285-7704.jpg"
|
||||
/>
|
||||
</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: "#"},
|
||||
],
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -252,4 +143,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user