103 lines
5.1 KiB
TypeScript
103 lines
5.1 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
|
import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
|
|
export default function SalPlumbingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Sal's Plumbing & Heating"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
/>
|
|
<div id="hero">
|
|
<HeroOverlay
|
|
title="Expert Plumbing & Heating Services"
|
|
description="Reliable, professional, and affordable plumbing solutions for your home. From water heater repairs to emergency leaks, Sal's has you covered."
|
|
buttons={[{ text: "Book Now", href: "#contact" }]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfpSjlma8xN5ZgeOX4QBcDQpqr/uploaded-1778683562615-goxv8259.jpg"
|
|
imageAlt="Professional plumbing technician"
|
|
/>
|
|
</div>
|
|
<div id="services">
|
|
<FeatureCardTwentyNine
|
|
title="Our Services"
|
|
description="Comprehensive plumbing and heating maintenance and repairs."
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Water Heater Repair", description: "Efficient diagnostics and repair for gas or electric water heaters.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", titleImageSrc: "", buttonText: "Get Service"
|
|
},
|
|
{
|
|
title: "Emergency Plumbing", description: "24/7 support for burst pipes and urgent leaks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", titleImageSrc: "", buttonText: "Call Us"
|
|
},
|
|
{
|
|
title: "Heating Systems", description: "Professional boiler maintenance and furnace repairs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", titleImageSrc: "", buttonText: "Schedule"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="reviews">
|
|
<TestimonialCardTen
|
|
title="Customer Highlights"
|
|
description="Trusted by homeowners across the city for over 15 years."
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", title: "Fast & Friendly", quote: "Sal fixed my water heater in no time. Great service!", name: "John Doe", role: "Homeowner" },
|
|
{ id: "2", title: "Professional", quote: "Honest, reliable, and fair pricing. Highly recommended.", name: "Jane Smith", role: "Property Manager" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="contact">
|
|
<ContactSplitForm
|
|
title="Contact Us"
|
|
description="Schedule your service today. We respond to all inquiries within a few hours."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number" }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Describe your plumbing issue...", required: true }}
|
|
buttonText="Send Request"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="footer">
|
|
<FooterBaseCard
|
|
logoText="Sal's Plumbing"
|
|
columns={[
|
|
{ title: "Contact", items: [{ label: "(555) 123-4567", href: "tel:5551234567" }, { label: "info@salsplumbing.com", href: "mailto:info@salsplumbing.com" }] },
|
|
{ title: "Location", items: [{ label: "123 Pipe Lane, Plumbing City", href: "#" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |