Update src/app/services/page.tsx
This commit is contained in:
@@ -1,24 +1,27 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Wrench } from "lucide-react";
|
||||
import { AlertCircle, Zap, Droplets, Shield } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Water Heaters", id: "/water-heaters" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Water Heaters", id: "/water-heaters" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -36,7 +39,10 @@ export default function ServicesPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Plumbing Sacramento"
|
||||
navItems={navItems}
|
||||
navItems={navItems.map((item) => ({
|
||||
name: item.name,
|
||||
id: item.id,
|
||||
}))}
|
||||
button={{
|
||||
text: "Call Now", href: "tel:(279)348-7473"}}
|
||||
/>
|
||||
@@ -45,111 +51,206 @@ export default function ServicesPage() {
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Professional Plumbing Services"
|
||||
description="Comprehensive plumbing solutions for residential and commercial properties. Expert technicians, fast service, guaranteed results."
|
||||
title="Complete Plumbing Services for Sacramento"
|
||||
description="Professional plumbing solutions for residential and commercial properties. Emergency repairs, maintenance, and installations."
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Expert Services"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
tag="Expert Service"
|
||||
tagIcon={AlertCircle}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:(279)348-7473"},
|
||||
text: "Schedule Service", href: "#contact"},
|
||||
{
|
||||
text: "Request Free Estimate", href: "#contact"},
|
||||
text: "Call (279) 348-7473", href: "tel:(279)348-7473"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg?_wi=1"
|
||||
imageAlt="Professional plumbing services"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Services Detail */}
|
||||
<div id="services-detail" data-section="services-detail">
|
||||
{/* Service Categories */}
|
||||
<div id="service-categories" data-section="service-categories">
|
||||
<FeatureCardOne
|
||||
title="Complete Plumbing Solutions"
|
||||
description="From emergency repairs to planned maintenance, our team has the expertise to handle all your plumbing needs."
|
||||
title="Our Service Categories"
|
||||
description="We provide comprehensive plumbing solutions tailored to meet your specific needs."
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Plumbing", description:
|
||||
"24/7 emergency response to burst pipes, leaks, and urgent plumbing issues. We arrive quickly to minimize water damage.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg?_wi=2", imageAlt: "Emergency plumbing repair", button: {
|
||||
text: "Call Now", href: "tel:(279)348-7473"},
|
||||
"24/7 emergency response for burst pipes, water leaks, overflowing toilets, and other urgent plumbing issues. We prioritize fast response times to minimize water damage to your property.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg?_wi=1", imageAlt: "Emergency plumbing repair", button: {
|
||||
text: "Get Emergency Help", href: "tel:(279)348-7473"},
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning & Repair", description:
|
||||
"Professional drain cleaning, removal of blockages, and repair of damaged drain lines using advanced equipment.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg?_wi=2", imageAlt: "Drain cleaning service", button: {
|
||||
text: "Schedule Service", href: "#services-detail"},
|
||||
},
|
||||
{
|
||||
title: "Water Heater Services", description:
|
||||
"Repair, maintenance, and installation of water heaters. Tank and tankless options available with expert installation.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg?_wi=2", imageAlt: "Water heater service", button: {
|
||||
text: "Get Quote", href: "#services-detail"},
|
||||
title: "Drain Cleaning & Maintenance", description:
|
||||
"Professional drain cleaning using advanced equipment and techniques. We clear clogs, remove debris, and perform preventative maintenance to keep your drains flowing smoothly.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg?_wi=1", imageAlt: "Drain cleaning service", button: {
|
||||
text: "Schedule Cleaning", href: "#contact"},
|
||||
},
|
||||
{
|
||||
title: "Leak Detection & Repair", description:
|
||||
"Advanced leak detection using state-of-the-art technology to find hidden leaks before they cause major damage.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/woman-calling-plumber-solve-kitchen-problems_23-2150990674.jpg?_wi=2", imageAlt: "Leak detection", button: {
|
||||
text: "Request Inspection", href: "#services-detail"},
|
||||
"Advanced leak detection technology to identify hidden leaks in walls, under slabs, and underground pipes. Early detection prevents costly water damage and reduces water waste.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/woman-calling-plumber-solve-kitchen-problems_23-2150990674.jpg?_wi=1", imageAlt: "Leak detection service", button: {
|
||||
text: "Request Inspection", href: "#contact"},
|
||||
},
|
||||
{
|
||||
title: "Pipe Repair & Repiping", description:
|
||||
"Expert diagnosis and repair of damaged pipes. Complete home repiping available with quality materials and guarantees.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/woodworking-expert-examining-timber-block-damages-sanding-with-sandpaper_482257-89256.jpg?_wi=2", imageAlt: "Pipe repair", button: {
|
||||
text: "Learn More", href: "#services-detail"},
|
||||
"Expert pipe repair for corroded, damaged, or failing pipes. We also provide complete home repiping solutions with high-quality materials and professional installation.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/woodworking-expert-examining-timber-block-damages-sanding-with-sandpaper_482257-89256.jpg?_wi=1", imageAlt: "Pipe repair and repiping", button: {
|
||||
text: "Get Quote", href: "#contact"},
|
||||
},
|
||||
{
|
||||
title: "Fixture Installation", description:
|
||||
"Professional installation of faucets, sinks, toilets, showers, and other plumbing fixtures with expert craftsmanship.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/plumbing-inspection-man-overalls-with-badge-reclining-floor-with-tools_259150-58264.jpg?_wi=2", imageAlt: "Fixture installation", button: {
|
||||
text: "Get Quote", href: "#services-detail"},
|
||||
"Professional installation of faucets, sinks, toilets, showers, and other plumbing fixtures. We ensure proper installation for optimal performance and longevity.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/plumbing-inspection-man-overalls-with-badge-reclining-floor-with-tools_259150-58264.jpg?_wi=1", imageAlt: "Fixture installation", button: {
|
||||
text: "Schedule Installation", href: "#contact"},
|
||||
},
|
||||
{
|
||||
title: "Preventative Maintenance", description:
|
||||
"Regular maintenance plans to keep your plumbing system in top condition. We inspect pipes, clean drains, and address minor issues before they become major problems.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg?_wi=1", imageAlt: "Preventative maintenance service", button: {
|
||||
text: "Learn More", href: "#maintenance"},
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Why Choose Our Services */}
|
||||
<div id="why-our-services" data-section="why-our-services">
|
||||
<MediaAbout
|
||||
title="Why Choose Our Plumbing Services?"
|
||||
description="When you hire Plumbing Sacramento, you're getting a team of certified professionals with years of experience. We combine technical expertise with customer-focused service."
|
||||
tag="Service Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call for Quote", href: "tel:(279)348-7473"},
|
||||
{
|
||||
text: "Request Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/men-with-beer-smartphone-party_23-2147644302.jpg?_wi=1"
|
||||
imageAlt="Professional plumbing team"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Service Quality Metrics */}
|
||||
<div id="service-quality" data-section="service-quality">
|
||||
<MetricCardSeven
|
||||
metrics={[
|
||||
{
|
||||
id: "response", value: "1-2 HR", title: "Average Response", items: ["Fast emergency response", "Minimal wait times"],
|
||||
},
|
||||
{
|
||||
id: "expertise", value: "15+ YRS", title: "Combined Experience", items: ["Certified technicians", "Industry-leading knowledge"],
|
||||
},
|
||||
{
|
||||
id: "satisfaction", value: "99%", title: "Customer Satisfaction", items: ["Repeat customers", "Trusted by homeowners"],
|
||||
},
|
||||
{
|
||||
id: "warranty", value: "2 YRS", title: "Service Warranty", items: ["Quality guarantee", "Peace of mind"],
|
||||
},
|
||||
]}
|
||||
title="Our Service Commitment"
|
||||
description="Quality, reliability, and customer satisfaction in every service call."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Customer Testimonials */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The professionalism and expertise of this plumbing team is outstanding. They diagnosed our sewer line issue quickly and provided a fair quote. The work was completed on time and on budget. Highly recommend!"
|
||||
rating={5}
|
||||
author="Michael Chen"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cute-blonde-woman-pointing-her-smile-checked-shirt-looking-cheerful-front-view_176474-112653.jpg", alt: "Customer review"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", alt: "Customer review"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg", alt: "Customer review"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", alt: "Customer review"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Service Areas & Availability */}
|
||||
<div id="availability" data-section="availability">
|
||||
<MediaAbout
|
||||
title="24/7 Service Availability"
|
||||
description="We're here when you need us most. Whether it's a weekend emergency or a scheduled maintenance appointment, our team is ready to help."
|
||||
tag="Always Available"
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Emergency Line", href: "tel:(279)348-7473"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346636.jpg?_wi=1"
|
||||
imageAlt="24/7 service availability"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Service Questions"
|
||||
description="Get answers to common questions about our plumbing services and capabilities."
|
||||
title="Service FAQs"
|
||||
description="Answers to common questions about our plumbing services and service process."
|
||||
textboxLayout="default"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What makes your plumbing services different?", content:
|
||||
"We combine fast response times with expert craftsmanship. Our licensed technicians use advanced diagnostic equipment, we provide transparent pricing, and we stand behind our work with comprehensive warranties."},
|
||||
id: "1", title: "What services do you offer?", content:
|
||||
"We offer a comprehensive range of plumbing services including emergency repairs, drain cleaning, water heater service, leak detection, pipe repair and repiping, fixture installation, and preventative maintenance. Call us to discuss your specific needs."},
|
||||
{
|
||||
id: "2", title: "Do you handle both residential and commercial plumbing?", content:
|
||||
"Yes, we serve both residential and commercial properties. Our team has experience with everything from home plumbing systems to multi-unit commercial buildings."},
|
||||
id: "2", title: "How much do your services cost?", content:
|
||||
"Service costs vary based on the nature of the work, complexity, and materials required. We provide free estimates so you know exactly what to expect before we begin work. Call (279) 348-7473 for a quote."},
|
||||
{
|
||||
id: "3", title: "Are your technicians certified and trained?", content:
|
||||
"All our technicians are fully licensed plumbers with extensive training. We stay current with latest plumbing codes and best practices."},
|
||||
id: "3", title: "Do you offer emergency services?", content:
|
||||
"Yes, we offer 24/7 emergency plumbing services. Call (279) 348-7473 anytime for emergencies like burst pipes, water leaks, or overflowing toilets. Our typical response time is 1-2 hours in the Sacramento area."},
|
||||
{
|
||||
id: "4", title: "What areas do you service?", content:
|
||||
"We proudly serve Sacramento and surrounding communities including Elk Grove, Citrus Heights, Rancho Cordova, West Sacramento, Carmichael, and Fair Oaks."},
|
||||
id: "4", title: "Are your technicians licensed and insured?", content:
|
||||
"Absolutely. All our plumbers are fully licensed by the State of California and carry comprehensive liability insurance. We maintain high professional standards and continue ongoing training."},
|
||||
{
|
||||
id: "5", title: "Do you offer any service warranties?", content:
|
||||
"Yes! We stand behind our work with warranties on parts and labor. We also offer service plans for regular maintenance."},
|
||||
id: "5", title: "Do you provide warranties on your work?", content:
|
||||
"Yes, we stand behind our work. We typically provide a 2-year warranty on service calls and installations. This ensures your peace of mind and demonstrates our commitment to quality workmanship."},
|
||||
{
|
||||
id: "6", title: "How do I schedule an appointment?", content:
|
||||
"Call us at (279) 348-7473 or submit a request form on our website. We offer same-day and next-day appointments for most services."},
|
||||
id: "6", title: "How can I schedule a service appointment?", content:
|
||||
"You can call us at (279) 348-7473 or submit a service request through our website. We'll work with your schedule to find a convenient time. For emergencies, we respond 24/7."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* CTA Section */}
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCenter
|
||||
tag="Ready to Help"
|
||||
title="Need Professional Plumbing Service?"
|
||||
description="Contact us today for fast, reliable service. Whether it's an emergency or scheduled maintenance, we're here to help."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={true}
|
||||
buttonText="Call Now"
|
||||
inputPlaceholder="(279) 348-7473"
|
||||
termsText="Available 24/7 for emergency service and scheduled appointments. Fast response times throughout Sacramento and surrounding areas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346636.jpg?_wi=2"
|
||||
imageAlt="Plumbing services background"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346636.jpg?_wi=1"
|
||||
imageAlt="Plumbing services"
|
||||
logoText="Plumbing Sacramento"
|
||||
copyrightText="© 2025 Plumbing Sacramento & Water Heater Services. All rights reserved."
|
||||
columns={[
|
||||
@@ -160,7 +261,7 @@ export default function ServicesPage() {
|
||||
{
|
||||
label: "Drain Cleaning", href: "/services"},
|
||||
{
|
||||
label: "Water Heater Repair", href: "/water-heaters"},
|
||||
label: "Water Heater Service", href: "/water-heaters"},
|
||||
{
|
||||
label: "Leak Detection", href: "/services"},
|
||||
],
|
||||
@@ -168,13 +269,13 @@ export default function ServicesPage() {
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Reviews", href: "/reviews"},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Request Quote", href: "#"},
|
||||
label: "Request Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -194,4 +295,4 @@ export default function ServicesPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user