Add src/app/services/page.tsx

This commit is contained in:
2026-03-24 22:15:08 +00:00
parent 8a01c552bc
commit fe04ad954b

101
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,101 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Building2, Calendar, Droplet, Facebook, Flame, Gas, Instagram, Phone, Pipe, Star, Twitter, Users, Wrench, Zap } from "lucide-react";
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="medium"
background="fluid"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "home", href: "/"},
{
name: "Services", id: "services", href: "/services"},
{
name: "About Us", id: "about", href: "/about"},
{
name: "Reviews", id: "reviews", href: "/reviews"},
{
name: "Contact", id: "contact", href: "/contact"},
]}
button={{
text: "Call Now", href: "tel:+16151234567"}}
brandName="Nashville Plumbing Pro"
/>
</div>
<div id="services-page-features" data-section="services-page-features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Droplet,
title: "Leak Detection & Repair", description: "Utilizing advanced technology to accurately locate and fix hidden leaks, preventing extensive water damage and high utility bills."},
{
icon: Flame,
title: "Water Heater Services", description: "Expert installation, repair, and maintenance for tankless, traditional, and heat pump water heaters, ensuring a consistent supply of hot water."},
{
icon: Wrench,
title: "Drain Cleaning & Unclogging", description: "Comprehensive drain cleaning to remove stubborn blockages, grease buildup, and foreign objects, restoring optimal drainage in kitchens, bathrooms, and main lines."},
{
icon: Pipe,
title: "Sewer Line Repair & Replacement", description: "From minor repairs to full sewer line replacements, we diagnose and resolve issues with minimal disruption to your property."},
{
icon: Zap,
title: "Emergency Plumbing Services", description: "24/7 rapid response for urgent plumbing issues like burst pipes, severe leaks, and major clogs, minimizing damage and restoring peace of mind."},
{
icon: Gas,
title: "Gas Line Installation & Repair", description: "Safe and reliable installation, inspection, and repair of gas lines for appliances, fireplaces, and outdoor living spaces."},
{
icon: Building2,
title: "Commercial Plumbing Solutions", description: "Specialized plumbing services for businesses, including maintenance, repairs, and installations tailored to commercial property needs."},
{
icon: Wrench,
title: "Fixture Installation & Repair", description: "Professional installation and repair of all plumbing fixtures, including sinks, faucets, toilets, showers, and garbage disposals."},
]}
title="Our Comprehensive Plumbing Services"
description="From emergency repairs to routine maintenance, Nashville Plumbing Pro covers all your residential and commercial plumbing needs with expertise and reliability."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Nashville Plumbing Pro"
copyrightText="© 2024 Nashville Plumbing Pro. All rights reserved."
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com", ariaLabel: "Facebook"},
{
icon: Twitter,
href: "https://twitter.com", ariaLabel: "Twitter"},
{
icon: Instagram,
href: "https://instagram.com", ariaLabel: "Instagram"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}