280 lines
15 KiB
TypeScript
280 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { Award, HelpCircle, Phone, Shield, Star, Wrench, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Aquarius Plumbing"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Contact", id: "contact-cta" }
|
|
]}
|
|
button={{ text: "Call Now", href: "tel:+1234567890" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Fast, Reliable Plumbing Services You Can Trust"
|
|
description="Available 24/7 for emergencies and same-day service. Licensed plumbers ready to fix your plumbing problems fast."
|
|
background={{ variant: "plain" }}
|
|
tag="Emergency Response 24/7"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+1234567890" },
|
|
{ text: "Get a Free Quote", href: "#contact-form" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990709.jpg?_wi=1"
|
|
imageAlt="professional plumber working kitchen sink"
|
|
mediaAnimation="blur-reveal"
|
|
ariaLabel="Hero section with plumbing service call to action"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
title="Our Plumbing Services"
|
|
description="We provide comprehensive plumbing solutions for residential and commercial properties. Expert technicians trained to handle any plumbing challenge."
|
|
tag="Professional Services"
|
|
tagIcon={Wrench}
|
|
tagAnimation="slide-up"
|
|
accordionItems={[
|
|
{
|
|
id: "leak-repairs", title: "Leak Repairs", content: "Expert detection and repair of water leaks in pipes, faucets, and fixtures. We locate hidden leaks and fix them efficiently to prevent water damage and high bills."
|
|
},
|
|
{
|
|
id: "drain-cleaning", title: "Drain Cleaning", content: "Professional drain cleaning using advanced equipment. We clear clogged drains, remove debris, and prevent future blockages in your plumbing system."
|
|
},
|
|
{
|
|
id: "pipe-installation", title: "Pipe Installation & Repair", content: "Full pipe installation, replacement, and repair services. Whether it's copper, PVC, or other materials, we handle all your pipe needs with precision."
|
|
},
|
|
{
|
|
id: "water-heater", title: "Water Heater Services", content: "Geyser and water heater installation, repair, and maintenance. We ensure your hot water system runs efficiently and reliably year-round."
|
|
},
|
|
{
|
|
id: "emergency", title: "Emergency Plumbing", content: "24/7 emergency plumbing response for urgent issues. Burst pipes, major leaks, and other emergencies - we're here when you need us most."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138614.jpg"
|
|
imageAlt="leak repair plumbing technician water"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
mediaPosition="left"
|
|
ariaLabel="Our plumbing services and expertise"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<MediaAbout
|
|
title="Why Choose Aquarius Plumbing"
|
|
description="We're not just another plumbing company. We're your local plumbing partner committed to fast response times, transparent pricing, and customer satisfaction. With years of experience serving homeowners and businesses in the community, we've built a reputation for reliability and professionalism."
|
|
tag="Local Expertise"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "Schedule Service", href: "#contact-form" }]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg"
|
|
imageAlt="plumbing team professional technicians together"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Why choose Aquarius Plumbing for your needs"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Join hundreds of satisfied homeowners who trust Aquarius Plumbing for their plumbing needs."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Local Resident", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg", imageAlt: "professional male technician portrait headshot"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Property Manager", company: "Multi-unit Complex", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58465.jpg", imageAlt: "friendly female customer portrait smiling"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Homeowner", company: "Local Resident", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-blonde-young-businesswoman-standing-against-gray-background_23-2148029507.jpg", imageAlt: "male customer satisfaction portrait"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Restaurant Owner", company: "Local Business", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg", imageAlt: "happy female customer portrait satisfied"
|
|
},
|
|
{
|
|
id: "5", name: "Jennifer Walsh", role: "Homeowner", company: "Local Resident", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-near-skyscrapers-sunglasses_158538-20763.jpg", imageAlt: "male professional portrait satisfied customer"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Customer testimonials and reviews"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Trusted by the Community"
|
|
description="Our commitment to excellence is reflected in these numbers. We've built a reputation for reliability and customer satisfaction."
|
|
tag="Our Track Record"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500+", title: "Jobs Completed", description: "Satisfied customers served"
|
|
},
|
|
{
|
|
id: "2", value: "15+", title: "Years Experience", description: "Professional expertise"
|
|
},
|
|
{
|
|
id: "3", value: "24/7", title: "Emergency Response", description: "Always available for you"
|
|
},
|
|
{
|
|
id: "4", value: "100%", title: "Satisfaction Guarantee", description: "Or your money back"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Key metrics and achievements"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions"
|
|
description="Get answers to frequently asked questions about our plumbing services, pricing, and emergency response."
|
|
tag="FAQs"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What areas do you serve?", content: "We proudly serve the entire local community including all surrounding suburbs. If you're unsure, give us a call and we'll let you know if we can help."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer emergency services?", content: "Absolutely! We're available 24/7 for plumbing emergencies. Burst pipes, major leaks, and other urgent issues are our priority. Call us anytime."
|
|
},
|
|
{
|
|
id: "3", title: "How much do your services cost?", content: "We believe in transparent pricing with no hidden fees. We'll provide a free quote before any work begins. Emergency calls may have additional charges."
|
|
},
|
|
{
|
|
id: "4", title: "Are you licensed and insured?", content: "Yes, all our plumbers are fully licensed, insured, and bonded. We stand behind our work with a satisfaction guarantee."
|
|
},
|
|
{
|
|
id: "5", title: "Can you handle same-day service?", content: "We often can! Call us to check availability for same-day or next-day appointments. Emergency situations are prioritized immediately."
|
|
},
|
|
{
|
|
id: "6", title: "What if I'm not satisfied?", content: "Your satisfaction is guaranteed. If you're not completely happy with our work, we'll make it right or provide a full refund."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-office-daytime-with-many-computer-screens-map-wall_146671-16339.jpg"
|
|
imageAlt="modern office contact us background"
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaPosition="right"
|
|
ariaLabel="Frequently asked questions"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-cta" data-section="contact-cta">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Need a Plumber Now?"
|
|
description="Don't let plumbing problems wait. Contact us today for same-day service or schedule an appointment at your convenience. We're here to help."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-from-pair-trekking-shoes-mud_169016-34198.jpg"
|
|
imageAlt="emergency plumbing call 24/7 service"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Request a Free Quote"
|
|
termsText="By contacting us, you agree to our Terms of Service and Privacy Policy."
|
|
ariaLabel="Contact form section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990709.jpg?_wi=2"
|
|
imageAlt="professional plumber working kitchen sink"
|
|
logoText="Aquarius Plumbing"
|
|
copyrightText="© 2025 Aquarius Plumbing. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Leak Repairs", href: "#services" },
|
|
{ label: "Drain Cleaning", href: "#services" },
|
|
{ label: "Pipe Installation", href: "#services" },
|
|
{ label: "Water Heater", href: "#services" },
|
|
{ label: "Emergency Plumbing", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#why-us" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "FAQs", href: "#faq" },
|
|
{ label: "Contact", href: "#contact-cta" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "📞 Call Now", href: "tel:+1234567890" },
|
|
{ label: "📧 Email Us", href: "mailto:info@aquariusplumbing.com" },
|
|
{ label: "💬 Text Message", href: "sms:+1234567890" },
|
|
{ label: "Available 24/7", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "License & Insurance", href: "#" },
|
|
{ label: "Service Area", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
ariaLabel="Site footer with navigation and contact information"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |