Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 815af9486c | |||
| f79a07256d | |||
| b299b97c06 | |||
| 3a7b5c1df2 | |||
| 86ca3efe5b | |||
| 82ac6bfc50 | |||
| a5235e0711 | |||
| 6eb676673b | |||
| e06bb01a2a | |||
| 4e45b1078b |
109
src/app/page.tsx
109
src/app/page.tsx
@@ -2,30 +2,31 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Instagram, Facebook, Twitter } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -37,34 +38,33 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DG AUTO"
|
||||
button={{ text: "Prendre RDV", href: "#contact" }}
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
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."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[
|
||||
{ text: "Explorer", href: "#about" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg", imageAlt: "Showroom" },
|
||||
{ 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" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/electric-car-fuel-socket_107420-94938.jpg", imageAlt: "Engine" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/direction-wheel-speedometer-black-car_114579-6113.jpg", imageAlt: "Interior" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/dreamy-atmosphere-pastel-colored-scene-travel-content_23-2151450578.jpg", imageAlt: "Road" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/retro-vhs-packaging-indoors_23-2150172435.jpg", imageAlt: "Lamp" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg", imageAlt: "Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Une Passion pour la Performance"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Nos Services", href: "#features" },
|
||||
]}
|
||||
@@ -73,6 +73,8 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
title="Nos Spécialités"
|
||||
description="Technologie et expertise pour votre véhicule."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -81,94 +83,89 @@ export default function LandingPage() {
|
||||
{ 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"
|
||||
description="Technologie et expertise pour votre véhicule."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Admission Carbone", price: "499€", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030441.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"
|
||||
description="Optimisez votre véhicule avec nos pièces sélectionnées."
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Admission Carbone", price: "499€", imageSrc: "http://img.b2bpic.net/different-car-accessories-composition_23-2149030441.jpg" },
|
||||
{ id: "p2", name: "Volant Racing", price: "350€", imageSrc: "http://img.b2bpic.net/control-table-spacecraft-from-inside_23-2151828183.jpg" },
|
||||
{ id: "p3", name: "Kit Frein Céramique", price: "1200€", imageSrc: "http://img.b2bpic.net/car-being-taking-care-workshop_23-2149580610.jpg" },
|
||||
{ id: "p4", name: "Jantes Performance", price: "1800€", imageSrc: "http://img.b2bpic.net/close-up-metallic-car-wheel_23-2151113193.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Nos Chiffres"
|
||||
description="Plus de 500 projets réalisés avec succès."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", 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"
|
||||
description="Plus de 500 projets réalisés avec succès."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Avis Clients"
|
||||
description="Ce qu'ils pensent de notre travail."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "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" },
|
||||
{ id: "t1", title: "Service exceptionnel", quote: "Ma voiture n'a jamais été aussi rapide.", name: "Jean Dupont", role: "Client", imageSrc: "http://img.b2bpic.net/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/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/young-man-standing-by-his-car_1303-31487.jpg" },
|
||||
]}
|
||||
title="Avis Clients"
|
||||
description="Ce qu'ils pensent de notre travail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Questions Fréquentes"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Quels types de véhicules ?", 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"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactText
|
||||
text="Contactez DG Auto Performance pour transformer votre véhicule. Expertises et passion à votre service."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Prêt pour la performance ?"
|
||||
description="Prenez rendez-vous dès aujourd'hui."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3903.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Prendre RDV", href: "mailto:contact@dgauto.fr" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Légal", items: [{ label: "Confidentialité", href: "#" }, { label: "Mentions légales", href: "#" }] },
|
||||
]}
|
||||
<FooterCard
|
||||
logoText="DG AUTO"
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" }
|
||||
]}
|
||||
copyrightText="© 2025 DG AUTO | Performance de précision"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user