328 lines
19 KiB
TypeScript
328 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Clock, DollarSign, MessageSquare, Sparkles, Video, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "About Us", id: "/about"},
|
|
{
|
|
name: "Services", id: "/services"},
|
|
{
|
|
name: "Trenchless", id: "/trenchless"},
|
|
{
|
|
name: "Reviews", id: "/reviews"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
brandName="Gator Rooter & Plumbing Inc."
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "plain"}}
|
|
imagePosition="right"
|
|
title="When Plumbing Problems Can't Wait, Homeowners Call Gator."
|
|
description="Fast response, honest pricing, and expert plumbing solutions from a team homeowners trust."
|
|
tag="Licensed & Insured | Trenchless Sewer Specialists"
|
|
buttons={[
|
|
{
|
|
text: "Get Free Estimate", href: "/contact"},
|
|
{
|
|
text: "Call Now", href: "tel:+18005551234"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3673.jpg", alt: "Customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", alt: "Customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-women-holding-golden-star-icon_53876-71038.jpg", alt: "Customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/blackman-white-guy-warking-with-laptop-studio-shot_613910-16720.jpg", alt: "Customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg", alt: "Customer 5"},
|
|
]}
|
|
avatarText="★★★★★ 4.6 Rating"
|
|
imageSrc="http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg"
|
|
imageAlt="Professional plumber working in a luxury Bay Area home"
|
|
mediaAnimation="slide-up"
|
|
fixedMediaHeight={true}
|
|
marqueeItems={[
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-vector/hand-drawn-plumbing-services-logo-template_742173-19084.jpg", alt: "Luxury Homes Inc. Logo"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/badge-reward-successful-champion-competition-concept_53876-120790.jpg", alt: "Bay Area Property Mgmt. Logo"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-vector/gradient-patented-label-collection_23-2149733574.jpg", alt: "Green Living Contractors Logo"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-vector/technological-blue-logo-with-house-wifi_1035-5773.jpg", alt: "Elite Home Services Logo"},
|
|
{
|
|
type: "image", src: "asset://hero-marquee-logo-5", alt: "Residential Solutions Group Logo"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose-gator" data-section="why-choose-gator">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Honest Recommendations", description: "We provide transparent, no-pressure advice tailored to your needs, ensuring you always make informed decisions.", icon: MessageSquare,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-lamp-with-futuristic-design_23-2151037455.jpg", imageAlt: "Honest Recommendations Icon"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/white-hand-thumb-up-icon-inside-blue-text-message-bubble-web-application-mobile-app-by-realistic-3d-render_616485-99.jpg", imageAlt: "Honest Recommendations Icon"},
|
|
]
|
|
},
|
|
{
|
|
title: "Transparent Pricing", description: "Receive clear, upfront quotes with no hidden fees. We believe in fair pricing for exceptional service.", icon: DollarSign,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-financial-management-document-icon_53876-14639.jpg", imageAlt: "Transparent Pricing Icon"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/illustration-financial-concept_53876-5913.jpg", imageAlt: "Transparent Pricing Icon"},
|
|
]
|
|
},
|
|
{
|
|
title: "Sewer Camera Inspections", description: "Utilizing advanced camera technology for precise diagnostics, we pinpoint issues with unparalleled accuracy.", icon: Video,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/20-plumber-solid-glyph-icon-pack-like-plumber-industrial-plumbing-drain-sink_1142-19315.jpg", imageAlt: "Sewer Camera Inspection Icon"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/growing-plants-equipment_23-2148928473.jpg", imageAlt: "Sewer Camera Inspection Icon"},
|
|
]
|
|
},
|
|
{
|
|
title: "Trenchless Expertise", description: "Specializing in efficient, minimally invasive trenchless sewer solutions that protect your property and landscaping.", icon: Zap,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg", imageAlt: "Trenchless Expertise Icon"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132623.jpg", imageAlt: "Trenchless Expertise Icon"},
|
|
]
|
|
},
|
|
{
|
|
title: "Fast Response Times", description: "When plumbing emergencies strike, our rapid response team is there to resolve your issues quickly and efficiently.", icon: Clock,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990735.jpg", imageAlt: "Fast Response Times Icon"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/plumbing-service-shower-bathtub-sink-drain-installation-tools-icons-set-abstract-solid-isolated-vector-illustration_98292-5458.jpg", imageAlt: "Fast Response Times Icon"},
|
|
]
|
|
},
|
|
{
|
|
title: "Clean Workmanship", description: "We respect your home. Our technicians maintain impeccably clean and organized job sites, every time.", icon: Sparkles,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/inside-well_1353-181.jpg", imageAlt: "Clean Workmanship Icon"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/currency-exchange-gold-coin-currency-money-icon-sign-symbol-business-financial-concept-3d-background-illustration_56104-2008.jpg", imageAlt: "Clean Workmanship Icon"},
|
|
]
|
|
},
|
|
]}
|
|
title="Why Homeowners Trust Gator Rooter"
|
|
description="Experience premium plumbing service where honesty, expertise, and reliability are always guaranteed."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-overview" data-section="services-overview">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "trenchless-sewer-replacement-home", name: "Trenchless Sewer Replacement", price: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/man-raises-jack-4x4-off-road-truck_1153-4382.jpg", imageAlt: "Trenchless Sewer Replacement"},
|
|
{
|
|
id: "sewer-line-repair-home", name: "Sewer Line Repair", price: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990735.jpg", imageAlt: "Sewer Line Repair"},
|
|
{
|
|
id: "drain-cleaning-home", name: "Drain Cleaning", price: "Reliable", imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-24827.jpg", imageAlt: "Drain Cleaning"},
|
|
{
|
|
id: "hydro-jetting-home", name: "Hydro Jetting", price: "Powerful", imageSrc: "http://img.b2bpic.net/free-photo/inside-well_1353-181.jpg", imageAlt: "Hydro Jetting"},
|
|
{
|
|
id: "camera-inspections-home", name: "Camera Inspections", price: "Precise", imageSrc: "http://img.b2bpic.net/free-photo/artist-s-hand-painting-graffiti-with-spray-can-inside-tunnel_23-2147827444.jpg", imageAlt: "Camera Inspections"},
|
|
{
|
|
id: "root-removal-home", name: "Root Removal", price: "Effective", imageSrc: "http://img.b2bpic.net/free-photo/clay-whale-stand-pottery-workshop_1153-8628.jpg", imageAlt: "Root Removal"},
|
|
]}
|
|
title="Our Premium Plumbing Services"
|
|
description="From advanced sewer solutions to routine drain care, Gator Rooter & Plumbing offers a full suite of services designed for Bay Area homeowners."
|
|
buttons={[
|
|
{
|
|
text: "View All Services", href: "/services"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="process-section" data-section="process-section">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "step-1", value: "1", title: "Schedule Service", items: [
|
|
"Contact us via phone or online form.", "Our friendly team will gather details.", "We'll confirm your appointment quickly."],
|
|
},
|
|
{
|
|
id: "step-2", value: "2", title: "Professional Inspection", items: [
|
|
"An expert technician arrives on time.", "Thorough assessment, often with camera.", "We identify the root cause of the issue."],
|
|
},
|
|
{
|
|
id: "step-3", value: "3", title: "Clear Solutions & Pricing", items: [
|
|
"Receive transparent explanations of options.", "Upfront, fair pricing with no surprises.", "We answer all your questions comprehensively."],
|
|
},
|
|
{
|
|
id: "step-4", value: "4", title: "Expert Repair & Peace of Mind", items: [
|
|
"Skilled technicians perform quality work.", "Clean and organized job site guaranteed.", "Enjoy lasting solutions and peace of mind."],
|
|
},
|
|
]}
|
|
title="Our Streamlined Service Process"
|
|
description="We ensure a smooth, transparent experience from your initial call to the completion of your plumbing project."
|
|
/>
|
|
</div>
|
|
|
|
<div id="customer-reviews" data-section="customer-reviews">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Andy L.", date: "May 2024", title: "Quick Response & Fair Pricing", quote: "Andy is quick to respond, helpful, fair with pricing, and highly reliable. We've used Gator Rooter multiple times and they always deliver.", tag: "Reliable Service", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-corporate-manager-sitting-with-hands-clasped-outside-office_662251-2057.jpg", avatarAlt: "Andy L. avatar", imageSrc: "http://img.b2bpic.net/free-photo/view-small-bathroom-interior-with-modern-style-furniture-decor_23-2150864582.jpg", imageAlt: "Clean plumbing work"},
|
|
{
|
|
id: "testimonial-2", name: "Sarah J.", date: "April 2024", title: "Prompt & Effective Drain Cleaning", quote: "Prompt service and reasonable quote. Gator Rooter quickly solved our clogged drains and even installed cleanout access the same day. Highly recommend!", tag: "Drain Solutions", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", avatarAlt: "Sarah J. avatar", imageSrc: "http://img.b2bpic.net/free-photo/way-white-house_1162-117.jpg", imageAlt: "Residential home exterior"},
|
|
{
|
|
id: "testimonial-3", name: "Michael T.", date: "March 2024", title: "Expert Trenchless Replacement", quote: "Andres used a sewer camera inspection, explained everything clearly, handled permits and inspections, completed trenchless sewer replacement professionally, and left the site clean. Exceptional service!", tag: "Trenchless Experts", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-man-wearing-suit_23-2148831132.jpg", avatarAlt: "Michael T. avatar", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg", imageAlt: "Trenchless sewer work site"},
|
|
{
|
|
id: "testimonial-4", name: "Emily R.", date: "February 2024", title: "Trustworthy & Professional", quote: "Gator Rooter is the only plumbing company I trust. Their technicians are always professional, honest, and do outstanding work every time. A true premium service.", tag: "Trusted Plumber", avatarSrc: "http://img.b2bpic.net/free-photo/couple-moments-home-mock-up_23-2148329353.jpg", avatarAlt: "Emily R. avatar", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721522.jpg", imageAlt: "Organized plumbing equipment"},
|
|
{
|
|
id: "testimonial-5", name: "David W.", date: "January 2024", title: "Clear Communication & Fair Price", quote: "From the initial call to the final repair, communication was excellent. They explained the issue, offered clear solutions, and charged a fair price. Highly satisfied!", tag: "Clear Communication", avatarSrc: "http://img.b2bpic.net/free-photo/man-urban-environment-with-thumb-up_23-2147961614.jpg", avatarAlt: "David W. avatar", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721550.jpg", imageAlt: "Plumber inspecting pipes"},
|
|
]}
|
|
title="What Homeowners Say About Gator Rooter"
|
|
description="Our Bay Area clients consistently praise our fast response, honest communication, and professional workmanship."
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-area" data-section="service-area">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "area-1", title: "Fremont, Newark, Union City", content: "Providing fast, reliable plumbing solutions and trenchless sewer services to the East Bay communities."},
|
|
{
|
|
id: "area-2", title: "Milpitas, San Jose, Santa Clara", content: "Comprehensive plumbing and sewer expertise for residents across Silicon Valley's key cities."},
|
|
{
|
|
id: "area-3", title: "Hayward, Pleasanton, Dublin", content: "Delivering exceptional service and advanced plumbing techniques to these thriving Bay Area neighborhoods."},
|
|
{
|
|
id: "area-4", title: "Sunnyvale & Surrounding Areas", content: "Dedicated to serving Sunnyvale and nearby regions with our commitment to quality and customer satisfaction."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/map-oklahoma-polygonal-mesh-line-map-flag-map_559531-11429.jpg"
|
|
imageAlt="Map of Bay Area service coverage"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
title="Serving the Greater Bay Area"
|
|
description="We are proud to offer our premium plumbing and trenchless sewer services to homeowners across these communities."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="final-cta" data-section="final-cta">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Ready for a Plumber You Can Trust?"
|
|
title="Need Honest Answers & Expert Workmanship?"
|
|
description="Get transparent pricing and reliable service from Bay Area plumbing professionals. Reach out today for a free estimate or emergency assistance."
|
|
buttons={[
|
|
{
|
|
text: "Request Free Estimate", href: "/contact"},
|
|
{
|
|
text: "Call Now", href: "tel:+18005551234"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Gator Rooter & Plumbing Inc."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Trenchless Sewer", href: "/trenchless"},
|
|
{
|
|
label: "Drain Cleaning", href: "/services#drain-cleaning"},
|
|
{
|
|
label: "Sewer Repair", href: "/services#sewer-repair"},
|
|
{
|
|
label: "Leak Detection", href: "/services#leak-detection"},
|
|
{
|
|
label: "Water Heaters", href: "/services#water-heaters"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "/about"},
|
|
{
|
|
label: "Reviews", href: "/reviews"},
|
|
{
|
|
label: "Service Area", href: "/#service-area"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Gator Rooter & Plumbing Inc. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|