248 lines
13 KiB
TypeScript
248 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { CalendarClock, CheckCircle, PhoneCall, ShieldCheck, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "About", id: "why"},
|
|
{
|
|
name: "Process", id: "process"},
|
|
{
|
|
name: "Reviews", id: "reviews"},
|
|
]}
|
|
brandName="Next Plumbing & Heating"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Expert Plumbing & Heating Solutions Done Right"
|
|
description="From leaky faucets to full system upgrades, Next Plumbing & Heating delivers precision workmanship, transparent pricing, and same-day service."
|
|
testimonials={[
|
|
{
|
|
name: "Peter Rhett", handle: "@Google", testimonial: "Excellent service and very transparent pricing. Highly recommended.", rating: 5,
|
|
imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=600&h=600&auto=format&fit=crop&_wi=1", imageAlt: "Next Plumbing & Heating service professional"},
|
|
{
|
|
name: "Kathy Brent", handle: "@Google", testimonial: "Very professional and arrived right on time. Great job.", rating: 5,
|
|
imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695cc6952?q=80&w=600&h=600&auto=format&fit=crop&_wi=1", imageAlt: "Next Plumbing & Heating service professional"},
|
|
{
|
|
name: "Tom Carlson", handle: "@Google", testimonial: "Saved the day during our January cold snap. Absolute professionals.", rating: 5,
|
|
imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=600&h=600&auto=format&fit=crop&_wi=2", imageAlt: "Next Plumbing & Heating service professional"},
|
|
{
|
|
name: "Sara Delgado", handle: "@Google", testimonial: "Clean, quick, and very friendly service. Fixed my leak fast.", rating: 5,
|
|
imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695cc6952?q=80&w=600&h=600&auto=format&fit=crop&_wi=2", imageAlt: "Next Plumbing & Heating service professional"},
|
|
{
|
|
name: "Jamie Mitchell", handle: "@Google", testimonial: "Best plumbing experience I've had in St. Louis Park.", rating: 5,
|
|
imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=600&h=600&auto=format&fit=crop&_wi=3", imageAlt: "Next Plumbing & Heating service professional"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:+19525222178"},
|
|
]}
|
|
imageSrc="https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=1200&h=800&auto=format&fit=crop"
|
|
imageAlt="Plumbing service truck"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg", alt: "Happy customer testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/lovely-brunette-browsing-tablet-smiling_23-2147770029.jpg", alt: "Happy customer testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-standing-with-box-new-house-apartment_74855-10349.jpg", alt: "Happy customer testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg", alt: "Happy customer testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg", alt: "Happy customer testimonial"},
|
|
]}
|
|
avatarText="Trusted by 25+ local homeowners"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Licensed & Insured", "Same-Day Availability", "No Hidden Fees", "Workmanship Guaranteed", "Professional Crew"]}
|
|
title="Our Standards"
|
|
description="Why choose Next Plumbing & Heating for your next project."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Drain Cleaning", description: "High-pressure hydro-jetting to clear stubborn clogs.", imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=800&h=600&auto=format&fit=crop&_wi=1"},
|
|
{
|
|
title: "Kitchen Plumbing", description: "Expert installations for sinks, faucets, and disposals.", imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695cc6952?q=80&w=800&h=600&auto=format&fit=crop&_wi=1"},
|
|
{
|
|
title: "Heating Systems", description: "Boiler and furnace repairs to keep you warm.", imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=800&h=600&auto=format&fit=crop&_wi=2"},
|
|
{
|
|
title: "Water Heaters", description: "Tank and tankless water heater maintenance.", imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695cc6952?q=80&w=800&h=600&auto=format&fit=crop&_wi=2"},
|
|
{
|
|
title: "Leak Detection", description: "Protect your home with advanced leak detection.", imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=800&h=600&auto=format&fit=crop&_wi=3"},
|
|
{
|
|
title: "Pipe Repair", description: "Old pipe replacement and full repiping services.", imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695cc6952?q=80&w=800&h=600&auto=format&fit=crop&_wi=3"},
|
|
]}
|
|
title="Complete Plumbing & Heating Services"
|
|
description="Professional solutions for your home maintenance and repair needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="why" data-section="why">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="About Us"
|
|
title="The Standard Others Struggle to Match"
|
|
description="We built Next Plumbing & Heating on a simple principle: do the job right, charge what's fair, and leave every home better than we found it."
|
|
subdescription="Our team of licensed, background-checked professionals takes pride in every repair and installation."
|
|
imageSrc="https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=800&h=1000&auto=format&fit=crop"
|
|
mediaAnimation="slide-up"
|
|
icon={ShieldCheck}
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", title: "Initial Contact", value: "Easy Call", icon: PhoneCall,
|
|
},
|
|
{
|
|
id: "2", title: "Free Assessment", value: "On Time", icon: CalendarClock,
|
|
},
|
|
{
|
|
id: "3", title: "Expert Repair", value: "Precision", icon: Wrench,
|
|
},
|
|
{
|
|
id: "4", title: "Peace of Mind", value: "Guaranteed", icon: CheckCircle,
|
|
},
|
|
]}
|
|
title="Simple, Fast, Stress-Free Process"
|
|
description="We've streamlined our steps so you can get back to your day."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Peter Rhett", handle: "Google", testimonial: "Excellent service and very transparent pricing. Highly recommended.", rating: 5,
|
|
imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=600&h=600&auto=format&fit=crop&_wi=4"},
|
|
{
|
|
id: "2", name: "Kathy Brent", handle: "Google", testimonial: "Very professional and arrived right on time. Great job.", rating: 5,
|
|
imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695cc6952?q=80&w=600&h=600&auto=format&fit=crop&_wi=3"},
|
|
{
|
|
id: "3", name: "Khalil Reagan", handle: "Google", testimonial: "The installation was handled with utmost care. Professional.", rating: 5,
|
|
imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=600&h=600&auto=format&fit=crop&_wi=5"},
|
|
{
|
|
id: "4", name: "Jamie Mitchell", handle: "Google", testimonial: "Fair pricing and no hidden fees. Called on Tuesday, serviced Wednesday.", rating: 5,
|
|
imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695cc6952?q=80&w=600&h=600&auto=format&fit=crop&_wi=4"},
|
|
{
|
|
id: "5", name: "Sara Delgado", handle: "Google", testimonial: "Polite crew, spotless cleanup, and everything fixed perfectly.", rating: 5,
|
|
imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=600&h=600&auto=format&fit=crop&_wi=6"},
|
|
{
|
|
id: "6", name: "Tom Carlson", handle: "Google", testimonial: "Exceptional response time during an emergency heat failure.", rating: 5,
|
|
imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695cc6952?q=80&w=600&h=600&auto=format&fit=crop&_wi=5"},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Clients Say"
|
|
description="Trusted by local homeowners in the Twin Cities metro."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Let's Fix It Right, The First Time"
|
|
description="Whether it's an urgent repair or a planned upgrade, we are ready to help."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Describe your plumbing or heating needs...", rows: 4,
|
|
}}
|
|
imageSrc="https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=800&h=800&auto=format&fit=crop"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Drain Cleaning", href: "#services"},
|
|
{
|
|
label: "Heating Systems", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#why"},
|
|
{
|
|
label: "Reviews", href: "#reviews"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "(952) 522-2178", href: "tel:+19525222178"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2025 Next Plumbing & Heating"
|
|
bottomRightText="Done right, the first time."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |