166 lines
13 KiB
TypeScript
166 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSizeMediumTitles"
|
||
background="noise"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
brandName="Miller & Sons Plumbing"
|
||
navItems={[
|
||
{ name: "Home", id: "#hero" },
|
||
{ name: "About", id: "#about" },
|
||
{ name: "Services", id: "#features" },
|
||
{ name: "Testimonials", id: "#testimonials" },
|
||
{ name: "Contact", id: "#contact" }
|
||
]}
|
||
bottomLeftText="Expert Plumbing Solutions"
|
||
bottomRightText="info@millerandsons.com"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
title="Expert Plumbing Services You Can Trust"
|
||
description="Miller and Sons Plumbing, LLC offers reliable, prompt, and professional solutions for all your residential and commercial plumbing needs. We're here for emergencies and routine maintenance."
|
||
background={{ variant: "radial-gradient" }}
|
||
leftCarouselItems={[
|
||
{ imageSrc: "https://pixabay.com/get/g26a36cc7905b62de0eafeb6e9a1474653dfed79ca6e4a82f5f54a4fbd1cbcc4a6d5383a4b5c8195962f21f81521fed36ab4c5baf834436c441fc822e3470e529_1280.jpg?_wi=1", imageAlt: "Professional plumber working on pipes" },
|
||
{ imageSrc: "https://pixabay.com/get/ge9721b7e2082f507b7008c38137cada6ffd599d5d008dc63d1ef0f913a4155d925bb5a89c6d35d4cafdfb2344d9fa4a428747bcfd71be32829eb7aaad881fecb_1280.jpg?_wi=1", imageAlt: "New water heater installation" },
|
||
{ imageSrc: "https://pixabay.com/get/g06fe91c852aba9f11e562aad8b04fea6a772d597b067d40264096ed184259e14746e714967f0bee4d136588c074bcddec05005262e0a216cbbfe2ef269680c9e_1280.jpg?_wi=1", imageAlt: "Plumber cleaning a drain" },
|
||
{ imageSrc: "https://pixabay.com/get/g0d9ac7bf4611988999c947c9b116a775e780af38ef12314ca0781febe786bc067283bd30ab06bc19155efcc76bd82a41cb9fccba9e0fbe50237795cf934307a6_1280.jpg?_wi=1", imageAlt: "Plumber detecting a leak" }
|
||
]}
|
||
rightCarouselItems={[
|
||
{ imageSrc: "https://pixabay.com/get/g06fe91c852aba9f11e562aad8b04fea6a772d597b067d40264096ed184259e14746e714967f0bee4d136588c074bcddec05005262e0a216cbbfe2ef269680c9e_1280.jpg?_wi=2", imageAlt: "Plumber cleaning a drain" },
|
||
{ imageSrc: "https://pixabay.com/get/g0d9ac7bf4611988999c947c9b116a775e780af38ef12314ca0781febe786bc067283bd30ab06bc19155efcc76bd82a41cb9fccba9e0fbe50237795cf934307a6_1280.jpg?_wi=2", imageAlt: "Plumber detecting a leak" },
|
||
{ imageSrc: "https://pixabay.com/get/g26a36cc7905b62de0eafeb6e9a1474653dfed79ca6e4a82f5f54a4fbd1cbcc4a6d5383a4b5c8195962f21f81521fed36ab4c5baf834436c441fc822e3470e529_1280.jpg?_wi=2", imageAlt: "Professional plumber working on pipes" },
|
||
{ imageSrc: "https://pixabay.com/get/ge9721b7e2082f507b7008c38137cada6ffd599d5d008dc63d1ef0f913a4155d925bb5a89c6d35d4cafdfb2344d9fa4a428747bcfd71be32829eb7aaad881fecb_1280.jpg?_wi=2", imageAlt: "New water heater installation" }
|
||
]}
|
||
buttons={[
|
||
{ text: "Get a Free Estimate", href: "#contact" },
|
||
{ text: "Call Us Today", href: "tel:+1234567890" }
|
||
]}
|
||
carouselPosition="right"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
title="About Miller & Sons Plumbing, LLC"
|
||
description={[
|
||
"Miller & Sons Plumbing, LLC is a trusted family-owned business dedicated to providing top-quality plumbing services. With years of experience, our certified technicians are committed to delivering prompt, reliable, and professional solutions for every client.", "We pride ourselves on our transparent pricing, exceptional workmanship, and a customer-first approach. From emergency repairs to comprehensive installations, we ensure every job is done right the first time, earning your trust and satisfaction."
|
||
]}
|
||
buttons={[
|
||
{ text: "Meet Our Team", href: "#team" }
|
||
]}
|
||
showBorder={false}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardOne
|
||
title="Our Comprehensive Plumbing Services"
|
||
description="From emergency leak repairs to full-scale water heater installations, we handle all your plumbing needs with expertise, efficiency, and exceptional care."
|
||
features={[
|
||
{ title: "Emergency Leak Repair", description: "Responding immediately to unexpected leaks, our team provides fast and effective solutions to prevent further damage and restore your peace of mind.", imageSrc: "https://pixabay.com/get/g56275f59f8d1ba148e463e7295bf56345537cb7b3bb6b94e4c4feb1045dc379ea020b2b2e33d622936af860fc02161c515b5a31cad20b373e2dba906242a9d92_1280.jpg", imageAlt: "plumber fixing leaking pipe" },
|
||
{ title: "Water Heater Installation & Repair", description: "Whether you need a new water heater installed or your existing one repaired, we ensure you have reliable access to hot water with expert service.", imageSrc: "https://pixabay.com/get/g4ecb0d7b4fac5010483807e7c403b923caa91fdf3c85581a76007c441e3739cb4ebaef13553fb05e2d473b6a23cc5d9bd11f4c92857d123e40466a08201669f4_1280.jpg", imageAlt: "water heater installation service" },
|
||
{ title: "Drain Cleaning & Unclogging", description: "Our powerful and safe drain cleaning techniques clear blockages efficiently, restoring proper flow and preventing future issues in your pipes.", imageSrc: "https://pixabay.com/get/g3fc202efb263d3596af0797fc00f6cd79ccdaa9b70ce56a3717c65f3ae0ce70c71ef83cbc73ca15514d9c00aa14cf075_1280.jpg", imageAlt: "drain cleaning service equipment" },
|
||
{ title: "Faucet & Fixture Installation", description: "Upgrade your kitchen or bathroom with new faucets and fixtures. Our team handles professional installation for optimal performance and aesthetics.", imageSrc: "https://pixabay.com/get/g75de233ab4168ef852e7778eef4bfdfa280b6a7ef38bc8ac03331188e733ac0390924790dafa409631a46233b4334b874eedeb8344ae54f1510fcf3256df0958_1280.jpg", imageAlt: "new kitchen faucet installation" }
|
||
]}
|
||
textboxLayout="default"
|
||
gridVariant="two-items-per-row"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardSeven
|
||
title="Our Commitment to Excellence"
|
||
description="Years of dedicated service and countless satisfied customers speak for the quality and reliability of Miller & Sons Plumbing, LLC."
|
||
metrics={[
|
||
{ id: "1", value: "4.8", title: "Average Customer Rating", items: ["Based on 100+ reviews", "Consistent 5-star service"] },
|
||
{ id: "2", value: "15+", title: "Years of Local Service", items: ["Serving our community since [Year]", "Experienced and trusted professionals"] },
|
||
{ id: "3", value: "100%", title: "Satisfaction Guarantee", items: ["We stand by our work", "Your peace of mind is our priority"] }
|
||
]}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
title="What Our Valued Customers Say"
|
||
description="Hear directly from those who've experienced the Miller & Sons difference firsthand. Your trust is our greatest reward."
|
||
testimonials={[
|
||
{ id: "1", name: "Tom DeMott", handle: "Local Guide", testimonial: "We discovered a leak today and Miller & Sons responded immediately. Our leak was fixed less than 2 hours after finding it! Very reasonable fee as well. Highly recommend!", imageSrc: "https://pixabay.com/get/g3bf285d22452e7d4cf70612618cea7ab6225272ca85ea9c24d81e0e578566e72eb4b0fa48cfdebf85aac95b3b7375e7b013d04c6b77636027f6829b08e7496a1_1280.jpg", imageAlt: "happy customer portrait smiling" },
|
||
{ id: "2", name: "Angie Mallon", handle: "Satisfied Client", testimonial: "We had an awesome experience. Ted Miller was prompt, very friendly, and cleaned his area. He replaced our kitchen faucet and took the old one for me. We were very pleased!", imageSrc: "https://pixabay.com/get/gdcf8dd13fe4b904baa4f807a277348558057a587f282a4c3d7b8b71209ff3294b6f932af3252231f86b933e448068b505f8f1082339879f44b2d4e2abc50b922_1280.jpg", imageAlt: "smiling man professional portrait" },
|
||
{ id: "3", name: "Marian Newman", handle: "Happy Customer", testimonial: "Tech Joshua responded in a timely manner and quickly diagnosed my drainage issue and completed repair. Joshua was professional and knowledgeable. I will not hesitate to call them again.", imageSrc: "https://pixabay.com/get/gf2106647ebf377cc8bd335b94f2591f1d831bd61472d1a0d8b0b424fbce49dbe6c73045f542e35fa6a58a644e0cc443305b5fd06d1890e29bba1d907ff7e5a3e_1280.jpg", imageAlt: "woman smiling friendly expression" },
|
||
{ id: "4", name: "Dan Smith", handle: "New to Area", testimonial: "I'm new to the area and used Miller and Sons twice. Both times the service was prompt, professional, and courteous. They do great work!", imageSrc: "https://pixabay.com/get/gf79ad6afa66bc0f5f890674e6f9d72bf77c941a3c03c5881c058b3216a1a91c9d7246f4830f6a8637a230bb41232027dc4f5825d2041b6b52191ba3fe36b887d_1280.jpg", imageAlt: "man with glasses smiling professional" },
|
||
{ id: "5", name: "Lisa", handle: "Local Guide", testimonial: "I’m glad I took a chance on Miller & Son’s. They squeezed me in and sent a crew out in a few hours. The gentlemen were professional, honest, and very fair. Highly recommend!", imageSrc: "https://pixabay.com/get/g97627ebe75a5bca77abb3160cb503910005544f858ac8a15dd5863df5253f868446521b55dbbca5b829d5ee4b6f4eceedfd4d9ad13091645c9993665b2ff520a_1280.jpg", imageAlt: "young woman smiling friendly" },
|
||
{ id: "6", name: "Thomas Murray", handle: "Client", testimonial: "Miller was able to get me a same day appt. The plumber (Larry) was on time, courteous, professional, and a pleasure to talk to. He fixed my issue and left us with a good feeling.", imageSrc: "https://pixabay.com/get/g1e900c93966f13972dc7ae041559674b5344cc78e57ea11aa11f09464b8306b599bbbb6e4f1d82c8e2599d923ce800bf5ebeb39529813e71e4f2de6df2335134_1280.jpg", imageAlt: "mature man smiling confident" }
|
||
]}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
speed={35}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Get a Reliable Plumbing Solution Today"
|
||
description="Reach out to us for emergencies, quotes, or any plumbing inquiry. Our team is ready to provide prompt and expert assistance."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: false }
|
||
]}
|
||
textarea={{ name: "message", placeholder: "Tell us about your plumbing needs...", rows: 5, required: true }}
|
||
buttonText="Send Message"
|
||
imageSrc="https://pixabay.com/get/g977b2d5d2bcfafd29c33f83fd4efa991d55444f3081845732be2f2f9ae45990b57acea93a9956c45451b202306dc82d80820a0bc22c10747554688aa58f12861_1280.jpg"
|
||
imageAlt="Plumber taking a phone call"
|
||
mediaPosition="right"
|
||
mediaAnimation="opacity"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
logoText="Miller & Sons Plumbing"
|
||
copyrightText="© 2024 Miller & Sons Plumbing, LLC. All rights reserved."
|
||
columns={[
|
||
{ title: "Services", items: [{ label: "Leak Repair", href: "#features" }, { label: "Water Heaters", href: "#features" }, { label: "Drain Cleaning", href: "#features" }, { label: "Faucet Installation", href: "#features" }] },
|
||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact Us", href: "#contact" }] },
|
||
{ title: "Connect", items: [{ label: "Facebook", href: "https://facebook.com/millerandsons" }, { label: "Twitter", href: "https://twitter.com/millerandsons" }, { label: "LinkedIn", href: "https://linkedin.com/company/millerandsons" }] }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|