210 lines
8.9 KiB
TypeScript
210 lines
8.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
|
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { AlertCircle, Wrench, Droplet, AlertTriangle, Droplets, Flame, Pipe, Shield, CheckCircle, Clock, Users, DollarSign, Star } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Reviews", id: "/contact" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const testimonials = [
|
|
{
|
|
id: "1",
|
|
title: "Emergency Response Saved Our Home",
|
|
quote: "Our burst pipe at 2 AM could have caused thousands in damage. Escalus arrived within 30 minutes and fixed it professionally. Highly recommend!",
|
|
name: "Robert Martinez",
|
|
role: "Homeowner",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",
|
|
imageAlt: "Robert Martinez",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Best Plumber in Fairfield",
|
|
quote: "Fixed our kitchen sink leak perfectly. Fair pricing, clean work, and they actually explained what was wrong. Will definitely call them again.",
|
|
name: "Sarah Thompson",
|
|
role: "Homeowner",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",
|
|
imageAlt: "Sarah Thompson",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Professional and Reliable",
|
|
quote: "We use Escalus for all our commercial building maintenance. They're always on time, professional, and solve problems quickly.",
|
|
name: "Michael Chen",
|
|
role: "Property Manager",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",
|
|
imageAlt: "Michael Chen",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Trustworthy and Honest",
|
|
quote: "They could have replaced my whole water heater, but they only fixed what was needed. That kind of honesty is rare. Five stars!",
|
|
name: "Jennifer Williams",
|
|
role: "Homeowner",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
|
imageAlt: "Jennifer Williams",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Exceptional Service",
|
|
quote: "From the first phone call to the completed job, everything was seamless. Our bathroom plumbing works perfectly now.",
|
|
name: "David Anderson",
|
|
role: "Homeowner",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=3",
|
|
imageAlt: "David Anderson",
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={navItems}
|
|
brandName="Escalus Fairfield Plumbing"
|
|
bottomLeftText="Fairfield, CT 06820"
|
|
bottomRightText="(203) 555-0147"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="24/7 Emergency Plumbing Services You Can Trust"
|
|
description="Professional plumbing solutions for Fairfield, Connecticut. Same-day service, licensed experts, and 5-star customer satisfaction guaranteed. We handle everything from emergency repairs to preventive maintenance."
|
|
tag="Emergency Plumbing"
|
|
tagIcon={AlertCircle}
|
|
buttons={[
|
|
{ text: "Call Now: (203) 555-0147", href: "tel:+12035550147" },
|
|
{ text: "Schedule Service" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg",
|
|
imageAlt: "Emergency plumbing service",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg",
|
|
imageAlt: "Professional plumbing solution",
|
|
},
|
|
]}
|
|
rating={5}
|
|
ratingText="5-Star Customer Satisfaction"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="blur-reveal"
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureHoverPattern
|
|
title="Our Plumbing Services"
|
|
description="Comprehensive plumbing solutions for residential and commercial properties throughout Fairfield and surrounding areas."
|
|
tag="Services"
|
|
tagIcon={Wrench}
|
|
features={[
|
|
{
|
|
icon: Droplet,
|
|
title: "Drain & Sewer Cleaning",
|
|
description: "Professional drain cleaning and sewer line maintenance to keep your plumbing flowing smoothly and prevent costly backups.",
|
|
},
|
|
{
|
|
icon: AlertTriangle,
|
|
title: "Emergency Plumbing",
|
|
description: "Available 24/7 for burst pipes, flooding, and other urgent plumbing emergencies. We respond quickly to minimize damage.",
|
|
},
|
|
{
|
|
icon: Droplets,
|
|
title: "Bathroom & Kitchen Plumbing",
|
|
description: "Expert repair and installation of toilets, sinks, showers, and faucets with quality fixtures and skilled workmanship.",
|
|
},
|
|
{
|
|
icon: Flame,
|
|
title: "Water Heater Services",
|
|
description: "Complete water heater repair, maintenance, and installation services to ensure reliable hot water year-round.",
|
|
},
|
|
{
|
|
icon: Pipe,
|
|
title: "Pipe Repair & Replacement",
|
|
description: "From minor leaks to major pipe replacements, we handle all types of pipe issues with professional expertise.",
|
|
},
|
|
{
|
|
icon: Shield,
|
|
title: "Preventive Maintenance",
|
|
description: "Regular maintenance inspections and tune-ups to catch problems early and extend the life of your plumbing system.",
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="What Our Customers Say"
|
|
description="5-star reviews from satisfied homeowners and business owners throughout Fairfield."
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={testimonials}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get Your Plumbing Fixed Today"
|
|
description="Contact us for emergency repairs, routine maintenance, or to schedule a service appointment. We'll respond quickly to all inquiries."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email Address", required: true },
|
|
{ name: "address", type: "text", placeholder: "Service Address", required: true },
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Describe your plumbing issue or service request...",
|
|
rows: 5,
|
|
required: true,
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/healthcare-expert-wearing-headset-while-working-call-center-giving-instructions-patients_637285-4888.jpg?_wi=1"
|
|
imageAlt="Emergency plumbing service"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Request Service"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Escalus Fairfield Plumbing"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |