393 lines
21 KiB
TypeScript
393 lines
21 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { AlertCircle, Award, Building, CheckCircle, Clock, Droplet, Hammer, HelpCircle, Heart, MessageCircle, Phone, Search, Settings, Shield, Star, Wrench, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Affordable Plumber AZ"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Call Now", href: "tel:480-702-6165"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Fast. Honest. Done Right the First Time."
|
|
description="Arizona's trusted local plumbers delivering same-day service, expert craftsmanship, and real transparency—no surprises."
|
|
background={{ variant: "plain" }}
|
|
tag="5-Star Rated Across Arizona"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:480-702-6165" },
|
|
{ text: "Get a Free Estimate", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Mitchell", handle: "Homeowner", testimonial: "Pat came out the same day and got everything done fast. He explained everything clearly and made sure the job was done right. Best service I've had.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg?_wi=1", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
name: "James Rodriguez", handle: "Business Owner", testimonial: "They were quick, professional, and actually cared about fixing the problem—not just charging me. Highly recommend.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg?_wi=1", imageAlt: "James Rodriguez"
|
|
},
|
|
{
|
|
name: "Emily Chen", handle: "Homeowner", testimonial: "Installed our tankless water heater in one day. Great price and even better service.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg?_wi=1", imageAlt: "Emily Chen"
|
|
},
|
|
{
|
|
name: "David Thompson", handle: "Homeowner", testimonial: "Answered late at night and had someone out the next day. Fixed everything perfectly.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=1", imageAlt: "David Thompson"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
mediaAnimation="none"
|
|
ariaLabel="Hero section with testimonials"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<TestimonialAboutCard
|
|
tag="Our Difference"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
title="Not Just Another Plumbing Company"
|
|
description="Affordable Plumber AZ LLC was built on one thing: doing the job right and treating people honestly."
|
|
subdescription="While big companies rush jobs and push upsells, our team focuses on real solutions, clear communication, and work that actually lasts."
|
|
icon={Shield}
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-bathroom-with-bathtub-double-sink-vanity-smart-home-technology_9975-33078.jpg?_wi=1"
|
|
imageAlt="Professional plumbing work"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Why choose us section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
title="Full-Service Plumbing for Your Home or Business"
|
|
description="Comprehensive plumbing solutions tailored to your needs, from emergency repairs to complete installations."
|
|
tag="Our Services"
|
|
tagIcon={Wrench}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Water Heater Repair & Installation", description: "Tank and tankless water heater services for reliable hot water", icon: Droplet,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-turning-off-radiator-energy-crisis_23-2150061813.jpg?_wi=1", imageAlt: "Water heater installation"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-turning-off-radiator-energy-crisis_23-2150061813.jpg?_wi=2", imageAlt: "Professional water heater service"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Drain Cleaning & Clog Removal", description: "Professional drain cleaning to restore proper flow and prevent backups", icon: Zap,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358955.jpg?_wi=1", imageAlt: "Professional drain cleaning"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358955.jpg?_wi=2", imageAlt: "Clog removal service"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Leak Detection & Repair", description: "Advanced detection to find leaks and prevent water damage", icon: AlertCircle,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-15382.jpg?_wi=1", imageAlt: "Leak detection service"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-15382.jpg?_wi=2", imageAlt: "Professional leak repair"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Faucet & Fixture Installation", description: "Expert installation of premium faucets and bathroom fixtures", icon: Settings,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-bathtub-double-sink-vanity-smart-home-technology_9975-33078.jpg?_wi=2", imageAlt: "Fixture installation"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-bathtub-double-sink-vanity-smart-home-technology_9975-33078.jpg?_wi=3", imageAlt: "Professional fixture work"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Toilet Repair & Installation", description: "Fast toilet repairs and new installations for your convenience", icon: Hammer,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-bathtub-double-sink-vanity-smart-home-technology_9975-33078.jpg?_wi=4", imageAlt: "Toilet repair service"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-bathtub-double-sink-vanity-smart-home-technology_9975-33078.jpg?_wi=5", imageAlt: "Professional toilet installation"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Emergency Plumbing Services", description: "24/7 emergency response for urgent plumbing situations", icon: Phone,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=1", imageAlt: "Emergency plumbing response"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=2", imageAlt: "Quick emergency service"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Schedule Your Service Today", href: "tel:480-702-6165" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Services section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Why Customers Keep Calling Us Back"
|
|
description="Real stories from homeowners who trusted us with their most important systems."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Pat Johnson", role: "Homeowner", testimonial: "Same-day service, clear communication, and professional work. This is the only plumber we call now.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg?_wi=2", imageAlt: "Pat Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Nguyen", role: "Property Manager", testimonial: "Reliable, honest, and always explains what they're doing. Great for residential properties.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg?_wi=2", imageAlt: "Michael Nguyen"
|
|
},
|
|
{
|
|
id: "3", name: "Linda Garcia", role: "Homeowner", testimonial: "Fixed our emergency leak perfectly and didn't try to upsell us on unnecessary work.", imageSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg?_wi=2", imageAlt: "Linda Garcia"
|
|
},
|
|
{
|
|
id: "4", name: "Robert Williams", role: "Business Owner", testimonial: "Professional team that respects your home and your time. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=2", imageAlt: "Robert Williams"
|
|
},
|
|
{
|
|
id: "5", name: "Jennifer Martinez", role: "Homeowner", testimonial: "Installed our tankless water heater efficiently. Great value and outstanding service quality.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg", imageAlt: "Jennifer Martinez"
|
|
},
|
|
{
|
|
id: "6", name: "Christopher Lee", role: "Homeowner", testimonial: "Fast response, fair pricing, and quality workmanship. A plumber you can actually trust.", imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", imageAlt: "Christopher Lee"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Testimonials section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-section" data-section="trust-section">
|
|
<MetricCardThree
|
|
title="No Surprises. No Confusion. Just Clear Communication."
|
|
description="We know one of the biggest frustrations in plumbing is unexpected pricing. That's why we focus on clear communication before any work begins. Our goal isn't to be the cheapest—it's to deliver real value, lasting repairs, and service you feel good about."
|
|
tag="Our Promise"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", icon: Clock,
|
|
title: "Same-Day Service", value: "Emergency Response"
|
|
},
|
|
{
|
|
id: "2", icon: CheckCircle,
|
|
title: "Licensed Technicians", value: "Full Coverage"
|
|
},
|
|
{
|
|
id: "3", icon: Award,
|
|
title: "5-Star Rated", value: "Across Arizona"
|
|
},
|
|
{
|
|
id: "4", icon: Award,
|
|
title: "Upfront Pricing", value: "No Hidden Fees"
|
|
}
|
|
]}
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Trust metrics section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureCardTwentyFive
|
|
title="Simple. Fast. Stress-Free."
|
|
description="Our proven process ensures you get the best solution with minimal hassle."
|
|
tag="Our Process"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Call or Request Service", description: "Get in touch with us through phone or online. We're available for emergencies.", icon: Phone,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/calling-cafe_1098-16167.jpg?_wi=1", imageAlt: "Step 1: Call us"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/calling-cafe_1098-16167.jpg?_wi=2", imageAlt: "Easy contact process"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "We Diagnose the Problem", description: "Our technicians inspect and identify the exact issue with your system.", icon: Search,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-people-discussing-drafts-office_23-2147785638.jpg?_wi=1", imageAlt: "Step 2: Professional diagnosis"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-people-discussing-drafts-office_23-2147785638.jpg?_wi=2", imageAlt: "Expert inspection"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "You Get a Clear Explanation", description: "We explain the problem, solution, and costs so you can make the right decision.", icon: MessageCircle,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/focused-business-colleagues-arguing_1262-20538.jpg?_wi=1", imageAlt: "Step 3: Clear communication"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/focused-business-colleagues-arguing_1262-20538.jpg?_wi=2", imageAlt: "Transparent pricing"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "We Fix It Right the First Time", description: "Professional installation with quality workmanship you can count on.", icon: CheckCircle,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-wearing-safety-helmets_23-2149366644.jpg?_wi=1", imageAlt: "Step 4: Professional completion"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-wearing-safety-helmets_23-2149366644.jpg?_wi=2", imageAlt: "Quality finished work"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Our process section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Us"
|
|
tagIcon={Building}
|
|
tagAnimation="slide-up"
|
|
title="Local. Experienced. Trusted."
|
|
description="Affordable Plumber AZ LLC has built a reputation across Arizona for quality work, fast response times, and real customer care."
|
|
subdescription="Led by experienced professionals who care about their craft, we treat every job with attention to detail and pride—from emergency leaks to full installations. Proudly serving Mesa, Phoenix, Chandler, Gilbert, Scottsdale, Maricopa, and surrounding areas."
|
|
icon={Award}
|
|
imageSrc="http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=3"
|
|
imageAlt="Professional plumbing team"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About company section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Common Questions Answered"
|
|
description="Everything you need to know about our services, pricing, and process."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do you offer same-day service?", content: "Yes! We offer same-day emergency plumbing services. Call us at 480-702-6165 and we'll dispatch a technician as quickly as possible."
|
|
},
|
|
{
|
|
id: "2", title: "What areas do you serve?", content: "We proudly serve Mesa, Phoenix, Chandler, Gilbert, Scottsdale, Maricopa, and surrounding areas across Arizona."
|
|
},
|
|
{
|
|
id: "3", title: "Do you provide upfront pricing?", content: "Absolutely. We always explain the problem, solution, and costs before any work begins. No hidden fees, no surprises."
|
|
},
|
|
{
|
|
id: "4", title: "Are your technicians licensed?", content: "Yes, all our technicians are fully licensed, experienced, and insured for your peace of mind."
|
|
},
|
|
{
|
|
id: "5", title: "How do I get a free estimate?", content: "Call us at 480-702-6165 or fill out a service request online. We'll schedule a convenient time to assess your needs."
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 emergency plumbing services for urgent situations like burst pipes, major leaks, or sewage backups."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="smooth"
|
|
ariaLabel="FAQ section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Why Us", href: "#why-us" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Call Now", href: "tel:480-702-6165" },
|
|
{ label: "Get Estimate", href: "mailto:info@affordableplumberaz.com" },
|
|
{ label: "Service Areas", href: "#about" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms & Conditions", href: "#" },
|
|
{ label: "License Information", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Affordable Plumber AZ LLC. All rights reserved. Licensed, Bonded, and Insured."
|
|
ariaLabel="Footer section"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |