Merge version_1_1781466403819 into main #2
@@ -5,7 +5,6 @@ import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import { Layers, Shield, Sparkles, Zap } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
@@ -13,252 +12,122 @@ export default function HomePage() {
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="Quentin Clean Auto"
|
||||
description="Votre automobile mérite la brillance absolue. Detailing professionnel et rénovation automobile haut de gamme à Horbourg-Wihr. Avant/après spectaculaires qui parlent d'eux-mêmes."
|
||||
primaryButton={{
|
||||
text: "Réserver maintenant",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Appeler le 07 59 94 94 86",
|
||||
href: "tel:0759949486",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12610.jpg?_wi=1"
|
||||
/>
|
||||
<HeroBillboardBrand
|
||||
brand="Quentin Clean Auto"
|
||||
description="Votre automobile mérite la brillance absolue. Detailing professionnel et rénovation automobile haut de gamme à Horbourg-Wihr. Avant/après spectaculaires qui parlent d'eux-mêmes."
|
||||
primaryButton={{ text: "Réserver maintenant", href: "#contact" }}
|
||||
secondaryButton={{ text: "Appeler le 07 59 94 94 86", href: "tel:0759949486" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12610.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<AboutFeaturesSplit
|
||||
tag="Expertise"
|
||||
title="Une expertise dédiée à votre véhicule"
|
||||
description="Nous utilisons des techniques de pointe pour redonner à votre voiture son aspect originel et assurer sa protection à long terme."
|
||||
items={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Detailing Extérieur",
|
||||
description: "Lavage haute précision, décontamination et polissage.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Protection Céramique",
|
||||
description: "Barrière durable contre les éléments extérieurs.",
|
||||
},
|
||||
{
|
||||
icon: Layers,
|
||||
title: "Rénovation Intérieure",
|
||||
description: "Nettoyage profond, cuirs nourris et désinfection.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506258.jpg?_wi=1"
|
||||
/>
|
||||
<AboutFeaturesSplit
|
||||
tag="Expertise"
|
||||
title="Une expertise dédiée à votre véhicule"
|
||||
description="Nous utilisons des techniques de pointe pour redonner à votre voiture son aspect originel et assurer sa protection à long terme."
|
||||
items={[
|
||||
{ icon: "Sparkles", title: "Detailing Extérieur", description: "Lavage haute précision, décontamination et polissage." },
|
||||
{ icon: "Shield", title: "Protection Céramique", description: "Barrière durable contre les éléments extérieurs." },
|
||||
{ icon: "Layers", title: "Rénovation Intérieure", description: "Nettoyage profond, cuirs nourris et désinfection." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506258.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Nos Services"
|
||||
title="La perfection dans les détails"
|
||||
description="Chaque intervention est pensée pour sublimer votre automobile."
|
||||
features={[
|
||||
{
|
||||
title: "Protection Paint",
|
||||
description: "Couches de protection haute résistance.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "Process",
|
||||
subheading: "Étapes",
|
||||
checklistItems: [
|
||||
{
|
||||
label: "Lavage",
|
||||
detail: "Pré-lavage pro",
|
||||
},
|
||||
{
|
||||
label: "Polissage",
|
||||
detail: "Correction peinte",
|
||||
},
|
||||
{
|
||||
label: "Protection",
|
||||
detail: "Céramique appliquée",
|
||||
},
|
||||
],
|
||||
completedLabel: "Terminé",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-beautiful-sunset-through-car-s-wing-mirror_181624-14240.jpg",
|
||||
imageAlt: "ceramic coating car water beads",
|
||||
},
|
||||
{
|
||||
title: "Technique",
|
||||
description: "Le detailing de précision.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Zap,
|
||||
orbitIcons: [
|
||||
"Star",
|
||||
"Award",
|
||||
"Shield",
|
||||
"Sparkles",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12610.jpg?_wi=2",
|
||||
imageAlt: "ceramic coating car water beads",
|
||||
},
|
||||
{
|
||||
title: "Résultat",
|
||||
description: "Finitions showroom.",
|
||||
bentoComponent: "media-stack",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506258.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-leather-card-holder-isolated-pink_140725-12400.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turbocharged-engine-sports-car-close-up-hood_78492-3881.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-dressed-hazmat-suit-inside-car-shop_23-2149750017.jpg?_wi=1",
|
||||
imageAlt: "ceramic coating car water beads",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FeaturesBento
|
||||
tag="Nos Services"
|
||||
title="La perfection dans les détails"
|
||||
description="Chaque intervention est pensée pour sublimer votre automobile."
|
||||
features={[
|
||||
{
|
||||
title: "Protection Paint", description: "Couches de protection haute résistance.", bentoComponent: "checklist-timeline", heading: "Process", subheading: "Étapes", checklistItems: [
|
||||
{ label: "Lavage", detail: "Pré-lavage pro" },
|
||||
{ label: "Polissage", detail: "Correction peinte" },
|
||||
{ label: "Protection", detail: "Céramique appliquée" }
|
||||
],
|
||||
completedLabel: "Terminé"
|
||||
},
|
||||
{
|
||||
title: "Technique", description: "Le detailing de précision.", bentoComponent: "orbiting-icons", centerIcon: "Zap", orbitIcons: ["Star", "Award", "Shield", "Sparkles"]
|
||||
},
|
||||
{
|
||||
title: "Résultat", description: "Finitions showroom.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506258.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-leather-card-holder-isolated-pink_140725-12400.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/turbocharged-engine-sports-car-close-up-hood_78492-3881.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="results" data-section="results">
|
||||
<SectionErrorBoundary name="results">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Portfolio"
|
||||
title="Le résultat avant/après"
|
||||
description="Découvrez l'impact de nos soins sur des véhicules de tous types."
|
||||
items={[
|
||||
{
|
||||
title: "Carrosserie complète",
|
||||
description: "Rénovation complète avec correction peinture.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-dressed-hazmat-suit-inside-car-shop_23-2149750017.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Intérieur cuir",
|
||||
description: "Nettoyage et soins nourrissants complets.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg",
|
||||
},
|
||||
{
|
||||
title: "Jantes alu",
|
||||
description: "Restauration des jantes abîmées.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110886.jpg",
|
||||
},
|
||||
{
|
||||
title: "Optiques phares",
|
||||
description: "Polissage des optiques jaunies.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35959.jpg",
|
||||
},
|
||||
{
|
||||
title: "Correction micro-rayures",
|
||||
description: "Suppression des défauts de surface.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg",
|
||||
},
|
||||
{
|
||||
title: "Moquettes pro",
|
||||
description: "Shampoing extraction des sols.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194068.jpg",
|
||||
},
|
||||
{
|
||||
title: "Finition showroom",
|
||||
description: "Brillance absolue garantie.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rearview-mirror-sunshine_23-2148321852.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Portfolio"
|
||||
title="Le résultat avant/après"
|
||||
description="Découvrez l'impact de nos soins sur des véhicules de tous types."
|
||||
items={[
|
||||
{ title: "Carrosserie complète", description: "Rénovation complète avec correction peinture.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-dressed-hazmat-suit-inside-car-shop_23-2149750017.jpg" },
|
||||
{ title: "Intérieur cuir", description: "Nettoyage et soins nourrissants complets.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg" },
|
||||
{ title: "Jantes alu", description: "Restauration des jantes abîmées.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110886.jpg" },
|
||||
{ title: "Optiques phares", description: "Polissage des optiques jaunies.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35959.jpg" },
|
||||
{ title: "Correction micro-rayures", description: "Suppression des défauts de surface.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg" },
|
||||
{ title: "Moquettes pro", description: "Shampoing extraction des sols.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194068.jpg" },
|
||||
{ title: "Finition showroom", description: "Brillance absolue garantie.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-rearview-mirror-sunshine_23-2148321852.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Témoignages"
|
||||
title="Ils ont fait confiance à Quentin Clean Auto"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marc L.",
|
||||
role: "Passionné",
|
||||
quote: "Un travail incroyable sur ma Porsche. Le résultat est bluffant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-2809.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sophie M.",
|
||||
role: "Business",
|
||||
quote: "Parfait pour notre flotte, une équipe ponctuelle et pro.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-woman-testing-car_23-2148333009.jpg",
|
||||
},
|
||||
{
|
||||
name: "Thomas V.",
|
||||
role: "Collectionneur",
|
||||
quote: "La protection céramique est indispensable, merci Quentin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-walking-autumn-city-with-glass-coffee_1321-4338.jpg",
|
||||
},
|
||||
{
|
||||
name: "Julie K.",
|
||||
role: "Client",
|
||||
quote: "Une rénovation complète qui a transformé ma voiture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117117.jpg",
|
||||
},
|
||||
{
|
||||
name: "David R.",
|
||||
role: "Client",
|
||||
quote: "Je ne reconnais plus mon véhicule, merci pour le sérieux.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<TestimonialMarqueeCards
|
||||
tag="Témoignages"
|
||||
title="Ils ont fait confiance à Quentin Clean Auto"
|
||||
description="Voici ce que nos clients disent de nous."
|
||||
testimonials={[
|
||||
{ name: "Marc L.", role: "Passionné", quote: "Un travail incroyable sur ma Porsche. Le résultat est bluffant.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-2809.jpg" },
|
||||
{ name: "Sophie M.", role: "Business", quote: "Parfait pour notre flotte, une équipe ponctuelle et pro.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-woman-testing-car_23-2148333009.jpg" },
|
||||
{ name: "Thomas V.", role: "Collectionneur", quote: "La protection céramique est indispensable, merci Quentin.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-walking-autumn-city-with-glass-coffee_1321-4338.jpg" },
|
||||
{ name: "Julie K.", role: "Client", quote: "Une rénovation complète qui a transformé ma voiture.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117117.jpg" },
|
||||
{ name: "David R.", role: "Client", quote: "Je ne reconnais plus mon véhicule, merci pour le sérieux.", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="FAQ"
|
||||
title="Questions fréquentes"
|
||||
description="Tout ce qu'il faut savoir sur nos services de detailing."
|
||||
items={[
|
||||
{
|
||||
question: "Quelle est la durée d'une prestation ?",
|
||||
answer: "De quelques heures à plusieurs jours selon la formule choisie.",
|
||||
},
|
||||
{
|
||||
question: "Proposez-vous des devis personnalisés ?",
|
||||
answer: "Oui, nous évaluons chaque véhicule pour un résultat optimal.",
|
||||
},
|
||||
{
|
||||
question: "Quels produits utilisez-vous ?",
|
||||
answer: "Des produits haut de gamme respectueux des surfaces.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg"
|
||||
/>
|
||||
<FaqSplitMedia
|
||||
tag="FAQ"
|
||||
title="Questions fréquentes"
|
||||
description="Tout ce qu'il faut savoir sur nos services de detailing."
|
||||
items={[
|
||||
{ question: "Quelle est la durée d'une prestation ?", answer: "De quelques heures à plusieurs jours selon la formule choisie." },
|
||||
{ question: "Proposez-vous des devis personnalisés ?", answer: "Oui, nous évaluons chaque véhicule pour un résultat optimal." },
|
||||
{ question: "Quels produits utilisez-vous ?", answer: "Des produits haut de gamme respectueux des surfaces." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contact"
|
||||
text="Prêt à sublimer votre véhicule ? Appelez-nous au 07 59 94 94 86 ou réservez votre créneau dès maintenant."
|
||||
primaryButton={{
|
||||
text: "Appeler maintenant",
|
||||
href: "tel:0759949486",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Envoyer un message",
|
||||
href: "mailto:contact@quentincleanauto.fr",
|
||||
}}
|
||||
/>
|
||||
<ContactCta
|
||||
tag="Contact"
|
||||
text="Prêt à sublimer votre véhicule ? Appelez-nous au 07 59 94 94 86 ou réservez votre créneau dès maintenant."
|
||||
primaryButton={{ text: "Appeler maintenant", href: "tel:0759949486" }}
|
||||
secondaryButton={{ text: "Envoyer un message", href: "mailto:contact@quentincleanauto.fr" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user