Update src/app/page.tsx
This commit is contained in:
252
src/app/page.tsx
252
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
|
||||
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";
|
||||
import { Bath, Clock, Droplets, Tap, Flame, Home, Utensils, Plug, Shield, ShowerHead, Thermometer, Toilet, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,34 +31,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
name: "À Propos", id: "about"},
|
||||
{
|
||||
name: "Témoignages",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Témoignages", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Appelez-nous: (438) 998-8869",
|
||||
href: "tel:4389988869",
|
||||
}}
|
||||
text: "Appelez-nous: (438) 998-8869", href: "tel:4389988869"}}
|
||||
brandName="Plombier Express"
|
||||
/>
|
||||
</div>
|
||||
@@ -66,71 +52,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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/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/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/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/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/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",
|
||||
},
|
||||
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/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/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/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/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/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",
|
||||
},
|
||||
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: "Obtenez un Devis Gratuit", href: "#contact"},
|
||||
{
|
||||
text: "Nos Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Nos Services", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -141,9 +98,7 @@ export default function LandingPage() {
|
||||
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é.",
|
||||
]}
|
||||
"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>
|
||||
|
||||
@@ -154,91 +109,55 @@ export default function LandingPage() {
|
||||
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: [
|
||||
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",
|
||||
},
|
||||
label: "Disponibilité", value: "24/7"},
|
||||
{
|
||||
icon: Wrench,
|
||||
label: "Rapidité",
|
||||
value: "1h-2h",
|
||||
},
|
||||
label: "Rapidité", value: "1h-2h"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Fiabilité",
|
||||
value: "Garantie",
|
||||
},
|
||||
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: [
|
||||
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: Tap,
|
||||
label: "Robinets", value: "Modernes"},
|
||||
{
|
||||
icon: Bathtub,
|
||||
label: "Salles de bain",
|
||||
value: "Complètes",
|
||||
},
|
||||
icon: Bath,
|
||||
label: "Salles de bain", value: "Complètes"},
|
||||
{
|
||||
icon: Kitchen,
|
||||
label: "Cuisines",
|
||||
value: "Fonctionnelles",
|
||||
},
|
||||
icon: Utensils,
|
||||
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: [
|
||||
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",
|
||||
},
|
||||
label: "Douches", value: "Débouchées"},
|
||||
{
|
||||
icon: Toilet,
|
||||
label: "Toilettes",
|
||||
value: "Optimales",
|
||||
},
|
||||
label: "Toilettes", value: "Optimales"},
|
||||
{
|
||||
icon: Pipe,
|
||||
label: "Éviers",
|
||||
value: "Libres",
|
||||
},
|
||||
icon: Plug,
|
||||
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: [
|
||||
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",
|
||||
},
|
||||
label: "Température", value: "Stable"},
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Efficacité",
|
||||
value: "Énergétique",
|
||||
},
|
||||
label: "Efficacité", value: "Énergétique"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Sécurité",
|
||||
value: "Certifiée",
|
||||
},
|
||||
label: "Sécurité", value: "Certifiée"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -255,21 +174,13 @@ export default function LandingPage() {
|
||||
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/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/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/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",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-lady-striped-shirt_1187-5172.jpg", alt: "David Kim"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -282,20 +193,11 @@ export default function LandingPage() {
|
||||
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-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-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.",
|
||||
},
|
||||
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"
|
||||
@@ -311,8 +213,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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."
|
||||
@@ -326,58 +227,35 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Urgence 24/7",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Urgence 24/7", href: "#features"},
|
||||
{
|
||||
label: "Réparations",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Réparations", href: "#features"},
|
||||
{
|
||||
label: "Installations",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Installations", href: "#features"},
|
||||
{
|
||||
label: "Débouchage",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Débouchage", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Compagnie",
|
||||
items: [
|
||||
title: "Compagnie", items: [
|
||||
{
|
||||
label: "À Propos",
|
||||
href: "#about",
|
||||
},
|
||||
label: "À Propos", href: "#about"},
|
||||
{
|
||||
label: "Témoignages",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Témoignages", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Politique de Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Politique de Confidentialité", href: "#"},
|
||||
{
|
||||
label: "Conditions d'Utilisation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Conditions d'Utilisation", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user