From a39e48b44bd7e08cb85a20b2e37b6353d2ac0658 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 03:18:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 385 ++++++++++++-----------------------------------
 1 file changed, 100 insertions(+), 285 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 93d374c..192cb63 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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';
@@ -9,14 +10,6 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import {
-  AlertTriangle,
-  Flame,
-  Home,
-  Settings,
-  ShieldCheck,
-  Wrench,
-} from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,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>
   );