244 lines
14 KiB
TypeScript
244 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Award, CheckCircle, Clock, Zap } from 'lucide-react';
|
|
import { Phone } from 'lucide-react';
|
|
|
|
function handleSubmit(email: string) {
|
|
console.log('Contact form submitted with email:', email);
|
|
}
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="grid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Emergency", id: "emergency" }
|
|
]}
|
|
brandName="Barry's Emergency Plumbing"
|
|
bottomLeftText="Available 24/7 for Emergencies"
|
|
bottomRightText="(402) 555-0147"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Emergency Plumbing, Fast Response Guaranteed"
|
|
description="Burst pipes? Clogged drains? Water heater issues? Barry's Emergency Plumbing is here 24/7 to fix your problems fast. Licensed technicians, honest pricing, satisfaction guaranteed."
|
|
tag="Available 24/7/365"
|
|
imageSrc="http://img.b2bpic.net/free-photo/bearded-builder-man-construction-uniform-safety-helmet-looking-smiling-cheerfully-showing-thumbs-up_141793-111823.jpg?_wi=1"
|
|
imageAlt="Professional plumber responding to emergency"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
buttons={[
|
|
{ text: "Call Now: (402) 555-0147", href: "tel:(402)555-0147" },
|
|
{ text: "Request Service", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureCardSixteen
|
|
title="Why Choose Barry's Emergency Plumbing?"
|
|
description="We're not just another plumbing service. We're your trusted emergency response partner."
|
|
tag="Local Experts"
|
|
negativeCard={{
|
|
items: [
|
|
"Long wait times for service", "Unknown technicians and high costs", "No guarantee on work quality", "Limited service area coverage", "Poor communication during service"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"30-minute response time guaranteed", "Licensed, insured, and background-checked technicians", "100% satisfaction guarantee or your money back", "Serving Bellevue, Omaha, Papillion, La Vista & Council Bluffs", "Transparent pricing - no hidden fees or surprises"
|
|
]
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardFour
|
|
title="Our Emergency Plumbing Services"
|
|
description="From routine maintenance to emergency repairs, we handle every plumbing issue."
|
|
tag="Professional Services"
|
|
products={[
|
|
{
|
|
id: "emergency-response", name: "Emergency Response", price: "No Call Fee", variant: "Same-Day Service", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg", imageAlt: "Emergency plumbing response"
|
|
},
|
|
{
|
|
id: "drain-cleaning", name: "Drain Cleaning", price: "From $189", variant: "Clogs & Blockages", imageSrc: "http://img.b2bpic.net/free-photo/crop-person-watering-plant-with-hose_23-2147779009.jpg", imageAlt: "Professional drain cleaning"
|
|
},
|
|
{
|
|
id: "water-heater", name: "Water Heater Repair", price: "From $249", variant: "Repair & Replacement", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg", imageAlt: "Water heater service"
|
|
},
|
|
{
|
|
id: "leak-detection", name: "Leak Detection", price: "From $149", variant: "Advanced Equipment", imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170116.jpg", imageAlt: "Leak detection service"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "View All Services", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="emergency" data-section="emergency">
|
|
<MetricCardOne
|
|
title="Why Our Response Time Matters"
|
|
description="Every minute counts during an emergency. Here's what makes us different:"
|
|
tag="Emergency Response"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "30", title: "Minutes Average Response", description: "We get to you fast, not in hours", icon: Zap
|
|
},
|
|
{
|
|
id: "2", value: "24", title: "Hour Service", description: "Available every day, every night", icon: Clock
|
|
},
|
|
{
|
|
id: "3", value: "100", title: "% Satisfaction", description: "Money-back guarantee on all work", icon: CheckCircle
|
|
},
|
|
{
|
|
id: "4", value: "15+", title: "Years Experience", description: "Licensed, insured, and certified", icon: Award
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="What Our Customers Say"
|
|
description="Real feedback from homeowners and businesses we've helped"
|
|
tag="Customer Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Saved our entire basement from flooding", quote: "Burst pipe at 2 AM and Barry's was there in 25 minutes. They fixed it professionally and even helped with cleanup. Best emergency service we've ever used.", name: "Sarah Mitchell", role: "Homeowner, Bellevue", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669840.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", title: "Honest service, fair prices", quote: "No hidden fees, no upselling. They diagnosed the problem, explained the solution, and got it done right. Been a loyal customer for 3 years now.", name: "Michael Chen", role: "Property Manager, Omaha", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", title: "Professional from start to finish", quote: "Called about water heater issues and they arrived within 30 minutes. Technician was knowledgeable, courteous, and got the work done quickly without disrupting our day.", name: "Emily Rodriguez", role: "Business Owner, Papillion", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-redhead-woman-with-charming-smile-healthy-clean-skin_273609-9036.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", title: "Exceptional emergency response", quote: "Clogged drain during a family gathering - they came out same day, fixed it properly, and cleaned up after themselves. Highly recommended for emergencies.", name: "David Kim", role: "Homeowner, La Vista", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg", imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "5", title: "Saved us thousands in water damage", quote: "Their leak detection caught a hidden pipe problem before it caused major damage. Investment paid for itself 10 times over. Great preventive service.", name: "Jennifer Lopez", role: "Homeowner, Council Bluffs", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Jennifer Lopez"
|
|
},
|
|
{
|
|
id: "6", title: "Best emergency plumber in the area", quote: "Multiple visits for different issues - they're always professional, always on time, and always fix the problem right. We trust them completely.", name: "Robert Thompson", role: "Homeowner, Bellevue", imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-africanamerican-woman-showing-okay-sign-smiling-recommending-something-good_1258-179439.jpg", imageAlt: "Robert Thompson"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-areas" data-section="service-areas">
|
|
<MediaAbout
|
|
title="Serving Your Local Area"
|
|
description="Proud to serve homeowners and businesses across the metro area. Wherever you are in Bellevue, Omaha, Papillion, La Vista, or Council Bluffs, we're ready to help with fast, professional emergency plumbing service."
|
|
tag="Local Service"
|
|
imageSrc="http://img.b2bpic.net/free-photo/bearded-builder-man-construction-uniform-safety-helmet-looking-smiling-cheerfully-showing-thumbs-up_141793-111823.jpg?_wi=2"
|
|
imageAlt="Local emergency plumbing service"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:(402)555-0147" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about our emergency plumbing services"
|
|
tag="FAQ"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What areas do you serve?", content: "We provide emergency plumbing services throughout the metro area including Bellevue, Omaha, Papillion, La Vista, and Council Bluffs. If you're unsure if we serve your area, call us at (402) 555-0147 and we'll let you know."
|
|
},
|
|
{
|
|
id: "2", title: "How quickly can you respond to an emergency?", content: "We guarantee a 30-minute average response time for emergency calls. Our dispatch team works 24/7 to get the nearest available technician to your location as fast as possible."
|
|
},
|
|
{
|
|
id: "3", title: "Do you charge a call-out fee?", content: "No! There's no call-out or service fee. You only pay for the actual work performed. Our pricing is transparent with no hidden fees or surprises."
|
|
},
|
|
{
|
|
id: "4", title: "Are your technicians licensed and insured?", content: "Yes, all our technicians are fully licensed plumbers with active Nebraska licenses, background-checked, and we carry full liability insurance to protect your home."
|
|
},
|
|
{
|
|
id: "5", title: "What if I'm not satisfied with the work?", content: "We guarantee 100% satisfaction on all our work. If you're not happy, we'll make it right at no additional cost or we'll refund your money."
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer maintenance plans?", content: "Yes! We offer preventive maintenance plans to help avoid emergency repairs. Annual inspections can catch small problems before they become expensive emergencies."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Emergency Service"
|
|
title="Ready for Your Plumbing Emergency?"
|
|
description="Don't wait. Contact us now for immediate emergency plumbing service. Available 24/7, 365 days a year."
|
|
tagIcon={Phone}
|
|
background={{ variant: "rotated-rays-animated-grid" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get Help Now"
|
|
termsText="We respect your privacy. By submitting, you agree to be contacted about your emergency plumbing needs."
|
|
onSubmit={handleSubmit}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Barry's Emergency Plumbing"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|