247 lines
15 KiB
TypeScript
247 lines
15 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { CheckCircle, Phone, Star, ThumbsUp, Wrench, User, UserCheck, Users } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Hobbs Plumbing"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" }
|
|
]}
|
|
button={{ text: "Call Now", href: "tel:+1234567890" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Trusted Local Plumbing Experts"
|
|
description="Fast, reliable service you can count on. Licensed, insured, and committed to solving your plumbing problems right the first time. Serving Auburn & Opelika, AL."
|
|
background={{ variant: "plain" }}
|
|
tag="Professional Plumbing"
|
|
tagIcon={Wrench}
|
|
tagAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="4.9 ⭐ Rated by 55+ Customers"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-standing-near-kitchen-sink-showing-thumb-up_1098-17826.jpg", imageAlt: "Professional plumber at work"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-clipboard-front-cargo-van-delivering-bottles-water_627829-4187.jpg", imageAlt: "Hobbs Plumbing service truck"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+1234567890" },
|
|
{ text: "Request Service", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardOne
|
|
title="Our Services"
|
|
description="Comprehensive plumbing solutions for all your residential and commercial needs"
|
|
tag="What We Offer"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
title: "Leak Repair", description: "Fast detection and professional repair of water leaks before they cause damage", imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg", imageAlt: "Leak repair service", button: { text: "Call Now", href: "tel:+1234567890" }
|
|
},
|
|
{
|
|
title: "Drain Cleaning", description: "Clear clogs and clean drain lines with advanced equipment and proven methods", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg", imageAlt: "Drain cleaning service", button: { text: "Call Now", href: "tel:+1234567890" }
|
|
},
|
|
{
|
|
title: "Water Heater Services", description: "Installation, repair, and maintenance of water heaters for optimal performance", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg", imageAlt: "Water heater service", button: { text: "Call Now", href: "tel:+1234567890" }
|
|
},
|
|
{
|
|
title: "Toilet Repair", description: "Expert toilet repair and replacement to keep your bathroom functioning perfectly", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746312.jpg", imageAlt: "Toilet repair service", button: { text: "Call Now", href: "tel:+1234567890" }
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Local Plumbing Excellence Since 1995" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Request Service", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Customer Reviews"
|
|
description="Real feedback from homeowners and businesses who trust Hobbs Plumbing"
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Homeowner", testimonial: "Very professional and high quality work. Wade arrived on time, diagnosed the issue quickly, and fixed it right the first time. Highly recommend!", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%23e2e8f0'/%3E%3Ccircle cx='35' cy='40' r='8' fill='%23475569'/%3E%3Ccircle cx='65' cy='40' r='8' fill='%23475569'/%3E%3Cpath d='M 40 70 Q 50 80 60 70' stroke='%23475569' stroke-width='3' fill='none'/%3E%3C/svg%3E", imageAlt: "Anonymous user avatar", icon: User
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Property Manager", testimonial: "Excellent service for emergency plumbing. Called during an urgent water leak situation and they responded immediately. Professional and trustworthy.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%234b5563'/%3E%3Ccircle cx='35' cy='40' r='8' fill='%23e2e8f0'/%3E%3Ccircle cx='65' cy='40' r='8' fill='%23e2e8f0'/%3E%3Cpath d='M 40 70 Q 50 80 60 70' stroke='%23e2e8f0' stroke-width='3' fill='none'/%3E%3C/svg%3E", imageAlt: "Anonymous user avatar", icon: UserCheck
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Business Owner", testimonial: "Been using Hobbs Plumbing for our commercial property maintenance. Reliable, knowledgeable, and fair pricing. Call this number right away.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%23f0f4f8'/%3E%3Ccircle cx='35' cy='40' r='8' fill='%23334155'/%3E%3Ccircle cx='65' cy='40' r='8' fill='%23334155'/%3E%3Cpath d='M 35 65 Q 50 75 65 65' stroke='%23334155' stroke-width='3' fill='none'/%3E%3C/svg%3E", imageAlt: "Anonymous user avatar", icon: Users
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Homeowner", testimonial: "Great communication and friendly service. They explained everything they were doing and answered all my questions. Worth every penny!", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%23d1d5db'/%3E%3Ccircle cx='35' cy='40' r='8' fill='%23374151'/%3E%3Ccircle cx='65' cy='40' r='8' fill='%23374151'/%3E%3Cpath d='M 40 68 Q 50 78 60 68' stroke='%23374151' stroke-width='3' fill='none'/%3E%3C/svg%3E", imageAlt: "Anonymous user avatar", icon: User
|
|
},
|
|
{
|
|
id: "5", name: "Jennifer Martinez", role: "Landlord", testimonial: "Dependable and professional. I call Hobbs for all my rental property plumbing needs. They handle everything with care and efficiency.", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%23e8e8e8'/%3E%3Ccircle cx='35' cy='40' r='8' fill='%23666666'/%3E%3Ccircle cx='65' cy='40' r='8' fill='%23666666'/%3E%3Cpath d='M 38 70 Q 50 80 62 70' stroke='%23666666' stroke-width='3' fill='none'/%3E%3C/svg%3E", imageAlt: "Anonymous user avatar", icon: UserCheck
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Local Residents"
|
|
description="Serving Auburn & Opelika, AL with excellence for nearly 30 years"
|
|
tag="Local Leaders"
|
|
textboxLayout="default"
|
|
names={[
|
|
"Google Verified", "Better Business Bureau Member", "Licensed & Insured", "24/7 Emergency Service", "Free Estimates", "Same-Day Service Available", "Satisfaction Guaranteed", "Locally Owned"
|
|
]}
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common plumbing questions"
|
|
tag="Help"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do you offer emergency plumbing services?", content: "Yes! We offer 24/7 emergency plumbing services. Call us anytime for urgent repairs, burst pipes, or other plumbing emergencies. We prioritize rapid response to prevent water damage."
|
|
},
|
|
{
|
|
id: "2", title: "How quickly can you respond to service calls?", content: "We aim to respond to all calls within 24 hours, and for emergencies, we can often be at your location within 1-2 hours. Our dispatch team will provide you with an estimated arrival time when you call."
|
|
},
|
|
{
|
|
id: "3", title: "Do you provide free estimates?", content: "Absolutely! We provide free estimates for most plumbing work. Our technicians will assess your situation and provide a detailed quote before any work begins, with no obligation."
|
|
},
|
|
{
|
|
id: "4", title: "What areas do you serve?", content: "We proudly serve Auburn and Opelika, AL and the surrounding regions. Call us to confirm if we service your address. We're proud to be a local business deeply rooted in the community."
|
|
},
|
|
{
|
|
id: "5", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured. This protects you and ensures all work is performed to industry standards and local building codes."
|
|
},
|
|
{
|
|
id: "6", title: "What is your service warranty?", content: "We stand behind our work with a satisfaction guarantee. If you're not satisfied with our service, we'll make it right. All parts and labor come with appropriate warranties."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Need Help Now?"
|
|
ctaDescription="Don't wait for plumbing problems to get worse. Call us immediately for fast, professional service in Auburn & Opelika, AL."
|
|
ctaButton={{ text: "Call Now: (555) 123-4567", href: "tel:+15551234567" }}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do I schedule a service appointment?", content: "Call us directly at (555) 123-4567 or fill out our online form. Our friendly team will find a time that works for you and confirm all details."
|
|
},
|
|
{
|
|
id: "2", title: "What should I do if I have a water leak?", content: "Turn off the main water valve if possible, and then call us immediately. We offer emergency response for leak situations. Take photos if safe to do so."
|
|
},
|
|
{
|
|
id: "3", title: "How much does a typical plumbing repair cost?", content: "Costs vary based on the complexity of the issue. We provide free estimates so you know the exact cost before we begin work. No surprises!"
|
|
},
|
|
{
|
|
id: "4", title: "Do you handle both residential and commercial work?", content: "Yes! We have experience with both residential and commercial plumbing. We customize our service to meet the specific needs of each client in Auburn and Opelika."
|
|
}
|
|
]}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Hobbs Plumbing LLC"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Call Us: (555) 123-4567", href: "tel:+15551234567" },
|
|
{ label: "Hours: Mon-Sat 7am-4:30pm", href: "#" },
|
|
{ label: "Emergency 24/7 Available", href: "tel:+15551234567" },
|
|
{ label: "Licensed & Insured", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Auburn & Opelika, AL", href: "#" },
|
|
{ label: "Request Service", href: "#contact" },
|
|
{ label: "Service Areas", href: "#" },
|
|
{ label: "Contact Us", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|