bender/61d49d24-b806-42af-af6f-fda3ba4cd8dd
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-05-12 04:10:58 +00:00
parent dbab5a0507
commit 8a630293d6
1 changed files with 125 additions and 368 deletions
Download Patch File Download Diff File Expand all files Collapse all files

323
src/app/page.tsx
View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Why Us", id: "about" },
id: "hero", { name: "Reviews", id: "testimonials" },
}, { name: "Services", id: "features" },
{ { name: "Contact", id: "contact" },
name: "Why Us",
id: "about",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Duncan Plumbing" brandName="Duncan Plumbing"
/> />
@@ -59,104 +44,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardTestimonial <HeroBillboardTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain",
}}
title="Heating & Plumbing Done Right the First Time." title="Heating & Plumbing Done Right the First Time."
description="From emergency repairs to complete system installations, Duncan Heating & Plumbing delivers fast, honest, high-quality service homeowners can rely on." description="From emergency repairs to complete system installations, Duncan Heating & Plumbing delivers fast, honest, high-quality service homeowners can rely on."
testimonials={[ testimonials={[
{ { name: "Laura B.", handle: "@laurab", testimonial: "They were excellent to work with, efficient and honest.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-loader-uniform-holding-cup-turkish-coffee-front-view_176474-21389.jpg" },
name: "Laura B.", { name: "Mark S.", handle: "@marks", testimonial: "Finally, a company that does the job right the first time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg" },
handle: "@laurab", { name: "Sarah P.", handle: "@sarahp", testimonial: "Fast response, fair price, and really professional team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-caucasian-builder-man-uniform-holds-wrench-isolated_141793-43900.jpg" },
testimonial: "They were excellent to work with, efficient and honest.", { name: "David K.", handle: "@davidk", testimonial: "Duncan is the only plumber I trust with my home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-builder-jumpsuit-uniform-showing-middle-finger-doing-fuck-you-bad-expression-provocation-rude-attitude-screaming-excited_839833-27667.jpg" },
rating: 5, { name: "Rachel L.", handle: "@rachell", testimonial: "Professional, clean, and extremely knowledgeable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-uniform-holding-cup-turkish-coffee-front-view_176474-21389.jpg",
},
{
name: "Mark S.",
handle: "@marks",
testimonial: "Finally, a company that does the job right the first time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg",
},
{
name: "Sarah P.",
handle: "@sarahp",
testimonial: "Fast response, fair price, and really professional team.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-caucasian-builder-man-uniform-holds-wrench-isolated_141793-43900.jpg",
},
{
name: "David K.",
handle: "@davidk",
testimonial: "Duncan is the only plumber I trust with my home.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-builder-jumpsuit-uniform-showing-middle-finger-doing-fuck-you-bad-expression-provocation-rude-attitude-screaming-excited_839833-27667.jpg",
},
{
name: "Rachel L.",
handle: "@rachell",
testimonial: "Professional, clean, and extremely knowledgeable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
},
]}
buttons={[
{
text: "Schedule Service",
href: "#contact",
},
{
text: "Call Now",
href: "tel:5550123",
},
]} ]}
buttons={[{ text: "Schedule Service", href: "#contact" }, { text: "Call Now", href: "tel:5550123" }]}
imageSrc="http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14481.jpg" imageSrc="http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14481.jpg"
avatars={[ avatars={[{ src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", alt: "Client" }, { src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Client" }, { src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", alt: "Client" }, { src: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg", alt: "Client" }, { src: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg", alt: "Client" }]}
{
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
alt: "Client profile photo 1",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
alt: "Client profile photo 2",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
alt: "Client profile photo 3",
},
{
src: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg",
alt: "Client profile photo 4",
},
{
src: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg",
alt: "Client profile photo 5",
},
]}
avatarText="Trusted by 500+ happy families" avatarText="Trusted by 500+ happy families"
marqueeItems={[ marqueeItems={[{ type: "text", text: "Emergency Repairs" }, { type: "text", text: "Heating Installation" }, { type: "text", text: "Drain Cleaning" }, { type: "text", text: "Pipe Replacement" }, { type: "text", text: "Water Heaters" }]}
{
type: "text",
text: "Emergency Repairs",
},
{
type: "text",
text: "Heating Installation",
},
{
type: "text",
text: "Drain Cleaning",
},
{
type: "text",
text: "Pipe Replacement",
},
{
type: "text",
text: "Water Heaters",
},
]}
/> />
</div> </div>
@@ -165,21 +67,9 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
title="A Company That Treats You Like Family" title="A Company That Treats You Like Family"
metrics={[ metrics={[
{ { label: "Fast Response", value: "1-Hour Avg", icon: Clock },
label: "Fast Response", { label: "Quality Jobs", value: "100%", icon: CheckCircle },
value: "1-Hour Avg", { label: "Happy Families", value: "500+", icon: Heart },
icon: Clock,
},
{
label: "Quality Jobs",
value: "100%",
icon: CheckCircle,
},
{
label: "Happy Families",
value: "500+",
icon: Heart,
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -191,31 +81,11 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { icon: Zap, title: "Fast Emergency Response", description: "We understand emergencies don't wait for business hours." },
icon: Zap, { icon: ShieldCheck, title: "Transparent Pricing", description: "Honest quotes with no hidden fees or upselling tactics." },
title: "Fast Emergency Response", { icon: Wrench, title: "No Shortcuts", description: "We believe in fixing it properly the first time, every time." },
description: "We understand emergencies don't wait for business hours.", { icon: Sparkles, title: "Clean Workmanship", description: "Respect for your home is our standard professional practice." },
}, { icon: ThumbsUp, title: "Licensed & Insured", description: "Fully certified professionals ensuring safety and compliance." },
{
icon: ShieldCheck,
title: "Transparent Pricing",
description: "Honest quotes with no hidden fees or upselling tactics.",
},
{
icon: Wrench,
title: "No Shortcuts",
description: "We believe in fixing it properly the first time, every time.",
},
{
icon: Sparkles,
title: "Clean Workmanship",
description: "Respect for your home is our standard professional practice.",
},
{
icon: ThumbsUp,
title: "Licensed & Insured",
description: "Fully certified professionals ensuring safety and compliance.",
},
]} ]}
title="The Duncan Difference" title="The Duncan Difference"
description="Why homeowners trust us for their heating and plumbing needs." description="Why homeowners trust us for their heating and plumbing needs."
@@ -228,61 +98,13 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ { id: "t1", name: "Laura B.", role: "Homeowner", company: "Local Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
id: "t1", { id: "t2", name: "Mark S.", role: "Homeowner", company: "Local Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg" },
name: "Laura B.", { id: "t3", name: "Sarah P.", role: "Homeowner", company: "Local Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg" },
role: "Homeowner", { id: "t4", name: "James R.", role: "Homeowner", company: "Local Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-adorable-young-female-with-bushy-hairstyle-dressed-casually-holds-sunglasses-spends-leisure-time-coffee-shop-has-informal-meeting_273609-3180.jpg" },
company: "Local Area", { id: "t5", name: "Emily D.", role: "Homeowner", company: "Local Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-her-husband-s-hand_23-2148435761.jpg" },
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
},
{
id: "t2",
name: "Mark S.",
role: "Homeowner",
company: "Local Area",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
},
{
id: "t3",
name: "Sarah P.",
role: "Homeowner",
company: "Local Area",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",
},
{
id: "t4",
name: "James R.",
role: "Homeowner",
company: "Local Area",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adorable-young-female-with-bushy-hairstyle-dressed-casually-holds-sunglasses-spends-leisure-time-coffee-shop-has-informal-meeting_273609-3180.jpg",
},
{
id: "t5",
name: "Emily D.",
role: "Homeowner",
company: "Local Area",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-her-husband-s-hand_23-2148435761.jpg",
},
]}
kpiItems={[
{
label: "Google Rating",
value: "5.0",
},
{
label: "Repeat Clients",
value: "95%",
},
{
label: "Service Areas",
value: "12+",
},
]} ]}
kpiItems={[{ value: "5.0", label: "Google Rating" }, { value: "95%", label: "Repeat Clients" }, { value: "12+", label: "Service Areas" }]}
title="Service That Goes Beyond the Job" title="Service That Goes Beyond the Job"
description="Don't just take our word for it—here is what our local community says." description="Don't just take our word for it—here is what our local community says."
/> />
@@ -294,21 +116,9 @@ export default function LandingPage() {
title="Proven Reliability" title="Proven Reliability"
tag="Expertise" tag="Expertise"
metrics={[ metrics={[
{ { id: "m1", value: "15+", description: "Years of Local Expertise" },
id: "m1", { id: "m2", value: "100%", description: "Client Satisfaction Guarantee" },
value: "15+", { id: "m3", value: "24/7", description: "Emergency Support Availability" },
description: "Years of Local Expertise",
},
{
id: "m2",
value: "100%",
description: "Client Satisfaction Guarantee",
},
{
id: "m3",
value: "24/7",
description: "Emergency Support Availability",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -318,31 +128,11 @@ export default function LandingPage() {
<FaqSplitText <FaqSplitText
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "f1", title: "Do you provide free estimates?", content: "Yes, we provide honest and transparent quotes for every project." },
id: "f1", { id: "f2", title: "What if I have an emergency?", content: "We prioritize emergencies to ensure your home remains safe and functional." },
title: "Do you provide free estimates?", { id: "f3", title: "Why should I trust Duncan?", content: "Our reputation is built on years of honest, quality workmanship for our neighbors." },
content: "Yes, we provide honest and transparent quotes for every project.", { id: "f4", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and carry comprehensive insurance for your peace of mind." },
}, { id: "f5", title: "What areas do you serve?", content: "We serve the entire metro area and surrounding communities." },
{
id: "f2",
title: "What if I have an emergency?",
content: "We prioritize emergencies to ensure your home remains safe and functional.",
},
{
id: "f3",
title: "Why should I trust Duncan?",
content: "Our reputation is built on years of honest, quality workmanship for our neighbors.",
},
{
id: "f4",
title: "Are you licensed and insured?",
content: "Yes, we are fully licensed and carry comprehensive insurance for your peace of mind.",
},
{
id: "f5",
title: "What areas do you serve?",
content: "We serve the entire metro area and surrounding communities.",
},
]} ]}
sideTitle="Frequently Asked Questions" sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up" faqsAnimation="slide-up"
@@ -351,10 +141,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
tag="Contact"
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain",
}}
title="Need Help Today? We’re Ready." title="Need Help Today? We’re Ready."
description="From repairs to installations, we are just a call away." description="From repairs to installations, we are just a call away."
imageSrc="http://img.b2bpic.net/free-photo/young-agent-mature-client-meeting-cup-coffee-co-working-sitting-table-holding-documents_74855-10455.jpg" imageSrc="http://img.b2bpic.net/free-photo/young-agent-mature-client-meeting-cup-coffee-co-working-sitting-table-holding-documents_74855-10455.jpg"
@@ -367,40 +156,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/black-white-3d-background_23-2150505348.jpg" imageSrc="http://img.b2bpic.net/free-photo/black-white-3d-background_23-2150505348.jpg"
logoText="Duncan Plumbing" logoText="Duncan Plumbing"
columns={[ columns={[
{ { title: "Services", items: [{ label: "Heating", href: "#" }, { label: "Plumbing", href: "#" }, { label: "Emergency", href: "#" }] },
title: "Services", { title: "Company", items: [{ label: "About", href: "#" }, { label: "Reviews", href: "#" }, { label: "Contact", href: "#" }] },
items: [
{
label: "Heating",
href: "#",
},
{
label: "Plumbing",
href: "#",
},
{
label: "Emergency",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Reviews",
href: "#",
},
{
label: "Contact",
href: "#",
},
],
},
]} ]}
/> />
</div> </div>