Update src/app/services/emergency-plumbing/page.tsx
This commit is contained in:
@@ -1,19 +1,21 @@
|
||||
"use client";
|
||||
import Link from "next/link";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import Link from "next/link";
|
||||
import { Clock, ShieldCheck, Users } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Emergency Plumbing", id: "/services/emergency-plumbing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
export default function EmergencyPlumbingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", href: "/" },
|
||||
{ name: "Services", href: "/services" },
|
||||
{ name: "Request Quote", href: "/contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -30,16 +32,24 @@ export default function EmergencyPlumbingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Stott Plumbing & Excavating"
|
||||
navItems={navItems}
|
||||
button={{ text: "Call Now: (801) 467-2432", href: "tel:+18014672432" }}
|
||||
navItems={navItems.map((item) => ({
|
||||
name: item.name,
|
||||
id: item.href
|
||||
}))}
|
||||
button={{
|
||||
text: "Call Now: (801) 467-2432", href: "tel:+18014672432"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="emergency-plumbing-info" data-section="emergency-plumbing-info">
|
||||
<TextSplitAbout
|
||||
title="24/7 Emergency Plumbing Response"
|
||||
description={["When plumbing emergencies strike, time is critical. Stott Plumbing & Excavating is on call 24 hours a day, 7 days a week, to handle your most urgent issues. From burst pipes and major leaks to overflowing toilets and severe drain backups, our rapid response team is equipped to minimize damage and restore your home's functionality quickly and safely."]}
|
||||
buttons={[{ text: "Call for Immediate Help", href: "tel:+18014672432" }]}
|
||||
description={[
|
||||
"When plumbing emergencies strike, time is critical. Stott Plumbing & Excavating is on call 24 hours a day, 7 days a week, to handle your most urgent issues. From burst pipes and major leaks to overflowing toilets and severe drain backups, our rapid response team is equipped to minimize damage and restore your home's functionality quickly and safely."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call for Immediate Help", href: "tel:+18014672432"}
|
||||
]}
|
||||
showBorder={false}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -51,8 +61,10 @@ export default function EmergencyPlumbingPage() {
|
||||
description="We're dedicated to fast, reliable service when you need it most."
|
||||
metrics={[
|
||||
{ id: "metric-1", icon: Clock, title: "Rapid Response", value: "24/7" },
|
||||
{ id: "metric-2", icon: ShieldCheck, title: "Trusted Service", value: "1100+ Reviews" },
|
||||
{ id: "metric-3", icon: Users, title: "Expert Technicians", value: "Certified" },
|
||||
{
|
||||
id: "metric-2", icon: ShieldCheck,
|
||||
title: "Trusted Service", value: "1100+ Reviews"},
|
||||
{ id: "metric-3", icon: Users, title: "Expert Technicians", value: "Certified" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -60,19 +72,15 @@ export default function EmergencyPlumbingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="additional-emergency-services" data-section="additional-emergency-services">
|
||||
<ProductCardTwo
|
||||
title="Additional Emergency Services"
|
||||
description="Beyond the basics, we cover a full spectrum of urgent plumbing needs."
|
||||
products={[
|
||||
{ id: "service-1", name: "Emergency Drain Cleaning", brand: "Plumbing", price: "Get a Quote", rating: 5, reviewCount: "Fast Response", imageSrc: "http://img.b2bpic.net/free-photo/water-background-with-kiwi_23-2147608402.jpg?_wi=2", imageAlt: "Drain snake tool cleaning clog" },
|
||||
{ id: "service-2", name: "Burst Pipe Repair", brand: "Urgent", price: "Call Now", rating: 5, reviewCount: "Leak Solutions", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg?_wi=2", imageAlt: "Leaky copper pipe repair" },
|
||||
{ id: "service-3", name: "Emergency Water Heater", brand: "Replacement", price: "Get a Quote", rating: 5, reviewCount: "Hot Water Fix", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990696.jpg?_wi=2", imageAlt: "New water heater installation" },
|
||||
{ id: "service-4", name: "Sewer Backup Clearing", brand: "Excavation", price: "Call Now", rating: 5, reviewCount: "Unclogging", imageSrc: "http://img.b2bpic.net/free-photo/cable-nails_23-2147773468.jpg?_wi=2", imageAlt: "Sewer line repair in trench" }
|
||||
<div id="final-cta-emergency" data-section="final-cta-emergency">
|
||||
<ContactText
|
||||
text="Need Emergency Plumbing Now?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (801) 467-2432", href: "tel:+18014672432"}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -80,11 +88,12 @@ export default function EmergencyPlumbingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Stott Plumbing & Excavating"
|
||||
leftLink={{ text: "Privacy Policy", href: "/" }}
|
||||
rightLink={{ text: "Terms of Service", href: "/" }}
|
||||
useInvertedBackground={true}
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "/privacy-policy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "/terms-of-service"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user