Merge version_1 into main #2
210
src/app/page.tsx
210
src/app/page.tsx
@@ -30,70 +30,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Zone",
|
||||
id: "zone",
|
||||
},
|
||||
{ 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",
|
||||
}}
|
||||
button={{ text: "(514) 993-4043", href: "tel:+15149934043" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ 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?_wi=1",
|
||||
imageAlt: "Plomberie de luxe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=2",
|
||||
imageAlt: "Service 24/7",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=3",
|
||||
imageAlt: "Expertise résidentielle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=4",
|
||||
imageAlt: "Solutions commerciales",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg?_wi=5",
|
||||
imageAlt: "Intervention rapide",
|
||||
},
|
||||
{ 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}
|
||||
@@ -106,12 +65,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Disponible 24/7",
|
||||
"Équipe Certifiée",
|
||||
"Travail Garanti",
|
||||
"Grand Montréal & Laurentides",
|
||||
"Membre CMMTQ",
|
||||
]}
|
||||
"Disponible 24/7", "Équipe Certifiée", "Travail Garanti", "Grand Montréal & Laurentides", "Membre CMMTQ"]}
|
||||
title="Engagement de Qualité"
|
||||
description="Un service certifié et garanti."
|
||||
/>
|
||||
@@ -123,60 +77,12 @@ export default function LandingPage() {
|
||||
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?_wi=6",
|
||||
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?_wi=1",
|
||||
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?_wi=1",
|
||||
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?_wi=1",
|
||||
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?_wi=1",
|
||||
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?_wi=7",
|
||||
imageAlt: "luxury bathroom interior gold plumbing fixtures",
|
||||
},
|
||||
{ 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."
|
||||
@@ -188,10 +94,7 @@ export default function LandingPage() {
|
||||
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.",
|
||||
]}
|
||||
"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>
|
||||
|
||||
@@ -201,46 +104,11 @@ export default function LandingPage() {
|
||||
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?_wi=2",
|
||||
},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
{
|
||||
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?_wi=3",
|
||||
},
|
||||
{
|
||||
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?_wi=3",
|
||||
},
|
||||
{ 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"
|
||||
@@ -253,13 +121,9 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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?_wi=2"
|
||||
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."
|
||||
@@ -270,21 +134,13 @@ export default function LandingPage() {
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ text: "Appeler maintenant", href: "tel:+15149934043" },
|
||||
{ text: "Site web", href: "https://plomberieandreauger.ca" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -292,14 +148,8 @@ export default function LandingPage() {
|
||||
<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: "#",
|
||||
}}
|
||||
leftLink={{ text: "100 Rue de la Naïade, Saint-Colomban, QC J5K 1P7", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Plomberie André Auger", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user