Merge version_1 into main #3
252
src/app/page.tsx
252
src/app/page.tsx
@@ -2,156 +2,156 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="shadow"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Avis", id: "testimonials" },
|
||||
{ name: "Zone", id: "zone" },
|
||||
]}
|
||||
brandName="Plomberie André Auger"
|
||||
button={{ text: "(514) 993-4043", href: "tel:+15149934043" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Avis", id: "testimonials" },
|
||||
{ name: "Zone", id: "zone" }
|
||||
]}
|
||||
brandName="Plomberie André Auger"
|
||||
button={{ text: "(514) 993-4043", href: "tel:+15149934043" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="La plomberie de confiance, depuis 1995"
|
||||
description="Expertise, rapidité et transparence pour tous vos besoins en plomberie résidentielle et commerciale dans le Grand Montréal et les Laurentides. Urgences disponibles 24h/24."
|
||||
tag="Disponible 24h/24 · 7j/7"
|
||||
buttons={[
|
||||
{ text: "Appeler maintenant", href: "tel:+15149934043" },
|
||||
{ text: "Voir les services", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "Plomberie de luxe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "Service 24/7" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="87 avis Google (4.9/5)"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="La plomberie de confiance, depuis 1995"
|
||||
description="Expertise, rapidité et transparence pour tous vos besoins en plomberie résidentielle et commerciale dans le Grand Montréal et les Laurentides. Urgences disponibles 24h/24."
|
||||
tag="Disponible 24h/24 · 7j/7"
|
||||
buttons={[
|
||||
{ text: "Appeler maintenant", href: "tel:+15149934043" },
|
||||
{ text: "Voir les services", href: "#services" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "Plomberie de luxe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "Service 24/7" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="87 avis Google (4.9/5)"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust-band" data-section="trust-band">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Disponible 24/7", "Équipe Certifiée", "Travail Garanti", "Grand Montréal & Laurentides", "Membre CMMTQ"]}
|
||||
title="Engagement de Qualité"
|
||||
description="Un service certifié et garanti."
|
||||
/>
|
||||
</div>
|
||||
<div id="trust-band" data-section="trust-band">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Disponible 24/7", "Équipe Certifiée", "Travail Garanti", "Grand Montréal & Laurentides", "Membre CMMTQ"]}
|
||||
title="Engagement de Qualité"
|
||||
description="Un service certifié et garanti."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "01", title: "Urgences 24h/24", tags: ["Rapide"], imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "luxury bathroom interior gold plumbing fixtures" },
|
||||
{ id: "02", title: "Chauffe-eau", tags: ["Installation"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg", imageAlt: "happy client portrait residential" },
|
||||
{ id: "03", title: "Débouchage", tags: ["Expert"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg", imageAlt: "woman smiling residential client portrait" },
|
||||
{ id: "04", title: "Installations sanitaires", tags: ["Précis"], imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "senior professional man portrait" },
|
||||
{ id: "05", title: "Pompe de puisard", tags: ["Prévention"], imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg", imageAlt: "montreal map stylized" },
|
||||
{ id: "06", title: "Rénovation & construction", tags: ["Projet"], imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "luxury bathroom interior gold plumbing fixtures" },
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="Solutions complètes pour vos installations et réparations."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "01", title: "Urgences 24h/24", tags: ["Rapide"], imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "luxury bathroom interior gold plumbing fixtures" },
|
||||
{ id: "02", title: "Chauffe-eau", tags: ["Installation"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg", imageAlt: "happy client portrait residential" },
|
||||
{ id: "03", title: "Débouchage", tags: ["Expert"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg", imageAlt: "woman smiling residential client portrait" },
|
||||
{ id: "04", title: "Installations sanitaires", tags: ["Précis"], imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "senior professional man portrait" },
|
||||
{ id: "05", title: "Pompe de puisard", tags: ["Prévention"], imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg", imageAlt: "montreal map stylized" },
|
||||
{ id: "06", title: "Rénovation & construction", tags: ["Projet"], imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "luxury bathroom interior gold plumbing fixtures" }
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="Solutions complètes pour vos installations et réparations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="10 ans d'expérience"
|
||||
description={[
|
||||
"Fondée avec une mission simple : offrir une plomberie honnête et durable.", "Nous traitons chaque client avec respect et chaque installation avec rigueur.", "Service rapide 24h/24 pour votre tranquillité d'esprit."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="10 ans d'expérience"
|
||||
description={[
|
||||
"Fondée avec une mission simple : offrir une plomberie honnête et durable.", "Nous traitons chaque client avec respect et chaque installation avec rigueur.", "Service rapide 24h/24 pour votre tranquillité d'esprit."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Danny Myint", handle: "Client depuis 10 ans", testimonial: "Un travail exceptionnel à chaque fois. Très fiable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
|
||||
{ id: "2", name: "Catherine Morin", handle: "Client depuis 16 ans", testimonial: "André est toujours là quand on a besoin d'urgence. Parfait.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg" },
|
||||
{ id: "3", name: "Marc L.", handle: "Client satisfait", testimonial: "Service rapide, honnête et très professionnel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
{ id: "4", name: "Sophie B.", handle: "Client satisfait", testimonial: "Excellent service, je recommande fortement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
|
||||
{ id: "5", name: "Jean P.", handle: "Client satisfait", testimonial: "La référence en plomberie dans la région.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Ce que disent nos clients"
|
||||
description="87 avis Google, note moyenne 4.9/5"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Danny Myint", handle: "Client depuis 10 ans", testimonial: "Un travail exceptionnel à chaque fois. Très fiable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
|
||||
{ id: "2", name: "Catherine Morin", handle: "Client depuis 16 ans", testimonial: "André est toujours là quand on a besoin d'urgence. Parfait.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg" },
|
||||
{ id: "3", name: "Marc L.", handle: "Client satisfait", testimonial: "Service rapide, honnête et très professionnel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
{ id: "4", name: "Sophie B.", handle: "Client satisfait", testimonial: "Excellent service, je recommande fortement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
|
||||
{ id: "5", name: "Jean P.", handle: "Client satisfait", testimonial: "La référence en plomberie dans la région.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Ce que disent nos clients"
|
||||
description="87 avis Google, note moyenne 4.9/5"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="zone" data-section="zone">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "z1", title: "Zones principales", content: "Saint-Colomban, Saint-Jérôme, Blainville, Mirabel, Lachute, Deux-Montagnes, Sainte-Thérèse, Mont-Tremblant, Saint-Sauveur, Grand Montréal" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Zone desservie"
|
||||
description="Services disponibles dans les Laurentides et le Grand Montréal."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="zone" data-section="zone">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "z1", title: "Zones principales", content: "Saint-Colomban, Saint-Jérôme, Blainville, Mirabel, Lachute, Deux-Montagnes, Sainte-Thérèse, Mont-Tremblant, Saint-Sauveur, Grand Montréal" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Zone desservie"
|
||||
description="Services disponibles dans les Laurentides et le Grand Montréal."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Disponible 24h/24 · 7j/7"
|
||||
title="(514) 993-4043"
|
||||
description="Urgences bienvenues · Service de confiance depuis 1995"
|
||||
buttons={[
|
||||
{ text: "Appeler maintenant", href: "tel:+15149934043" },
|
||||
{ text: "Site web", href: "https://plomberieandreauger.ca" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Disponible 24h/24 · 7j/7"
|
||||
title="(514) 993-4043"
|
||||
description="Urgences bienvenues · Service de confiance depuis 1995"
|
||||
buttons={[
|
||||
{ text: "Appeler maintenant", href: "tel:+15149934043" },
|
||||
{ text: "Site web", href: "https://plomberieandreauger.ca" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Plomberie André Auger"
|
||||
leftLink={{ text: "100 Rue de la Naïade, Saint-Colomban, QC J5K 1P7", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Plomberie André Auger", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Plomberie André Auger"
|
||||
leftLink={{ text: "100 Rue de la Naïade, Saint-Colomban, QC J5K 1P7", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Plomberie André Auger", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user