390 lines
14 KiB
TypeScript
390 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import {
|
|
Award,
|
|
Wrench,
|
|
CheckCircle,
|
|
Star,
|
|
MessageCircle,
|
|
Phone,
|
|
Zap,
|
|
} from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Accueil", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Zones", id: "areas" },
|
|
{ name: "Avis", id: "testimonials" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Dépannage plomberie", href: "/services" },
|
|
{ label: "Réparation chauffage", href: "/services" },
|
|
{ label: "Débouchage canalisation", href: "/services" },
|
|
{ label: "Installation sanitaire", href: "/services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Entreprise",
|
|
items: [
|
|
{ label: "À propos", href: "#why-us" },
|
|
{ label: "Avis clients", href: "#testimonials" },
|
|
{ label: "Zones d'intervention", href: "#areas" },
|
|
{ label: "Blog & Conseils", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Urgence",
|
|
items: [
|
|
{ label: "Appeler: 06 51 56 62 41", href: "tel:+33651566241" },
|
|
{ label: "SMS & WhatsApp", href: "https://wa.me/33651566241" },
|
|
{ label: "Urgence 24h/24", href: "#emergency" },
|
|
{ label: "Devis gratuit", href: "#quote-form" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "10 Pl. de l'Argonne, 93160", href: "#" },
|
|
{ label: "Noisy-le-Grand, France", href: "#" },
|
|
{ label: "Lun-Sam: 8h-20h", href: "#" },
|
|
{ label: "Dimanche: 10h-18h", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav" className="relative z-50">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Its plombier chauffagiste"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Appeler maintenant",
|
|
href: "tel:+33651566241",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero" className="min-h-screen bg-gradient-to-br from-blue-50 to-white">
|
|
<HeroSplit
|
|
title="Plombier Chauffagiste à Noisy-le-Grand"
|
|
description="Intervention rapide pour fuites, chauffage et dépannage plomberie. Nos techniciens expérimentés interviennent 24h/24 pour tous vos problèmes plomberie et chauffage."
|
|
tag="Artisan Local Certifié"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{
|
|
text: "Appeler maintenant",
|
|
href: "tel:+33651566241",
|
|
},
|
|
{
|
|
text: "Demander un devis",
|
|
href: "#quote-form",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/lucky-plumber_1368-783.jpg?_wi=1"
|
|
imageAlt="Plombier professionnel à Noisy-le-Grand"
|
|
imagePosition="right"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services" className="py-20 bg-white">
|
|
<FeatureCardTen
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Dépannage Plomberie",
|
|
description:
|
|
"Réparation rapide de fuites, robinetterie défectueuse, tuyauterie endommagée. Intervention d'urgence disponible 24h/24.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746373.jpg?_wi=1",
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Détection fuite rapide",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Réparation immédiate",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Tarif transparent",
|
|
},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Réparation Chauffage",
|
|
description:
|
|
"Entretien et réparation de chaudière, radiateurs et systèmes de chauffage central. Nous garantissons votre confort en hiver.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hand-turning-heater_23-2149339524.jpg?_wi=1",
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Diagnostic chaudière",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Réparation fiable",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Entretien régulier",
|
|
},
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Débouchage Canalisation",
|
|
description:
|
|
"Débouchage efficace et durable des éviers, toilettes et canalisations. Équipement professionnel pour résultats garantis.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=1",
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Débouchage rapide",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Sans dégâts",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Garantie satisfaction",
|
|
},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Installation Sanitaire",
|
|
description:
|
|
"Installation et rénovation complète de salle de bain. Nous transformons votre espace en salle de bain moderne et confortable.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-stream-white-basin-modern-hygiene_169016-69472.jpg",
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Design personnalisé",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Pose experte",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Finition qualité",
|
|
},
|
|
],
|
|
reverse: true,
|
|
},
|
|
]}
|
|
title="Nos Services Plomberie et Chauffage"
|
|
description="Des solutions complètes pour tous vos besoins en plomberie et chauffage. Diagnostic précis et intervention rapide garantie."
|
|
tag="Services Complets"
|
|
tagIcon={Wrench}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us" className="py-20 bg-gradient-to-r from-blue-50 to-white">
|
|
<MediaAbout
|
|
title="Pourquoi Choisir Its Plombier Chauffagiste?"
|
|
description="Plus de 15 ans d'expérience à votre service. Nous sommes fiers de notre taux de satisfaction clients de 98% et de notre engagement envers la qualité."
|
|
tag="5 étoiles Google ⭐⭐⭐⭐⭐"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Demander un devis gratuit",
|
|
href: "#quote-form",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/lucky-plumber_1368-783.jpg?_wi=2"
|
|
imageAlt="Technicien plomberie professionnel"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="areas" data-section="areas" className="py-20 bg-white">
|
|
<SocialProofOne
|
|
title="Zones d'Intervention"
|
|
description="Nous intervenons rapidement dans Noisy-le-Grand et les communes voisines de la région Marne-la-Vallée."
|
|
tag="Couverture Locale"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Noisy-le-Grand",
|
|
"Marne-la-Vallée",
|
|
"Champs-sur-Marne",
|
|
"Neuilly-sur-Marne",
|
|
"Gournay-sur-Marne",
|
|
"Brie-Comte-Robert",
|
|
"Noisiel",
|
|
"Lognes",
|
|
]}
|
|
speed={35}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials" className="py-20 bg-white">
|
|
<TestimonialCardThirteen
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Jean Dupont",
|
|
handle: "@jeandupont",
|
|
testimonial:
|
|
"Intervention très rapide et professionnelle. Le technicien a résolu notre fuite de tuyauterie en moins d'une heure. Tarif honnête et transparent.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marie Bernard",
|
|
handle: "@marieB",
|
|
testimonial:
|
|
"Excellent service pour la réparation de notre chaudière. Très compétent et à l'écoute. Je recommande vivement Its Plombier!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430613.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Philippe Lemoine",
|
|
handle: "@plemoine",
|
|
testimonial:
|
|
"Débouchage de canalisation réussi sans aucun dégât. Professionnel, rapide et fiable. Merci beaucoup!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Sophie Martin",
|
|
handle: "@sophiem",
|
|
testimonial:
|
|
"Installation de salle de bain magnifique. L'équipe a été très attentive à nos demandes. Travail impeccable et livré à temps.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Laurent Petit",
|
|
handle: "@lpetit",
|
|
testimonial:
|
|
"Intervention d'urgence en plein hiver. Ils ont pu venir très rapidement et ont sauvé notre chauffage. Merci!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-female-wearing-her-red-hair-bun-laughing-out-loud_273609-9260.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Nathalie Rousseau",
|
|
handle: "@nathalie_r",
|
|
testimonial:
|
|
"Service client impeccable du début à la fin. Devis détaillé, travail soigné. Nous sommes très satisfaits.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-adult-man-woman-shaking-hands-office_23-2148461588.jpg?_wi=1",
|
|
},
|
|
]}
|
|
showRating={true}
|
|
title="Avis de Nos Clients"
|
|
description="Découvrez ce que nos clients satisfaits disent de nos services."
|
|
tag="Google Reviews 5.0★"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="quote-form" data-section="quote-form" className="py-20 bg-white">
|
|
<ContactFaq
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Proposez-vous des devis gratuits?",
|
|
content:
|
|
"Oui, tous nos devis sont gratuits et sans engagement. Nous vous proposons une estimation détaillée et honnête de votre réparation ou installation.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Êtes-vous disponibles les weekends?",
|
|
content:
|
|
"Oui, nous sommes disponibles 24h/24, 7j/7 pour les urgences. Les interventions de fin de semaine peuvent avoir un léger supplément.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Quels sont vos délais d'intervention?",
|
|
content:
|
|
"Pour les urgences, nous intervenons dans les 2 heures. Pour les interventions planifiées, nous nous adaptons à votre calendrier.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Garantissez-vous votre travail?",
|
|
content:
|
|
"Oui, tout notre travail est garanti 1 an minimum. Nous utilisons des pièces de qualité et respectons les normes en vigueur.",
|
|
},
|
|
]}
|
|
ctaTitle="Demander un Devis Gratuit"
|
|
ctaDescription="Remplissez le formulaire ci-dessous pour recevoir un devis personnalisé dans les 2 heures."
|
|
ctaButton={{
|
|
text: "Envoyer la demande",
|
|
href: "#",
|
|
}}
|
|
ctaIcon={MessageCircle}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer" className="bg-white">
|
|
<FooterBaseCard
|
|
logoText="Its plombier chauffagiste"
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Its plombier chauffagiste. Tous droits réservés."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |