bender/c35813ff-5a8f-441e-89c2-b00487b8365d
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-06-11 01:52:39 +00:00
parent 54d23cbd8e
commit af619bc539
1 changed files with 66 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Calendar, CalendarCheck, Clock, DollarSign, Home, ShieldCheck, Star, Tool, Users } from "lucide-react";
import { Calendar, CalendarCheck, Clock, DollarSign, Home, ShieldCheck, Star, Wrench, Users } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,38 +33,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Our Team",
id: "#team",
},
name: "Our Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Schedule Service",
href: "#contact",
}}
text: "Schedule Service", href: "#contact"}}
logoSrc="http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg"
logoAlt="Dennis & Sons Plumbers Logo"
brandName="Dennis & Sons Plumbers"
@@ -77,35 +61,21 @@ export default function LandingPage() {
description="Dennis & Sons has served Tempe for years with transparent pricing, same-day service, and the expertise homeowners trust. From emergency repairs to full system replacements, we handle it all."
buttons={[
{
text: "Schedule Your Service Now",
href: "#contact",
},
text: "Schedule Your Service Now", href: "#contact"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen_181624-40902.jpg",
imageAlt: "Plumber fixing a leaky faucet in a residential home",
},
imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen_181624-40902.jpg", imageAlt: "Plumber fixing a leaky faucet in a residential home"},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12854.jpg",
imageAlt: "Plumber inspecting pipes in a commercial building",
},
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12854.jpg", imageAlt: "Plumber inspecting pipes in a commercial building"},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-his-thumb-up-pink_141793-74570.jpg",
imageAlt: "Friendly plumber smiling with tools",
},
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-his-thumb-up-pink_141793-74570.jpg", imageAlt: "Friendly plumber smiling with tools"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51318.jpg",
imageAlt: "Plumber installing a new water heater",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51318.jpg", imageAlt: "Plumber installing a new water heater"},
{
imageSrc: "http://img.b2bpic.net/free-photo/deep-well-submersible-pump-isolated-white_627829-7503.jpg",
imageAlt: "Advanced drain cleaning equipment in action",
},
imageSrc: "http://img.b2bpic.net/free-photo/deep-well-submersible-pump-isolated-white_627829-7503.jpg", imageAlt: "Advanced drain cleaning equipment in action"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110988.jpg",
imageAlt: "Plumber checking residential plumbing system",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110988.jpg", imageAlt: "Plumber checking residential plumbing system"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -117,15 +87,11 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Reliable Plumbing Services for Tempe & Phoenix Metro",
},
type: "text", content: "Reliable Plumbing Services for Tempe & Phoenix Metro"},
]}
buttons={[
{
text: "Learn More About Us",
href: "#about",
},
text: "Learn More About Us", href: "#about"},
]}
/>
</div>
@@ -134,37 +100,26 @@ export default function LandingPage() {
<FeatureHoverPattern
textboxLayout="default"
useInvertedBackground={false}
animationType="scale-rotate"
features={[
{
icon: Clock,
title: "24/7 Emergency Service",
description: "Burst pipe at 2 AM? Water heater failure on Sunday? We're available around the clock to handle your urgent plumbing needs.",
},
title: "24/7 Emergency Service", description: "Burst pipe at 2 AM? Water heater failure on Sunday? We're available around the clock to handle your urgent plumbing needs."},
{
icon: DollarSign,
title: "Transparent Pricing",
description: "No surprise fees, no hidden costs. We provide clear, upfront pricing before any work begins, ensuring complete peace of mind.",
},
title: "Transparent Pricing", description: "No surprise fees, no hidden costs. We provide clear, upfront pricing before any work begins, ensuring complete peace of mind."},
{
icon: CalendarCheck,
title: "Same-Day Service",
description: "We understand the urgency of plumbing issues. Our team strives to provide prompt, efficient service with same-day appointments whenever possible.",
},
title: "Same-Day Service", description: "We understand the urgency of plumbing issues. Our team strives to provide prompt, efficient service with same-day appointments whenever possible."},
{
icon: Tool,
title: "Expert Team & Tools",
description: "Our certified plumbers leverage years of experience and state-of-the-art equipment to diagnose and resolve any plumbing challenge effectively.",
},
icon: Wrench,
title: "Expert Team & Tools", description: "Our certified plumbers leverage years of experience and state-of-the-art equipment to diagnose and resolve any plumbing challenge effectively."},
{
icon: ShieldCheck,
title: "Guaranteed Workmanship",
description: "Your satisfaction is our priority. We stand behind our work with comprehensive warranties, ensuring lasting quality and reliability.",
},
title: "Guaranteed Workmanship", description: "Your satisfaction is our priority. We stand behind our work with comprehensive warranties, ensuring lasting quality and reliability."},
{
icon: Home,
title: "Residential & Commercial",
description: "From a leaky faucet in your home to complex plumbing systems in commercial properties, we cater to all residential and business clients.",
},
title: "Residential & Commercial", description: "From a leaky faucet in your home to complex plumbing systems in commercial properties, we cater to all residential and business clients."},
]}
title="Our Commitment: Quality Service, Every Time"
description="Experience unparalleled plumbing solutions from a team dedicated to your satisfaction. We offer swift, reliable, and transparent service."
@@ -176,27 +131,16 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
animationType="depth-3d"
metrics={[
{
id: "m1",
value: "4.8",
title: "Star Rating",
description: "Across hundreds of satisfied customers.",
icon: Star,
id: "m1", value: "4.8", title: "Star Rating", description: "Across hundreds of satisfied customers.", icon: Star,
},
{
id: "m2",
value: "20+",
title: "Years in Service",
description: "Serving Tempe and Phoenix metro areas.",
icon: Calendar,
id: "m2", value: "20+", title: "Years in Service", description: "Serving Tempe and Phoenix metro areas.", icon: Calendar,
},
{
id: "m3",
value: "1000s",
title: "Happy Clients",
description: "From emergency repairs to full installations.",
icon: Users,
id: "m3", value: "1000s", title: "Happy Clients", description: "From emergency repairs to full installations.", icon: Users,
},
]}
title="A Legacy of Trust & Excellence"
@@ -209,35 +153,16 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="depth-3d"
members={[
{
id: "t1",
name: "Dennis Senior",
role: "Founder & Master Plumber",
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanics-working-together-workshop_637285-9438.jpg",
imageAlt: "Dennis Senior, Founder and Master Plumber",
},
id: "t1", name: "Dennis Senior", role: "Founder & Master Plumber", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanics-working-together-workshop_637285-9438.jpg", imageAlt: "Dennis Senior, Founder and Master Plumber"},
{
id: "t2",
name: "Michael Dennis",
role: "Lead Service Technician",
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg",
imageAlt: "Michael Dennis, Lead Service Technician",
},
id: "t2", name: "Michael Dennis", role: "Lead Service Technician", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg", imageAlt: "Michael Dennis, Lead Service Technician"},
{
id: "t3",
name: "Sarah Dennis",
role: "Operations Manager",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-welder-posing-work_23-2148813369.jpg",
imageAlt: "Sarah Dennis, Operations Manager",
},
id: "t3", name: "Sarah Dennis", role: "Operations Manager", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-welder-posing-work_23-2148813369.jpg", imageAlt: "Sarah Dennis, Operations Manager"},
{
id: "t4",
name: "Robert Lee",
role: "Senior Plumbing Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515886.jpg",
imageAlt: "Robert Lee, Senior Plumbing Specialist",
},
id: "t4", name: "Robert Lee", role: "Senior Plumbing Specialist", imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515886.jpg", imageAlt: "Robert Lee, Senior Plumbing Specialist"},
]}
title="Meet Our Expert Plumbing Team"
description="Highly trained and dedicated professionals ready to tackle any plumbing challenge with precision and care, ensuring top-tier service for every client."
@@ -248,47 +173,18 @@ export default function LandingPage() {
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={false}
animationType="scale-rotate"
testimonials={[
{
id: "tes1",
name: "Sarah J.",
handle: "@SarahJ_Home",
testimonial: "Dennis & Sons saved us when our water heater burst! Fast, professional, and transparent pricing. Highly recommend their 24/7 service.",
imageSrc: "http://img.b2bpic.net/free-photo/this-place-we-re-starting-our-adventure_329181-7397.jpg",
imageAlt: "Portrait of Sarah J., a satisfied homeowner",
},
id: "tes1", name: "Sarah J.", handle: "@SarahJ_Home", testimonial: "Dennis & Sons saved us when our water heater burst! Fast, professional, and transparent pricing. Highly recommend their 24/7 service.", imageSrc: "http://img.b2bpic.net/free-photo/this-place-we-re-starting-our-adventure_329181-7397.jpg", imageAlt: "Portrait of Sarah J., a satisfied homeowner"},
{
id: "tes2",
name: "Mark L.",
handle: "@PhoenixPM",
testimonial: "As a property manager, dependable service is key. Dennis & Sons consistently delivers same-day solutions and expert care for all my properties.",
imageSrc: "http://img.b2bpic.net/free-photo/young-displeased-woman-arguing-with-waitress-cafe_637285-8114.jpg",
imageAlt: "Portrait of Mark L., a satisfied property manager",
},
id: "tes2", name: "Mark L.", handle: "@PhoenixPM", testimonial: "As a property manager, dependable service is key. Dennis & Sons consistently delivers same-day solutions and expert care for all my properties.", imageSrc: "http://img.b2bpic.net/free-photo/young-displeased-woman-arguing-with-waitress-cafe_637285-8114.jpg", imageAlt: "Portrait of Mark L., a satisfied property manager"},
{
id: "tes3",
name: "Emily C.",
handle: "@TempeResident",
testimonial: "They fixed our clogged drain quickly and efficiently. The team was polite, knowledgeable, and left everything spotless. Fantastic experience!",
imageSrc: "http://img.b2bpic.net/free-photo/senior-person-gesturing-isolated_23-2149193761.jpg",
imageAlt: "Portrait of Emily C., a happy resident",
},
id: "tes3", name: "Emily C.", handle: "@TempeResident", testimonial: "They fixed our clogged drain quickly and efficiently. The team was polite, knowledgeable, and left everything spotless. Fantastic experience!", imageSrc: "http://img.b2bpic.net/free-photo/senior-person-gesturing-isolated_23-2149193761.jpg", imageAlt: "Portrait of Emily C., a happy resident"},
{
id: "tes4",
name: "David W.",
handle: "@BusinessOwnerAZ",
testimonial: "For our commercial plumbing maintenance, Dennis & Sons is unmatched. Their preventative approach saved us from major issues. True professionals.",
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-making-masks-home_1303-11285.jpg",
imageAlt: "Portrait of David W., a satisfied business owner",
},
id: "tes4", name: "David W.", handle: "@BusinessOwnerAZ", testimonial: "For our commercial plumbing maintenance, Dennis & Sons is unmatched. Their preventative approach saved us from major issues. True professionals.", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-making-masks-home_1303-11285.jpg", imageAlt: "Portrait of David W., a satisfied business owner"},
{
id: "tes5",
name: "Jessica T.",
handle: "@AZFamilyLife",
testimonial: "Finally, a plumber you can trust! Transparent, on time, and they genuinely care. Our family won't use anyone else for our plumbing needs.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg",
imageAlt: "Portrait of Jessica T., a happy family member",
},
id: "tes5", name: "Jessica T.", handle: "@AZFamilyLife", testimonial: "Finally, a plumber you can trust! Transparent, on time, and they genuinely care. Our family won't use anyone else for our plumbing needs.", imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg", imageAlt: "Portrait of Jessica T., a happy family member"},
]}
title="What Our Valued Customers Say"
description="Don't just take our word for it—read why homeowners and businesses across Tempe and Phoenix trust Dennis & Sons Plumbers for their critical needs."
@@ -301,34 +197,19 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What are your emergency service hours?",
content: "Dennis & Sons Plumbers offers 24/7 emergency plumbing services. You can call us anytime, day or night, for urgent repairs.",
},
id: "q1", title: "What are your emergency service hours?", content: "Dennis & Sons Plumbers offers 24/7 emergency plumbing services. You can call us anytime, day or night, for urgent repairs."},
{
id: "q2",
title: "How does your transparent pricing work?",
content: "We believe in honest and upfront pricing. After diagnosing the issue, we provide a detailed quote before starting any work, so you know exactly what to expect.",
},
id: "q2", title: "How does your transparent pricing work?", content: "We believe in honest and upfront pricing. After diagnosing the issue, we provide a detailed quote before starting any work, so you know exactly what to expect."},
{
id: "q3",
title: "Do you offer services for both residential and commercial properties?",
content: "Yes, we proudly serve both residential homeowners and commercial businesses in Tempe and the wider Phoenix metro area. No job is too big or too small for our expert team.",
},
id: "q3", title: "Do you offer services for both residential and commercial properties?", content: "Yes, we proudly serve both residential homeowners and commercial businesses in Tempe and the wider Phoenix metro area. No job is too big or too small for our expert team."},
{
id: "q4",
title: "What areas do you serve?",
content: "We primarily serve Tempe, Arizona, and the surrounding Phoenix metropolitan area. Contact us to confirm service availability in your specific location.",
},
id: "q4", title: "What areas do you serve?", content: "We primarily serve Tempe, Arizona, and the surrounding Phoenix metropolitan area. Contact us to confirm service availability in your specific location."},
{
id: "q5",
title: "Are your plumbers licensed and insured?",
content: "Absolutely. All of our plumbers are fully licensed, certified, and insured, ensuring that you receive professional, reliable, and safe service every time.",
},
id: "q5", title: "Are your plumbers licensed and insured?", content: "Absolutely. All of our plumbers are fully licensed, certified, and insured, ensuring that you receive professional, reliable, and safe service every time."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common inquiries about our services, pricing, and scheduling, ensuring you have all the information you need."
faqsAnimation="entrance-slide"
faqsAnimation="slide-up"
/>
</div>
@@ -339,32 +220,21 @@ export default function LandingPage() {
description="Reach out to us for emergency repairs, routine maintenance, or a free estimate. We're here 24/7 to provide prompt, reliable service."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email (Optional)",
},
name: "email", type: "email", placeholder: "Email (Optional)"},
]}
textarea={{
name: "message",
placeholder: "Describe Your Plumbing Issue",
rows: 4,
name: "message", placeholder: "Describe Your Plumbing Issue", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/thinking-young-delivery-girl-wearing-uniform-with-cap-holding-looking-clipboard-grabbed-chin-isolated-pink-wall_141793-103280.jpg"
imageAlt="Plumber with tools taking a call to schedule service"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
@@ -374,62 +244,37 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Emergency Plumbing",
href: "#services",
},
label: "Emergency Plumbing", href: "#services"},
{
label: "Water Heater Repair",
href: "#services",
},
label: "Water Heater Repair", href: "#services"},
{
label: "Drain Cleaning",
href: "#services",
},
label: "Drain Cleaning", href: "#services"},
{
label: "Commercial Plumbing",
href: "#services",
},
label: "Commercial Plumbing", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}