447 lines
16 KiB
TypeScript
447 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import Link from "next/link";
|
|
import { CheckCircle, Wrench, AlertTriangle, Zap, Shield, Eye, Sparkles, ThumbsUp, Heart, Award, Medal, Star, Phone, MapPin } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Empire NYC Plumbers"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{
|
|
text: "Call Now",
|
|
href: "tel:+16463496213",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="24/7 Emergency Plumbing in NYC"
|
|
description="Fast, reliable, and licensed plumbers ready to fix your drains, leaks, and sewer issues today. Serving all five boroughs with same-day service."
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{
|
|
value: "68",
|
|
label: "5-Star Reviews",
|
|
},
|
|
{
|
|
value: "24/7",
|
|
label: "Always Available",
|
|
},
|
|
{
|
|
value: "15 min",
|
|
label: "Avg Response Time",
|
|
},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Licensed & Insured"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Call Now",
|
|
href: "tel:+16463496213",
|
|
},
|
|
{
|
|
text: "Get Free Quote",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/cheerful-asian-plumber-sitting-floor-repairing-kitchen-sink_1098-17780.jpg"
|
|
imageAlt="Professional plumber working on sink pipes"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
className="hero-section-plumbing"
|
|
titleClassName="text-5xl md:text-6xl"
|
|
descriptionClassName="text-lg md:text-xl"
|
|
/>
|
|
</div>
|
|
|
|
{/* Services Section */}
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Emergency Plumbing Repair",
|
|
description: "Burst pipes, major leaks, and urgent issues handled immediately. Our technicians are on call 24/7 to prevent water damage and restore your system.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-putting-surfboard-water_23-2148021610.jpg?_wi=1",
|
|
imageAlt: "emergency plumbing burst pipe repair",
|
|
},
|
|
items: [
|
|
{
|
|
icon: AlertTriangle,
|
|
text: "Immediate response to emergencies",
|
|
},
|
|
{
|
|
icon: Zap,
|
|
text: "Fast leak detection and repair",
|
|
},
|
|
{
|
|
icon: Shield,
|
|
text: "Prevent costly water damage",
|
|
},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Drain Cleaning & Unclogging",
|
|
description: "Slow drains, backups, and clogs removed quickly. We use advanced cleaning equipment to clear blockages and restore water flow.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-protective-equipment-disinfecting_23-2148848578.jpg?_wi=1",
|
|
imageAlt: "professional drain cleaning plumbing service",
|
|
},
|
|
items: [
|
|
{
|
|
icon: Zap,
|
|
text: "Professional drain snaking",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Complete blockage removal",
|
|
},
|
|
{
|
|
icon: Sparkles,
|
|
text: "Preventative maintenance options",
|
|
},
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Sewer Line Repair & Replacement",
|
|
description: "Root intrusions, cracks, and breaks handled with minimal disruption. We diagnose issues with camera inspection and repair or replace as needed.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-47046.jpg?_wi=1",
|
|
imageAlt: "sewer line excavation repair work",
|
|
},
|
|
items: [
|
|
{
|
|
icon: Eye,
|
|
text: "Camera sewer line inspection",
|
|
},
|
|
{
|
|
icon: Wrench,
|
|
text: "Trenchless repair options",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Complete sewer line replacement",
|
|
},
|
|
],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
title="Our Plumbing Services"
|
|
description="Expert solutions for all your residential and commercial plumbing needs. Quick diagnosis, honest pricing, and lasting results."
|
|
tag="Full Service Coverage"
|
|
tagIcon={Wrench}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Why Us Section */}
|
|
<div id="why-us" data-section="why-us">
|
|
<TextSplitAbout
|
|
title="Why Choose Empire NYC Plumbers"
|
|
description={[
|
|
"We're committed to providing the best plumbing service in New York City. With licensed technicians, transparent pricing, and round-the-clock availability, we solve your plumbing problems fast.",
|
|
"Every customer receives upfront pricing before work begins, no hidden fees, and a guarantee on our work. We treat your home with respect and get the job done right.",
|
|
"From emergency repairs to routine maintenance, we're your trusted local plumber for all five NYC boroughs.",
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Request Service",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Reviews Section */}
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwo
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson",
|
|
role: "Manhattan Homeowner",
|
|
testimonial: "Low shower pressure had become a daily annoyance. The technician found sediment buildup and cleaned the line. The solution noticeably boosted the water flow immediately.",
|
|
icon: ThumbsUp,
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen",
|
|
role: "Upper West Side Resident",
|
|
testimonial: "Our shower drain had been slow for months. Their technicians cleared the blockage completely and explained exactly why it happened. Professional and efficient.",
|
|
icon: CheckCircle,
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez",
|
|
role: "Harlem Business Owner",
|
|
testimonial: "Our toilet would not flush properly and we were panicking. Called them in the evening and they arrived within 30 minutes. Problem solved. Fantastic service.",
|
|
icon: Zap,
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
role: "Bronx Homeowner",
|
|
testimonial: "Emergency pipe burst at 2 AM. They answered immediately, arrived in 20 minutes, and fixed it professionally. Saved us from major water damage. Highly recommend.",
|
|
icon: Heart,
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jennifer Lopez",
|
|
role: "Washington Heights Resident",
|
|
testimonial: "Honest pricing, no hidden fees, and they completed the work ahead of schedule. Friendly technicians who explained everything they were doing.",
|
|
icon: Award,
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Robert Washington",
|
|
role: "Staten Island Homeowner",
|
|
testimonial: "Best plumbing service I've used in 15 years of home ownership. Licensed, insured, and they really know their trade. Worth every penny.",
|
|
icon: Medal,
|
|
},
|
|
]}
|
|
title="Customer Reviews"
|
|
description="Trusted by hundreds of New York homeowners and businesses. See what our customers say about our service."
|
|
tag="5.0 Stars - 68 Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
{/* Service Areas Section */}
|
|
<div id="service-areas" data-section="service-areas">
|
|
<MetricCardSeven
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "5",
|
|
title: "Boroughs Covered",
|
|
items: [
|
|
"Manhattan coverage",
|
|
"Emergency service available",
|
|
"Same-day appointments",
|
|
],
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "100+",
|
|
title: "Neighborhoods Served",
|
|
items: [
|
|
"Harlem to Financial District",
|
|
"Brooklyn to the Bronx",
|
|
"Queens and Staten Island",
|
|
],
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "15 min",
|
|
title: "Avg Response Time",
|
|
items: [
|
|
"24/7 emergency dispatch",
|
|
"Local technician network",
|
|
"Quick on-site arrival",
|
|
],
|
|
},
|
|
]}
|
|
title="Serving All of NYC"
|
|
description="We proudly serve homeowners and businesses across New York City. Same-day service available for emergency calls."
|
|
tag="Local Coverage"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact & FAQ Section */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What areas do you serve?",
|
|
content: "We serve all five boroughs of New York City including Manhattan, Brooklyn, Queens, the Bronx, and Staten Island. Same-day emergency service is available throughout the city.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Are you available 24/7?",
|
|
content: "Yes, we're available 24 hours a day, 7 days a week, including weekends and holidays. Emergency calls are prioritized and we aim to respond within 15-30 minutes.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Do you provide upfront pricing?",
|
|
content: "Absolutely. We provide honest, upfront pricing before we start any work. No hidden fees, and we'll explain exactly what needs to be done and why.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Are you licensed and insured?",
|
|
content: "Yes, all our technicians are fully licensed and insured. We carry comprehensive liability insurance to protect your home and our work.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Do you offer emergency service?",
|
|
content: "Emergency plumbing service is our specialty. Burst pipes, major leaks, and urgent issues are handled immediately with our 24/7 emergency response team.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "What's your service guarantee?",
|
|
content: "We guarantee our work and stand behind every repair. If you're not satisfied with our service, we'll make it right at no additional cost.",
|
|
},
|
|
]}
|
|
ctaTitle="Call Now for Emergency Service"
|
|
ctaDescription="Available 24/7. Licensed plumbers ready to help with any plumbing issue."
|
|
ctaButton={{
|
|
text: "Call +1 (646) 349-6213",
|
|
href: "tel:+16463496213",
|
|
}}
|
|
ctaIcon={Phone}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Empire NYC Plumbers"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "/",
|
|
},
|
|
{
|
|
label: "Our Services",
|
|
href: "/services",
|
|
},
|
|
{
|
|
label: "Service Areas",
|
|
href: "#service-areas",
|
|
},
|
|
{
|
|
label: "Reviews",
|
|
href: "#reviews",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Emergency Plumbing",
|
|
href: "/services#emergency",
|
|
},
|
|
{
|
|
label: "Drain Cleaning",
|
|
href: "/services#drain",
|
|
},
|
|
{
|
|
label: "Sewer Repair",
|
|
href: "/services#sewer",
|
|
},
|
|
{
|
|
label: "Leak Detection",
|
|
href: "/services#leak",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "Call 24/7",
|
|
href: "tel:+16463496213",
|
|
},
|
|
{
|
|
label: "Get Quote",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "NYC Service Areas",
|
|
href: "#service-areas",
|
|
},
|
|
{
|
|
label: "Emergency Service",
|
|
href: "tel:+16463496213",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Contact Us",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Empire NYC Plumbers, Drain & Sewer Cleaning. Licensed & Insured. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |