Update src/app/page.tsx
This commit is contained in:
236
src/app/page.tsx
236
src/app/page.tsx
@@ -1,235 +1,3 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Calendar, Car, Droplet, Home, Leaf, Sparkles, CarFront } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil", id: "#hero"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Avant/Après", id: "#results"},
|
||||
{
|
||||
name: "Témoignages", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Nettoyage Auto & Textile MK"
|
||||
button={{
|
||||
text: "Appelez maintenant", href: "tel:+33641723047"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
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: "Réservez en ligne", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/premium-photo/car-detailing-plastic-care_769609-715.jpg?id=35249142"
|
||||
imageAlt="Pristine car interior after professional cleaning"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Votre expert en nettoyage auto et textile à Maxstadt"
|
||||
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: "+200", title: "Clients Satisfaits"},
|
||||
{
|
||||
value: "100%", title: "Service Mobile"},
|
||||
]}
|
||||
tag="À Propos de Nous"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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,
|
||||
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/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,
|
||||
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/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,
|
||||
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/man-washing-his-car-garage_1157-26071.jpg", imageAlt: "Clean car carpet"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Nettoyage Extérieur Auto", description: "Lavage carrosserie, jantes, vitres extérieures, et séchage. Pour une brillance éclatante et une protection durable de votre véhicule.", icon: CarFront,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/premium-photo/professional-car-wash-red-sports-car-getting-foam-wash-with-highpressure-cleaning-shiny_1293074-27557.jpg?id=269203096", imageAlt: "Man washing car exterior"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193565.jpg?id=20735859", imageAlt: "Side view of man washing car"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
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."
|
||||
tag="Nos Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="results" data-section="results">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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", 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: "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: "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"},
|
||||
]}
|
||||
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."
|
||||
tag="Avant / Après"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
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: "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é"
|
||||
description="Plus qu'un simple nettoyage, nous offrons une expérience de service inégalée, axée sur la qualité, la confiance et la commodité."
|
||||
tag="Pourquoi Nous Choisir"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Ce que nos clients disent de nous"
|
||||
description="Découvrez les expériences authentiques de nos clients qui ont transformé leurs intérieurs grâce à nos services."
|
||||
tag="Témoignages"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marc Dupont", handle: "@MarcD_Clean", testimonial: "Nettoyage MK a fait des merveilles sur ma voiture ! Les sièges sont comme neufs, et l'odeur de frais est incroyable. Service rapide et professionnel.", 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", handle: "@SophieM_Home", testimonial: "Mon canapé avait des taches incrustées depuis des années. Nettoyage MK est intervenu à domicile et le résultat est bluffant ! Je recommande à 100% !", 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", handle: "@JL_Maxstadt", testimonial: "Équipe très efficace et courtoise. Ils ont désinfecté l'intérieur de mon véhicule après un petit incident, et c'est impeccable. Merci !", 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", handle: "@EmmaD_Auto", testimonial: "J'ai réservé pour un nettoyage complet de ma voiture avant de la vendre. Le résultat était si parfait que je regrette presque de m'en séparer !", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-near-car_23-2147670240.jpg", imageAlt: "Portrait of Emma Dubois"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Paul Leclerc", handle: "@Paul_Textile", testimonial: "Service de nettoyage de tapis à domicile exceptionnel. Ils ont réussi à enlever des taches tenaces que je pensais permanentes. Vraiment impressionnant.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167446.jpg", imageAlt: "Portrait of Paul Leclerc"
|
||||
}
|
||||
]}
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
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: "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."},
|
||||
]}
|
||||
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."
|
||||
@@ -266,12 +34,16 @@ export default function LandingPage() {
|
||||
label: "Nettoyage Textile", href: "#services"},
|
||||
{
|
||||
label: "Détachage", href: "#services"},
|
||||
{
|
||||
label: "Tarifs", href: "#pricing"}
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "Tarifs", href: "#pricing"},
|
||||
{
|
||||
label: "Avant/Après", href: "#results"},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user