Add src/app/services/drain-cleaning/page.tsx

This commit is contained in:
2026-04-20 16:09:28 +00:00
parent 6807c63213
commit 9b8213a19f

View File

@@ -0,0 +1,41 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
export default function DrainCleaningPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Drain Cleaning", id: "/services/drain-cleaning" },
{ name: "Water Heater Repair", id: "/services/water-heater-repair" },
{ name: "Reviews", id: "/reviews" },
{ name: "Contact", id: "/contact" },
]}
brandName="The Plumbing Company"
/>
<HeroSplitKpi
title="Expert Drain Cleaning Services"
description="Clogged drains can disrupt your daily routine. Our professional team provides fast, efficient cleaning for kitchen, bathroom, and main sewer lines."
kpis={[{ value: "Fast", label: "Response" }, { value: "Advanced", label: "Equipment" }, { value: "100%", label: "Satisfaction" }]}
buttons={[{ text: "Schedule Service", href: "/contact" }]}
/>
<FooterBase
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
]}
logoText="The Plumbing Company (517) 899-5499"
/>
</ReactLenis>
</ThemeProvider>
);
}