Merge version_1 into main #1
152
src/app/page.tsx
152
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CMJ Esthétique Auto"
|
||||
/>
|
||||
@@ -56,15 +48,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Redéfinissez la Beauté de Votre Véhicule"
|
||||
description="Services d'esthétique automobile haut de gamme pour une brillance absolue et une protection durable. Faites confiance à l'expertise de CMJ Esthétique Auto."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver Maintenant",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver Maintenant", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-handsome-man-choosing-car-car-showroom_1303-20435.jpg"
|
||||
imageAlt="Luxury car detailing services"
|
||||
@@ -76,20 +65,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Passionné par la perfection automobile.",
|
||||
},
|
||||
type: "text", content: "Passionné par la perfection automobile."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22305.jpg",
|
||||
alt: "About detailing",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22305.jpg", alt: "About detailing"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "En savoir plus",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "En savoir plus", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,26 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Polissage Avancé",
|
||||
description: "Élimination des rayures et tourbillons pour un fini miroir parfait.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593856.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-clear-liquid-drops-leaf-surface_23-2148635078.jpg",
|
||||
buttonText: "Découvrir",
|
||||
},
|
||||
title: "Polissage Avancé", description: "Élimination des rayures et tourbillons pour un fini miroir parfait.", imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593856.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-clear-liquid-drops-leaf-surface_23-2148635078.jpg", buttonText: "Découvrir"},
|
||||
{
|
||||
title: "Nettoyage Intérieur",
|
||||
description: "Nettoyage en profondeur de vos cuirs, tissus et tapis pour un habitacle sain.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934324.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg",
|
||||
buttonText: "Découvrir",
|
||||
},
|
||||
title: "Nettoyage Intérieur", description: "Nettoyage en profondeur de vos cuirs, tissus et tapis pour un habitacle sain.", imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934324.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg", buttonText: "Découvrir"},
|
||||
{
|
||||
title: "Céramique de Protection",
|
||||
description: "Protection durable contre les contaminants et intempéries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26065.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193558.jpg",
|
||||
buttonText: "Découvrir",
|
||||
},
|
||||
title: "Céramique de Protection", description: "Protection durable contre les contaminants et intempéries.", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26065.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193558.jpg", buttonText: "Découvrir"},
|
||||
]}
|
||||
title="Nos Services Experts"
|
||||
description="Une gamme complète de soins pour votre véhicule."
|
||||
@@ -130,27 +97,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Véhicules Traités",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Véhicules Traités", value: "500+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Clients Satisfaits",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Clients Satisfaits", value: "100%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Sparkles,
|
||||
title: "Années d'Expérience",
|
||||
value: "10+",
|
||||
},
|
||||
id: "m3", icon: Sparkles,
|
||||
title: "Années d'Expérience", value: "10+"},
|
||||
]}
|
||||
title="L'Expertise en Chiffres"
|
||||
description="Des résultats qui parlent d'eux-mêmes."
|
||||
@@ -162,14 +121,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Partenaire A",
|
||||
"Partenaire B",
|
||||
"Partenaire C",
|
||||
"Partenaire D",
|
||||
"Partenaire E",
|
||||
"Partenaire F",
|
||||
"Partenaire G",
|
||||
]}
|
||||
"Partenaire A", "Partenaire B", "Partenaire C", "Partenaire D", "Partenaire E", "Partenaire F", "Partenaire G"]}
|
||||
title="Nos Partenaires de Confiance"
|
||||
description="Reconnus dans le secteur automobile."
|
||||
/>
|
||||
@@ -183,25 +135,15 @@ export default function LandingPage() {
|
||||
author="Jean D."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-hugging-car-car-showroom_1303-15203.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-hugging-car-car-showroom_1303-15203.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212217.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212217.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-taking-photo-by-car_1303-15168.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-taking-photo-by-car_1303-15168.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -214,20 +156,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Combien de temps prend un nettoyage?",
|
||||
content: "Cela dépend du niveau de prestation, généralement de 4 à 8 heures.",
|
||||
},
|
||||
id: "q1", title: "Combien de temps prend un nettoyage?", content: "Cela dépend du niveau de prestation, généralement de 4 à 8 heures."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Est-ce sur rendez-vous?",
|
||||
content: "Oui, nous travaillons exclusivement sur rendez-vous pour assurer une qualité optimale.",
|
||||
},
|
||||
id: "q2", title: "Est-ce sur rendez-vous?", content: "Oui, nous travaillons exclusivement sur rendez-vous pour assurer une qualité optimale."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Quels produits utilisez-vous?",
|
||||
content: "Nous n'utilisons que des produits professionnels certifiés et respectueux des matériaux.",
|
||||
},
|
||||
id: "q3", title: "Quels produits utilisez-vous?", content: "Nous n'utilisons que des produits professionnels certifiés et respectueux des matériaux."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -241,16 +174,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Prêt pour une Brillance Ultime?"
|
||||
description="Contactez-nous pour réserver votre créneau ou obtenir un devis personnalisé."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contactez-nous",
|
||||
href: "mailto:info@cmjesthetiqueauto.com",
|
||||
},
|
||||
text: "Contactez-nous", href: "mailto:info@cmjesthetiqueauto.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -260,29 +190,19 @@ export default function LandingPage() {
|
||||
logoText="CMJ Esthétique Auto"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
label: "À propos", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions Légales", href: "#"},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Confidentialité", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user