Update src/app/page.tsx
This commit is contained in:
272
src/app/page.tsx
272
src/app/page.tsx
@@ -33,31 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Accueil", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Avant/Après",
|
||||
id: "#results",
|
||||
},
|
||||
name: "Avant/Après", id: "#results"},
|
||||
{
|
||||
name: "Témoignages",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Témoignages", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Nettoyage Auto & Textile MK"
|
||||
button={{
|
||||
text: "Appelez maintenant",
|
||||
href: "tel:+33641723047",
|
||||
}}
|
||||
text: "Appelez maintenant", href: "tel:+33641723047"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -65,21 +53,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="Nettoyage Auto & Textile MK"
|
||||
description="Nettoyage professionnel auto et textile avec résultats garantis. Découvrez la transformation avant/après de vos sièges et habitacles."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appelez maintenant",
|
||||
href: "tel:+33641723047",
|
||||
},
|
||||
text: "Appelez maintenant", href: "tel:+33641723047"},
|
||||
{
|
||||
text: "Réservez en ligne",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réservez en ligne", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cushion-modern-car_1339-5504.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cushion-modern-car_1339-5504.jpg"
|
||||
imageAlt="Pristine car interior after professional cleaning"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -92,20 +75,14 @@ export default function LandingPage() {
|
||||
description="Nettoyage Auto & Textile MK offre des services professionnels de nettoyage intérieur de véhicules et de textiles à domicile. Nous redonnons vie à vos intérieurs avec des techniques avancées et des produits écologiques, garantissant une propreté impeccable et un environnement sain."
|
||||
metrics={[
|
||||
{
|
||||
value: "+5",
|
||||
title: "Ans d'Expérience",
|
||||
},
|
||||
value: "+5", title: "Ans d'Expérience"},
|
||||
{
|
||||
value: "+200",
|
||||
title: "Clients Satisfaits",
|
||||
},
|
||||
value: "+200", title: "Clients Satisfaits"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Service Mobile",
|
||||
},
|
||||
value: "100%", title: "Service Mobile"},
|
||||
]}
|
||||
tag="À Propos de Nous"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193584.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193584.jpg"
|
||||
imageAlt="Professional cleaning specialist at work"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -119,56 +96,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Nettoyage Intérieur Auto",
|
||||
description: "Dépoussiérage, aspiration, nettoyage des surfaces, vitres et désinfection de l'habitacle. Pour une voiture comme neuve.",
|
||||
icon: Car,
|
||||
title: "Nettoyage Intérieur Auto", description: "Dépoussiérage, aspiration, nettoyage des surfaces, vitres et désinfection de l'habitacle. Pour une voiture comme neuve.", icon: Car,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg",
|
||||
imageAlt: "Deep cleaning car interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg", imageAlt: "Deep cleaning car interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194118.jpg",
|
||||
imageAlt: "Polished car dashboard",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cushion-modern-car_1339-5504.jpg?_wi=2",
|
||||
imageAlt: "car interior cleaning tools detail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194118.jpg", imageAlt: "Polished car dashboard"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Nettoyage Textile Domicile",
|
||||
description: "Canapés, fauteuils, tapis... nous redonnons fraîcheur et propreté à vos textiles d'ameublement, sans les déplacer.",
|
||||
icon: Home,
|
||||
title: "Nettoyage Textile Domicile", description: "Canapés, fauteuils, tapis... nous redonnons fraîcheur et propreté à vos textiles d'ameublement, sans les déplacer.", icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-cleaning-home_23-2150453344.jpg",
|
||||
imageAlt: "Professional sofa cleaning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-cleaning-home_23-2150453344.jpg", imageAlt: "Professional sofa cleaning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-rechargeable-vacuum-cleaner-cleaning-home_1303-28246.jpg",
|
||||
imageAlt: "Clean fabric sofa",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193584.jpg?_wi=2",
|
||||
imageAlt: "car interior cleaning tools detail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-rechargeable-vacuum-cleaner-cleaning-home_1303-28246.jpg", imageAlt: "Clean fabric sofa"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Détachage et Désinfection",
|
||||
description: "Élimination des taches tenaces et désinfection complète pour un environnement sain et sans allergènes, pour auto et textile.",
|
||||
icon: Droplet,
|
||||
title: "Détachage et Désinfection", description: "Élimination des taches tenaces et désinfection complète pour un environnement sain et sans allergènes, pour auto et textile.", icon: Droplet,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstylist-cleaning-chair_23-2148506335.jpg",
|
||||
imageAlt: "Stain removal from car seat",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstylist-cleaning-chair_23-2148506335.jpg", imageAlt: "Stain removal from car seat"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
|
||||
imageAlt: "Clean car carpet",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metalic-fabric-texture_53876-31249.jpg?_wi=1",
|
||||
imageAlt: "car interior cleaning tools detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg", imageAlt: "Clean car carpet"},
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Des services adaptés à vos besoins"
|
||||
description="Nous offrons une gamme complète de services de nettoyage pour redonner à vos véhicules et textiles leur éclat d'origine, directement chez vous ou à votre entreprise."
|
||||
@@ -184,53 +137,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "car-seat-before",
|
||||
name: "Siège Auto",
|
||||
price: "Avant",
|
||||
variant: "Sales",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metalic-fabric-texture_53876-31249.jpg?_wi=2",
|
||||
imageAlt: "Dirty car seat before cleaning",
|
||||
},
|
||||
id: "car-seat-before", name: "Siège Auto", price: "Avant", variant: "Sales", imageSrc: "http://img.b2bpic.net/free-photo/metalic-fabric-texture_53876-31249.jpg", imageAlt: "Dirty car seat before cleaning"},
|
||||
{
|
||||
id: "car-seat-after",
|
||||
name: "Siège Auto",
|
||||
price: "Après",
|
||||
variant: "Sales",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-having-fun-winter-roadtrip_23-2149314838.jpg",
|
||||
imageAlt: "Clean car seat after cleaning",
|
||||
},
|
||||
id: "car-seat-after", name: "Siège Auto", price: "Après", variant: "Sales", imageSrc: "http://img.b2bpic.net/free-photo/family-having-fun-winter-roadtrip_23-2149314838.jpg", imageAlt: "Clean car seat after cleaning"},
|
||||
{
|
||||
id: "sofa-before",
|
||||
name: "Canapé Tissu",
|
||||
price: "Avant",
|
||||
variant: "Sales",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-sheepskin-with-whisk-broom_1398-432.jpg",
|
||||
imageAlt: "Stained fabric sofa before cleaning",
|
||||
},
|
||||
id: "sofa-before", name: "Canapé Tissu", price: "Avant", variant: "Sales", imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-sheepskin-with-whisk-broom_1398-432.jpg", imageAlt: "Stained fabric sofa before cleaning"},
|
||||
{
|
||||
id: "sofa-after",
|
||||
name: "Canapé Tissu",
|
||||
price: "Après",
|
||||
variant: "Sales",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-couch-furniture-living-room_23-2148511254.jpg",
|
||||
imageAlt: "Clean fabric sofa after cleaning",
|
||||
},
|
||||
id: "sofa-after", name: "Canapé Tissu", price: "Après", variant: "Sales", imageSrc: "http://img.b2bpic.net/free-photo/modern-couch-furniture-living-room_23-2148511254.jpg", imageAlt: "Clean fabric sofa after cleaning"},
|
||||
{
|
||||
id: "dashboard-before",
|
||||
name: "Tableau de Bord",
|
||||
price: "Avant",
|
||||
variant: "Sales",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg",
|
||||
imageAlt: "Dusty car dashboard before cleaning",
|
||||
},
|
||||
id: "dashboard-before", name: "Tableau de Bord", price: "Avant", variant: "Sales", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg", imageAlt: "Dusty car dashboard before cleaning"},
|
||||
{
|
||||
id: "dashboard-after",
|
||||
name: "Tableau de Bord",
|
||||
price: "Après",
|
||||
variant: "Sales",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163661.jpg",
|
||||
imageAlt: "Clean car dashboard after cleaning",
|
||||
},
|
||||
id: "dashboard-after", name: "Tableau de Bord", price: "Après", variant: "Sales", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163661.jpg", imageAlt: "Clean car dashboard after cleaning"},
|
||||
]}
|
||||
title="Découvrez la transformation impressionnante"
|
||||
description="Voyez par vous-même la différence qu'un nettoyage professionnel peut faire. Nos galeries avant/après parlent d'elles-mêmes."
|
||||
@@ -246,25 +163,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "98%",
|
||||
title: "Satisfaction Client",
|
||||
description: "Des retours positifs qui prouvent notre engagement.",
|
||||
icon: Sparkles,
|
||||
id: "1", value: "98%", title: "Satisfaction Client", description: "Des retours positifs qui prouvent notre engagement.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Écologique",
|
||||
title: "Produits Respectueux",
|
||||
description: "Utilisation de produits biodégradables et sûrs pour votre famille et animaux.",
|
||||
icon: Leaf,
|
||||
id: "2", value: "Écologique", title: "Produits Respectueux", description: "Utilisation de produits biodégradables et sûrs pour votre famille et animaux.", icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Flexible",
|
||||
title: "Rendez-vous Adaptés",
|
||||
description: "Nous nous adaptons à votre emploi du temps pour une intervention à votre convenance.",
|
||||
icon: Calendar,
|
||||
id: "3", value: "Flexible", title: "Rendez-vous Adaptés", description: "Nous nous adaptons à votre emploi du temps pour une intervention à votre convenance.", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
title="Votre satisfaction, notre priorité"
|
||||
@@ -278,35 +183,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marc Dupont",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-that-works-home_329181-14524.jpg",
|
||||
imageAlt: "Portrait of Marc Dupont",
|
||||
},
|
||||
id: "1", name: "Marc Dupont", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-that-works-home_329181-14524.jpg", imageAlt: "Portrait of Marc Dupont"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sophie Martin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
|
||||
imageAlt: "Portrait of Sophie Martin",
|
||||
},
|
||||
id: "2", name: "Sophie Martin", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", imageAlt: "Portrait of Sophie Martin"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jean Louis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",
|
||||
imageAlt: "Portrait of Jean Louis",
|
||||
},
|
||||
id: "3", name: "Jean Louis", imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg", imageAlt: "Portrait of Jean Louis"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma Dubois",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-near-car_23-2147670240.jpg",
|
||||
imageAlt: "Portrait of Emma Dubois",
|
||||
},
|
||||
id: "4", name: "Emma Dubois", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-near-car_23-2147670240.jpg", imageAlt: "Portrait of Emma Dubois"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Paul Leclerc",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167446.jpg",
|
||||
imageAlt: "Portrait of Paul Leclerc",
|
||||
},
|
||||
id: "5", name: "Paul Leclerc", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167446.jpg", imageAlt: "Portrait of Paul Leclerc"},
|
||||
]}
|
||||
cardTitle="Ce que nos clients disent"
|
||||
cardTag="Témoignages"
|
||||
@@ -320,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Quels sont vos tarifs ?",
|
||||
content: "Nos tarifs varient selon le service et le type de véhicule/textile. Contactez-nous pour un devis gratuit et personnalisé.",
|
||||
},
|
||||
id: "q1", title: "Quels sont vos tarifs ?", content: "Nos tarifs varient selon le service et le type de véhicule/textile. Contactez-nous pour un devis gratuit et personnalisé."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Vous déplacez-vous à domicile ?",
|
||||
content: "Oui, nous offrons un service mobile et nous déplaçons directement chez vous ou sur votre lieu de travail à Maxstadt et ses environs.",
|
||||
},
|
||||
id: "q2", title: "Vous déplacez-vous à domicile ?", content: "Oui, nous offrons un service mobile et nous déplaçons directement chez vous ou sur votre lieu de travail à Maxstadt et ses environs."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Quels produits utilisez-vous ?",
|
||||
content: "Nous utilisons des produits professionnels, efficaces et respectueux de l'environnement, sans danger pour les enfants et les animaux domestiques.",
|
||||
},
|
||||
id: "q3", title: "Quels produits utilisez-vous ?", content: "Nous utilisons des produits professionnels, efficaces et respectueux de l'environnement, sans danger pour les enfants et les animaux domestiques."},
|
||||
]}
|
||||
title="Vos questions, nos réponses"
|
||||
description="Trouvez rapidement des réponses aux questions les plus fréquentes concernant nos services de nettoyage auto et textile."
|
||||
@@ -346,20 +222,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contactez-nous"
|
||||
title="Prêt à retrouver un intérieur impeccable ?"
|
||||
description="Appelez-nous dès aujourd'hui ou envoyez-nous un message pour obtenir un devis personnalisé et fixer votre rendez-vous. Nous intervenons à Maxstadt et ses environs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appelez le 06 41 72 30 47",
|
||||
href: "tel:+33641723047",
|
||||
},
|
||||
text: "Appelez le 06 41 72 30 47", href: "tel:+33641723047"},
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "mailto:contact@nettoyagemk.com",
|
||||
},
|
||||
text: "Demander un devis", href: "mailto:contact@nettoyagemk.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -368,58 +239,35 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Nettoyage Auto",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Nettoyage Auto", href: "#services"},
|
||||
{
|
||||
label: "Nettoyage Textile",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Nettoyage Textile", href: "#services"},
|
||||
{
|
||||
label: "Détachage",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Détachage", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "Avant/Après",
|
||||
href: "#results",
|
||||
},
|
||||
label: "Avant/Après", href: "#results"},
|
||||
{
|
||||
label: "Témoignages",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Témoignages", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "06 41 72 30 47",
|
||||
href: "tel:+33641723047",
|
||||
},
|
||||
label: "06 41 72 30 47", href: "tel:+33641723047"},
|
||||
{
|
||||
label: "contact@nettoyagemk.com",
|
||||
href: "mailto:contact@nettoyagemk.com",
|
||||
},
|
||||
label: "contact@nettoyagemk.com", href: "mailto:contact@nettoyagemk.com"},
|
||||
{
|
||||
label: "Maxstadt, France",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Maxstadt, France", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user