From 9387951539c4ab7b9ad23e8ea1a8be581167c2c1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 18:03:13 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 439 +++++------------------------------------------
 1 file changed, 39 insertions(+), 400 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2cc451e..44b7949 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,409 +1,48 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import { Zap, Shield, Star, CheckCircle } from 'lucide-react';
 
-export default function LandingPage() {
+const navItems = [{ name: "Home", id: "/" }];
+
+export default function HomePage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="mediumSmall"
-        sizing="large"
-        background="fluid"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
-    >
-      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Why Us",
-          id: "why-us",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Total Mechanical Systems"
-      button={{
-        text: "Call Now",
-        href: "tel:860-314-1518",
-      }}
-    />
-  </div>
-
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Total Comfort. Total Confidence. Total Mechanical Systems."
-      description="Plumbing, Heating, Cooling & Electrical — Trusted by 2,900+ Homeowners for Fast, Professional Service."
-      testimonials={[
-        {
-          name: "Sarah J.",
-          handle: "@customer",
-          testimonial: "Total Mechanical Systems is incredibly professional and thorough.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/plumber-looking-lateral_1368-549.jpg?_wi=1",
-          imageAlt: "hvac technician professional uniform",
-        },
-        {
-          name: "Mark D.",
-          handle: "@customer",
-          testimonial: "Same-day service when I needed it most. Amazing team.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg?_wi=1",
-          imageAlt: "hvac technician professional uniform",
-        },
-        {
-          name: "Linda R.",
-          handle: "@customer",
-          testimonial: "Clear communication and honest pricing. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg?_wi=1",
-          imageAlt: "hvac technician professional uniform",
-        },
-        {
-          name: "Chris T.",
-          handle: "@customer",
-          testimonial: "Restored my boiler in record time. Fantastic work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=1",
-          imageAlt: "hvac technician professional uniform",
-        },
-        {
-          name: "Beth W.",
-          handle: "@customer",
-          testimonial: "Courteous, knowledgeable, and reliable experts.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg?_wi=1",
-          imageAlt: "hvac technician professional uniform",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Free Estimate",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/plumber-looking-lateral_1368-549.jpg?_wi=2"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/plumber-zen-position_1368-517.jpg",
-          alt: "Plumber in zen position",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/doubtful-young-caucasian-delivery-man-blue-uniform-cap-standing-with-closed-posture-looking-camera-isolated-white-wall-with-copy-space_141793-113753.jpg",
-          alt: "Doubtful young caucasian delivery man",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg",
-          alt: "Plumber doing victory gesture",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/female-worker-wearing-work-clothes_273609-11121.jpg",
-          alt: "Female worker wearing work clothes",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-          alt: "Portrait of smiling waitress",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "24/7 Service",
-        },
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "Same-Day Priority",
-        },
-        {
-          type: "text",
-          text: "Financing Available",
-        },
-        {
-          type: "text",
-          text: "Expert Technicians",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={false}
-      names={[
-        "4.8 ⭐ Average Rating",
-        "24+ Years Serving CT",
-        "Licensed & Insured",
-        "Verified Professionals",
-        "Financing Available",
-      ]}
-      title="Trusted by the Local Community"
-      description="Join nearly 3,000 satisfied Connecticut homeowners."
-    />
-  </div>
-
-  <div id="services" data-section="services">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          title: "Plumbing",
-          description: "Expert leak repairs, water heater installation, and emergency drain cleaning.",
-          tag: "Essential",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
-          imageAlt: "Front view of spectacular woman laughing at front",
-        },
-        {
-          id: "s2",
-          title: "Heating",
-          description: "Professional boiler repairs, furnace upgrades, and emergency heat service.",
-          tag: "Climate",
-          imageSrc: "http://img.b2bpic.net/free-photo/plumber-looking-lateral_1368-549.jpg?_wi=3",
-          imageAlt: "Front view of spectacular woman laughing at front",
-        },
-        {
-          id: "s3",
-          title: "Cooling",
-          description: "High-efficiency AC installation, maintenance, and seasonal tune-ups.",
-          tag: "Comfort",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg?_wi=2",
-          imageAlt: "Front view of spectacular woman laughing at front",
-        },
-        {
-          id: "s4",
-          title: "Electrical",
-          description: "Licensed panel upgrades, lighting design, and residential inspections.",
-          tag: "Power",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg?_wi=2",
-          imageAlt: "Front view of spectacular woman laughing at front",
-        },
-      ]}
-      title="Complete Home Mechanical Services"
-      description="Our team of experts handles every aspect of your home's infrastructure with precision and care."
-    />
-  </div>
-
-  <div id="why-us" data-section="why-us">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Why Choose Total Mechanical Systems?"
-      tag="Our Commitment"
-      metrics={[
-        {
-          id: "m1",
-          value: "2,900+",
-          description: "Verified 5-Star Experiences",
-        },
-        {
-          id: "m2",
-          value: "24",
-          description: "Years of Dedication",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Satisfaction Guarantee",
-        },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="featured-review" data-section="featured-review">
-      <TestimonialCardSixteen
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Michael B.",
-          role: "Homeowner",
-          company: "CT Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg?_wi=3",
-        },
-        {
-          id: "t2",
-          name: "Susan P.",
-          role: "Homeowner",
-          company: "CT Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg?_wi=3",
-        },
-        {
-          id: "t3",
-          name: "James L.",
-          role: "Homeowner",
-          company: "CT Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=2",
-        },
-        {
-          id: "t4",
-          name: "Elena K.",
-          role: "Homeowner",
-          company: "CT Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg?_wi=2",
-        },
-        {
-          id: "t5",
-          name: "Robert S.",
-          role: "Homeowner",
-          company: "CT Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-resting_171337-3997.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.8",
-          label: "Avg Rating",
-        },
-        {
-          value: "2,983",
-          label: "Total Reviews",
-        },
-        {
-          value: "100%",
-          label: "Reliable",
-        },
-      ]}
-      title="What Our Customers Say"
-      description="Real feedback from homeowners who trust us with their comfort."
-    />
-  </div>
-
-  <div id="process" data-section="process">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Getting Help is Easy"
-      description="Our seamless service process ensures clarity and efficiency from the first phone call until the job is done perfectly."
-      imageSrc="http://img.b2bpic.net/free-photo/crop-woman-pouring-tea-near-books-snacks_23-2147888741.jpg"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Don't Wait Until It Gets Worse"
-      description="Get fast, reliable service from trusted professionals today. Request your free estimate below."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-        {
-          name: "service",
-          type: "text",
-          placeholder: "Service Required",
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Briefly describe your issue...",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/crop-woman-having-breakfast-bed_23-2147888592.jpg"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Plumbing",
-              href: "#",
-            },
-            {
-              label: "Heating",
-              href: "#",
-            },
-            {
-              label: "Cooling",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="TMS"
-    />
-  </div>
-      </ReactLenis>
+    <ThemeProvider background="none" cardStyle="glass-elevated" defaultButtonVariant="hover-magnetic" borderRadius="rounded" contentWidth="medium" sizing="medium" defaultTextAnimation="entrance-slide" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay navItems={navItems} brandName="TMS" />
+      </div>
+      <div id="hero" data-section="hero">
+        <HeroBillboardTestimonial useInvertedBackground={false} background={{ variant: "gradient-bars" }} title="Total Comfort. Total Confidence. Total Mechanical Systems." description="Plumbing, Heating, Cooling & Electrical — Trusted by 2,900+ Homeowners for Fast, Professional Service." testimonials={[{ name: "Sarah J.", handle: "@customer", testimonial: "Total Mechanical Systems is incredibly professional and thorough.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/plumber-looking-lateral_1368-549.jpg", imageAlt: "hvac technician professional uniform" }, { name: "Mark D.", handle: "@customer", testimonial: "Same-day service when I needed it most. Amazing team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", imageAlt: "happy homeowner portrait" }, { name: "Linda R.", handle: "@customer", testimonial: "Clear communication and honest pricing. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg", imageAlt: "confident homeowner portrait" }, { name: "Chris T.", handle: "@customer", testimonial: "Restored my boiler in record time. Fantastic work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "friendly senior homeowner" }, { name: "Beth W.", handle: "@customer", testimonial: "Courteous, knowledgeable, and reliable experts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg", imageAlt: "young homeowner portrait" }]} buttons={[{ text: "Get Free Estimate", href: "#contact" }]} imageSrc="http://img.b2bpic.net/free-photo/plumber-looking-lateral_1368-549.jpg" avatars={[{ src: "http://img.b2bpic.net/free-photo/plumber-zen-position_1368-517.jpg", alt: "Plumber in zen position" }, { src: "http://img.b2bpic.net/free-photo/doubtful-young-caucasian-delivery-man-blue-uniform-cap-standing-with-closed-posture-looking-camera-isolated-white-wall-with-copy-space_141793-113753.jpg", alt: "Doubtful young caucasian delivery man" }, { src: "http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg", alt: "Plumber doing victory gesture" }, { src: "http://img.b2bpic.net/free-photo/female-worker-wearing-work-clothes_273609-11121.jpg", alt: "Female worker wearing work clothes" }, { src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Portrait of smiling waitress" }]} marqueeItems={[{ type: "text", text: "24/7 Service" }, { type: "text", text: "Licensed & Insured" }, { type: "text", text: "Same-Day Priority" }, { type: "text", text: "Financing Available" }, { type: "text", text: "Expert Technicians" }]} />
+      </div>
+      <div id="social-proof" data-section="social-proof">
+        <SocialProofOne textboxLayout="split" useInvertedBackground={false} names={["4.8 ⭐ Average Rating", "24+ Years Serving CT", "Licensed & Insured", "Verified Professionals", "Financing Available"]} title="Trusted by the Local Community" description="Join nearly 3,000 satisfied Connecticut homeowners." />
+      </div>
+      <div id="services" data-section="services">
+        <FeatureCardMedia animationType="slide-up" textboxLayout="split" useInvertedBackground={false} features={[{ id: "s1", title: "Plumbing", description: "Expert leak repairs, water heater installation, and emergency drain cleaning.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg" }, { id: "s2", title: "Heating", description: "Professional boiler repairs, furnace upgrades, and emergency heat service.", tag: "Climate", imageSrc: "http://img.b2bpic.net/free-photo/plumber-looking-lateral_1368-549.jpg" }, { id: "s3", title: "Cooling", description: "High-efficiency AC installation, maintenance, and seasonal tune-ups.", tag: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" }, { id: "s4", title: "Electrical", description: "Licensed panel upgrades, lighting design, and residential inspections.", tag: "Power", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg" }]} title="Complete Home Mechanical Services" description="Our team of experts handles every aspect of your home's infrastructure with precision and care." />
+      </div>
+      <div id="why-us" data-section="why-us">
+        <MetricCardFourteen title="Why Choose Total Mechanical Systems?" tag="Our Commitment" metrics={[{ id: "m1", value: "2,900+", description: "Verified 5-Star Experiences" }, { id: "m2", value: "24", description: "Years of Dedication" }, { id: "m3", value: "100%", description: "Satisfaction Guarantee" }]} metricsAnimation="blur-reveal" useInvertedBackground={false} />
+      </div>
+      <div id="featured-review" data-section="featured-review">
+        <TestimonialCardSixteen animationType="blur-reveal" textboxLayout="split" useInvertedBackground={false} testimonials={[{ id: "t1", name: "Michael B.", role: "Homeowner", company: "CT Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" }, { id: "t2", name: "Susan P.", role: "Homeowner", company: "CT Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg" }, { id: "t3", name: "James L.", role: "Homeowner", company: "CT Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" }, { id: "t4", name: "Elena K.", role: "Homeowner", company: "CT Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg" }, { id: "t5", name: "Robert S.", role: "Homeowner", company: "CT Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-resting_171337-3997.jpg" }]} kpiItems={[{ value: "4.8", label: "Avg Rating" }, { value: "2,983", label: "Total Reviews" }, { value: "100%", label: "Reliable" }]} title="What Our Customers Say" description="Real feedback from homeowners who trust us with their comfort." />
+      </div>
+      <div id="process" data-section="process">
+        <MediaAbout title="Getting Help is Easy" description="Our seamless service process ensures clarity and efficiency from the first phone call until the job is done perfectly." imageSrc="http://img.b2bpic.net/free-photo/crop-woman-pouring-tea-near-books-snacks_23-2147888741.jpg" useInvertedBackground={false} />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactSplitForm title="Don't Wait Until It Gets Worse" description="Get fast, reliable service from trusted professionals today. Request your free estimate below." inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }, { name: "service", type: "text", placeholder: "Service Required" }]} textarea={{ name: "message", placeholder: "Briefly describe your issue...", rows: 4 }} useInvertedBackground={false} imageSrc="http://img.b2bpic.net/free-photo/crop-woman-having-breakfast-bed_23-2147888592.jpg" />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterBase columns={[{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] }, { title: "Services", items: [{ label: "Plumbing", href: "#" }, { label: "Heating", href: "#" }, { label: "Cooling", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]} logoText="TMS" />
+      </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1