bender/f63cdcbc-12a1-4d4a-afc8-3b08a84121fd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-08 18:55:24 +00:00
parent d291147ace
commit 7602f5164e
1 changed files with 132 additions and 426 deletions
Download Patch File Download Diff File Expand all files Collapse all files

558
src/app/page.tsx
View File

@@ -14,434 +14,140 @@ import { Award, CheckCircle, Clock, Home, Leaf, Shield, ThumbsUp, Users, Zap } f
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="large"
background="none"
cardStyle="gradient-mesh"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="large"
background="none"
cardStyle="gradient-mesh"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Why Us",
id: "why-us",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="John R Estes Plumbing"
button={{
text: "(859) 253-4766",
href: "tel:8592534766",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
title="Lexington’s Trusted Plumber for Over 30 Years"
description="Fast. Honest. Done Right the First Time. Serving Lexington with reliability you can count on."
testimonials={[
{
name: "Sarah J.",
handle: "@lex_resident",
testimonial: "Responded quickly and got it done same day. Truly the best in town.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg?_wi=1",
},
{
name: "Bob & Mary",
handle: "@long_time_customer",
testimonial: "We’ve used Estes for years and wouldn’t call anyone else. Always respectful.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg?_wi=1",
},
{
name: "Mike D.",
handle: "@local_biz",
testimonial: "Professional, fair pricing, and they truly respect your home.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg?_wi=1",
},
{
name: "The Millers",
handle: "@home_owner",
testimonial: "Honest, reliable work every time. They know their stuff for sure.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mom-along-with-her-daughter-cooks-vegetables-home-kitchen_1157-13481.jpg?_wi=1",
},
{
name: "Jessica R.",
handle: "@happy_client",
testimonial: "Excellent service and same-day response during our emergency!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-showing-ok-sign-smiling-camera_74855-3981.jpg?_wi=1",
},
]}
buttons={[
{
text: "Call Now",
href: "tel:8592534766",
},
{
text: "Request Service",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg",
alt: "Sarah J.",
},
{
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg",
alt: "Bob & Mary",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg",
alt: "Mike D.",
},
{
src: "http://img.b2bpic.net/free-photo/mom-along-with-her-daughter-cooks-vegetables-home-kitchen_1157-13481.jpg",
alt: "The Millers",
},
{
src: "http://img.b2bpic.net/free-photo/businesswoman-showing-ok-sign-smiling-camera_74855-3981.jpg",
alt: "Jessica R.",
},
]}
avatarText="Trusted by 500+ Lexington homeowners"
marqueeItems={[
{
type: "text-icon",
text: "Licensed & Insured",
icon: Shield,
},
{
type: "text-icon",
text: "Family Owned",
icon: Users,
},
{
type: "text-icon",
text: "24/7 Availability",
icon: Clock,
},
{
type: "text-icon",
text: "Satisfaction Guaranteed",
icon: ThumbsUp,
},
{
type: "text-icon",
text: "Eco-Friendly Practices",
icon: Leaf,
},
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Emergency Plumbing",
description: "Rapid response for urgent leaks and pipe bursts when you need us most.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg?_wi=1",
imageAlt: "Emergency repair",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg?_wi=2",
imageAlt: "Rapid response",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg?_wi=2",
imageAlt: "professional plumber working in home",
},
{
title: "Water Heater Repair",
description: "Expert repair and installation for reliable hot water at all times.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg?_wi=3",
imageAlt: "Water heater service",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg?_wi=4",
imageAlt: "Hot water system",
},
imageSrc: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg?_wi=2",
imageAlt: "portrait of happy customer home",
},
{
title: "Drain Cleaning",
description: "Deep cleaning to eliminate stubborn clogs and restore flow to your drains.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg?_wi=5",
imageAlt: "Drain cleaning",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg?_wi=6",
imageAlt: "Pipe maintenance",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg?_wi=2",
imageAlt: "smiling couple at home",
},
{
title: "Leak Detection",
description: "Pinpoint accuracy to identify and stop hidden leaks before they do damage.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg?_wi=7",
imageAlt: "Leak detection",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg?_wi=8",
imageAlt: "Pipe inspection",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg?_wi=2",
imageAlt: "happy business owner portrait",
},
{
title: "Fixture Installation",
description: "Professional setup for all your new toilets, faucets, and bathroom fixtures.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg?_wi=9",
imageAlt: "Fixture installation",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg?_wi=10",
imageAlt: "Bathroom upgrade",
},
imageSrc: "http://img.b2bpic.net/free-photo/mom-along-with-her-daughter-cooks-vegetables-home-kitchen_1157-13481.jpg?_wi=2",
imageAlt: "happy family at home kitchen",
},
{
title: "Garbage Disposal",
description: "Quick repairs and replacements for your kitchen’s hardest working appliance.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg?_wi=11",
imageAlt: "Disposal repair",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg?_wi=12",
imageAlt: "Kitchen plumbing",
},
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-showing-ok-sign-smiling-camera_74855-3981.jpg?_wi=2",
imageAlt: "portrait of homeowner smiling",
},
]}
showStepNumbers={false}
title="Our Plumbing Services"
description="Comprehensive residential plumbing solutions tailored for Lexington homes."
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "30+",
title: "Years of Experience",
description: "Serving families across Lexington since the beginning.",
icon: Award,
},
{
id: "m2",
value: "Same-Day",
title: "Rapid Response",
description: "We understand emergencies can't wait.",
icon: Zap,
},
{
id: "m3",
value: "Honest",
title: "Straight Pricing",
description: "No hidden fees, just transparent service.",
icon: CheckCircle,
},
{
id: "m4",
value: "Local",
title: "Family Style",
description: "Locally owned, family-style dedication to our community.",
icon: Home,
},
]}
title="Why Lexington Chooses John R Estes Plumbing"
description="Old-school reliability backed by modern professional standards."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "CEO",
company: "Lexington Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg?_wi=3",
},
{
id: "2",
name: "Bob B.",
role: "Owner",
company: "Long-term client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg?_wi=3",
},
{
id: "3",
name: "Mike D.",
role: "Manager",
company: "Business Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg?_wi=3",
},
{
id: "4",
name: "The Millers",
role: "Owner",
company: "Family Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mom-along-with-her-daughter-cooks-vegetables-home-kitchen_1157-13481.jpg?_wi=3",
},
{
id: "5",
name: "Jessica R.",
role: "Owner",
company: "Emergency Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-showing-ok-sign-smiling-camera_74855-3981.jpg?_wi=3",
},
]}
kpiItems={[
{
value: "4.9/5",
label: "Customer Rating",
},
{
value: "30+",
label: "Years Active",
},
{
value: "100%",
label: "Local Service",
},
]}
title="Voices of Lexington"
description="Like any long-standing local business, we’ve seen it all—but we stand behind our work."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Get in Touch"
title="Plumbing Problem? Let’s Fix It Today."
description="Same-day service available in many cases. Don't let a small leak turn into a big headache."
buttons={[
{
text: "Call Now",
href: "tel:8592534766",
},
{
text: "Request Service",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="John R Estes Plumbing"
columns={[
{
title: "Quick Links",
items: [
{
label: "Services",
href: "#services",
},
{
label: "Why Us",
href: "#why-us",
},
{
label: "Reviews",
href: "#reviews",
},
],
},
{
title: "Service Areas",
items: [
{
label: "Lexington",
href: "#",
},
{
label: "Surrounding Areas",
href: "#",
},
],
},
{
title: "Contact",
items: [
{
label: "Call: (859) 253-4766",
href: "tel:8592534766",
},
{
label: "812 Magoffin St",
href: "#",
},
],
},
]}
copyrightText="© 2025 John R Estes Plumbing. 812 Magoffin St, Lexington, KY"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Services", id: "services" },
{ name: "Why Us", id: "why-us" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="John R Estes Plumbing"
button={{ text: "(859) 253-4766", href: "tel:8592534766" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
title="Lexington’s Trusted Plumber for Over 30 Years"
description="Fast. Honest. Done Right the First Time. Serving Lexington with reliability you can count on."
testimonials={[
{ name: "Sarah J.", handle: "@lex_resident", testimonial: "Responded quickly and got it done same day. Truly the best in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg" },
{ name: "Bob & Mary", handle: "@long_time_customer", testimonial: "We’ve used Estes for years and wouldn’t call anyone else. Always respectful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg" },
{ name: "Mike D.", handle: "@local_biz", testimonial: "Professional, fair pricing, and they truly respect your home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg" },
{ name: "The Millers", handle: "@home_owner", testimonial: "Honest, reliable work every time. They know their stuff for sure.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mom-along-with-her-daughter-cooks-vegetables-home-kitchen_1157-13481.jpg" },
{ name: "Jessica R.", handle: "@happy_client", testimonial: "Excellent service and same-day response during our emergency!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-showing-ok-sign-smiling-camera_74855-3981.jpg" }
]}
buttons={[{ text: "Call Now", href: "tel:8592534766" }, { text: "Request Service", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg", alt: "Sarah J." },
{ src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg", alt: "Bob & Mary" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg", alt: "Mike D." },
{ src: "http://img.b2bpic.net/free-photo/mom-along-with-her-daughter-cooks-vegetables-home-kitchen_1157-13481.jpg", alt: "The Millers" },
{ src: "http://img.b2bpic.net/free-photo/businesswoman-showing-ok-sign-smiling-camera_74855-3981.jpg", alt: "Jessica R." }
]}
avatarText="Trusted by 500+ Lexington homeowners"
marqueeItems={[
{ type: "text-icon", text: "Licensed & Insured", icon: Shield },
{ type: "text-icon", text: "Family Owned", icon: Users },
{ type: "text-icon", text: "24/7 Availability", icon: Clock },
{ type: "text-icon", text: "Satisfaction Guaranteed", icon: ThumbsUp },
{ type: "text-icon", text: "Eco-Friendly Practices", icon: Leaf }
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ title: "Emergency Plumbing", description: "Rapid response for urgent leaks and pipe bursts when you need us most.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg", imageAlt: "Emergency repair" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg", imageAlt: "Rapid response" } },
{ title: "Water Heater Repair", description: "Expert repair and installation for reliable hot water at all times.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg", imageAlt: "Water heater service" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg", imageAlt: "Hot water system" } },
{ title: "Drain Cleaning", description: "Deep cleaning to eliminate stubborn clogs and restore flow to your drains.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg", imageAlt: "Drain cleaning" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg", imageAlt: "Pipe maintenance" } },
{ title: "Leak Detection", description: "Pinpoint accuracy to identify and stop hidden leaks before they do damage.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg", imageAlt: "Leak detection" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg", imageAlt: "Pipe inspection" } },
{ title: "Fixture Installation", description: "Professional setup for all your new toilets, faucets, and bathroom fixtures.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg", imageAlt: "Fixture installation" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg", imageAlt: "Bathroom upgrade" } },
{ title: "Garbage Disposal", description: "Quick repairs and replacements for your kitchen’s hardest working appliance.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg", imageAlt: "Disposal repair" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1749.jpg", imageAlt: "Kitchen plumbing" } }
]}
showStepNumbers={false}
title="Our Plumbing Services"
description="Comprehensive residential plumbing solutions tailored for Lexington homes."
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "30+", title: "Years of Experience", description: "Serving families across Lexington since the beginning.", icon: Award },
{ id: "m2", value: "Same-Day", title: "Rapid Response", description: "We understand emergencies can't wait.", icon: Zap },
{ id: "m3", value: "Honest", title: "Straight Pricing", description: "No hidden fees, just transparent service.", icon: CheckCircle },
{ id: "m4", value: "Local", title: "Family Style", description: "Locally owned, family-style dedication to our community.", icon: Home }
]}
title="Why Lexington Chooses John R Estes Plumbing"
description="Old-school reliability backed by modern professional standards."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah J.", role: "CEO", company: "Lexington Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg" },
{ id: "2", name: "Bob B.", role: "Owner", company: "Long-term client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg" },
{ id: "3", name: "Mike D.", role: "Manager", company: "Business Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg" },
{ id: "4", name: "The Millers", role: "Owner", company: "Family Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mom-along-with-her-daughter-cooks-vegetables-home-kitchen_1157-13481.jpg" },
{ id: "5", name: "Jessica R.", role: "Owner", company: "Emergency Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-showing-ok-sign-smiling-camera_74855-3981.jpg" }
]}
kpiItems={[
{ value: "4.9/5", label: "Customer Rating" },
{ value: "30+", label: "Years Active" },
{ value: "100%", label: "Local Service" }
]}
title="Voices of Lexington"
description="Like any long-standing local business, we’ve seen it all—but we stand behind our work."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Get in Touch"
title="Plumbing Problem? Let’s Fix It Today."
description="Same-day service available in many cases. Don't let a small leak turn into a big headache."
buttons={[{ text: "Call Now", href: "tel:8592534766" }, { text: "Request Service", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="John R Estes Plumbing"
columns={[
{ title: "Quick Links", items: [{ label: "Services", href: "#services" }, { label: "Why Us", href: "#why-us" }, { label: "Reviews", href: "#reviews" }] },
{ title: "Service Areas", items: [{ label: "Lexington", href: "#" }, { label: "Surrounding Areas", href: "#" }] },
{ title: "Contact", items: [{ label: "Call: (859) 253-4766", href: "tel:8592534766" }, { label: "812 Magoffin St", href: "#" }] }
]}
copyrightText="© 2025 John R Estes Plumbing. 812 Magoffin St, Lexington, KY"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}