338 lines
19 KiB
TypeScript
338 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Award, CheckCircle, Clock, DollarSign, Droplet, Droplets, Flame, Gauge, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Polo A Plumbing & Heating"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Expert Plumbing & Heating Services You Can Trust"
|
|
description="Reliable solutions for all your residential and commercial needs in Metuchen, NJ. We're committed to quality, efficiency, and customer satisfaction."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah J.", handle: "Homeowner, Metuchen", testimonial: "Excellent service and very nice staff. They resolved our plumbing issue quickly and efficiently!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-white_181624-25676.jpg", imageAlt: "Sarah J. photo"},
|
|
{
|
|
name: "Michael C.", handle: "Business Owner, Local Cafe", testimonial: "Their approachable demeanor made us feel confident in our choice. Our heating repair was handled perfectly.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-isolated-portrait-cheerful-happy-young-man-with-afro-hairstyle-casual-white-t-shirt-smiling-brightly-looking-camera-with-excited-joyful-expression_176420-12985.jpg", imageAlt: "Michael C. photo"},
|
|
{
|
|
name: "Gregory D.", handle: "Resident, Metuchen", testimonial: "Professional job with no problems on our water heater. I will definitely use them again for other plumbing work.", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-ok-sign_1262-2445.jpg", imageAlt: "Gregory D. photo"},
|
|
{
|
|
name: "C.A. Glass", handle: "Client, Frameless Shower Door", testimonial: "Couldn't be happier with our decision to go with Polo A Plumbing. Outstanding service from start to finish.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5357.jpg", imageAlt: "C.A. Glass photo"},
|
|
{
|
|
name: "Emily R.", handle: "Property Manager", testimonial: "Polo A Plumbing is consistently reliable and always professional. Our properties' needs are always met with top-notch service.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", imageAlt: "Emily R. photo"},
|
|
{
|
|
name: "David K.", handle: "Restaurant Owner", testimonial: "Fast response and complete fix for a clogged kitchen drain. Polo A Plumbing saved our business from a major disruption!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-surprised-handsome-guy-with-beard-looking-amused-smiling-happy-camera-standing-blu_1258-152687.jpg", imageAlt: "David K. photo"},
|
|
]}
|
|
tag="Top-Rated Local Plumbers"
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Estimate", href: "#contact"},
|
|
{
|
|
text: "View Our Services", href: "#services"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Customer Sarah J."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg", alt: "Customer Michael C."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-senior-man-with-tattoos-pointing-upper-left-corner-logo-laughing-cheerful-standing-against-white-background-copy-space_176420-53174.jpg", alt: "Customer Gregory D."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg", alt: "Customer C.A. Glass"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", alt: "Happy customer avatar"},
|
|
]}
|
|
avatarText="Join 200+ satisfied customers!"
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-looking-detail-sitting-floor_259150-58258.jpg"
|
|
imageAlt="Plumber tools and equipment"
|
|
mediaAnimation="opacity"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "24/7 Emergency Service", icon: Clock,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Licensed & Insured", icon: CheckCircle,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Customer Satisfaction Guaranteed", icon: Award,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Affordable & Transparent Pricing", icon: DollarSign,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Experienced Local Technicians", icon: Wrench,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="Your Trusted Local Plumbing & Heating Partner"
|
|
description="Polo A Plumbing & Heating has been serving the Metuchen, NJ community with dedication and expertise for years. We pride ourselves on providing prompt, reliable, and high-quality plumbing and heating solutions. From emergency repairs to new installations, our certified technicians are equipped to handle any job, big or small, ensuring your home or business runs smoothly and comfortably. Your satisfaction is our top priority."
|
|
buttons={[
|
|
{
|
|
text: "Learn More About Us"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515893.jpg"
|
|
imageAlt="Plumber at work, fixing a pipe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureHoverPattern
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Wrench,
|
|
title: "Emergency Plumbing", description: "24/7 rapid response for leaks, bursts, and clogged drains to prevent further damage and ensure peace of mind."},
|
|
{
|
|
icon: Flame,
|
|
title: "Heating System Repair & Installation", description: "Expert repair, maintenance, and installation of furnaces, boilers, and heat pumps for optimal home comfort and efficiency."},
|
|
{
|
|
icon: Droplet,
|
|
title: "Water Heater Services", description: "Professional installation, repair, and maintenance for both tankless and traditional water heaters, ensuring hot water on demand."},
|
|
{
|
|
icon: Wrench,
|
|
title: "Drain Cleaning", description: "Thorough and effective cleaning of stubborn clogs and preventative maintenance to keep your drains clear and free-flowing."},
|
|
{
|
|
icon: Droplets,
|
|
title: "Bathroom & Kitchen Remodeling", description: "Complete plumbing installations for your renovation projects, from new fixtures to complex pipe re-routing, done right."},
|
|
{
|
|
icon: Gauge,
|
|
title: "HVAC Maintenance", description: "Regular checks and tune-ups for your heating, ventilation, and air conditioning systems to ensure peak performance."},
|
|
]}
|
|
title="Comprehensive Plumbing & Heating Solutions"
|
|
description="We offer a full spectrum of services designed to keep your home and business comfortable and functional year-round."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", role: "Homeowner", company: "Metuchen, NJ", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg", imageAlt: "Sarah J. photo"
|
|
},
|
|
{
|
|
id: "2", name: "Michael C.", role: "Business Owner", company: "Local Cafe", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg", imageAlt: "Michael C. photo"
|
|
},
|
|
{
|
|
id: "3", name: "Gregory D.", role: "Resident", company: "Metuchen, NJ", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-with-grey-hair-posing-with-violet-jacket_343059-91.jpg", imageAlt: "Gregory D. photo"
|
|
},
|
|
{
|
|
id: "4", name: "C.A. Glass", role: "Client", company: "Frameless Shower Door", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", imageAlt: "C.A. Glass photo"
|
|
},
|
|
{
|
|
id: "5", name: "Emily R.", role: "Property Manager", company: "Residential Complex", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", imageAlt: "Emily R. photo"
|
|
},
|
|
{
|
|
id: "6", name: "David K.", role: "Local Business Owner", company: "Restaurant", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-owner-concept-portrait-happy-young-bearded-caucasian-barista-apron-with-confident-looking-smiling-camera-coffee-shop-counter_1258-103925.jpg", imageAlt: "David K. photo"
|
|
}
|
|
]}
|
|
title="What Our Valued Customers Say"
|
|
description="Hear directly from homeowners and businesses who have experienced the Polo A Plumbing & Heating difference."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Metuchen Homeowners Association", "Local Businesses United", "Garden State Property Management", "Metuchen Community Center", "Smith & Sons Contractors", "Elite Property Services", "Maplewood Estates", "Township of Metuchen"]}
|
|
title="Trusted by Homes & Businesses Across Metuchen"
|
|
description="We're proud to be the preferred plumbing and heating partner for many residents and local businesses."
|
|
speed={30}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "basic-repair", title: "Standard Service Call", price: "$129", period: "per visit", features: [
|
|
"Diagnostic Check", "Minor Repairs (up to 30 min labor)", "Safety Inspection"],
|
|
button: {
|
|
text: "Book Now", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-vector/plumber-icons-set_1284-5179.jpg", imageAlt: "Standard service wrench icon"},
|
|
{
|
|
id: "maintenance-plan", title: "Annual Maintenance Plan", price: "$299", period: "per year", features: [
|
|
"2x Annual System Checks", "Priority Scheduling", "15% Off All Repairs", "Extended Equipment Lifespan"],
|
|
button: {
|
|
text: "Enroll Now", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wrench-connectors-with-clear-paper_23-2147772281.jpg", imageAlt: "Calendar with checkmark for maintenance"},
|
|
{
|
|
id: "emergency-service", title: "Emergency Call Out", price: "$199", period: "starting at", features: [
|
|
"24/7 Rapid Response", "Urgent Leak Fixes", "Burst Pipe Repair", "After-Hours Support"],
|
|
button: {
|
|
text: "Call Emergency", href: "tel:(732) 767-1800"},
|
|
imageSrc: "http://img.b2bpic.net/free-vector/home-security-flat-decorative-icons-set-with-guard-dog-video-camera-digital-electronic-systems-home-protection-isolated-vector-illustration_98292-2371.jpg", imageAlt: "Emergency alarm icon"},
|
|
]}
|
|
title="Transparent Pricing for Quality Service"
|
|
description="Choose the right service package for your needs, or request a custom quote for specific projects. No hidden fees, just clear, honest pricing."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What areas do you serve?", content: "We primarily serve Metuchen, NJ, and surrounding towns. Please contact us to confirm service availability in your specific location."},
|
|
{
|
|
id: "q2", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 emergency plumbing and heating services. Call us anytime for urgent issues like burst pipes, major leaks, or heating failures."},
|
|
{
|
|
id: "q3", title: "Are your technicians licensed and insured?", content: "Absolutely. All our technicians are fully licensed, certified, and insured, ensuring professional and reliable service every time."},
|
|
{
|
|
id: "q4", title: "How often should I have my heating system serviced?", content: "We recommend annual maintenance for your heating system, ideally before the cold season begins, to ensure efficiency and prevent breakdowns."},
|
|
{
|
|
id: "q5", title: "What payment methods do you accept?", content: "We accept all major credit cards, checks, and cash. Payment plans may be available for larger projects; please discuss with our team."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-blonde-woman-with-curly-hair-pointing-her-palm-spread-aside-checked-shirt-looking-cheery-front-view_176474-112700.jpg"
|
|
imageAlt="Customer asking question to a plumber"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our plumbing and heating services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Get in Touch"
|
|
title="Schedule Your Service Today"
|
|
description="Have a question or need to book an appointment? Fill out the form below or call us directly. We're here to help!"
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-s-hand-using-cellphone-with-social-media-notifications-screen_23-2147844505.jpg"
|
|
imageAlt="Contact form illustration with a phone"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your Name / Email"
|
|
buttonText="Send Message"
|
|
termsText="By sending a message, you agree to our Terms and Conditions and Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Polo A Plumbing & Heating"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Emergency Plumbing", href: "#services"},
|
|
{
|
|
label: "Heating Repair", href: "#services"},
|
|
{
|
|
label: "Water Heaters", href: "#services"},
|
|
{
|
|
label: "Drain Cleaning", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "FAQs", href: "#faq"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Polo A Plumbing & Heating. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|