392 lines
13 KiB
TypeScript
392 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { Bathtub, Clock, Droplets, Faucet, Flame, Home, Kitchen, Pipe, Shield, ShowerHead, Thermometer, Toilet, Wrench, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="noise"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Accueil",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "features",
|
||
},
|
||
{
|
||
name: "À Propos",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Témoignages",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "FAQ",
|
||
id: "faq",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
button={{
|
||
text: "Appelez-nous: (438) 998-8869",
|
||
href: "tel:4389988869",
|
||
}}
|
||
brandName="Plombier Express"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
title="Plombier Express: Votre Expert en Plomberie à Montréal"
|
||
description="Services de plomberie fiables et rapides pour résidences et commerces. Disponibles 24/7 pour toutes vos urgences, notre équipe est là pour vous."
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-wrench-pointing-with-index-finger-side_141793-28565.jpg",
|
||
imageAlt: "Plombier réparant un évier",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-tools_181624-25928.jpg",
|
||
imageAlt: "Réparation de tuyau",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-champoos-bucket-with-green-plants-bath_181624-29114.jpg",
|
||
imageAlt: "Plomberie de salle de bain moderne",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/adjusting-heating-valves-residential-building_169016-52905.jpg",
|
||
imageAlt: "Plombier en intervention d'urgence",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176720.jpg",
|
||
imageAlt: "Installation de chauffe-eau",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg",
|
||
imageAlt: "Plomberie de cuisine",
|
||
},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/sad-plumber_1368-716.jpg",
|
||
imageAlt: "Plombier souriant et professionnel",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-son-looking-his-father_23-2148404141.jpg",
|
||
imageAlt: "Client satisfait serrant la main du plombier",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg",
|
||
imageAlt: "Plombier débouchant un drain",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515893.jpg",
|
||
imageAlt: "Système de tuyauterie complexe",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746309.jpg",
|
||
imageAlt: "Service de plomberie résidentielle",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-holding-hammer_1368-6308.jpg",
|
||
imageAlt: "Plombier en plomberie commerciale",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Obtenez un Devis Gratuit",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "Nos Services",
|
||
href: "#features",
|
||
},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="À Propos de Plombier Express"
|
||
description={[
|
||
"Forts de nombreuses années d'expérience, nous sommes les plombiers de confiance à Montréal. Notre équipe d'experts certifiés s'engage à fournir des solutions de plomberie durables et efficaces pour chaque problème, grand ou petit.",
|
||
"Nous sommes fiers de notre réputation d'excellence, bâtie sur la qualité de notre travail, notre rapidité d'intervention et un service client irréprochable. Chez Plombier Express, votre tranquillité d'esprit est notre priorité.",
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureBento
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Réparations d'Urgence 24/7",
|
||
description: "Intervention rapide et efficace pour toutes vos urgences plomberie, à toute heure du jour ou de la nuit.",
|
||
bentoComponent: "icon-info-cards",
|
||
items: [
|
||
{
|
||
icon: Clock,
|
||
label: "Disponibilité",
|
||
value: "24/7",
|
||
},
|
||
{
|
||
icon: Wrench,
|
||
label: "Rapidité",
|
||
value: "1h-2h",
|
||
},
|
||
{
|
||
icon: Zap,
|
||
label: "Fiabilité",
|
||
value: "Garantie",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Installation & Rénovation",
|
||
description: "Projets d'installation de nouveaux équipements, de rénovation de salle de bain ou cuisine, réalisés avec expertise.",
|
||
bentoComponent: "icon-info-cards",
|
||
items: [
|
||
{
|
||
icon: Faucet,
|
||
label: "Robinets",
|
||
value: "Modernes",
|
||
},
|
||
{
|
||
icon: Bathtub,
|
||
label: "Salles de bain",
|
||
value: "Complètes",
|
||
},
|
||
{
|
||
icon: Kitchen,
|
||
label: "Cuisines",
|
||
value: "Fonctionnelles",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Débouchage de Canalisations",
|
||
description: "Solutions professionnelles pour débloquer vos drains et canalisations, assurant un écoulement parfait.",
|
||
bentoComponent: "icon-info-cards",
|
||
items: [
|
||
{
|
||
icon: ShowerHead,
|
||
label: "Douches",
|
||
value: "Débouchées",
|
||
},
|
||
{
|
||
icon: Toilet,
|
||
label: "Toilettes",
|
||
value: "Optimales",
|
||
},
|
||
{
|
||
icon: Pipe,
|
||
label: "Éviers",
|
||
value: "Libres",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Entretien de Chauffe-Eau",
|
||
description: "Installation, réparation et entretien de chauffe-eau pour garantir une eau chaude constante et fiable.",
|
||
bentoComponent: "icon-info-cards",
|
||
items: [
|
||
{
|
||
icon: Thermometer,
|
||
label: "Température",
|
||
value: "Stable",
|
||
},
|
||
{
|
||
icon: Flame,
|
||
label: "Efficacité",
|
||
value: "Énergétique",
|
||
},
|
||
{
|
||
icon: Shield,
|
||
label: "Sécurité",
|
||
value: "Certifiée",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
title="Nos Services de Plomberie Complète"
|
||
description="Nous offrons une gamme complète de services pour répondre à tous vos besoins en plomberie, résidentielle et commerciale."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="Plombier Express a résolu notre fuite d'eau en pleine nuit avec une rapidité et un professionnalisme impressionnants. Un service impeccable que nous recommandons vivement!"
|
||
rating={5}
|
||
author="Sophie L. – Propriétaire à Laval"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-optimistic-woman-keeps-hands-chin-smiles-toothily-has-curious-face-expression-wears-casual-turtleneck-poses-indoor-against-white-background-happy-emotions-feelings-concept_273609-57546.jpg",
|
||
alt: "Sarah Johnson",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/overweight-man-glasses-wearing-black-t-shirt-with-frowning-face-displeased-light_141793-58882.jpg",
|
||
alt: "Michael Chen",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg",
|
||
alt: "Emily Rodriguez",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/pretty-lady-striped-shirt_1187-5172.jpg",
|
||
alt: "David Kim",
|
||
},
|
||
]}
|
||
ratingAnimation="blur-reveal"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq-1",
|
||
title: "Quels sont vos délais d'intervention pour les urgences?",
|
||
content: "Nous nous engageons à intervenir dans l'heure suivant votre appel pour toutes les urgences plomberie, 24 heures sur 24, 7 jours sur 7.",
|
||
},
|
||
{
|
||
id: "faq-2",
|
||
title: "Offrez-vous des devis gratuits?",
|
||
content: "Oui, nous offrons des devis gratuits et détaillés pour tous nos services avant le début des travaux. Aucune surprise!",
|
||
},
|
||
{
|
||
id: "faq-3",
|
||
title: "Couvrez-vous toute la région de Montréal?",
|
||
content: "Oui, nos plombiers sont disponibles pour intervenir dans toute la grande région de Montréal, incluant les villes avoisinantes.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/man-looking-detail-sitting-floor_259150-58258.jpg"
|
||
imageAlt="Plombier au travail vérifiant des tuyaux"
|
||
mediaAnimation="blur-reveal"
|
||
mediaPosition="right"
|
||
title="Questions Fréquemment Posées"
|
||
description="Trouvez les réponses à vos interrogations les plus courantes concernant nos services de plomberie."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
tag="Contactez-nous"
|
||
title="Besoin d'un Plombier? Appelez-nous!"
|
||
description="Contactez Plombier Express pour un service rapide et professionnel. Votre satisfaction est notre priorité. Nous sommes là pour vous aider."
|
||
inputPlaceholder="Votre adresse e-mail"
|
||
buttonText="Envoyer le message"
|
||
termsText="En envoyant, vous confirmez que vous acceptez nos Termes et Conditions."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Services",
|
||
items: [
|
||
{
|
||
label: "Urgence 24/7",
|
||
href: "#features",
|
||
},
|
||
{
|
||
label: "Réparations",
|
||
href: "#features",
|
||
},
|
||
{
|
||
label: "Installations",
|
||
href: "#features",
|
||
},
|
||
{
|
||
label: "Débouchage",
|
||
href: "#features",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Compagnie",
|
||
items: [
|
||
{
|
||
label: "À Propos",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Témoignages",
|
||
href: "#testimonials",
|
||
},
|
||
{
|
||
label: "FAQ",
|
||
href: "#faq",
|
||
},
|
||
{
|
||
label: "Contact",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Légal",
|
||
items: [
|
||
{
|
||
label: "Politique de Confidentialité",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Conditions d'Utilisation",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Plombier Express"
|
||
copyrightText="© 2024 Plombier Express. Tous droits réservés."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|