346 lines
13 KiB
TypeScript
346 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import { Droplets, Flame, Wrench } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="largeSmall"
|
||
background="grid"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<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",
|
||
},
|
||
]}
|
||
brandName="Kansas Plumbing Corp"
|
||
button={{
|
||
text: "Book a Service",
|
||
href: "#contact",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardTestimonial
|
||
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",
|
||
},
|
||
]}
|
||
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"
|
||
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",
|
||
},
|
||
]}
|
||
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",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={true}
|
||
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",
|
||
},
|
||
]}
|
||
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"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyFive
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
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.",
|
||
},
|
||
{
|
||
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.",
|
||
},
|
||
{
|
||
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.",
|
||
},
|
||
]}
|
||
title="Premium Plumbing Services"
|
||
description="Comprehensive solutions tailored to your residential and commercial needs."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={true}
|
||
testimonial="The absolute best plumbing experience I have ever had. Kansas Plumbing Corp is professional, quick, and highly skilled. They treat your home like their own."
|
||
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",
|
||
},
|
||
]}
|
||
ratingAnimation="blur-reveal"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
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",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Kansas Plumbing Corp"
|
||
columns={[
|
||
{
|
||
title: "Company",
|
||
items: [
|
||
{
|
||
label: "About Us",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Services",
|
||
href: "#services",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
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: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|