266 lines
15 KiB
TypeScript
266 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { AlertCircle, Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Service Area", id: "service-area" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Call Now (308) 227-2824", href: "tel:(308)227-2824"
|
|
}}
|
|
brandName="The Drain Cleaner"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="24/7 Drain & Sewer Cleaning in Grand Island"
|
|
description="Fast, reliable emergency drain cleaning service for homeowners and businesses. We're available around the clock to handle clogged drains, sewer backups, and urgent plumbing emergencies."
|
|
tag="24/7 Emergency Service"
|
|
tagIcon={AlertCircle}
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Call Now (308) 227-2824", href: "tel:(308)227-2824" },
|
|
{ text: "Request Service", href: "#contact" }
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746296.jpg", imageAlt: "Professional drain cleaning service in action"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg", imageAlt: "Advanced drain cleaning equipment"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721534.jpg", imageAlt: "Experienced drain cleaning technicians"
|
|
}
|
|
]}
|
|
mediaAnimation="none"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Local Drain Experts You Can Trust"
|
|
description="The Drain Cleaner is your trusted local partner for all drain and sewer issues in Grand Island and surrounding areas. With a 5-star rating from 206 reviews, we're committed to fast response times, professional expertise, and affordable pricing. Available 24/7 for emergency drain problems."
|
|
tag="About Us"
|
|
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721534.jpg"
|
|
imageAlt="The Drain Cleaner professional team"
|
|
buttons={[
|
|
{ text: "Schedule Service Now", href: "#contact" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose-us" data-section="why-choose-us">
|
|
<FeatureCardTwentyOne
|
|
title="Why Choose The Drain Cleaner?"
|
|
description="We combine fast response times with expert service and fair pricing to solve your drain problems right the first time."
|
|
tag="Our Advantages"
|
|
videoSrc=""
|
|
mediaPosition="left"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "24/7 Emergency Availability", content: "Drain backups don't wait for business hours. We're available around the clock, including nights, weekends, and holidays, to handle your emergency drain and sewer issues immediately."
|
|
},
|
|
{
|
|
id: "2", title: "Fast Response Times", content: "When you have a drain emergency, time is critical. We prioritize rapid response to minimize damage and get your drains flowing again quickly."
|
|
},
|
|
{
|
|
id: "3", title: "Locally Owned & Operated", content: "We're part of the Grand Island community. We understand local plumbing challenges and treat every customer like a neighbor, not just a service call."
|
|
},
|
|
{
|
|
id: "4", title: "5-Star Rated Service", content: "With 206 five-star reviews, our reputation speaks for itself. Customers trust us for our professionalism, reliability, and fair pricing."
|
|
},
|
|
{
|
|
id: "5", title: "Affordable & Transparent Pricing", content: "No hidden fees. We provide upfront pricing so you know exactly what to expect. Quality service at competitive rates."
|
|
}
|
|
]}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardFour
|
|
title="Our Services"
|
|
description="Comprehensive drain and sewer solutions for homes and businesses in Grand Island"
|
|
tag="Professional Services"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Drain Cleaning", price: "Starting $150", variant: "Professional cleaning for slow or clogged drains", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg", imageAlt: "Drain cleaning service"
|
|
},
|
|
{
|
|
id: "2", name: "Sewer Line Cleaning", price: "Call for Quote", variant: "Complete sewer system cleaning and inspection", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg", imageAlt: "Sewer line cleaning"
|
|
},
|
|
{
|
|
id: "3", name: "Root Removal", price: "Call for Quote", variant: "Tree root removal from pipes and sewer lines", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg", imageAlt: "Tree root removal service"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFifteen
|
|
testimonial="We had a sewer backup on a Sunday night. The Drain Cleaner arrived within an hour and fixed the problem professionally. Their pricing was fair and they explained everything clearly. Highly recommend!"
|
|
rating={5}
|
|
author="Sarah Mitchell, Homeowner"
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-indoors-medium-shot_23-2148944925.jpg", alt: "Customer review" },
|
|
{ src: "http://img.b2bpic.net/free-photo/happy-positive-beautiful-woman-making-like-gesture_74855-2916.jpg", alt: "Customer review" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", alt: "Customer review" },
|
|
{ src: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", alt: "Customer review" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-area" data-section="service-area">
|
|
<MetricCardSeven
|
|
title="Serving Central Nebraska"
|
|
description="We provide 24/7 drain and sewer cleaning service throughout Grand Island and the surrounding communities"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "Grand Island", title: "Primary Service Area", items: ["4212 Texas Ave, Grand Island, NE 68803", "Fastest Response Time", "Local Expertise"]
|
|
},
|
|
{
|
|
id: "2", value: "Nearby Cities", title: "Extended Service Coverage", items: ["Hastings, NE", "Aurora, NE", "Wood River, NE", "Central Nebraska area"]
|
|
},
|
|
{
|
|
id: "3", value: "206 Reviews", title: "5-Star Rating", items: ["Trusted by local residents", "Proven track record", "Emergency response 24/7"]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our drain and sewer cleaning services"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How quickly can you respond to an emergency?", content: "We prioritize emergency calls and typically arrive within 1-2 hours in Grand Island. As a 24/7 service, we're ready to help anytime, day or night. Call (308) 227-2824 for immediate assistance."
|
|
},
|
|
{
|
|
id: "2", title: "What causes drain backups?", content: "Common causes include hair and soap buildup, tree roots in sewer lines, grease accumulation, flushed items, or aging pipes. Our technicians can inspect your system to determine the exact cause and recommend the best solution."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer emergency drain cleaning service?", content: "Yes! We specialize in emergency drain and sewer cleaning. We're available 24/7, including nights, weekends, and holidays. Call us anytime for urgent drain problems."
|
|
},
|
|
{
|
|
id: "4", title: "Are your prices upfront and transparent?", content: "Absolutely. We provide honest, upfront pricing with no hidden fees. We'll quote the service before we begin work so you know exactly what to expect."
|
|
},
|
|
{
|
|
id: "5", title: "What areas do you serve?", content: "We provide 24/7 drain and sewer cleaning service throughout Grand Island and surrounding central Nebraska communities including Hastings, Aurora, and Wood River."
|
|
},
|
|
{
|
|
id: "6", title: "What should I do if my drain is backing up?", content: "Stop using water to avoid further backup. Contact us immediately at (308) 227-2824. Our technicians will assess the problem and provide fast, professional service to restore your drains."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Need Drain Service Right Now?"
|
|
ctaDescription="Call The Drain Cleaner for immediate emergency service. We're available 24/7 to solve your drain problems fast."
|
|
ctaButton={{
|
|
text: "Call (308) 227-2824", href: "tel:(308)227-2824"
|
|
}}
|
|
ctaIcon={Phone}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Service Request Form", content: "<strong>Schedule a service appointment:</strong><br>Name<br>Phone Number<br>Address<br>Service Needed (Drain Cleaning / Sewer Backup / Root Removal / Other)<br>Description of Issue<br><br>Submit your information and we'll contact you within 30 minutes to confirm your appointment."
|
|
},
|
|
{
|
|
id: "2", title: "Business Information", content: "<strong>The Drain Cleaner</strong><br>4212 Texas Ave<br>Grand Island, NE 68803<br><strong>Phone:</strong> (308) 227-2824<br><strong>Hours:</strong> 24/7 Emergency Service<br><strong>Rating:</strong> 5.0 ★ (206 reviews)"
|
|
},
|
|
{
|
|
id: "3", title: "Emergency Service", content: "Have an urgent drain emergency? Call us immediately at <strong>(308) 227-2824</strong>. We respond quickly to emergency calls and are ready to help 24 hours a day, 7 days a week, including nights, weekends, and holidays."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-pattern-made-cool-colors-shades_23-2148263892.jpg"
|
|
imageAlt="Professional drain cleaning service background"
|
|
logoText="The Drain Cleaner"
|
|
copyrightText="© 2025 The Drain Cleaner. All rights reserved. 24/7 Emergency Drain Service in Grand Island, NE"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Reviews", href: "#reviews" }
|
|
]
|
|
},
|
|
{
|
|
title: "Service Areas", items: [
|
|
{ label: "Grand Island", href: "#service-area" },
|
|
{ label: "Hastings", href: "#service-area" },
|
|
{ label: "Aurora", href: "#service-area" },
|
|
{ label: "Wood River", href: "#service-area" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Call: (308) 227-2824", href: "tel:(308)227-2824" },
|
|
{ label: "4212 Texas Ave, Grand Island, NE 68803", href: "#" },
|
|
{ label: "24/7 Emergency Service", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|