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

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1114b96..87324fd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,286 +27,140 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Precision Home Services"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Precision Home Services"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Precision Home Services by an Engineer"
-      description="Offering elite handyman services for Tampa, FL and Bloomfield Hills, MI. Combining electromechanical engineering background with hands-on repair for your home's complex needs."
-      tag="Expert Engineering & Maintenance"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17043.jpg?_wi=1",
-          imageAlt: "Professional handyman with tools",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-screwdriver-with-bits-gray-background_181624-55510.jpg?_wi=1",
-          imageAlt: "Repair work in modern kitchen",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17043.jpg?_wi=2",
-          imageAlt: "Technician inspecting wiring",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-screwdriver-with-bits-gray-background_181624-55510.jpg?_wi=2",
-          imageAlt: "Engineering precise measurement",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17043.jpg?_wi=3",
-          imageAlt: "Completed home maintenance task",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Trusted by 100+ Homeowners"
-      tagIcon={Sparkles}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Precision Home Services by an Engineer"
+            description="Offering elite handyman services for Tampa, FL and Bloomfield Hills, MI. Combining electromechanical engineering background with hands-on repair for your home's complex needs."
+            tag="Expert Engineering & Maintenance"
+            mediaItems={[
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17043.jpg",                imageAlt: "Professional handyman with tools"},
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/top-view-screwdriver-with-bits-gray-background_181624-55510.jpg",                imageAlt: "Repair work in modern kitchen"}
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Trusted by 100+ Homeowners"
+            tagIcon={Sparkles}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Engineering Precision in Every Repair"
-      description="With an Electromechanical Engineering background, I bring a unique analytical approach to home repair. From complex mechanical issues to general handyman tasks, I solve problems that others overlook. Serving you with dedicated, local attention in both Tampa and Bloomfield Hills."
-      bulletPoints={[
-        {
-          title: "Technical Expertise",
-          description: "Electromechanical engineering degree provides deep understanding of home systems.",
-        },
-        {
-          title: "Precision Work",
-          description: "Analytical problem-solving ensuring high-quality, long-lasting repairs.",
-        },
-        {
-          title: "Dual-Location Care",
-          description: "Committed to maintaining your home in both Tampa, FL and Bloomfield Hills, MI.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17474.jpg"
-      imageAlt="Professional technician at work"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Engineering Precision in Every Repair"
+            description="With an Electromechanical Engineering background, I bring a unique analytical approach to home repair. From complex mechanical issues to general handyman tasks, I solve problems that others overlook. Serving you with dedicated, local attention in both Tampa and Bloomfield Hills."
+            bulletPoints={[
+              {
+                title: "Technical Expertise",                description: "Electromechanical engineering degree provides deep understanding of home systems."},
+              {
+                title: "Precision Work",                description: "Analytical problem-solving ensuring high-quality, long-lasting repairs."},
+              {
+                title: "Dual-Location Care",                description: "Committed to maintaining your home in both Tampa, FL and Bloomfield Hills, MI."},
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17474.jpg"
+            imageAlt="Professional technician at work"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Electrical Repairs",
-          author: "Pro Service",
-          description: "Troubleshooting and fixing complex electrical issues with certified precision.",
-          tags: [
-            "Electrical",
-            "Repair",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/charge-icon-front-side_187299-39454.jpg",
-        },
-        {
-          id: "2",
-          title: "Mechanical Systems",
-          author: "Pro Service",
-          description: "Expert maintenance for home mechanical systems, pumps, and automated parts.",
-          tags: [
-            "Mechanical",
-            "Engineering",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19065.jpg",
-        },
-        {
-          id: "3",
-          title: "General Maintenance",
-          author: "Pro Service",
-          description: "High-quality general handyman tasks delivered with engineering rigor.",
-          tags: [
-            "Maintenance",
-            "Home",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176742.jpg",
-        },
-      ]}
-      title="Comprehensive Handyman Services"
-      description="Professional maintenance handled with mechanical accuracy and attention to detail."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "1",                title: "Electrical Repairs",                author: "Pro Service",                description: "Troubleshooting and fixing complex electrical issues with certified precision.",                tags: ["Electrical", "Repair"],
+                imageSrc: "http://img.b2bpic.net/free-photo/charge-icon-front-side_187299-39454.jpg"},
+              {
+                id: "2",                title: "Mechanical Systems",                author: "Pro Service",                description: "Expert maintenance for home mechanical systems, pumps, and automated parts.",                tags: ["Mechanical", "Engineering"],
+                imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19065.jpg"},
+              {
+                id: "3",                title: "General Maintenance",                author: "Pro Service",                description: "High-quality general handyman tasks delivered with engineering rigor.",                tags: ["Maintenance", "Home"],
+                imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176742.jpg"},
+            ]}
+            title="Comprehensive Handyman Services"
+            description="Professional maintenance handled with mechanical accuracy and attention to detail."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Mark S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg",
-        },
-        {
-          id: "2",
-          name: "Elena R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-taking-keys-from-realtor-woman-standing-indoors_259150-58367.jpg",
-        },
-        {
-          id: "3",
-          name: "James L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394271.jpg",
-        },
-        {
-          id: "4",
-          name: "Sara D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
-        },
-        {
-          id: "5",
-          name: "Tom P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-home_329181-4271.jpg",
-        },
-      ]}
-      cardTitle="What My Neighbors Say"
-      cardTag="Trusted Results"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Mark S.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg" },
+              { id: "2", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-taking-keys-from-realtor-woman-standing-indoors_259150-58367.jpg" },
+              { id: "3", name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394271.jpg" },
+              { id: "4", name: "Sara D.", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg" },
+              { id: "5", name: "Tom P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-home_329181-4271.jpg" },
+            ]}
+            cardTitle="What My Neighbors Say"
+            cardTag="Trusted Results"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Where do you operate?",
-          content: "I split my time between Tampa, FL and Bloomfield Hills, MI to provide dedicated local service.",
-        },
-        {
-          id: "2",
-          title: "What is your background?",
-          content: "I hold an Electromechanical Engineering degree and have extensive experience in technical problem solving.",
-        },
-        {
-          id: "3",
-          title: "How do you ensure quality?",
-          content: "Every project is approached with analytical rigor, ensuring a professional fix the first time.",
-        },
-      ]}
-      sideTitle="How Can I Help?"
-      sideDescription="Get answers to your questions about my service areas and technical capabilities."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "Where do you operate?", content: "I split my time between Tampa, FL and Bloomfield Hills, MI to provide dedicated local service." },
+              { id: "2", title: "What is your background?", content: "I hold an Electromechanical Engineering degree and have extensive experience in technical problem solving." },
+              { id: "3", title: "How do you ensure quality?", content: "Every project is approached with analytical rigor, ensuring a professional fix the first time." },
+            ]}
+            sideTitle="How Can I Help?"
+            sideDescription="Get answers to your questions about my service areas and technical capabilities."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get in Touch"
-      description="Ready to get professional, engineering-grade maintenance for your home? Contact me today for a quote."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-        {
-          name: "location",
-          type: "text",
-          placeholder: "Location (Tampa/Bloomfield Hills)",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "project",
-        placeholder: "Describe your project...",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-buildings-tall-chimney_23-2149627176.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Get in Touch"
+            description="Ready to get professional, engineering-grade maintenance for your home? Contact me today for a quote."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+              { name: "location", type: "text", placeholder: "Location (Tampa/Bloomfield Hills)", required: true },
+            ]}
+            textarea={{ name: "project", placeholder: "Describe your project...", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-buildings-tall-chimney_23-2149627176.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Precision Home Services",
-          items: [
-            {
-              label: "Tampa, FL Area",
-              href: "#",
-            },
-            {
-              label: "Bloomfield Hills, MI Area",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Precision Home Services."
-      bottomRightText="Engineering Excellence."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Precision Home Services",                items: [{ label: "Tampa, FL Area", href: "#" }, { label: "Bloomfield Hills, MI Area", href: "#" }],
+              },
+              {
+                title: "Company",                items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }],
+              },
+              {
+                title: "Legal",                items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }],
+              },
+            ]}
+            bottomLeftText="© 2024 Precision Home Services."
+            bottomRightText="Engineering Excellence."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1