Merge version_1 into main #2
470
src/app/page.tsx
470
src/app/page.tsx
@@ -17,341 +17,157 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Plombier Chris"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Plombier Chris"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Luxury Plumbing Services in Laval"
|
||||
description="Fast, reliable, and premium plumbing solutions for your home. Serving Laval and surrounding areas with 5-star expertise."
|
||||
kpis={[
|
||||
{
|
||||
value: "550+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Client Rating",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Fast Response",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call (438) 410-8300",
|
||||
href: "tel:4384108300",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg?_wi=1"
|
||||
imageAlt="Luxury Plumbing Service"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg",
|
||||
alt: "Happy Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-holding-cup-showing-thumb-up-isolated-white-background-with-copy-space_141793-31979.jpg",
|
||||
alt: "Happy Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg",
|
||||
alt: "Happy Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2786.jpg",
|
||||
alt: "Happy Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
|
||||
alt: "Happy Client",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 550+ satisfied Laval homeowners."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Repairs",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serving Laval & Surroundings",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Professional Equipment",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Same-Day Appointments",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "plain" }}
|
||||
title="Luxury Plumbing Services in Laval"
|
||||
description="Fast, reliable, and premium plumbing solutions for your home. Serving Laval and surrounding areas with 5-star expertise."
|
||||
kpis={[
|
||||
{ value: "550+", label: "Happy Clients" },
|
||||
{ value: "5.0", label: "Client Rating" },
|
||||
{ value: "24/7", label: "Fast Response" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }, { text: "Call (438) 410-8300", href: "tel:4384108300" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg"
|
||||
imageAlt="Luxury Plumbing Service"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg", alt: "Happy Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-holding-cup-showing-thumb-up-isolated-white-background-with-copy-space_141793-31979.jpg", alt: "Happy Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg", alt: "Happy Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2786.jpg", alt: "Happy Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg", alt: "Happy Client" },
|
||||
]}
|
||||
avatarText="Join 550+ satisfied Laval homeowners."
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "24/7 Emergency Repairs" },
|
||||
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
|
||||
{ type: "text", text: "Serving Laval & Surroundings" },
|
||||
{ type: "text-icon", text: "Professional Equipment", icon: Wrench },
|
||||
{ type: "text", text: "Same-Day Appointments" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Plombier Chris?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rated Highly",
|
||||
value: "5.0/5.0",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Response Time",
|
||||
value: "Fast",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Local Laval",
|
||||
value: "Serving QC",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Plombier Chris?"
|
||||
metrics={[
|
||||
{ icon: Star, label: "Rated Highly", value: "5.0/5.0" },
|
||||
{ icon: Clock, label: "Response Time", value: "Fast" },
|
||||
{ icon: MapPin, label: "Local Laval", value: "Serving QC" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Installation & Repairs",
|
||||
description: "Kitchen and bathroom installations, pipe replacements and leak repairs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg?_wi=2",
|
||||
imageAlt: "Installation",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Bathroom Installations",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Leak Repairs",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Pipe Replacement",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg?_wi=3",
|
||||
imageAlt: "luxury plumbing services modern tools",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Emergency Solutions",
|
||||
description: "Immediate attention to your most urgent plumbing issues, anytime.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg?_wi=4",
|
||||
imageAlt: "Emergency",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Emergency Plumbing",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Drain Cleaning",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Same-day service",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg",
|
||||
imageAlt: "happy client portrait smiling professional",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive plumbing solutions tailored to your specific needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Installation & Repairs", description: "Kitchen and bathroom installations, pipe replacements and leak repairs.", media: { imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg", imageAlt: "Installation" },
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Bathroom Installations" },
|
||||
{ icon: CheckCircle, text: "Leak Repairs" },
|
||||
{ icon: CheckCircle, text: "Pipe Replacement" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "f2", title: "Emergency Solutions", description: "Immediate attention to your most urgent plumbing issues, anytime.", media: { imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg", imageAlt: "Emergency" },
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Emergency Plumbing" },
|
||||
{ icon: CheckCircle, text: "Drain Cleaning" },
|
||||
{ icon: CheckCircle, text: "Same-day service" },
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive plumbing solutions tailored to your specific needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2026",
|
||||
title: "Great Service",
|
||||
quote: "Fantastic service from start to finish!",
|
||||
tag: "Laval Homeowner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-holding-cup-showing-thumb-up-isolated-white-background-with-copy-space_141793-31979.jpg",
|
||||
imageAlt: "happy home owner portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
date: "Dec 2025",
|
||||
title: "Very Professional",
|
||||
quote: "Very professional and on time.",
|
||||
tag: "Laval Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-holding-cup-showing-thumb-up-isolated-white-background-with-copy-space_141793-31979.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg",
|
||||
imageAlt: "satisfied homeowner portrait professional",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "Nov 2025",
|
||||
title: "Highly Quality",
|
||||
quote: "Quick, efficient, and high-quality work.",
|
||||
tag: "Laval Resident",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2786.jpg",
|
||||
imageAlt: "happy customer professional portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
date: "Oct 2025",
|
||||
title: "Emergency Fix",
|
||||
quote: "Fast response, handled my leak immediately.",
|
||||
tag: "Laval Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2786.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
|
||||
imageAlt: "smiling satisfied client portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena V.",
|
||||
date: "Sep 2025",
|
||||
title: "Friendly Team",
|
||||
quote: "Clean, tidy, and very respectful.",
|
||||
tag: "Laval Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg?_wi=5",
|
||||
imageAlt: "luxury plumbing services modern tools",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Don't just take our word for it."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", date: "Jan 2026", title: "Great Service", quote: "Fantastic service from start to finish!", tag: "Laval Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-holding-cup-showing-thumb-up-isolated-white-background-with-copy-space_141793-31979.jpg", imageAlt: "happy home owner portrait" },
|
||||
{ id: "2", name: "Michael C.", date: "Dec 2025", title: "Very Professional", quote: "Very professional and on time.", tag: "Laval Business", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-holding-cup-showing-thumb-up-isolated-white-background-with-copy-space_141793-31979.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg", imageAlt: "satisfied homeowner portrait professional" },
|
||||
{ id: "3", name: "Emily R.", date: "Nov 2025", title: "Highly Quality", quote: "Quick, efficient, and high-quality work.", tag: "Laval Resident", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2786.jpg", imageAlt: "happy customer professional portrait" },
|
||||
{ id: "4", name: "David K.", date: "Oct 2025", title: "Emergency Fix", quote: "Fast response, handled my leak immediately.", tag: "Laval Local", avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2786.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg", imageAlt: "smiling satisfied client portrait" },
|
||||
{ id: "5", name: "Elena V.", date: "Sep 2025", title: "Friendly Team", quote: "Clean, tidy, and very respectful.", tag: "Laval Client", avatarSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg", imageAlt: "luxury plumbing services modern tools" },
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Don't just take our word for it."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve Laval and surrounding areas.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we provide same-day emergency plumbing services.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed?",
|
||||
content: "We are fully licensed and insured professionals.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Need a plumber now?"
|
||||
ctaDescription="Call us for fast, reliable service in Laval."
|
||||
ctaButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:4384108300",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "What areas do you serve?", content: "We serve Laval and surrounding areas." },
|
||||
{ id: "q2", title: "Do you offer emergency services?", content: "Yes, we provide same-day emergency plumbing services." },
|
||||
{ id: "q3", title: "Are you licensed?", content: "We are fully licensed and insured professionals." },
|
||||
]}
|
||||
ctaTitle="Need a plumber now?"
|
||||
ctaDescription="Call us for fast, reliable service in Laval."
|
||||
ctaButton={{ text: "Call Now", href: "tel:4384108300" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg?_wi=6"
|
||||
columns={[
|
||||
{
|
||||
title: "Plombier Chris",
|
||||
items: [
|
||||
{
|
||||
label: "152 Av. Bazin, Laval, QC",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Call: (438) 410-8300",
|
||||
href: "tel:4384108300",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Plombier Chris Inc. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Plombier Chris", items: [
|
||||
{ label: "152 Av. Bazin, Laval, QC", href: "#" },
|
||||
{ label: "Call: (438) 410-8300", href: "tel:4384108300" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Plombier Chris Inc. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user