bender/cf11636f-1990-471a-99d7-e89b70012686
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-30 03:18:59 +00:00
parent 1f3ebf3514 a39e48b44b
commit 747a8f042f
1 changed files with 100 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files

377
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Wrench, Flame, Settings, AlertTriangle, Home, ShieldCheck } from "lucide-react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
@@ -25,289 +26,111 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Services",
id: "#services",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "About",
id: "#about",
},
{
name: "Call Now",
id: "tel:+10000000000",
},
]}
brandName="TJ Plumbing & Heating"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Services", id: "#services" },
{ name: "Reviews", id: "#reviews" },
{ name: "About", id: "#about" },
{ name: "Call Now", id: "tel:+10000000000" },
]}
brandName="TJ Plumbing & Heating"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
title="Your Home. Our Finest Work."
description="Excellence in plumbing and heating. With a 5-star reputation and over 50 clients served, we bring luxury service and reliability directly to your doorstep."
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
{
text: "Read Reviews",
href: "#reviews",
},
]}
carouselItems={[
{
id: "1",
imageSrc: "https://pixabay.com/get/gbc8b4999a059e2a941ba5cd81558d0437cdb20c5b5a3f885cc9fdc0ffd683fa7f53e5b5f81526ed8e32cec4856b08a6fd9ab07c8fbfec4da8d382e16d21fe53b_1280.jpg?_wi=1",
imageAlt: "Hero 1",
},
{
id: "2",
imageSrc: "https://pixabay.com/get/gbc8b4999a059e2a941ba5cd81558d0437cdb20c5b5a3f885cc9fdc0ffd683fa7f53e5b5f81526ed8e32cec4856b08a6fd9ab07c8fbfec4da8d382e16d21fe53b_1280.jpg?_wi=2",
imageAlt: "Hero 2",
},
{
id: "3",
imageSrc: "https://pixabay.com/get/gbc8b4999a059e2a941ba5cd81558d0437cdb20c5b5a3f885cc9fdc0ffd683fa7f53e5b5f81526ed8e32cec4856b08a6fd9ab07c8fbfec4da8d382e16d21fe53b_1280.jpg?_wi=3",
imageAlt: "Hero 3",
},
{
id: "4",
imageSrc: "https://pixabay.com/get/gbc8b4999a059e2a941ba5cd81558d0437cdb20c5b5a3f885cc9fdc0ffd683fa7f53e5b5f81526ed8e32cec4856b08a6fd9ab07c8fbfec4da8d382e16d21fe53b_1280.jpg?_wi=4",
imageAlt: "Hero 4",
},
{
id: "5",
imageSrc: "https://pixabay.com/get/gbc8b4999a059e2a941ba5cd81558d0437cdb20c5b5a3f885cc9fdc0ffd683fa7f53e5b5f81526ed8e32cec4856b08a6fd9ab07c8fbfec4da8d382e16d21fe53b_1280.jpg?_wi=5",
imageAlt: "Hero 5",
},
{
id: "6",
imageSrc: "https://pixabay.com/get/gbc8b4999a059e2a941ba5cd81558d0437cdb20c5b5a3f885cc9fdc0ffd683fa7f53e5b5f81526ed8e32cec4856b08a6fd9ab07c8fbfec4da8d382e16d21fe53b_1280.jpg?_wi=6",
imageAlt: "Hero 6",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-static" }}
title="Your Home. Our Finest Work."
description="Excellence in plumbing and heating. With a 5-star reputation and over 50 clients served, we bring luxury service and reliability directly to your doorstep."
buttons={[
{ text: "Get a Free Quote", href: "#contact" },
{ text: "Read Reviews", href: "#reviews" },
]}
carouselItems={[
{ id: "1", imageSrc: "https://pixabay.com/get/gbc8b4999a059e2a941ba5cd81558d0437cdb20c5b5a3f885cc9fdc0ffd683fa7f53e5b5f81526ed8e32cec4856b08a6fd9ab07c8fbfec4da8d382e16d21fe53b_1280.jpg", imageAlt: "Hero 1" },
{ id: "2", imageSrc: "https://pixabay.com/get/gbc8b4999a059e2a941ba5cd81558d0437cdb20c5b5a3f885cc9fdc0ffd683fa7f53e5b5f81526ed8e32cec4856b08a6fd9ab07c8fbfec4da8d382e16d21fe53b_1280.jpg", imageAlt: "Hero 2" },
{ id: "3", imageSrc: "https://pixabay.com/get/gbc8b4999a059e2a941ba5cd81558d0437cdb20c5b5a3f885cc9fdc0ffd683fa7f53e5b5f81526ed8e32cec4856b08a6fd9ab07c8fbfec4da8d382e16d21fe53b_1280.jpg", imageAlt: "Hero 3" },
{ id: "4", imageSrc: "https://pixabay.com/get/gbc8b4999a059e2a941ba5cd81558d0437cdb20c5b5a3f885cc9fdc0ffd683fa7f53e5b5f81526ed8e32cec4856b08a6fd9ab07c8fbfec4da8d382e16d21fe53b_1280.jpg", imageAlt: "Hero 4" },
{ id: "5", imageSrc: "https://pixabay.com/get/gbc8b4999a059e2a941ba5cd81558d0437cdb20c5b5a3f885cc9fdc0ffd683fa7f53e5b5f81526ed8e32cec4856b08a6fd9ab07c8fbfec4da8d382e16d21fe53b_1280.jpg", imageAlt: "Hero 5" },
{ id: "6", imageSrc: "https://pixabay.com/get/gbc8b4999a059e2a941ba5cd81558d0437cdb20c5b5a3f885cc9fdc0ffd683fa7f53e5b5f81526ed8e32cec4856b08a6fd9ab07c8fbfec4da8d382e16d21fe53b_1280.jpg", imageAlt: "Hero 6" },
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySix
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Plumbing Repairs",
description: "Precision repairs to keep your home running seamlessly.",
imageSrc: "https://pixabay.com/get/g59471d58a603324eec917703a7e4099c8553cc97b50f99832dc0c82585976c017e5696a26291d187a8fb74dafb17f187ee6538a100a21b75645903a71fac7ad7_1280.jpg",
buttonIcon: "Wrench",
},
{
title: "Heating Systems",
description: "High-efficiency heating solutions designed for reliability.",
imageSrc: "https://pixabay.com/get/g56643374ebd977e5895c6b8008fb941230a31b646c4bf590d24ac4154d1f882ef92ea49638414a6da347017dfaf1d4ec0f7d28ab8ad5935f0d48585bee92edf7_1280.jpg",
buttonIcon: "Flame",
},
{
title: "Boiler Servicing",
description: "Professional maintenance to maximize your system's lifespan.",
imageSrc: "https://pixabay.com/get/g78584822450916656ea2d1be5037a66bad7f7f57e0ef8ceea606e00977561094bf9c95fd125501be7138f935210a7818da2cad96c95f7d2d2c110c893636ef29_1280.jpg",
buttonIcon: "Settings",
},
{
title: "Emergency Callouts",
description: "Round-the-clock support for your peace of mind.",
imageSrc: "https://pixabay.com/get/gd3a8d4c8afe887d9bef2508773b56b065f03218fce1c6749ccdffd2b811db266d1cbaa8d8c636e4ba45f9242f2b660e63a21fbc907235e603cd20cef386632d1_1280.jpg",
buttonIcon: "AlertTriangle",
},
{
title: "New Installations",
description: "Expert fitting of state-of-the-art plumbing and heating tech.",
imageSrc: "https://pixabay.com/get/g7c3b601dc03c11bae481014233baa323a885173efb762c4106cdb7ba3fa182fe256b80633ff0525035a7cd28b290d7e6fac8acbd50b7e6379a342fafccf45758_1280.jpg",
buttonIcon: "Home",
},
{
title: "Maintenance Plans",
description: "Preventative care to ensure your home stays protected.",
imageSrc: "https://pixabay.com/get/gb88a47da48dd8e54436cb9b429eeb066cfaf8df0f17c84525e1f8f17bcb05d128072ca0b3e5380c7f8efd2db6c2ac38b40b1d27d6eb871ee8a8dcc62ec28e6f2_1280.jpg",
buttonIcon: "ShieldCheck",
},
]}
title="Our Expert Services"
description="Premium maintenance and installation solutions tailored for your home's unique comfort."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySix
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Plumbing Repairs", description: "Precision repairs to keep your home running seamlessly.", imageSrc: "https://pixabay.com/get/g59471d58a603324eec917703a7e4099c8553cc97b50f99832dc0c82585976c017e5696a26291d187a8fb74dafb17f187ee6538a100a21b75645903a71fac7ad7_1280.jpg", buttonIcon: Wrench },
{ title: "Heating Systems", description: "High-efficiency heating solutions designed for reliability.", imageSrc: "https://pixabay.com/get/g56643374ebd977e5895c6b8008fb941230a31b646c4bf590d24ac4154d1f882ef92ea49638414a6da347017dfaf1d4ec0f7d28ab8ad5935f0d48585bee92edf7_1280.jpg", buttonIcon: Flame },
{ title: "Boiler Servicing", description: "Professional maintenance to maximize your system's lifespan.", imageSrc: "https://pixabay.com/get/g78584822450916656ea2d1be5037a66bad7f7f57e0ef8ceea606e00977561094bf9c95fd125501be7138f935210a7818da2cad96c95f7d2d2c110c893636ef29_1280.jpg", buttonIcon: Settings },
{ title: "Emergency Callouts", description: "Round-the-clock support for your peace of mind.", imageSrc: "https://pixabay.com/get/gd3a8d4c8afe887d9bef2508773b56b065f03218fce1c6749ccdffd2b811db266d1cbaa8d8c636e4ba45f9242f2b660e63a21fbc907235e603cd20cef386632d1_1280.jpg", buttonIcon: AlertTriangle },
{ title: "New Installations", description: "Expert fitting of state-of-the-art plumbing and heating tech.", imageSrc: "https://pixabay.com/get/g7c3b601dc03c11bae481014233baa323a885173efb762c4106cdb7ba3fa182fe256b80633ff0525035a7cd28b290d7e6fac8acbd50b7e6379a342fafccf45758_1280.jpg", buttonIcon: Home },
{ title: "Maintenance Plans", description: "Preventative care to ensure your home stays protected.", imageSrc: "https://pixabay.com/get/gb88a47da48dd8e54436cb9b429eeb066cfaf8df0f17c84525e1f8f17bcb05d128072ca0b3e5380c7f8efd2db6c2ac38b40b1d27d6eb871ee8a8dcc62ec28e6f2_1280.jpg", buttonIcon: ShieldCheck },
]}
title="Our Expert Services"
description="Premium maintenance and installation solutions tailored for your home's unique comfort."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Reva Zoting",
role: "Homeowner",
company: "TJ Plumbing",
rating: 5,
imageSrc: "https://pixabay.com/get/gadd5eac469790b65f7b05007feb98492366e9af00d6681e91312d11be8f1037edc9067e7f5507309bf3cf6c0550b45cb32708a343e4bb9a1cfbcee3a8685f850_1280.jpg",
},
{
id: "2",
name: "Takendra Hawkins",
role: "Homeowner",
company: "TJ Plumbing",
rating: 5,
imageSrc: "https://pixabay.com/get/ga8e2dc225f1a8757d05f9641925dcc00168ea9cce2fb1cf798a8caacb3237405d17d56a53517f031a641f3e210264018428c3203a7514643a070ac11c8abc50a_1280.jpg",
},
{
id: "3",
name: "Ashley Yancy",
role: "Homeowner",
company: "TJ Plumbing",
rating: 5,
imageSrc: "https://pixabay.com/get/gc562f27e9657ce9c677c35f5f89a58811006e0fa4d21f3d82ccc502fa4c1ef417707b6500c8d25d8c29b55010af53ed19b407988bfe03f256eb6c8c29dbf484a_1280.jpg",
},
{
id: "4",
name: "Hallie Collette",
role: "Homeowner",
company: "TJ Plumbing",
rating: 5,
imageSrc: "https://pixabay.com/get/g573993cd6864cfff7df0080db51f10c95885a4fc30036eb97cc5914d7a16d59eee5012a2c6cc4c26376ed66837023259d36ec57c6caebbf63a81e64a8703a526_1280.jpg",
},
{
id: "5",
name: "Kristen Vanhooser",
role: "Homeowner",
company: "TJ Plumbing",
rating: 5,
imageSrc: "https://pixabay.com/get/g3e78425d824d07d42c63b69426b0edb39a651a73f48677f6cb9cc8d60e8097c9f5d7bb45b8ca107519805ad8f7601632ac5c546ee94eed8cf65e7ad8596b337d_1280.jpg",
},
{
id: "6",
name: "Isabelle Izzy",
role: "Homeowner",
company: "TJ Plumbing",
rating: 5,
imageSrc: "https://pixabay.com/get/g4f68e7900c219177564e60f73986879b81718ff5c46025b4f2cc4551d4f34022ffca75b1dcd7761639ee53c58f7cf18437c76071f0449592e8deb90a71ae3b2f_1280.jpg",
},
]}
title="5.0 Rating Across All Reviews"
description="Trusted by hundreds of homeowners for reliability, cleanliness, and expert craftsmanship."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Reva Zoting", role: "Homeowner", company: "TJ Plumbing", rating: 5, imageSrc: "https://pixabay.com/get/gadd5eac469790b65f7b05007feb98492366e9af00d6681e91312d11be8f1037edc9067e7f5507309bf3cf6c0550b45cb32708a343e4bb9a1cfbcee3a8685f850_1280.jpg" },
{ id: "2", name: "Takendra Hawkins", role: "Homeowner", company: "TJ Plumbing", rating: 5, imageSrc: "https://pixabay.com/get/ga8e2dc225f1a8757d05f9641925dcc00168ea9cce2fb1cf798a8caacb3237405d17d56a53517f031a641f3e210264018428c3203a7514643a070ac11c8abc50a_1280.jpg" },
{ id: "3", name: "Ashley Yancy", role: "Homeowner", company: "TJ Plumbing", rating: 5, imageSrc: "https://pixabay.com/get/gc562f27e9657ce9c677c35f5f89a58811006e0fa4d21f3d82ccc502fa4c1ef417707b6500c8d25d8c29b55010af53ed19b407988bfe03f256eb6c8c29dbf484a_1280.jpg" },
{ id: "4", name: "Hallie Collette", role: "Homeowner", company: "TJ Plumbing", rating: 5, imageSrc: "https://pixabay.com/get/g573993cd6864cfff7df0080db51f10c95885a4fc30036eb97cc5914d7a16d59eee5012a2c6cc4c26376ed66837023259d36ec57c6caebbf63a81e64a8703a526_1280.jpg" },
{ id: "5", name: "Kristen Vanhooser", role: "Homeowner", company: "TJ Plumbing", rating: 5, imageSrc: "https://pixabay.com/get/g3e78425d824d07d42c63b69426b0edb39a651a73f48677f6cb9cc8d60e8097c9f5d7bb45b8ca107519805ad8f7601632ac5c546ee94eed8cf65e7ad8596b337d_1280.jpg" },
{ id: "6", name: "Isabelle Izzy", role: "Homeowner", company: "TJ Plumbing", rating: 5, imageSrc: "https://pixabay.com/get/g4f68e7900c219177564e60f73986879b81718ff5c46025b4f2cc4551d4f34022ffca75b1dcd7761639ee53c58f7cf18437c76071f0449592e8deb90a71ae3b2f_1280.jpg" },
]}
title="5.0 Rating Across All Reviews"
description="Trusted by hundreds of homeowners for reliability, cleanliness, and expert craftsmanship."
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Unmatched Expertise"
description="With years of dedication to perfection, we bring integrity, skill, and a refined touch to every plumbing project we undertake."
metrics={[
{
value: "24/7",
title: "Fast Response",
},
{
value: "100%",
title: "Clean Work",
},
{
value: "Fixed",
title: "Honest Pricing",
},
{
value: "Fully",
title: "Qualified",
},
]}
imageSrc="https://pixabay.com/get/gbae772731f5046e6f6b6b0d5c29bb9185be72243b4c1e8f11fe79c1a813af313062f9a7faea3fc24f7c3caa30bc1ddd65cd4be8d78beeeaec81d1ee464ac4868_1280.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Unmatched Expertise"
description="With years of dedication to perfection, we bring integrity, skill, and a refined touch to every plumbing project we undertake."
metrics={[
{ value: "24/7", title: "Fast Response" },
{ value: "100%", title: "Clean Work" },
{ value: "Fixed", title: "Honest Pricing" },
{ value: "Fully", title: "Qualified" },
]}
imageSrc="https://pixabay.com/get/gbae772731f5046e6f6b6b0d5c29bb9185be72243b4c1e8f11fe79c1a813af313062f9a7faea3fc24f7c3caa30bc1ddd65cd4be8d78beeeaec81d1ee464ac4868_1280.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="cta" data-section="cta">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Ready for quality service?"
title="Ready for plumbing and heating done right?"
description="Get a professional consultation and quote today."
/>
</div>
<div id="cta" data-section="cta">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
tag="Ready for quality service?"
title="Ready for plumbing and heating done right?"
description="Get a professional consultation and quote today."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "About Us",
items: [
{
label: "Our History",
href: "#about",
},
{
label: "Core Values",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Plumbing",
href: "#services",
},
{
label: "Heating",
href: "#services",
},
{
label: "Emergency",
href: "#services",
},
],
},
{
title: "Contact",
items: [
{
label: "Schedule Now",
href: "#contact",
},
{
label: "Support",
href: "#",
},
{
label: "000-000-0000",
href: "tel:0000000000",
},
],
},
]}
copyrightText="© 2024 TJ Plumbing & Heating. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{ title: "About Us", items: [{ label: "Our History", href: "#about" }, { label: "Core Values", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Services", items: [{ label: "Plumbing", href: "#services" }, { label: "Heating", href: "#services" }, { label: "Emergency", href: "#services" }] },
{ title: "Contact", items: [{ label: "Schedule Now", href: "#contact" }, { label: "Support", href: "#" }, { label: "000-000-0000", href: "tel:0000000000" }] },
]}
copyrightText="© 2024 TJ Plumbing & Heating. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);