318 lines
16 KiB
TypeScript
318 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
|
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import Link from "next/link";
|
|
import {
|
|
Zap,
|
|
AlertTriangle,
|
|
Thermometer,
|
|
Droplet,
|
|
Wrench,
|
|
Clock,
|
|
CheckCircle,
|
|
MapPin,
|
|
Shield,
|
|
Award,
|
|
Users,
|
|
Phone,
|
|
} from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={navItems}
|
|
brandName="DMV Plumbing"
|
|
button={{
|
|
text: "Call Now: (202) 507-3003", href: "tel:2025073003"}}
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
title="Fast, Reliable Plumbing in Washington, DC — 24/7 Emergency Service"
|
|
description="Local, responsive crew for leaks, clogs, water heaters, sump pumps, sewer issues, and more. Same-day emergency help available."
|
|
tag="24/7 Emergency Service"
|
|
tagIcon={Zap}
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Call Now: (202) 507-3003", href: "tel:2025073003" },
|
|
{ text: "Get a Free Estimate", href: "#contact" },
|
|
]}
|
|
dashboard={{
|
|
title: "Why Homeowners Choose DMV Plumbing", logoIcon: Wrench,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-sitting-floor-repairing-kitchen-sink_1098-17780.jpg", buttons: [
|
|
{ text: "View Services", href: "/services" },
|
|
{ text: "Read Reviews", href: "/reviews" },
|
|
],
|
|
sidebarItems: [
|
|
{ icon: Clock, active: true },
|
|
{ icon: CheckCircle },
|
|
{ icon: MapPin },
|
|
],
|
|
stats: [
|
|
{
|
|
title: "Response Time", values: [4, 2, 1],
|
|
description: "Average emergency response"},
|
|
{
|
|
title: "Customer Rating", values: [4.0, 4.2, 4.3],
|
|
valueSuffix: "★", description: "45+ verified reviews"},
|
|
{
|
|
title: "Service Area", values: [1, 1, 1],
|
|
description: "DMV neighborhoods"},
|
|
],
|
|
listTitle: "Licensed & Insured", listItems: [
|
|
{
|
|
icon: Shield,
|
|
title: "Licensed & Insured", status: "Verified"},
|
|
{
|
|
icon: Award,
|
|
title: "Industry Certified", status: "Active"},
|
|
{
|
|
icon: Users,
|
|
title: "Experienced Team", status: "12+ Years"},
|
|
],
|
|
searchPlaceholder: "Search services...", chartTitle: "Service Quality Metrics", chartData: [
|
|
{ value: 85 },
|
|
{ value: 92 },
|
|
{ value: 88 },
|
|
{ value: 95 },
|
|
{ value: 90 },
|
|
],
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
{/* Services Section */}
|
|
<div id="services-quick" data-section="services-quick">
|
|
<FeatureBorderGlow
|
|
title="Our Core Services"
|
|
description="Quick access to emergency plumbing and maintenance solutions for your home."
|
|
features={[
|
|
{
|
|
icon: AlertTriangle,
|
|
title: "Emergency Plumbing", description: "24/7 rapid response for leaks, bursts, and urgent issues"},
|
|
{
|
|
icon: Zap,
|
|
title: "Drain Cleaning", description: "Professional clog removal and drain line maintenance"},
|
|
{
|
|
icon: Wrench,
|
|
title: "Sewer Line Service", description: "Main sewer repair and replacement for serious issues"},
|
|
{
|
|
icon: Thermometer,
|
|
title: "Water Heater", description: "Repair and replacement for gas and electric units"},
|
|
{
|
|
icon: Droplet,
|
|
title: "Sump Pump", description: "Installation, repair, and backup battery systems"},
|
|
{
|
|
icon: Wrench,
|
|
title: "Leak Repair", description: "Detection and repair of hidden and visible leaks"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Why Choose Us Section */}
|
|
<div id="why-us" data-section="why-us">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Why Choose" },
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/man-looking-into-drawer-full-tools_23-2147773399.jpg", alt: "DMV Plumbing Service Van"},
|
|
{ type: "text", content: "DMV Plumbing" },
|
|
]}
|
|
buttons={[{ text: "Request Service Now", href: "#contact" }]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Customers Say"
|
|
description="Real feedback from homeowners and businesses who trust DMV Plumbing with their emergency and routine plumbing needs."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Verified Customer", handle: "@dcresident", testimonial:
|
|
"Sunday storm—sump pump failed—DJ came through when stores were closed. Fast, professional, and fair pricing. Highly recommend!", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg?_wi=1", imageAlt: "Satisfied customer"},
|
|
{
|
|
id: "2", name: "Verified Customer", handle: "@homeowner", testimonial:
|
|
"Emergency water tank replacement on a Saturday. They were responsive, capable crew, explained everything clearly. Best service in DC.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg?_wi=2", imageAlt: "Satisfied customer"},
|
|
{
|
|
id: "3", name: "Verified Customer", handle: "@arlington-va", testimonial:
|
|
"Clogged sewer main—helped us on a holiday weekend. Professional diagnosis, upfront estimate, and excellent cleanup afterward.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg?_wi=3", imageAlt: "Satisfied customer"},
|
|
{
|
|
id: "4", name: "Verified Customer", handle: "@rockville-md", testimonial:
|
|
"Dealing with old rowhouse plumbing. They were patient, knowledgeable about the building's quirks, and fixed everything right. A+", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg?_wi=4", imageAlt: "Satisfied customer"},
|
|
{
|
|
id: "5", name: "Verified Customer", handle: "@bethesda-md", testimonial:
|
|
"Leak detection on a Thursday evening. They pinpointed the issue, explained the repair options, and scheduled follow-up. Trustworthy.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg?_wi=5", imageAlt: "Satisfied customer"},
|
|
{
|
|
id: "6", name: "Verified Customer", handle: "@dc-business", testimonial:
|
|
"Commercial property emergency. Responded quickly, minimal downtime, professional crew. Been using them for 3+ years now.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg?_wi=6", imageAlt: "Satisfied customer"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={45}
|
|
/>
|
|
</div>
|
|
|
|
{/* Metrics Section */}
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="DMV Plumbing By The Numbers"
|
|
description="Trusted local service with proven results and customer satisfaction."
|
|
metrics={[
|
|
{ id: "1", value: "4.3★", description: "45+ Verified Reviews" },
|
|
{ id: "2", value: "24/7", description: "Emergency Response Available" },
|
|
{
|
|
id: "3", value: "DC/MD/VA", description: "Local Service Area"},
|
|
{ id: "4", value: "~1 Hour", description: "Typical Emergency Response" },
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* FAQ Section */}
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions About Our Plumbing Services"
|
|
description="Find quick answers to questions homeowners ask about emergency response, pricing, and service areas."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do you offer same-day service?", content:
|
|
"Yes. We prioritize emergency calls and aim for same-day response in the DC area. Call (202) 507-3003 to check current availability for your specific issue."},
|
|
{
|
|
id: "2", title: "What areas do you service?", content:
|
|
"We serve Washington, DC and nearby neighborhoods in Maryland and Virginia (DMV region). This includes downtown DC, Arlington, Bethesda, Rockville, and surrounding areas. Contact us to confirm service availability for your address."},
|
|
{
|
|
id: "3", title: "How do you handle pricing?", content:
|
|
"We provide a free telephone estimate to discuss your issue. For most services, we schedule a site visit for a detailed written estimate before any work begins. No surprises—transparent pricing always."},
|
|
{
|
|
id: "4", title: "Are you licensed and insured?", content:
|
|
"Yes. We are fully licensed, insured, and bonded. Our team is trained in all aspects of residential and commercial plumbing repair and maintenance."},
|
|
{
|
|
id: "5", title: "What payment methods do you accept?", content:
|
|
"We accept all major credit cards, checks, and bank transfers. Payment is due upon completion of work unless other arrangements are made in advance."},
|
|
{
|
|
id: "6", title: "Do you offer a service guarantee?", content:
|
|
"We stand behind our work. If you experience issues with a repair we've completed, contact us within 30 days and we'll revisit the job at no charge to make it right."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg"
|
|
imageAlt="Professional plumber at work"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact/CTA Section */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Schedule Service?"
|
|
ctaDescription="Call us now or fill out the form below to request a free estimate. We'll get back to you within 1 hour during business hours."
|
|
ctaButton={{
|
|
text: "Call (202) 507-3003", href: "tel:2025073003"}}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How quickly can you respond to emergencies?", content:
|
|
"Most emergency calls in DC receive a response within 1 hour. We dispatch the nearest available technician 24/7. Call (202) 507-3003 immediately for urgent issues."},
|
|
{
|
|
id: "2", title: "What should I do if I have a water leak right now?", content:
|
|
"Call us immediately at (202) 507-3003. If possible, turn off the main water supply to minimize damage. Place towels or buckets to catch water. Our dispatcher will provide guidance while we dispatch a technician."},
|
|
{
|
|
id: "3", title: "Can I request a specific technician or time slot?", content:
|
|
"We do our best to accommodate scheduling preferences. Call or fill out the request form with your preferred time, and we'll confirm availability. Emergency calls are scheduled based on urgency."},
|
|
{
|
|
id: "4", title: "Do you offer free estimates?", content:
|
|
"Yes. We provide a free phone estimate for most issues. If you need a site visit for a detailed written estimate, we'll discuss any potential service call charges upfront."},
|
|
]}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Reviews", href: "/reviews" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Call: (202) 507-3003", href: "tel:2025073003"},
|
|
{
|
|
label: "Address: 629 Longfellow St NW, Washington, DC 20011", href: "https://maps.google.com/?q=629+Longfellow+St+NW+Washington+DC+20011"},
|
|
{ label: "Hours: 24/7 Emergency Service", href: "#" },
|
|
{ label: "Request Service", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Service Area", items: [
|
|
{ label: "Washington, DC", href: "#" },
|
|
{ label: "Arlington, VA", href: "#" },
|
|
{ label: "Bethesda, MD", href: "#" },
|
|
{ label: "Rockville, MD", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 DMV Plumbing. Licensed & Insured. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |