bender/027eaa0a-6d93-4333-8ff4-02ff5933e640
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-04-06 21:42:04 +00:00
Conversation 0 Commits 4 Files Changed 4 +34 -450
4 changed files with 34 additions and 450 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/app/about/page.tsx
View File

@@ -25,25 +25,9 @@ export default function LandingPage() {
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
]}
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }]}
brandName="Claire's Plumbing"
button={{ text: "Get a Quote", href: "/contact" }}
/>
</div>
@@ -51,10 +35,7 @@ export default function LandingPage() {
<TextSplitAbout
useInvertedBackground={false}
title="About Claire"
description={[
"I'm Claire, owner and operator of Claire's Plumbing & Heating Service.",
"I pride myself on honest, skilled work in The Pocket.",
]}
description={["I'm Claire, owner and operator of Claire's Plumbing & Heating Service.", "I pride myself on honest, skilled work in The Pocket."]}
/>
</div>
@@ -62,64 +43,14 @@ export default function LandingPage() {
<AboutMetric
useInvertedBackground={false}
title="Impact"
metrics={[
{
icon: CheckCircle,
label: "Happy Clients",
value: "100%",
},
{
icon: Star,
label: "Rated",
value: "5.0",
},
]}
metrics={[{ icon: CheckCircle, label: "Happy Clients", value: "100%" }, { icon: Star, label: "Rated", value: "5.0" }]}
metricsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Services",
href: "/services",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Services",
items: [
{
label: "Emergency Repair",
href: "/services#emergency",
},
{
label: "Kitchen & Bath",
href: "/services#kitchen",
},
{
label: "Water Heaters",
href: "/services#heaters",
},
],
},
]}
columns={[{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }, { title: "Services", items: [{ label: "Emergency Repair", href: "/services#emergency" }, { label: "Kitchen & Bath", href: "/services#kitchen" }, { label: "Water Heaters", href: "/services#heaters" }] }]}
logoText="Claire's Plumbing"
copyrightText="© 2024 Claire's Plumbing & Heating Service"
/>
@@ -127,4 +58,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

85
src/app/contact/page.tsx
View File

@@ -24,104 +24,35 @@ export default function LandingPage() {
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
]}
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }]}
brandName="Claire's Plumbing"
button={{ text: "Get a Quote", href: "/contact" }}
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get in touch"
title="Ready to Get Started?"
description="Whether it's an emergency or a home upgrade, send me a message."
buttons={[
{
text: "Contact Now",
href: "mailto:info@clairesplumbing.ca",
},
]}
buttons={[{ text: "Contact Now", href: "mailto:info@clairesplumbing.ca" }]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
text="Need urgent help? Call us at 555-010-2020."
buttons={[
{
text: "Call Now",
href: "tel:555-010-2020",
},
]}
buttons={[{ text: "Call Now", href: "tel:555-010-2020" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Services",
href: "/services",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Services",
items: [
{
label: "Emergency Repair",
href: "/services#emergency",
},
{
label: "Kitchen & Bath",
href: "/services#kitchen",
},
{
label: "Water Heaters",
href: "/services#heaters",
},
],
},
]}
columns={[{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }, { title: "Services", items: [{ label: "Emergency Repair", href: "/services#emergency" }, { label: "Kitchen & Bath", href: "/services#kitchen" }, { label: "Water Heaters", href: "/services#heaters" }] }]}
logoText="Claire's Plumbing"
copyrightText="© 2024 Claire's Plumbing & Heating Service"
/>
@@ -129,4 +60,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

216
src/app/page.tsx
View File

@@ -29,24 +29,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="Claire's Plumbing"
button={{ text: "Get a Quote", href: "/contact" }}
/>
</div>
@@ -54,39 +43,9 @@ export default function LandingPage() {
<HeroOverlay
title="Plumbing & Heating Done Right — Every Time"
description="Trusted by your neighbours in The Pocket and across Toronto for repairs, renovations, and emergency service."
buttons={[
{
text: "Get a Quote",
href: "/contact",
},
{
text: "Call Now",
href: "tel:555-010-2020",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders_58466-16223.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/modern-senior-man-holding-his-tablet-kitchen_23-2148404378.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2057.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-that-smiles-camera_329181-19748.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-senior-man-sitting-table_23-2149390995.jpg",
alt: "Client 5",
},
]}
buttons={[{ text: "Get a Quote", href: "/contact" }, { text: "Call Now", href: "tel:555-010-2020" }]}
imageSrc="http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg"
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders_58466-16223.jpg", alt: "Client 1" }, { src: "http://img.b2bpic.net/free-photo/modern-senior-man-holding-his-tablet-kitchen_23-2148404378.jpg", alt: "Client 2" }, { src: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2057.jpg", alt: "Client 3" }, { src: "http://img.b2bpic.net/free-photo/portrait-woman-that-smiles-camera_329181-19748.jpg", alt: "Client 4" }, { src: "http://img.b2bpic.net/free-photo/smiley-senior-man-sitting-table_23-2149390995.jpg", alt: "Client 5" }]}
avatarText="Trusted by 500+ local families"
/>
</div>
@@ -97,26 +56,7 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{
title: "Emergency Repairs",
description: "Leaks, burst pipes, failed valves — same-day service when you need it most.",
imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg?_wi=1",
imageAlt: "Emergency repair",
},
{
title: "Kitchen & Bath Plumbing",
description: "Faucets, sinks, toilets, bidets, dishwasher hookups, and full renovation prep.",
imageSrc: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg?_wi=1",
imageAlt: "Plumbing installation",
},
{
title: "Water Heaters",
description: "Tankless installation, traditional water heater service, and troubleshooting.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51318.jpg?_wi=1",
imageAlt: "Water heater service",
},
]}
features={[{ title: "Emergency Repairs", description: "Leaks, burst pipes, failed valves — same-day service when you need it most.", imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg", imageAlt: "Emergency repair" }, { title: "Kitchen & Bath Plumbing", description: "Faucets, sinks, toilets, bidets, dishwasher hookups, and full renovation prep.", imageSrc: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg", imageAlt: "Plumbing installation" }, { title: "Water Heaters", description: "Tankless installation, traditional water heater service, and troubleshooting.", imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51318.jpg", imageAlt: "Water heater service" }]}
title="How Can I Help?"
description="Expert plumbing and heating solutions tailored for Toronto homeowners."
/>
@@ -126,63 +66,7 @@ export default function LandingPage() {
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sam F.",
date: "Oct 2024",
title: "Satisfied Customer",
quote: "We've hired Claire multiple times now.",
tag: "Neighbour",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders_58466-16223.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg?_wi=2",
imageAlt: "professional plumbing tools modern sink",
},
{
id: "2",
name: "Mark M.",
date: "Sep 2024",
title: "Homeowner",
quote: "Claire is fantastic!",
tag: "Neighbour",
avatarSrc: "http://img.b2bpic.net/free-photo/modern-senior-man-holding-his-tablet-kitchen_23-2148404378.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg?_wi=2",
imageAlt: "emergency plumbing leak pipe burst",
},
{
id: "3",
name: "Suzanne D.",
date: "Aug 2024",
title: "Landlord",
quote: "I was very impressed.",
tag: "Neighbour",
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2057.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg?_wi=2",
imageAlt: "kitchen plumbing faucet installation sink",
},
{
id: "4",
name: "Jessica L.",
date: "Jul 2024",
title: "Renovation Client",
quote: "Reliable and professional.",
tag: "Neighbour",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-that-smiles-camera_329181-19748.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51318.jpg?_wi=2",
imageAlt: "water heater installation modern tankless",
},
{
id: "5",
name: "Michael Z.",
date: "Jun 2024",
title: "Customer",
quote: "Thorough and reasonable price.",
tag: "Neighbour",
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-senior-man-sitting-table_23-2149390995.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders_58466-16223.jpg",
imageAlt: "portrait happy homeowner smiling woman",
},
]}
testimonials={[{ id: "1", name: "Sam F.", date: "Oct 2024", title: "Satisfied Customer", quote: "We've hired Claire multiple times now.", tag: "Neighbour", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders_58466-16223.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg", imageAlt: "professional plumbing tools modern sink" }, { id: "2", name: "Mark M.", date: "Sep 2024", title: "Homeowner", quote: "Claire is fantastic!", tag: "Neighbour", avatarSrc: "http://img.b2bpic.net/free-photo/modern-senior-man-holding-his-tablet-kitchen_23-2148404378.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg", imageAlt: "emergency plumbing leak pipe burst" }, { id: "3", name: "Suzanne D.", date: "Aug 2024", title: "Landlord", quote: "I was very impressed.", tag: "Neighbour", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2057.jpg", imageSrc: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg", imageAlt: "kitchen plumbing faucet installation sink" }, { id: "4", name: "Jessica L.", date: "Jul 2024", title: "Renovation Client", quote: "Reliable and professional.", tag: "Neighbour", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-that-smiles-camera_329181-19748.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51318.jpg", imageAlt: "water heater installation modern tankless" }, { id: "5", name: "Michael Z.", date: "Jun 2024", title: "Customer", quote: "Thorough and reasonable price.", tag: "Neighbour", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-senior-man-sitting-table_23-2149390995.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders_58466-16223.jpg", imageAlt: "portrait happy homeowner smiling woman" }]}
title="What Your Neighbours Are Saying"
description="Community trust is at the heart of our service."
/>
@@ -192,23 +76,7 @@ export default function LandingPage() {
<AboutMetric
useInvertedBackground={false}
title="By The Numbers"
metrics={[
{
icon: Wrench,
label: "Jobs Completed",
value: "1500+",
},
{
icon: Clock,
label: "Response Time",
value: "<2 hrs",
},
{
icon: Home,
label: "Local Homes Served",
value: "500+",
},
]}
metrics={[{ icon: Wrench, label: "Jobs Completed", value: "1500+" }, { icon: Clock, label: "Response Time", value: "<2 hrs" }, { icon: Home, label: "Local Homes Served", value: "500+" }]}
metricsAnimation="slide-up"
/>
</div>
@@ -220,69 +88,13 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Meet The Crew"
description="Skilled professionals committed to the Toronto community."
groups={[
{
id: "team",
groupTitle: "Leadership",
members: [
{
id: "claire",
title: "Claire",
subtitle: "Owner & Master Plumber",
detail: "15 years of experience in residential plumbing.",
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-isolated-orange-wall_141793-16006.jpg",
imageAlt: "Claire",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/modern-senior-man-holding-his-tablet-kitchen_23-2148404378.jpg",
imageAlt: "portrait satisfied home renovation client",
},
]}
groups={[{ id: "team", groupTitle: "Leadership", members: [{ id: "claire", title: "Claire", subtitle: "Owner & Master Plumber", detail: "15 years of experience in residential plumbing.", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-isolated-orange-wall_141793-16006.jpg", imageAlt: "Claire" }] }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Services",
href: "/services",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Services",
items: [
{
label: "Emergency Repair",
href: "/services#emergency",
},
{
label: "Kitchen & Bath",
href: "/services#kitchen",
},
{
label: "Water Heaters",
href: "/services#heaters",
},
],
},
]}
columns={[{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }, { title: "Services", items: [{ label: "Emergency Repair", href: "/services#emergency" }, { label: "Kitchen & Bath", href: "/services#kitchen" }, { label: "Water Heaters", href: "/services#heaters" }] }]}
logoText="Claire's Plumbing"
copyrightText="© 2024 Claire's Plumbing & Heating Service"
/>
@@ -290,4 +102,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

102
src/app/services/page.tsx
View File

@@ -24,25 +24,9 @@ export default function LandingPage() {
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
]}
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }]}
brandName="Claire's Plumbing"
button={{ text: "Get a Quote", href: "/contact" }}
/>
</div>
@@ -52,26 +36,7 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{
title: "Residential Plumbing",
description: "Leak detection, drain clearing.",
imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg?_wi=3",
imageAlt: "Plumbing",
},
{
title: "Water Heaters",
description: "Tankless installation.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51318.jpg?_wi=3",
imageAlt: "Heater",
},
{
title: "Heating Systems",
description: "Boiler service.",
imageSrc: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg?_wi=3",
imageAlt: "Heating",
},
]}
features={[{ title: "Residential Plumbing", description: "Leak detection, drain clearing.", imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg", imageAlt: "Plumbing" }, { title: "Water Heaters", description: "Tankless installation.", imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51318.jpg", imageAlt: "Heater" }, { title: "Heating Systems", description: "Boiler service.", imageSrc: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg", imageAlt: "Heating" }]}
title="Residential Services"
description="Comprehensive plumbing and heating maintenance for your home."
/>
@@ -84,68 +49,13 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Service Packages"
description="Transparent pricing for your peace of mind."
plans={[
{
id: "p1",
title: "Emergency Callout",
price: "$150",
period: "fixed",
features: [
"On-site assessment",
"Minor repair",
],
button: {
text: "Book",
href: "/contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg?_wi=4",
},
]}
plans={[{ id: "p1", title: "Emergency Callout", price: "$150", period: "fixed", features: ["On-site assessment", "Minor repair"], button: { text: "Book", href: "/contact" }, imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Services",
href: "/services",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Services",
items: [
{
label: "Emergency Repair",
href: "/services#emergency",
},
{
label: "Kitchen & Bath",
href: "/services#kitchen",
},
{
label: "Water Heaters",
href: "/services#heaters",
},
],
},
]}
columns={[{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }, { title: "Services", items: [{ label: "Emergency Repair", href: "/services#emergency" }, { label: "Kitchen & Bath", href: "/services#kitchen" }, { label: "Water Heaters", href: "/services#heaters" }] }]}
logoText="Claire's Plumbing"
copyrightText="© 2024 Claire's Plumbing & Heating Service"
/>
@@ -153,4 +63,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}