154 lines
4.9 KiB
TypeScript
154 lines
4.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import Link from "next/link";
|
|
import { Wrench, MapPin, Award } from "lucide-react";
|
|
|
|
export default function AboutPage() {
|
|
const navItems = [
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Services", href: "/" },
|
|
{ label: "Service Areas", href: "/#service-areas" },
|
|
{ label: "Reviews", href: "/reviews" },
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Emergency Plumbing", href: "/#emergency" },
|
|
{ label: "Drain Cleaning", href: "/#drain" },
|
|
{ label: "Sewer Repair", href: "/#sewer" },
|
|
{ label: "Leak Detection", href: "/#leak" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "Call 24/7", href: "tel:+16463496213" },
|
|
{ label: "Get Quote", href: "/#contact" },
|
|
{ label: "NYC Service Areas", href: "/#contact" },
|
|
{ label: "Emergency Service", href: "tel:+16463496213" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Contact Us", href: "/#contact" },
|
|
],
|
|
},
|
|
];
|
|
|
|
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"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Empire NYC Plumbers"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Call Now",
|
|
href: "tel:+16463496213",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<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: "tel:+16463496213",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="company-metrics" data-section="company-metrics">
|
|
<MetricCardSeven
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "15+",
|
|
title: "Years in Business",
|
|
items: [
|
|
"Serving NYC families",
|
|
"Thousands of jobs completed",
|
|
"Award-winning service",
|
|
],
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "100%",
|
|
title: "Licensed & Insured",
|
|
items: [
|
|
"Full liability coverage",
|
|
"City-certified technicians",
|
|
"Compliant with all codes",
|
|
],
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "68",
|
|
title: "5-Star Reviews",
|
|
items: [
|
|
"Customer testimonials",
|
|
"Trusted by locals",
|
|
"Proven track record",
|
|
],
|
|
},
|
|
]}
|
|
title="Our Track Record"
|
|
description="Decades of experience delivering trusted plumbing solutions across New York City."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Empire NYC Plumbers"
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Empire NYC Plumbers, Drain & Sewer Cleaning. Licensed & Insured. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |