139 lines
6.0 KiB
TypeScript
139 lines
6.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { AlertCircle, Facebook, Wrench, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Reviews", id: "#testimonials" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
button={{ text: "Call Now", href: "tel:5555555555" }}
|
|
brandName="Ken's Plumbing Inc."
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{ variant: "plain" }}
|
|
title="Fast, Reliable Plumbing in Fox River Valley"
|
|
description="Ken's Plumbing is a family-run business providing same-day, honest, and professional service for all your residential and commercial plumbing needs. 4.8-star service you can trust."
|
|
kpis={[
|
|
{ value: "4.8", label: "Star Rating" },
|
|
{ value: "Same-Day", label: "Availability" },
|
|
{ value: "Local", label: "Fox River Valley" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[{ text: "Call Now", href: "tel:5555555555" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg?_wi=1"
|
|
imageAlt="Plumbing Services"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{ type: "text", text: "Drain Cleaning" },
|
|
{ type: "text", text: "Pipe Repair" },
|
|
{ type: "text", text: "Water Heaters" },
|
|
{ type: "text", text: "Leak Detection" },
|
|
{ type: "text", text: "Fixture Installation" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ title: "Residential Services", description: "Complete plumbing solutions for your home.", bentoComponent: "reveal-icon", icon: Zap },
|
|
{ title: "Commercial Services", description: "Reliable plumbing for local businesses.", bentoComponent: "reveal-icon", icon: Wrench },
|
|
{ title: "Emergency Support", description: "Fast response for your plumbing emergencies.", bentoComponent: "reveal-icon", icon: AlertCircle },
|
|
]}
|
|
title="Expert Plumbing Services"
|
|
description="We handle everything from routine maintenance to complex pipe repairs with a friendly, family-oriented approach."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Family-Run, Community Focused"
|
|
description="Ken's Plumbing Inc. has proudly served the Fox River Valley for years. As a father-son team, we treat your property like our own, ensuring honest pricing and transparent communication on every job."
|
|
bulletPoints={[
|
|
{ title: "Local Roots", description: "Serving Fox River Valley for generations." },
|
|
{ title: "Family Owned", description: "Personalized care from our family to yours." },
|
|
{ title: "Professional Standards", description: "Reliable and high-quality results every time." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-kid-walking-together_23-2149147891.jpg?_wi=1"
|
|
imageAlt="Family team"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah D.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg?_wi=2" },
|
|
{ id: "2", name: "Mark L.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-kid-walking-together_23-2149147891.jpg?_wi=2" },
|
|
]}
|
|
cardTitle="Loved by the Fox River Valley"
|
|
cardTag="4.8 Star Service"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Ready to Get Started?"
|
|
description="Schedule your service today. Our team is here to assist with your residential or commercial plumbing needs."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
|
{ name: "address", type: "text", placeholder: "Address/Area" },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your project...", required: true }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/doctor-is-ready-endotracheal-intubation-non-breathing-patient-young-female-paramedic-holding-iv-solution-ems-paramedics-provide-medical-help-injured-patient-way-hospital_657921-1493.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Ken's Plumbing Inc."
|
|
copyrightText="© 2025 Ken's Plumbing Inc. | Serving Fox River Valley"
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |