260 lines
18 KiB
TypeScript
260 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||
import { AlertCircle, Award, Banknote, CheckCircle, Clock, Star, Truck, Users, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="circleGradient"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="light"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Why Us", id: "about" },
|
||
{ name: "Reviews", id: "testimonials" },
|
||
{ name: "FAQ", id: "faq" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
button={{ text: "Call Now", href: "tel:(847)518-5338" }}
|
||
brandName="Green Tech Plumbing"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitTestimonial
|
||
title="Fast & Reliable Plumbing in Des Plaines – Available 24/7"
|
||
description="Licensed, insured plumbers ready for emergency repairs, same-day service, and honest pricing. Serving Des Plaines and surrounding suburbs."
|
||
tag="Emergency Service Available"
|
||
tagIcon={AlertCircle}
|
||
tagAnimation="slide-up"
|
||
background={{ variant: "plain" }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/attractive-businessman-looking-himself-mirror_1139-256.jpg?_wi=1"
|
||
imageAlt="Professional plumber fixing bathroom sink"
|
||
imagePosition="right"
|
||
mediaAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{ text: "Call (847) 518-5338", href: "tel:(847)518-5338" },
|
||
{ text: "Get Free Estimate", href: "#contact" },
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
testimonials={[
|
||
{
|
||
name: "Sarah M.", handle: "Homeowner", testimonial: "Same day service, honest prices, and the nicest guys to work with!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg?_wi=1", imageAlt: "Sarah M."},
|
||
{
|
||
name: "Mike T.", handle: "Property Manager", testimonial: "Professional, reliable, and they always show up when they say they will.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg?_wi=1", imageAlt: "Mike T."},
|
||
{
|
||
name: "Jennifer L.", handle: "Homeowner", testimonial: "Best plumbers in Des Plaines. Fixed our emergency pipe burst at midnight!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/positive-male-with-beard-mustache-blinks-with-eyes-smiles-grins-has-good-mood-after-noisy-party-with-friends_273609-8657.jpg?_wi=1", imageAlt: "Jennifer L."},
|
||
{
|
||
name: "Tom R.", handle: "Business Owner", testimonial: "Licensed, insured, and they explained everything clearly. Highly recommended.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-videocall-work_23-2148940772.jpg?_wi=1", imageAlt: "Tom R."},
|
||
]}
|
||
testimonialRotationInterval={5000}
|
||
/>
|
||
</div>
|
||
|
||
<div id="trust-signals" data-section="trust-signals">
|
||
<AboutMetric
|
||
title="Why Des Plaines Trusts Green Tech Plumbing Co."
|
||
useInvertedBackground={true}
|
||
metricsAnimation="slide-up"
|
||
metrics={[
|
||
{ icon: Star, label: "Google Rating", value: "4.9⭐" },
|
||
{ icon: Users, label: "Verified Reviews", value: "335+" },
|
||
{ icon: Clock, label: "Available", value: "24/7" },
|
||
{ icon: CheckCircle, label: "Licensed & Insured", value: "Certified" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardNineteen
|
||
title="Our Plumbing Services"
|
||
description="Complete plumbing solutions for homes and businesses in Des Plaines and nearby areas."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
buttonAnimation="slide-up"
|
||
features={[
|
||
{
|
||
id: 1,
|
||
tag: "Emergency", title: "Emergency Plumbing", subtitle: "Burst pipes, flooding, water damage", description: "24/7 emergency response for urgent plumbing issues. We arrive fast and resolve problems immediately to prevent further damage to your home.", imageSrc: "http://img.b2bpic.net/free-photo/aching-young-caucasian-ill-man-wearing-winter-hat-scarf-puts-hand-head-holding-plastic-bucket-having-nausea-isolated-orange-wall-with-copy-space_141793-93681.jpg", imageAlt: "Emergency plumbing service", buttons: [{ text: "Call Now", href: "tel:(847)518-5338" }],
|
||
},
|
||
{
|
||
id: 2,
|
||
tag: "Basement", title: "Sump Pump Repair & Installation", subtitle: "Keep your basement dry and protected", description: "Professional sump pump installation, repair, and maintenance. Protect your basement from water damage with our expert pump services.", imageSrc: "http://img.b2bpic.net/free-photo/repairmen-wiping-hands-garage_23-2147897966.jpg", imageAlt: "Sump pump repair service", buttons: [{ text: "Learn More", href: "#contact" }],
|
||
},
|
||
{
|
||
id: 3,
|
||
tag: "Hot Water", title: "Water Heater Repair & Replacement", subtitle: "Reliable hot water when you need it", description: "Fast water heater repair and tank replacement. From traditional tanks to tankless systems, we handle all makes and models.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg", imageAlt: "Water heater installation", buttons: [{ text: "Get Service", href: "#contact" }],
|
||
},
|
||
{
|
||
id: 4,
|
||
tag: "Drainage", title: "Drain Cleaning & Repair", subtitle: "Clear clogs and prevent backups", description: "Professional drain cleaning using state-of-the-art equipment. We clear clogged drains and fix underlying drainage problems.", imageSrc: "http://img.b2bpic.net/free-photo/girl-s-hand-filling-cup-with-water_23-2147824128.jpg", imageAlt: "Professional drain cleaning", buttons: [{ text: "Schedule Service", href: "#contact" }],
|
||
},
|
||
{
|
||
id: 5,
|
||
tag: "Repair", title: "Pipe Repair & Replacement", subtitle: "Fix leaks and prevent water damage", description: "Expert pipe repair and replacement for all types of plumbing. We identify leaks early and provide durable solutions.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg", imageAlt: "Pipe repair work", buttons: [{ text: "Get Estimate", href: "#contact" }],
|
||
},
|
||
{
|
||
id: 6,
|
||
tag: "Gas", title: "Gas Line Repair & Installation", subtitle: "Safe and certified gas line work", description: "Licensed gas line installation, repair, and inspection. Safety-certified work for all residential and commercial gas line needs.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-holding-hammer_1368-6308.jpg", imageAlt: "Gas line installation", buttons: [{ text: "Request Service", href: "#contact" }],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
title="Why Choose Green Tech Plumbing Co. for Your Emergency Plumbing Needs"
|
||
useInvertedBackground={true}
|
||
metricsAnimation="slide-up"
|
||
metrics={[
|
||
{ icon: Zap, label: "24/7 Emergency Service", value: "Always Ready" },
|
||
{ icon: Banknote, label: "Honest Pricing", value: "No Hidden Fees" },
|
||
{ icon: Award, label: "Experienced Plumbers", value: "Licensed & Insured" },
|
||
{ icon: Truck, label: "Same-Day Service", value: "Most Jobs" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
title="What Our Customers Say"
|
||
description="Real testimonials from satisfied homeowners and businesses in Des Plaines and surrounding areas."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah Mitchell", role: "Homeowner, Des Plaines", testimonial: "Same day service, honest prices, and the nicest guys to work with. They fixed our burst pipe at midnight and explained everything clearly. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg?_wi=2", imageAlt: "Sarah Mitchell"},
|
||
{
|
||
id: "2", name: "Michael Chen", role: "Property Manager", testimonial: "Professional, reliable, and they always show up when they say they will. We use Green Tech for all our rental properties in Des Plaines.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg?_wi=2", imageAlt: "Michael Chen"},
|
||
{
|
||
id: "3", name: "Jennifer Rodriguez", role: "Homeowner, Park Ridge", testimonial: "Best plumbers in the area. Fixed our emergency pipe burst, and the price was fair. They even cleaned up after themselves. Five stars!", imageSrc: "http://img.b2bpic.net/free-photo/positive-male-with-beard-mustache-blinks-with-eyes-smiles-grins-has-good-mood-after-noisy-party-with-friends_273609-8657.jpg?_wi=2", imageAlt: "Jennifer Rodriguez"},
|
||
{
|
||
id: "4", name: "David Kim", role: "Business Owner, Des Plaines", testimonial: "Licensed, insured, and certified professionals. They installed our new water heater and gas line. Outstanding service and attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-videocall-work_23-2148940772.jpg?_wi=2", imageAlt: "David Kim"},
|
||
{
|
||
id: "5", name: "Lisa Thompson", role: "Homeowner, Mount Prospect", testimonial: "Called at 2 AM for emergency drain backup. They came within 30 minutes and resolved the issue completely. Saved our home from serious damage.", imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg?_wi=3", imageAlt: "Lisa Thompson"},
|
||
{
|
||
id: "6", name: "Robert Walsh", role: "Property Owner, Skokie", testimonial: "Green Tech handles all my plumbing needs across multiple properties. Dependable, professional, and always fair pricing. They've never let me down.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg?_wi=3", imageAlt: "Robert Walsh"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
title="Frequently Asked Questions"
|
||
description="Find answers to common questions about our plumbing services and service areas."
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
faqsAnimation="slide-up"
|
||
animationType="smooth"
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Do you offer 24/7 emergency plumbing service?", content: "Yes! Green Tech Plumbing Co. is available 24 hours a day, 7 days a week for emergency plumbing repairs. Whether it's a burst pipe at midnight or a flooded basement on Sunday, we're ready to help. Call (847) 518-5338 anytime."},
|
||
{
|
||
id: "2", title: "What areas do you serve?", content: "We proudly serve Des Plaines, Illinois and surrounding suburbs including Park Ridge, Mount Prospect, Arlington Heights, Niles, and Skokie. If you're unsure whether we service your area, please call us at (847) 518-5338 and we'll let you know."},
|
||
{
|
||
id: "3", title: "How quickly can you respond to emergency calls?", content: "We prioritize emergency calls and typically respond within 30-60 minutes. Our fleet of service vehicles is strategically located throughout the Des Plaines area to minimize response time. Call immediately if you experience a plumbing emergency."},
|
||
{
|
||
id: "4", title: "Are your plumbers licensed and insured?", content: "Absolutely. All our plumbers are fully licensed, insured, and certified professionals. We carry comprehensive liability insurance and workers' compensation to protect your home and give you peace of mind."},
|
||
{
|
||
id: "5", title: "Do you provide upfront pricing?", content: "Yes, we believe in honest, transparent pricing with no hidden fees. We'll provide you with a detailed estimate before we begin work. If the job scope changes, we'll notify you and discuss costs before proceeding."},
|
||
{
|
||
id: "6", title: "Can you handle same-day service?", content: "Most jobs qualify for same-day service. We schedule emergency repairs immediately and can often fit non-emergency repairs into our schedule the same day. Call (847) 518-5338 to check availability for your specific needs."},
|
||
{
|
||
id: "7", title: "What plumbing services do you offer?", content: "We offer comprehensive plumbing services including emergency repairs, sump pump installation and repair, water heater repair and replacement, drain cleaning, pipe repair and replacement, and gas line installation and repair."},
|
||
{
|
||
id: "8", title: "How do I schedule an appointment?", content: "You can call us at (847) 518-5338 to schedule an appointment or discuss your plumbing needs. For non-emergency requests, you can also fill out our contact form on this website and we'll get back to you promptly."},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Get Your Free Estimate Today"
|
||
description="Contact Green Tech Plumbing Co. to request service, ask questions, or schedule your appointment. We'll respond quickly to get your plumbing issues resolved."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||
{ name: "phone", type: "tel", placeholder: "(847) 518-5338", required: true },
|
||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||
{ name: "service", type: "text", placeholder: "Service Needed", required: true },
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Describe your plumbing issue or question...", rows: 5,
|
||
required: false,
|
||
}}
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-photo/attractive-businessman-looking-himself-mirror_1139-256.jpg?_wi=2"
|
||
imageAlt="Professional plumber at work"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
buttonText="Request Service"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Services", items: [
|
||
{ label: "Emergency Plumbing", href: "#services" },
|
||
{ label: "Sump Pump Repair", href: "#services" },
|
||
{ label: "Water Heater Service", href: "#services" },
|
||
{ label: "Drain Cleaning", href: "#services" },
|
||
],
|
||
},
|
||
{
|
||
title: "Company", items: [
|
||
{ label: "About Us", href: "#why-us" },
|
||
{ label: "Reviews", href: "#testimonials" },
|
||
{ label: "Service Areas", href: "#" },
|
||
{ label: "Contact", href: "#contact" },
|
||
],
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{ label: "Call: (847) 518-5338", href: "tel:(847)518-5338" },
|
||
{ label: "1017 Graceland Ave, Des Plaines, IL 60016", href: "#" },
|
||
{ label: "Open 24 Hours", href: "#" },
|
||
{ label: "Emergency Service Available", href: "tel:(847)518-5338" },
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms of Service", href: "#" },
|
||
{ label: "Licensing", href: "#" },
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2025 Green Tech Plumbing Co. All rights reserved. Licensed & Insured."
|
||
bottomRightText="Des Plaines, IL | 24/7 Emergency Service"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|