bender/00142b79-78da-478a-b8a5-55a6735ca63d
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-13 02:34:46 +00:00
parent cdb400fbf6
commit 634d4caa32
1 changed files with 63 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

288
src/app/page.tsx
View File

@@ -29,129 +29,44 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="Kansas Plumbing Corp"
button={{
text: "Book a Service",
href: "#contact",
}}
button={{ text: "Book a Service", href: "#contact" }}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Kansas City’s 5-Star Plumbing Pros"
description="Kansas Plumbing Corp provides premium residential and commercial plumbing services. Trusted local expertise available until 11 PM daily."
testimonials={[
{
name: "Sarah J.",
handle: "@sarah_j",
testimonial: "Exceptional service, arrived on time and fixed my leak perfectly.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047576686-31d781c3.png?_wi=1",
},
{
name: "Michael K.",
handle: "@mk_kc",
testimonial: "Very professional and honest pricing. Highly recommend.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047585717-6cd1c75c.png",
},
{
name: "Emily D.",
handle: "@emilyd",
testimonial: "Fastest emergency response I have ever experienced. Lifesavers.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047594781-db8d955e.png",
},
{
name: "Robert B.",
handle: "@rob_b",
testimonial: "Great attention to detail and very clean work.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047604509-f0694f28.png",
},
{
name: "Jessica L.",
handle: "@jess_l",
testimonial: "Knowledgeable team, solved my heater issue in minutes.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047615753-7aa92bee.png",
},
{ name: "Sarah J.", handle: "@sarah_j", testimonial: "Exceptional service, arrived on time and fixed my leak perfectly.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047576686-31d781c3.png" },
{ name: "Michael K.", handle: "@mk_kc", testimonial: "Very professional and honest pricing. Highly recommend.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047585717-6cd1c75c.png" },
{ name: "Emily D.", handle: "@emilyd", testimonial: "Fastest emergency response I have ever experienced. Lifesavers.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047594781-db8d955e.png" },
{ name: "Robert B.", handle: "@rob_b", testimonial: "Great attention to detail and very clean work.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047604509-f0694f28.png" },
{ name: "Jessica L.", handle: "@jess_l", testimonial: "Knowledgeable team, solved my heater issue in minutes.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047615753-7aa92bee.png" }
]}
buttons={[
{
text: "Book a Service",
href: "#contact",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/a-high-end-cinematic-close-up-shot-of-sh-1776047528173-fe21b83b.png?_wi=1"
buttons={[{ text: "Book a Service", href: "#contact" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/a-high-end-cinematic-close-up-shot-of-sh-1776047528173-fe21b83b.png"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/a-high-end-cinematic-close-up-shot-of-sh-1776047528173-fe21b83b.png",
alt: "Customer 1",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/a-clean-professional-image-of-a-friendly-1776047537512-7a85a36c.png",
alt: "Customer 2",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/modern-bathroom-renovation-plumbing-show-1776047546727-a2b64f83.png",
alt: "Customer 3",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/commercial-drain-cleaning-equipment-in-a-1776047556520-f690faff.png",
alt: "Customer 4",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/modern-high-efficiency-water-heater-unit-1776047566401-ebeadf2d.png",
alt: "Customer 5",
},
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/a-high-end-cinematic-close-up-shot-of-sh-1776047528173-fe21b83b.png", alt: "Customer 1" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/a-clean-professional-image-of-a-friendly-1776047537512-7a85a36c.png", alt: "Customer 2" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/modern-bathroom-renovation-plumbing-show-1776047546727-a2b64f83.png", alt: "Customer 3" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/commercial-drain-cleaning-equipment-in-a-1776047556520-f690faff.png", alt: "Customer 4" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/modern-high-efficiency-water-heater-unit-1776047566401-ebeadf2d.png", alt: "Customer 5" }
]}
marqueeItems={[
{
type: "text",
text: "24/7 Emergency Service",
},
{
type: "text",
text: "Licensed & Insured",
},
{
type: "text",
text: "Locally Owned",
},
{
type: "text",
text: "5-Star Rated",
},
{
type: "text",
text: "Upfront Pricing",
},
{ type: "text", text: "24/7 Emergency Service" },
{ type: "text", text: "Licensed & Insured" },
{ type: "text", text: "Locally Owned" },
{ type: "text", text: "5-Star Rated" },
{ type: "text", text: "Upfront Pricing" }
]}
/>
</div>
@@ -162,20 +77,11 @@ export default function LandingPage() {
title="Trusted Local Expertise"
description="Kansas Plumbing Corp is a locally owned company dedicated to excellence. With a 5.0-star rating across over 13 reviews, we pride ourselves on precision, strength, and professionalism for every plumbing project in Kansas City."
metrics={[
{
value: "5.0",
title: "Star Rating",
},
{
value: "13+",
title: "Local Reviews",
},
{
value: "Daily",
title: "Open till 11 PM",
},
{ value: "5.0", title: "Star Rating" },
{ value: "13+", title: "Local Reviews" },
{ value: "Daily", title: "Open till 11 PM" }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/a-clean-professional-image-of-a-friendly-1776047537512-7a85a36c.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/a-clean-professional-image-of-a-friendly-1776047537512-7a85a36c.png"
mediaAnimation="slide-up"
metricsAnimation="blur-reveal"
/>
@@ -188,50 +94,26 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Expert Repairs",
description: "Precision troubleshooting and high-end repair services.",
icon: Wrench,
title: "Expert Repairs", description: "Precision troubleshooting and high-end repair services.", icon: Wrench,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/modern-bathroom-renovation-plumbing-show-1776047546727-a2b64f83.png",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/modern-bathroom-renovation-plumbing-show-1776047625710-fdb37ed9.png",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/a-high-end-cinematic-close-up-shot-of-sh-1776047528173-fe21b83b.png?_wi=2",
imageAlt: "Modern bathroom renovation plumbing, showing clean white sink fixtures with stainless steel faucets.",
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/modern-bathroom-renovation-plumbing-show-1776047546727-a2b64f83.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/modern-bathroom-renovation-plumbing-show-1776047625710-fdb37ed9.png" }
]
},
{
title: "Drain Cleaning",
description: "High-pressure, effective solutions for every drainage issue.",
icon: Droplets,
title: "Drain Cleaning", description: "High-pressure, effective solutions for every drainage issue.", icon: Droplets,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/commercial-drain-cleaning-equipment-in-a-1776047556520-f690faff.png",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/commercial-drain-cleaning-equipment-in-a-1776047635532-135698b6.png",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/a-clean-professional-image-of-a-friendly-1776047537512-7a85a36c.png?_wi=2",
imageAlt: "Modern bathroom renovation plumbing, showing clean white sink fixtures with stainless steel faucets.",
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/commercial-drain-cleaning-equipment-in-a-1776047556520-f690faff.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/commercial-drain-cleaning-equipment-in-a-1776047635532-135698b6.png" }
]
},
{
title: "Water Heater Install",
description: "Professional installation for high-efficiency heaters.",
icon: Flame,
title: "Water Heater Install", description: "Professional installation for high-efficiency heaters.", icon: Flame,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/modern-high-efficiency-water-heater-unit-1776047566401-ebeadf2d.png",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/modern-high-efficiency-water-heater-unit-1776047645533-85b09993.png",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047576686-31d781c3.png?_wi=2",
imageAlt: "Modern bathroom renovation plumbing, showing clean white sink fixtures with stainless steel faucets.",
},
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/modern-high-efficiency-water-heater-unit-1776047566401-ebeadf2d.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/modern-high-efficiency-water-heater-unit-1776047645533-85b09993.png" }
]
}
]}
title="Premium Plumbing Services"
description="Comprehensive solutions tailored to your residential and commercial needs."
@@ -245,26 +127,11 @@ export default function LandingPage() {
rating={5}
author="David W., Local Resident"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047576686-31d781c3.png",
alt: "Customer",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047585717-6cd1c75c.png",
alt: "Customer",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047594781-db8d955e.png",
alt: "Customer",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047604509-f0694f28.png",
alt: "Customer",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047615753-7aa92bee.png",
alt: "Customer",
},
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047576686-31d781c3.png", alt: "Customer" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047585717-6cd1c75c.png", alt: "Customer" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047594781-db8d955e.png", alt: "Customer" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047604509-f0694f28.png", alt: "Customer" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBGcbM0RP5DVM9ndtuAoXQoEDu/friendly-professional-profile-picture-of-1776047615753-7aa92bee.png", alt: "Customer" }
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -274,21 +141,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Get in Touch"
title="Ready to get started?"
description="Call us at (913) 358-7294, visit us at 7909 State Ave, Kansas City, KS 66112, or book your service now. We are open until 11 PM daily!"
buttons={[
{
text: "Call Now",
href: "tel:9133587294",
},
{
text: "Email Us",
href: "mailto:info@kansasplumbing.com",
},
{ text: "Call Now", href: "tel:9133587294" },
{ text: "Email Us", href: "mailto:info@kansasplumbing.com" }
]}
/>
</div>
@@ -298,48 +157,27 @@ export default function LandingPage() {
logoText="Kansas Plumbing Corp"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#services",
},
],
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Services", href: "#services" }
]
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
],
title: "Support", items: [
{ label: "Contact", href: "#contact" },
{ label: "Privacy Policy", href: "#" }
]
},
{
title: "Hours & Info",
items: [
{
label: "Open daily until 11 PM",
href: "#",
},
{
label: "7909 State Ave, Kansas City, KS 66112",
href: "#",
},
],
},
title: "Hours & Info", items: [
{ label: "Open daily until 11 PM", href: "#" },
{ label: "7909 State Ave, Kansas City, KS 66112", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}