bender/2df264a0-1964-41c2-84dd-628d783210d8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-12 21:42:39 +00:00
parent ba6cf257c3
commit c3ed4684c4
1 changed files with 29 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

248
src/app/page.tsx
View File

@@ -29,22 +29,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Emergency Plumbing",
id: "/emergency-plumbing",
},
{
name: "Drain Cleaning",
id: "/drain-cleaning",
},
{
name: "Leak Repair",
id: "/leak-repair",
},
{ name: "Home", id: "/" },
{ name: "Emergency Plumbing", id: "/emergency-plumbing" },
{ name: "Drain Cleaning", id: "/drain-cleaning" },
{ name: "Leak Repair", id: "/leak-repair" },
]}
brandName="M Deep Plumbing"
/>
@@ -54,41 +42,14 @@ export default function LandingPage() {
<HeroCarouselLogo
logoText="M Deep Plumbing"
description="Fast, Reliable Plumbing in Edmonton. 24/7 emergency service. Licensed professionals. Upfront pricing."
buttons={[
{
text: "Call Now",
href: "tel:+17800000000",
},
{
text: "Request Service",
href: "#contact",
},
]}
buttons={[{ text: "Call Now", href: "tel:+17800000000" }, { text: "Request Service", href: "#contact" }]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg?_wi=1",
imageAlt: "Professional plumbing services in Edmonton",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515882.jpg",
imageAlt: "Plumbing expert service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-tools_23-2147624704.jpg",
imageAlt: "24/7 emergency plumbing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg",
imageAlt: "Licensed technician at work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721524.jpg",
imageAlt: "Residential plumbing expert",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
imageAlt: "Water heater installation",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg", imageAlt: "Professional plumbing services in Edmonton" },
{ imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515882.jpg", imageAlt: "Plumbing expert service" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-tools_23-2147624704.jpg", imageAlt: "24/7 emergency plumbing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg", imageAlt: "Licensed technician at work" },
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721524.jpg", imageAlt: "Residential plumbing expert" },
{ imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg", imageAlt: "Water heater installation" },
]}
/>
</div>
@@ -99,66 +60,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Emergency Plumbing",
description: "Rapid response for all plumbing emergencies, day or night.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515886.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg?_wi=2",
imageAlt: "professional plumber at work",
},
{
title: "Drain Cleaning",
description: "Professional drain cleaning to clear stubborn clogs and blockages.",
icon: Droplets,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746295.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58464.jpg?_wi=1",
imageAlt: "professional plumber at work",
},
{
title: "Leak Repair",
description: "Expert leak detection and repair to prevent costly water damage.",
icon: AlertTriangle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990737.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-white-shirt_23-2152009539.jpg?_wi=1",
imageAlt: "professional plumber at work",
},
{
title: "Water Heater Services",
description: "Installation, maintenance, and repair of all water heater types.",
icon: Gauge,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515893.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg?_wi=1",
imageAlt: "professional plumber at work",
},
{ title: "Emergency Plumbing", description: "Rapid response for all plumbing emergencies, day or night.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515886.jpg" }] },
{ title: "Drain Cleaning", description: "Professional drain cleaning to clear stubborn clogs and blockages.", icon: Droplets, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746295.jpg" }] },
{ title: "Leak Repair", description: "Expert leak detection and repair to prevent costly water damage.", icon: AlertTriangle, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990737.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg" }] },
{ title: "Water Heater Services", description: "Installation, maintenance, and repair of all water heater types.", icon: Gauge, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515893.jpg" }] }
]}
title="Our Professional Services"
description="We offer a comprehensive range of plumbing solutions to keep your home running smoothly."
@@ -171,27 +76,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "24/7",
title: "Emergency Service",
description: "Always there when you need us most.",
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721516.jpg",
},
{
id: "m2",
value: "5-Star",
title: "Customer Rating",
description: "Consistently high reviews from locals.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576409.jpg",
},
{
id: "m3",
value: "Same-Day",
title: "Service Guarantee",
description: "Quick, efficient solutions every time.",
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg",
},
{ id: "m1", value: "24/7", title: "Emergency Service", description: "Always there when you need us most.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721516.jpg" },
{ id: "m2", value: "5-Star", title: "Customer Rating", description: "Consistently high reviews from locals.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576409.jpg" },
{ id: "m3", value: "Same-Day", title: "Service Guarantee", description: "Quick, efficient solutions every time.", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg" },
]}
title="Why Choose M Deep Plumbing"
description="Edmonton's trusted plumbing professionals with a proven track record."
@@ -204,46 +91,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Amar Randhawa",
handle: "@customer",
testimonial: "Very knowledgeable person and very responsive… came on the same day. Totally recommend him.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58464.jpg?_wi=2",
},
{
id: "t2",
name: "Earle Marie Supilanas",
handle: "@customer",
testimonial: "Said they would be there in 2 hours but came in about an hour. The job was finished quickly. They were knowledgeable and professional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-white-shirt_23-2152009539.jpg?_wi=2",
},
{
id: "t3",
name: "Vivek Takhi",
handle: "@customer",
testimonial: "Their work shows their experience. They solved my problem very fast. Great job.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg?_wi=2",
},
{
id: "t4",
name: "John Doe",
handle: "@customer",
testimonial: "Amazing service, very clean and tidy work. Will definitely call again.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",
},
{
id: "t5",
name: "Jane Smith",
handle: "@customer",
testimonial: "Fixed my leaking pipe in minutes. Professional and highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg",
},
{ id: "t1", name: "Amar Randhawa", handle: "@customer", testimonial: "Very knowledgeable person and very responsive… came on the same day. Totally recommend him.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58464.jpg" },
{ id: "t2", name: "Earle Marie Supilanas", handle: "@customer", testimonial: "Said they would be there in 2 hours but came in about an hour. The job was finished quickly. They were knowledgeable and professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-white-shirt_23-2152009539.jpg" },
{ id: "t3", name: "Vivek Takhi", handle: "@customer", testimonial: "Their work shows their experience. They solved my problem very fast. Great job.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg" },
{ id: "t4", name: "John Doe", handle: "@customer", testimonial: "Amazing service, very clean and tidy work. Will definitely call again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg" },
{ id: "t5", name: "Jane Smith", handle: "@customer", testimonial: "Fixed my leaking pipe in minutes. Professional and highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg" },
]}
showRating={true}
title="What Our Customers Say"
@@ -257,63 +109,21 @@ export default function LandingPage() {
title="Need a plumber right now?"
description="Fill out the form below or give us a call directly. We're ready to help."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
]}
textarea={{
name: "issue",
placeholder: "Describe your plumbing issue",
required: true,
}}
textarea={{ name: "issue", placeholder: "Describe your plumbing issue", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg"
logoText="M Deep Plumbing"
columns={[
{
title: "Services",
items: [
{
label: "Emergency Plumbing",
href: "/emergency-plumbing",
},
{
label: "Drain Cleaning",
href: "/drain-cleaning",
},
{
label: "Leak Repair",
href: "/leak-repair",
},
],
},
{
title: "Contact",
items: [
{
label: "Call: (780) 000-0000",
href: "tel:+17800000000",
},
{
label: "Edmonton, AB",
href: "#",
},
],
},
{ title: "Services", items: [{ label: "Emergency Plumbing", href: "/emergency-plumbing" }, { label: "Drain Cleaning", href: "/drain-cleaning" }, { label: "Leak Repair", href: "/leak-repair" }] },
{ title: "Contact", items: [{ label: "Call: (780) 000-0000", href: "tel:+17800000000" }, { label: "Edmonton, AB", href: "#" }] },
]}
copyrightText="© 2025 M Deep Plumbing. All rights reserved."
/>