Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 09e4d1c7db | |||
| 4dca1716af | |||
| ad25c3028f | |||
| 3718181b1c | |||
| fc865766c8 | |||
| 9772aa4568 |
126
src/app/page.tsx
126
src/app/page.tsx
@@ -29,67 +29,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now", href: "tel:5555555555"}}
|
||||
button={{ text: "Call Now", href: "tel:5555555555" }}
|
||||
brandName="Ken's Plumbing Inc."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Fast, Reliable Plumbing in Fox River Valley"
|
||||
description="Adam and his son provide same-day, honest, and professional service for all your residential and commercial plumbing needs. 4.8-star service you can trust."
|
||||
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: "Service Availability"},
|
||||
{
|
||||
value: "Local", label: "Fox River Valley"},
|
||||
{ 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"},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:5555555555" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg?_wi=1"
|
||||
imageAlt="Adam from Ken's Plumbing"
|
||||
imageAlt="Plumbing Services"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-kid-walking-together_23-2149147891.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-kid-walking-together_23-2149147891.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homes"
|
||||
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"},
|
||||
{ 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>
|
||||
@@ -100,18 +70,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Water Heaters", description: "Professional replacement and efficient repairs.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Fixture Installation", description: "Expert faucet and spigot installations.", bentoComponent: "reveal-icon", icon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Emergency Repairs", description: "Toilet repairs and emergency leak assistance.", bentoComponent: "reveal-icon", icon: AlertCircle,
|
||||
},
|
||||
{ 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="From emergency pipe repairs to full fixture installations, we handle it all with a friendly, local touch."
|
||||
description="We handle everything from routine maintenance to complex pipe repairs with a friendly, family-oriented approach."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,17 +84,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Family-Run, Community Focused"
|
||||
description="Ken's Plumbing Inc. has served the Fox River Valley for years. As a father-son team, we believe in honest pricing, prompt communication, and treating your home like our own."
|
||||
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 Expertise", description: "Serving Fox River Valley for generations."},
|
||||
{
|
||||
title: "Family Owned", description: "Adam and his son provide personalized care."},
|
||||
{
|
||||
title: "Honest Pricing", description: "Straightforward, fair rates every time."},
|
||||
{ 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="Ken's Plumbing family team"
|
||||
imageAlt="Family team"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -139,16 +100,8 @@ export default function LandingPage() {
|
||||
<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"},
|
||||
{
|
||||
id: "3", name: "Jenny K.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg?_wi=3"},
|
||||
{
|
||||
id: "4", name: "Tom B.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-kid-walking-together_23-2149147891.jpg?_wi=3"},
|
||||
{
|
||||
id: "5", name: "Lisa R.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg?_wi=4"},
|
||||
{ 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"
|
||||
@@ -159,19 +112,14 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Need Help Today?"
|
||||
description="Get prompt, same-day plumbing service. Fill out the form or give us a call."
|
||||
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: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Your Phone", required: true,
|
||||
},
|
||||
{ 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: "Describe your plumbing issue...", required: true,
|
||||
}}
|
||||
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>
|
||||
@@ -181,13 +129,11 @@ export default function LandingPage() {
|
||||
logoText="Ken's Plumbing Inc."
|
||||
copyrightText="© 2025 Ken's Plumbing Inc. | Serving Fox River Valley"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -12,13 +12,13 @@
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--foreground: #120a00e6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #E34400;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--background-accent: #E34400;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user