Add src/app/services/page.tsx
This commit is contained in:
101
src/app/services/page.tsx
Normal file
101
src/app/services/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user