Merge version_1_1781378877515 into main
Merge version_1_1781378877515 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -11,304 +11,128 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Disponible 24h/24, 7j/7"
|
||||
title="Plombier à Lyon : Intervention d'urgence en moins de 30 minutes"
|
||||
description="Plomberie A&S assure vos dépannages, réparations de fuites et débouchages sur Lyon et alentours. Artisan sérieux, 22 avis 5 étoiles Google."
|
||||
primaryButton={{
|
||||
text: "Appeler maintenant — 06 30 99 97 93",
|
||||
href: "tel:0630999793",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Voir zone d'intervention",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-open-end-wrench-with-gloves-screwdriver-safety-helmet-white-background_141793-14239.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-hammer-screwdriver-other-tools-wooden-surface_181624-10972.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990735.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Disponible 24h/24, 7j/7"
|
||||
title="Plombier à Lyon : Intervention d'urgence en moins de 30 minutes"
|
||||
description="Plomberie A&S assure vos dépannages, réparations de fuites et débouchages sur Lyon et alentours. Artisan sérieux, 22 avis 5 étoiles Google."
|
||||
primaryButton={{ text: "Appeler maintenant — 06 30 99 97 93", href: "tel:0630999793" }}
|
||||
secondaryButton={{ text: "Voir zone d'intervention", href: "#contact" }}
|
||||
leftItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-open-end-wrench-with-gloves-screwdriver-safety-helmet-white-background_141793-14239.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg" }]}
|
||||
rightItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-hammer-screwdriver-other-tools-wooden-surface_181624-10972.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990735.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg" }]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Nos Services"
|
||||
title="Une expertise complète pour tous vos besoins"
|
||||
description="Plomberie d'urgence, installation et maintenance. Nous intervenons avec du matériel professionnel pour un résultat irréprochable."
|
||||
items={[
|
||||
{
|
||||
title: "Débouchage",
|
||||
description: "Débouchage haute pression de canalisations.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-covering-his-mouth_1368-772.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Fuites d'eau",
|
||||
description: "Recherche et réparation précise de fuites.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg",
|
||||
},
|
||||
{
|
||||
title: "Chauffe-eau",
|
||||
description: "Remplacement rapide de chauffe-eau.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334231.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dépannage",
|
||||
description: "Urgences 24h/24, 7j/7 à Lyon.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-wall-clock-looking-surprised_141793-28684.jpg",
|
||||
},
|
||||
{
|
||||
title: "Entretien",
|
||||
description: "Maintenance préventive de plomberie.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269664.jpg",
|
||||
},
|
||||
{
|
||||
title: "Installation",
|
||||
description: "Pose de robinetterie et sanitaires.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg",
|
||||
},
|
||||
{
|
||||
title: "Urgence soir",
|
||||
description: "Interventions soirée et week-end.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-showing-okay-gesture-young-cleaning-guy-wearing-uniform-cap-holding-wall-clock_141793-123598.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Nos Services"
|
||||
title="Une expertise complète pour tous vos besoins"
|
||||
description="Plomberie d'urgence, installation et maintenance. Nous intervenons avec du matériel professionnel pour un résultat irréprochable."
|
||||
items={[
|
||||
{ title: "Débouchage", description: "Débouchage haute pression de canalisations.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/plumber-covering-his-mouth_1368-772.jpg" },
|
||||
{ title: "Fuites d'eau", description: "Recherche et réparation précise de fuites.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg" },
|
||||
{ title: "Chauffe-eau", description: "Remplacement rapide de chauffe-eau.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334231.jpg" },
|
||||
{ title: "Dépannage", description: "Urgences 24h/24, 7j/7 à Lyon.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-wall-clock-looking-surprised_141793-28684.jpg" },
|
||||
{ title: "Entretien", description: "Maintenance préventive de plomberie.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269664.jpg" },
|
||||
{ title: "Installation", description: "Pose de robinetterie et sanitaires.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg" },
|
||||
{ title: "Urgence soir", description: "Interventions soirée et week-end.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/smiling-showing-okay-gesture-young-cleaning-guy-wearing-uniform-cap-holding-wall-clock_141793-123598.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Pourquoi choisir A&S"
|
||||
title="Un artisan réactif, fiable et transparent"
|
||||
description="Nous mettons la satisfaction client au cœur de chaque intervention."
|
||||
features={[
|
||||
{
|
||||
title: "Intervention 24/7",
|
||||
description: "Disponible de jour comme de nuit, week-ends inclus pour vos urgences.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Disponibilité",
|
||||
value: "24h/24",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Réaction",
|
||||
value: "Rapide",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Fiabilité",
|
||||
value: "5 Étoiles",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg",
|
||||
imageAlt: "Flexible connector and different wrenches",
|
||||
},
|
||||
{
|
||||
title: "Tarifs Transparents",
|
||||
description: "Prix clairs communiqués avant toute intervention.",
|
||||
bentoComponent: "chat-marquee",
|
||||
aiIcon: User,
|
||||
userIcon: Phone,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Quel est le tarif ?",
|
||||
aiResponse: "Prix clair et transparent.",
|
||||
},
|
||||
],
|
||||
placeholder: "Transparence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-open-end-wrench-with-gloves-screwdriver-safety-helmet-white-background_141793-14239.jpg?_wi=2",
|
||||
imageAlt: "Flexible connector and different wrenches",
|
||||
},
|
||||
{
|
||||
title: "Qualité Garantie",
|
||||
description: "22 avis Google 5 étoiles témoignent de notre sérieux.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "Processus",
|
||||
subheading: "Qualité de travail",
|
||||
checklistItems: [
|
||||
{
|
||||
label: "Diagnostic",
|
||||
detail: "Analyse",
|
||||
},
|
||||
{
|
||||
label: "Réparation",
|
||||
detail: "Exécution",
|
||||
},
|
||||
{
|
||||
label: "Nettoyage",
|
||||
detail: "Propreté",
|
||||
},
|
||||
],
|
||||
completedLabel: "Client Satisfait",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-covering-his-mouth_1368-772.jpg?_wi=2",
|
||||
imageAlt: "Flexible connector and different wrenches",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Pourquoi choisir A&S"
|
||||
title="Un artisan réactif, fiable et transparent"
|
||||
description="Nous mettons la satisfaction client au cœur de chaque intervention."
|
||||
features={[
|
||||
{
|
||||
title: "Intervention 24/7", description: "Disponible de jour comme de nuit, week-ends inclus pour vos urgences.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Clock", label: "Disponibilité", value: "24h/24" },
|
||||
{ icon: "Zap", label: "Réaction", value: "Rapide" },
|
||||
{ icon: "Shield", label: "Fiabilité", value: "5 Étoiles" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Tarifs Transparents", description: "Prix clairs communiqués avant toute intervention.", bentoComponent: "chat-marquee", aiIcon: "User", userIcon: "Phone", exchanges: [{ userMessage: "Quel est le tarif ?", aiResponse: "Prix clair et transparent." }],
|
||||
placeholder: "Transparence"
|
||||
},
|
||||
{
|
||||
title: "Qualité Garantie", description: "22 avis Google 5 étoiles témoignent de notre sérieux.", bentoComponent: "checklist-timeline", heading: "Processus", subheading: "Qualité de travail", checklistItems: [
|
||||
{ label: "Diagnostic", detail: "Analyse" },
|
||||
{ label: "Réparation", detail: "Exécution" },
|
||||
{ label: "Nettoyage", detail: "Propreté" }
|
||||
],
|
||||
completedLabel: "Client Satisfait"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Témoignages"
|
||||
title="La confiance de nos clients"
|
||||
description="Découvrez pourquoi nos clients nous recommandent avec 5 étoiles."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mathis D.",
|
||||
role: "Client",
|
||||
company: "Neuville",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-woman-works-her-tablet-sits-with-notebook-kitchen-floor-home-studie_1258-183235.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jayson C.",
|
||||
role: "Client",
|
||||
company: "Lyon",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg",
|
||||
},
|
||||
{
|
||||
name: "Léa L.",
|
||||
role: "Client",
|
||||
company: "Lyon",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marc T.",
|
||||
role: "Client",
|
||||
company: "Reyrieux",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
},
|
||||
{
|
||||
name: "Julie P.",
|
||||
role: "Client",
|
||||
company: "Lyon",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Témoignages"
|
||||
title="La confiance de nos clients"
|
||||
description="Découvrez pourquoi nos clients nous recommandent avec 5 étoiles."
|
||||
testimonials={[
|
||||
{ name: "Mathis D.", role: "Client", company: "Neuville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-woman-works-her-tablet-sits-with-notebook-kitchen-floor-home-studie_1258-183235.jpg" },
|
||||
{ name: "Jayson C.", role: "Client", company: "Lyon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg" },
|
||||
{ name: "Léa L.", role: "Client", company: "Lyon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg" },
|
||||
{ name: "Marc T.", role: "Client", company: "Reyrieux", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg" },
|
||||
{ name: "Julie P.", role: "Client", company: "Lyon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Nos Chiffres"
|
||||
title="Une expertise reconnue localement"
|
||||
description="Des résultats qui parlent d'eux-mêmes pour votre sérénité."
|
||||
metrics={[
|
||||
{
|
||||
value: "5.0/5",
|
||||
title: "Note Google",
|
||||
features: [
|
||||
"22 avis vérifiés",
|
||||
"Expertise locale",
|
||||
"Recommandé à 100%",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Disponibilité",
|
||||
features: [
|
||||
"Urgences incluses",
|
||||
"Soir et week-end",
|
||||
"Sans interruption",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "30 min",
|
||||
title: "Réactivité",
|
||||
description: "Intervention rapide",
|
||||
features: [
|
||||
"Lyon centre",
|
||||
"Alentours proches",
|
||||
"Déplacement rapide",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Nos Chiffres"
|
||||
title="Une expertise reconnue localement"
|
||||
description="Des résultats qui parlent d'eux-mêmes pour votre sérénité."
|
||||
metrics={[
|
||||
{ value: "5.0/5", title: "Note Google", features: ["22 avis vérifiés", "Expertise locale", "Recommandé à 100%"] },
|
||||
{ value: "24/7", title: "Disponibilité", features: ["Urgences incluses", "Soir et week-end", "Sans interruption"] },
|
||||
{ value: "30 min", title: "Réactivité", features: ["Lyon centre", "Alentours proches", "Déplacement rapide"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="FAQ"
|
||||
title="Des questions ? Nous avons les réponses"
|
||||
description="Toutes les informations nécessaires sur nos interventions."
|
||||
items={[
|
||||
{
|
||||
question: "Intervenez-vous en urgence la nuit ?",
|
||||
answer: "Oui, nous sommes disponibles 24h/24 et 7j/7 pour toutes vos urgences.",
|
||||
},
|
||||
{
|
||||
question: "Quelle est votre zone d'intervention ?",
|
||||
answer: "Nous intervenons sur Lyon et les communes alentours (Neuville-sur-Saône, Reyrieux, etc.).",
|
||||
},
|
||||
{
|
||||
question: "Comment prendre rendez-vous ?",
|
||||
answer: "Appelez simplement le 06 30 99 97 93 pour une intervention immédiate.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="FAQ"
|
||||
title="Des questions ? Nous avons les réponses"
|
||||
description="Toutes les informations nécessaires sur nos interventions."
|
||||
items={[
|
||||
{ question: "Intervenez-vous en urgence la nuit ?", answer: "Oui, nous sommes disponibles 24h/24 et 7j/7 pour toutes vos urgences." },
|
||||
{ question: "Quelle est votre zone d'intervention ?", answer: "Nous intervenons sur Lyon et les communes alentours (Neuville-sur-Saône, Reyrieux, etc.)." },
|
||||
{ question: "Comment prendre rendez-vous ?", answer: "Appelez simplement le 06 30 99 97 93 pour une intervention immédiate." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Besoin d'aide ?"
|
||||
text="Plombier A&S — Urgences et dépannages à Lyon 06 30 99 97 93"
|
||||
primaryButton={{
|
||||
text: "Appeler maintenant",
|
||||
href: "tel:0630999793",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Voir Google Maps",
|
||||
href: "https://maps.app.goo.gl/eV2dtFHDdSkpcwTc8",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Besoin d'aide ?"
|
||||
text="Plombier A&S — Urgences et dépannages à Lyon 06 30 99 97 93"
|
||||
primaryButton={{ text: "Appeler maintenant", href: "tel:0630999793" }}
|
||||
secondaryButton={{ text: "Voir Google Maps", href: "https://maps.app.goo.gl/eV2dtFHDdSkpcwTc8" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user