From 933c50ba4ee19d6b7823699815cdbee1e6945c14 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 12:00:08 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 517 +++++++++++++++--------------------------------
 1 file changed, 161 insertions(+), 356 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2009ccd..41b1a76 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,371 +29,176 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Jackson P&H"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Jackson P&H"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Jackson Plumbing & Heating"
-      description="Providing expert plumbing and heating solutions for your home. Reliable service, professional results, every time."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-        {
-          text: "Our Services",
-          href: "#features",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg?_wi=1",
-          imageAlt: "professional plumber at work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg?_wi=1",
-          imageAlt: "plumber repairing pipe",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/wrench-connectors-with-clear-paper_23-2147772281.jpg",
-          imageAlt: "plumber tools layout",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-touching-vintage-machine_23-2148180331.jpg",
-          imageAlt: "heating installation service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-gaming-with-headphones-better-immerse-himself_482257-124713.jpg",
-          imageAlt: "plumber working tool",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg",
-          imageAlt: "modern boiler installation",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="Jackson Plumbing & Heating"
+            description="Providing expert plumbing and heating solutions for your home. Reliable service, professional results, every time."
+            buttons={[
+              { text: "Book Now", href: "#contact" },
+              { text: "Our Services", href: "#features" }
+            ]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg", imageAlt: "professional plumber at work" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg", imageAlt: "plumber repairing pipe" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/wrench-connectors-with-clear-paper_23-2147772281.jpg", imageAlt: "plumber tools layout" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-touching-vintage-machine_23-2148180331.jpg", imageAlt: "heating installation service" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-gaming-with-headphones-better-immerse-himself_482257-124713.jpg", imageAlt: "plumber working tool" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg", imageAlt: "modern boiler installation" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Our Mission"
-      title="Built on Reliability"
-      description="Jackson Plumbing and Heating has been serving the community for over 20 years. We pride ourselves on transparent pricing, quality workmanship, and treating your home like our own."
-      subdescription="Our team of certified technicians ensures your heating and plumbing systems are running efficiently and safely year-round."
-      icon={Shield}
-      imageSrc="http://img.b2bpic.net/free-photo/mature-woman-pointing-front-blue-t-shirt-looking-confident_176474-32737.jpg"
-      mediaAnimation="slide-up"
-      imageAlt="plumber working in house"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Our Mission"
+            title="Built on Reliability"
+            description="Jackson Plumbing and Heating has been serving the community for over 20 years. We pride ourselves on transparent pricing, quality workmanship, and treating your home like our own."
+            subdescription="Our team of certified technicians ensures your heating and plumbing systems are running efficiently and safely year-round."
+            icon={Shield}
+            imageSrc="http://img.b2bpic.net/free-photo/mature-woman-pointing-front-blue-t-shirt-looking-confident_176474-32737.jpg"
+            mediaAnimation="slide-up"
+            imageAlt="plumber working in house"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Plumbing Repair",
-          description: "Rapid response for leaky faucets, burst pipes, and drain issues.",
-          bentoComponent: "reveal-icon",
-          icon: Droplets,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg",
-          imageAlt: "Female plumber working to fix problems at client's house",
-        },
-        {
-          title: "Heating Installation",
-          description: "Energy-efficient boiler and radiator installations customized for your needs.",
-          bentoComponent: "reveal-icon",
-          icon: Flame,
-          imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg?_wi=2",
-          imageAlt: "Female plumber working to fix problems at client's house",
-        },
-        {
-          title: "Maintenance Checks",
-          description: "Regular inspections to ensure your systems perform reliably all season.",
-          bentoComponent: "reveal-icon",
-          icon: Wrench,
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg?_wi=2",
-          imageAlt: "Female plumber working to fix problems at client's house",
-        },
-      ]}
-      title="Our Expert Services"
-      description="From emergency leaks to complete heating installations, we handle it all with care."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Plumbing Repair",                description: "Rapid response for leaky faucets, burst pipes, and drain issues.",                bentoComponent: "reveal-icon",                icon: Droplets
+              },
+              {
+                title: "Heating Installation",                description: "Energy-efficient boiler and radiator installations customized for your needs.",                bentoComponent: "reveal-icon",                icon: Flame
+              },
+              {
+                title: "Maintenance Checks",                description: "Regular inspections to ensure your systems perform reliably all season.",                bentoComponent: "reveal-icon",                icon: Wrench
+              }
+            ]}
+            title="Our Expert Services"
+            description="From emergency leaks to complete heating installations, we handle it all with care."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          title: "Happy Homeowners",
-          value: "15,000+",
-          icon: Users,
-        },
-        {
-          id: "m2",
-          title: "Years Experience",
-          value: "20",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          title: "Response Time",
-          value: "< 2hr",
-          icon: Clock,
-        },
-      ]}
-      title="Results You Can Count On"
-      description="Data-backed excellence for every service call."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", title: "Happy Homeowners", value: "15,000+", icon: Users },
+              { id: "m2", title: "Years Experience", value: "20", icon: Award },
+              { id: "m3", title: "Response Time", value: "< 2hr", icon: Clock }
+            ]}
+            title="Results You Can Count On"
+            description="Data-backed excellence for every service call."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          price: "$99",
-          name: "Maintenance Check",
-          features: [
-            "Full system inspection",
-            "Safety report",
-            "Minor adjustments",
-          ],
-          buttons: [
-            {
-              text: "Book",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "p2",
-          price: "$149",
-          name: "Emergency Visit",
-          features: [
-            "Same-day priority",
-            "Diagnostic check",
-            "Work estimate",
-          ],
-          buttons: [
-            {
-              text: "Book",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "p3",
-          price: "$299",
-          name: "Full Installation",
-          features: [
-            "Professional install",
-            "System testing",
-            "Extended warranty",
-          ],
-          buttons: [
-            {
-              text: "Book",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      title="Fair & Simple Pricing"
-      description="No hidden costs. Just transparent billing for top-tier service."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", price: "$99", name: "Maintenance Check", features: ["Full system inspection", "Safety report", "Minor adjustments"], buttons: [{ text: "Book", href: "#contact" }] },
+              { id: "p2", price: "$149", name: "Emergency Visit", features: ["Same-day priority", "Diagnostic check", "Work estimate"], buttons: [{ text: "Book", href: "#contact" }] },
+              { id: "p3", price: "$299", name: "Full Installation", features: ["Professional install", "System testing", "Extended warranty"], buttons: [{ text: "Book", href: "#contact" }] }
+            ]}
+            title="Fair & Simple Pricing"
+            description="No hidden costs. Just transparent billing for top-tier service."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael R.",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-man-sofa-home-winter-headphones-wearing-red-knitted-sweater-working-laptop-freelancer-happy-positive-showing-thumb-up_285396-2747.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily K.",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/diy-activity-online-content-craft-creation_23-2151515819.jpg",
-        },
-        {
-          id: "4",
-          name: "David L.",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-happy-face-portrait-close-up_53876-143272.jpg",
-        },
-        {
-          id: "5",
-          name: "Helen P.",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          label: "Customer Satisfaction",
-          value: "99%",
-        },
-        {
-          label: "Retention Rate",
-          value: "92%",
-        },
-        {
-          label: "5-Star Rating",
-          value: "4.9",
-        },
-      ]}
-      title="Voices of Our Community"
-      description="What our clients are saying about Jackson Plumbing & Heating."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" },
+              { id: "2", name: "Michael R.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-man-sofa-home-winter-headphones-wearing-red-knitted-sweater-working-laptop-freelancer-happy-positive-showing-thumb-up_285396-2747.jpg" },
+              { id: "3", name: "Emily K.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/diy-activity-online-content-craft-creation_23-2151515819.jpg" },
+              { id: "4", name: "David L.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-happy-face-portrait-close-up_53876-143272.jpg" },
+              { id: "5", name: "Helen P.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg" }
+            ]}
+            kpiItems={[
+              { label: "Customer Satisfaction", value: "99%" },
+              { label: "Retention Rate", value: "92%" },
+              { label: "5-Star Rating", value: "4.9" }
+            ]}
+            title="Voices of Our Community"
+            description="What our clients are saying about Jackson Plumbing & Heating."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you offer emergency calls?",
-          content: "Yes, we provide 24/7 emergency plumbing and heating repair services.",
-        },
-        {
-          id: "f2",
-          title: "Are your plumbers certified?",
-          content: "Every technician on our team is fully licensed, bonded, and insured.",
-        },
-        {
-          id: "f3",
-          title: "Do you provide estimates?",
-          content: "Yes, all major work starts with a clear, written estimate prior to service.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Quick answers to common questions about our services."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do you offer emergency calls?", content: "Yes, we provide 24/7 emergency plumbing and heating repair services." },
+              { id: "f2", title: "Are your plumbers certified?", content: "Every technician on our team is fully licensed, bonded, and insured." },
+              { id: "f3", title: "Do you provide estimates?", content: "Yes, all major work starts with a clear, written estimate prior to service." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Quick answers to common questions about our services."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Let's Connect"
-      title="Ready to get started?"
-      description="Contact us today for a free quote or to schedule a service visit. We're here to help keep your home running smoothly."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:5550123",
-        },
-        {
-          text: "Email Us",
-          href: "mailto:service@jacksonph.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Let's Connect"
+            title="Ready to get started?"
+            description="Contact us today for a free quote or to schedule a service visit. We're here to help keep your home running smoothly."
+            buttons={[
+              { text: "Call Now", href: "tel:5550123" },
+              { text: "Email Us", href: "mailto:service@jacksonph.com" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Jackson P&H",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Jackson Plumbing & Heating"
-      bottomRightText="All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Jackson P&H",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Services", href: "#features" },
+                  { label: "Contact", href: "#contact" }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy", href: "#" },
+                  { label: "Terms", href: "#" }
+                ]
+              }
+            ]}
+            bottomLeftText="© 2024 Jackson Plumbing & Heating"
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file