Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
251
src/app/page.tsx
251
src/app/page.tsx
@@ -31,71 +31,32 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Accueil", id: "hero" },
|
||||||
name: "Accueil",
|
{ name: "À Propos", id: "about" },
|
||||||
id: "hero",
|
{ name: "Services", id: "features" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "À Propos",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Services",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="DG AUTO"
|
brandName="DG AUTO"
|
||||||
|
button={{ text: "Prendre RDV", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="DG AUTO PERFORMANCE"
|
title="DG AUTO PERFORMANCE"
|
||||||
description="L'excellence en préparation et entretien automobile. Libérez la puissance de votre moteur avec nos solutions de pointe."
|
description="L'excellence en préparation et entretien automobile. Libérez la puissance de votre moteur avec nos solutions de pointe."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Explorer", href: "#about" },
|
||||||
text: "Explorer",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg", imageAlt: "Showroom" },
|
||||||
id: "h1",
|
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/electric-car-fuel-socket_107420-94938.jpg", imageAlt: "Engine" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg",
|
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/direction-wheel-speedometer-black-car_114579-6113.jpg", imageAlt: "Interior" },
|
||||||
imageAlt: "Showroom",
|
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-atmosphere-pastel-colored-scene-travel-content_23-2151450578.jpg", imageAlt: "Road" },
|
||||||
},
|
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172435.jpg", imageAlt: "Lamp" },
|
||||||
{
|
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg", imageAlt: "Service" },
|
||||||
id: "h2",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-car-fuel-socket_107420-94938.jpg",
|
|
||||||
imageAlt: "Engine",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h3",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/direction-wheel-speedometer-black-car_114579-6113.jpg",
|
|
||||||
imageAlt: "Interior",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h4",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-atmosphere-pastel-colored-scene-travel-content_23-2151450578.jpg",
|
|
||||||
imageAlt: "Road",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h5",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172435.jpg",
|
|
||||||
imageAlt: "Lamp",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h6",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg",
|
|
||||||
imageAlt: "Service",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -105,10 +66,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Une Passion pour la Performance"
|
title="Une Passion pour la Performance"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Nos Services", href: "#features" },
|
||||||
text: "Nos Services",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -119,27 +77,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "f1", title: "Reprogrammation", subtitle: "Optimisation électronique", category: "Moteur", value: "Stage 1/2" },
|
||||||
id: "f1",
|
{ id: "f2", title: "Entretien", subtitle: "Vidanges, freins, filtres", category: "Maintenance", value: "Expert" },
|
||||||
title: "Reprogrammation",
|
{ id: "f3", title: "Diagnostic", subtitle: "Analyse de défauts", category: "Électronique", value: "Complet" },
|
||||||
subtitle: "Optimisation électronique",
|
|
||||||
category: "Moteur",
|
|
||||||
value: "Stage 1/2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Entretien",
|
|
||||||
subtitle: "Vidanges, freins, filtres",
|
|
||||||
category: "Maintenance",
|
|
||||||
value: "Expert",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Diagnostic",
|
|
||||||
subtitle: "Analyse de défauts",
|
|
||||||
category: "Électronique",
|
|
||||||
value: "Complet",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nos Spécialités"
|
title="Nos Spécialités"
|
||||||
description="Technologie et expertise pour votre véhicule."
|
description="Technologie et expertise pour votre véhicule."
|
||||||
@@ -153,42 +93,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Admission Carbone", price: "499€", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030441.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "Volant Racing", price: "350€", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828183.jpg" },
|
||||||
name: "Admission Carbone",
|
{ id: "p3", name: "Kit Frein Céramique", price: "1200€", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580610.jpg" },
|
||||||
price: "499€",
|
{ id: "p4", name: "Jantes Performance", price: "1800€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car-wheel_23-2151113193.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030441.jpg",
|
{ id: "p5", name: "Boitier ECU", price: "600€", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1529.jpg" },
|
||||||
},
|
{ id: "p6", name: "Ligne Inox", price: "950€", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1333.jpg" },
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Volant Racing",
|
|
||||||
price: "350€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828183.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Kit Frein Céramique",
|
|
||||||
price: "1200€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580610.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Jantes Performance",
|
|
||||||
price: "1800€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car-wheel_23-2151113193.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Boitier ECU",
|
|
||||||
price: "600€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1529.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Ligne Inox",
|
|
||||||
price: "950€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1333.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Composants de Haute Performance"
|
title="Composants de Haute Performance"
|
||||||
description="Optimisez votre véhicule avec nos pièces sélectionnées."
|
description="Optimisez votre véhicule avec nos pièces sélectionnées."
|
||||||
@@ -202,21 +112,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "500+", description: "Véhicules préparés" },
|
||||||
id: "m1",
|
{ id: "m2", value: "12 ans", description: "D'expérience" },
|
||||||
value: "500+",
|
{ id: "m3", value: "98%", description: "Clients satisfaits" },
|
||||||
description: "Véhicules préparés",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "12 ans",
|
|
||||||
description: "D'expérience",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "98%",
|
|
||||||
description: "Clients satisfaits",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nos Chiffres"
|
title="Nos Chiffres"
|
||||||
description="Plus de 500 projets réalisés avec succès."
|
description="Plus de 500 projets réalisés avec succès."
|
||||||
@@ -228,46 +126,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", title: "Service exceptionnel", quote: "Ma voiture n'a jamais été aussi rapide.", name: "Jean Dupont", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/stylish-black-woman-car-salon_1157-21427.jpg" },
|
||||||
id: "t1",
|
{ id: "t2", title: "Professionnels", quote: "Une équipe à l'écoute et très efficace.", name: "Marie L.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13540.jpg" },
|
||||||
title: "Service exceptionnel",
|
{ id: "t3", title: "Au top", quote: "Je recommande DG Auto les yeux fermés.", name: "Marc S.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/young-man-standing-by-his-car_1303-31487.jpg" },
|
||||||
quote: "Ma voiture n'a jamais été aussi rapide.",
|
{ id: "t4", title: "Rapidité", quote: "Travail fait dans les délais.", name: "Paul D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-male-sunglasses-dressed-black-suit-sitting-luxury-car-against-skyscraper_613910-19325.jpg" },
|
||||||
name: "Jean Dupont",
|
{ id: "t5", title: "Excellence", quote: "Le meilleur endroit pour ma voiture.", name: "Lucie V.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-surprised-brunette-woman-sitting-hood-amazing-red-convertible-sport-car-california_273443-2514.jpg" },
|
||||||
role: "Client",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-black-woman-car-salon_1157-21427.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
title: "Professionnels",
|
|
||||||
quote: "Une équipe à l'écoute et très efficace.",
|
|
||||||
name: "Marie L.",
|
|
||||||
role: "Cliente",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13540.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
title: "Au top",
|
|
||||||
quote: "Je recommande DG Auto les yeux fermés.",
|
|
||||||
name: "Marc S.",
|
|
||||||
role: "Client",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-standing-by-his-car_1303-31487.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
title: "Rapidité",
|
|
||||||
quote: "Travail fait dans les délais.",
|
|
||||||
name: "Paul D.",
|
|
||||||
role: "Client",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-male-sunglasses-dressed-black-suit-sitting-luxury-car-against-skyscraper_613910-19325.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
title: "Excellence",
|
|
||||||
quote: "Le meilleur endroit pour ma voiture.",
|
|
||||||
name: "Lucie V.",
|
|
||||||
role: "Cliente",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-surprised-brunette-woman-sitting-hood-amazing-red-convertible-sport-car-california_273443-2514.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Avis Clients"
|
title="Avis Clients"
|
||||||
description="Ce qu'ils pensent de notre travail."
|
description="Ce qu'ils pensent de notre travail."
|
||||||
@@ -278,21 +141,9 @@ export default function LandingPage() {
|
|||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "q1", title: "Quels types de véhicules ?", content: "Toutes marques et modèles sportifs." },
|
||||||
id: "q1",
|
{ id: "q2", title: "Garantie ?", content: "Tous nos travaux sont garantis." },
|
||||||
title: "Quels types de véhicules ?",
|
{ id: "q3", title: "Combien de temps ?", content: "Cela dépend de la prestation choisie." },
|
||||||
content: "Toutes marques et modèles sportifs.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q2",
|
|
||||||
title: "Garantie ?",
|
|
||||||
content: "Tous nos travaux sont garantis.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q3",
|
|
||||||
title: "Combien de temps ?",
|
|
||||||
content: "Cela dépend de la prestation choisie.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Questions Fréquentes"
|
sideTitle="Questions Fréquentes"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -302,9 +153,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="Prêt pour la performance ?"
|
title="Prêt pour la performance ?"
|
||||||
description="Prenez rendez-vous dès aujourd'hui."
|
description="Prenez rendez-vous dès aujourd'hui."
|
||||||
@@ -316,32 +165,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Services", href: "#features" }] },
|
||||||
title: "Navigation",
|
{ title: "Légal", items: [{ label: "Confidentialité", href: "#" }, { label: "Mentions légales", href: "#" }] },
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Accueil",
|
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Services",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Légal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Confidentialité",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Mentions légales",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="DG AUTO"
|
logoText="DG AUTO"
|
||||||
/>
|
/>
|
||||||
@@ -349,4 +174,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user