From c1aff224902fc3a79fa1abf53870a726598e8010 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 21:55:20 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 422 +++++++++++++----------------------------------
 1 file changed, 117 insertions(+), 305 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 28bae2a..59718b0 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 { Zap } from "lucide-react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -25,317 +26,128 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Why Us",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Mackinder"
-      button={{
-        text: "Get a Free Quote",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "Why Us", id: "about" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Mackinder"
+            button={{ text: "Get a Free Quote", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      background={{
-        variant: "plain",
-      }}
-      title="Your Trusted Local Experts in Taranaki"
-      description="Professional, reliable, and always on time. Experience 100% satisfaction with Mackinder Services."
-      testimonials={[
-        {
-          name: "Gene R.",
-          handle: "Verified Local Customer",
-          testimonial: "Mackinder Services are the absolute best. They arrived on time, were professional, and did an incredible job. Would highly recommend!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=1",
-        },
-        {
-          name: "Sarah K.",
-          handle: "Homeowner",
-          testimonial: "Exceptional plumbing service! Fast, clean, and very friendly. Definitely my go-to team now.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=2",
-        },
-        {
-          name: "Mike D.",
-          handle: "Business Owner",
-          testimonial: "Reliable and efficient electrical repairs. They saved me a lot of stress during an outage.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=3",
-        },
-        {
-          name: "Emma L.",
-          handle: "Client",
-          testimonial: "Great attention to detail with the landscaping work. My garden has never looked better!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=4",
-        },
-        {
-          name: "John P.",
-          handle: "Regular Customer",
-          testimonial: "The best maintenance team in Taranaki. Honest pricing and outstanding communication.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=5",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-clipboard-isolated-white-background_141793-84943.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed Professionals",
-        },
-        {
-          type: "text",
-          text: "24/7 Availability",
-        },
-        {
-          type: "text",
-          text: "Quality Guaranteed",
-        },
-        {
-          type: "text",
-          text: "Local Experts",
-        },
-        {
-          type: "text",
-          text: "Transparent Pricing",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            background={{ variant: "plain" }}
+            title="Your Trusted Local Experts in Taranaki"
+            description="Professional, reliable, and always on time. Experience 100% satisfaction with Mackinder Services."
+            testimonials={[
+              { name: "Gene R.", handle: "Verified Local Customer", testimonial: "Mackinder Services are the absolute best. They arrived on time, were professional, and did an incredible job. Would highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
+              { name: "Sarah K.", handle: "Homeowner", testimonial: "Exceptional plumbing service! Fast, clean, and very friendly. Definitely my go-to team now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
+              { name: "Mike D.", handle: "Business Owner", testimonial: "Reliable and efficient electrical repairs. They saved me a lot of stress during an outage.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
+              { name: "Emma L.", handle: "Client", testimonial: "Great attention to detail with the landscaping work. My garden has never looked better!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
+              { name: "John P.", handle: "Regular Customer", testimonial: "The best maintenance team in Taranaki. Honest pricing and outstanding communication.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
+            ]}
+            buttons={[{ text: "Book Now", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-clipboard-isolated-white-background_141793-84943.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg", alt: "Customer 1" },
+              { src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg", alt: "Customer 2" },
+              { src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg", alt: "Customer 3" },
+              { src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg", alt: "Customer 4" },
+              { src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg", alt: "Customer 5" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Licensed Professionals" },
+              { type: "text", text: "24/7 Availability" },
+              { type: "text", text: "Quality Guaranteed" },
+              { type: "text", text: "Local Experts" },
+              { type: "text", text: "Transparent Pricing" },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "General Maintenance",
-          description: "Preventative and reactive property care.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-psd/tools-icon-with-wrench-screwdriver-repair-service-symbol_23-2151993681.jpg",
-        },
-        {
-          title: "Emergency Plumbing",
-          description: "Rapid response when you need it most.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-vector/plumbing-icons-composition-flat_98292-1526.jpg",
-        },
-        {
-          title: "Electrical Repairs",
-          description: "Safe and reliable power solutions.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-paper-craft-art-charging-battery_53876-88545.jpg",
-        },
-        {
-          title: "Heating Systems",
-          description: "Warm and efficient climate control.",
-          buttonIcon: "Zap",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4eqikl",
-        },
-        {
-          title: "Roofing Repairs",
-          description: "Protecting your home from the elements.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-vector/renovation-isometric-concept-icons-set_98292-67.jpg",
-        },
-        {
-          title: "Landscaping",
-          description: "Expert care for your outdoor spaces.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-rake-ground_23-2148223982.jpg",
-        },
-      ]}
-      title="Our Professional Services"
-      description="Comprehensive local support to keep your property in peak condition."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentySix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "General Maintenance", description: "Preventative and reactive property care.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-psd/tools-icon-with-wrench-screwdriver-repair-service-symbol_23-2151993681.jpg" },
+              { title: "Emergency Plumbing", description: "Rapid response when you need it most.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-vector/plumbing-icons-composition-flat_98292-1526.jpg" },
+              { title: "Electrical Repairs", description: "Safe and reliable power solutions.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/3d-paper-craft-art-charging-battery_53876-88545.jpg" },
+              { title: "Heating Systems", description: "Warm and efficient climate control.", buttonIcon: Zap, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4eqikl" },
+              { title: "Roofing Repairs", description: "Protecting your home from the elements.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-vector/renovation-isometric-concept-icons-set_98292-67.jpg" },
+              { title: "Landscaping", description: "Expert care for your outdoor spaces.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/top-view-rake-ground_23-2148223982.jpg" },
+            ]}
+            title="Our Professional Services"
+            description="Comprehensive local support to keep your property in peak condition."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="Why Mackinder Services?"
-      description="We are Taranaki locals, committed to professional excellence and community trust. See why homeowners rely on us daily."
-      bulletPoints={[
-        {
-          title: "Licensed Professionals",
-          description: "Fully certified for all local works.",
-        },
-        {
-          title: "24/7 Emergency Support",
-          description: "We are there when you need us.",
-        },
-        {
-          title: "Free Quotes",
-          description: "Transparent pricing from day one.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-clipboard-isolated-white-background_141793-84943.jpg?_wi=2"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Why Mackinder Services?"
+            description="We are Taranaki locals, committed to professional excellence and community trust. See why homeowners rely on us daily."
+            bulletPoints={[
+              { title: "Licensed Professionals", description: "Fully certified for all local works." },
+              { title: "24/7 Emergency Support", description: "We are there when you need us." },
+              { title: "Free Quotes", description: "Transparent pricing from day one." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-clipboard-isolated-white-background_141793-84943.jpg"
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Gene",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=6",
-        },
-        {
-          id: "2",
-          name: "Sarah",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=7",
-        },
-        {
-          id: "3",
-          name: "Mike",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=8",
-        },
-        {
-          id: "4",
-          name: "Emma",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=9",
-        },
-        {
-          id: "5",
-          name: "John",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=10",
-        },
-      ]}
-      cardTitle="Verified Local Satisfaction"
-      cardTag="Our Reputation"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Gene", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
+              { id: "2", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
+              { id: "3", name: "Mike", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
+              { id: "4", name: "Emma", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
+              { id: "5", name: "John", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
+            ]}
+            cardTitle="Verified Local Satisfaction"
+            cardTag="Our Reputation"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Contact Us"
-      description="Ready to get started? Fill out the form below and we'll be in touch."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone Number (e.g., 021 000 0000)",
-          required: true,
-        },
-      ]}
-      multiSelect={{
-        name: "service",
-        label: "Select Service",
-        options: [
-          "Maintenance",
-          "Plumbing",
-          "Electrical",
-          "Heating",
-          "Roofing",
-          "Landscaping",
-        ],
-      }}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-using-printer-office_23-2149457036.jpg?_wi=1"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Contact Us"
+            description="Ready to get started? Fill out the form below and we'll be in touch."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+              { name: "phone", type: "tel", placeholder: "Your Phone Number (e.g., 021 000 0000)", required: true },
+            ]}
+            multiSelect={{
+              name: "service",              label: "Select Service",              options: ["Maintenance", "Plumbing", "Electrical", "Heating", "Roofing", "Landscaping"],
+            }}
+            textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/woman-using-printer-office_23-2149457036.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/woman-using-printer-office_23-2149457036.jpg?_wi=2"
-      logoText="Mackinder Services"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Mackinder Services | All rights reserved"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/woman-using-printer-office_23-2149457036.jpg"
+            logoText="Mackinder Services"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
+            ]}
+            copyrightText="© 2025 Mackinder Services | All rights reserved"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1