From b9581fec92a501d04b6d3fce3445b30c8a64bd91 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 16:09:44 +0000
Subject: [PATCH] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 75 ++++++++++++++++-----------------------
 1 file changed, 30 insertions(+), 45 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 5263c10..242d0f3 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -2,10 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
+import MediaAbout from "@/components/sections/about/MediaAbout";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import Link from "next/link";
 import { Zap } from "lucide-react";
 
 export default function ServicesPage() {
@@ -32,53 +33,25 @@ export default function ServicesPage() {
             { name: "About", id: "/about" },
           ]}
           button={{
-            text: "Call Now: (201) 555-0123",            href: "tel:+12015550123"
-          }}
+            text: "Call Now: (201) 555-0123",            href: "tel:+12015550123"}}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroBillboard
-          title="Our Services"
-          description="Complete battery solutions for every rider's needs"
-          background={{ variant: "animated-grid" }}
-          tag="What We Offer"
-          tagIcon={Zap}
-          imageSrc="http://img.b2bpic.net/free-photo/mechanic-working-workshop_1170-2528.jpg?_wi=3"
-          imageAlt="Powerful Lithium services"
-          buttons={[
-            { text: "Get a Quote", href: "#cta-contact" },
-            { text: "Contact Us", href: "tel:+12015550123" },
-          ]}
-        />
-      </div>
-
-      <div id="services" data-section="services">
+      <div id="services-detail" data-section="services-detail">
         <FeatureCardTwentyThree
-          title="Our Services"
-          description="Complete battery solutions for every rider's needs"
+          title="Complete Battery Solutions"
+          description="Everything you need for custom lithium battery builds, repairs, and upgrades. From 48V entry-level setups to premium 72V configurations."
           features={[
             {
-              id: "1",              title: "Custom Battery Builds",              tags: ["72V", "60V", "48V"],
-              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-group-blue-batteries-surface_181624-31503.jpg?_wi=2",              imageAlt: "Custom battery build"
-            },
+              id: "1",              title: "Custom Battery Builds",              tags: ["72V", "60V", "48V", "Tailored"],
+              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-group-blue-batteries-surface_181624-31503.jpg?_wi=3",              imageAlt: "Custom battery build service"},
             {
-              id: "2",              title: "Battery Upgrades",              tags: ["Range", "Performance"],
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-securing-e-bike-battery_23-2148225826.jpg?_wi=2",              imageAlt: "Battery upgrade service"
-            },
+              id: "2",              title: "Battery Upgrades",              tags: ["Range Extension", "Performance Boost"],
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-securing-e-bike-battery_23-2148225826.jpg?_wi=3",              imageAlt: "Battery upgrade service for e-bikes"},
             {
-              id: "3",              title: "Battery Repairs",              tags: ["Expert", "Warranty"],
-              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-workshop_1170-2528.jpg?_wi=1",              imageAlt: "Battery repair in shop"
-            },
-            {
-              id: "4",              title: "Custom BMS Systems",              tags: ["300A", "Advanced"],
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-worker-operating-automated-machine-wood-processing-factory_637285-12045.jpg?_wi=2",              imageAlt: "Custom BMS controller"
-            },
-            {
-              id: "5",              title: "In-Shop Installation",              tags: ["Local", "Fast"],
-              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-workshop_1170-2528.jpg?_wi=2",              imageAlt: "Professional installation service"
-            },
+              id: "3",              title: "Battery Repairs & Diagnostics",              tags: ["Expert Repair", "Warranty Coverage"],
+              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-workshop_1170-2528.jpg?_wi=4",              imageAlt: "Battery repair in professional workshop"},
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -86,17 +59,29 @@ export default function ServicesPage() {
         />
       </div>
 
-      <div id="cta-contact" data-section="cta-contact">
+      <div id="services-bms" data-section="services-bms">
+        <MediaAbout
+          title="Advanced BMS & Electronics"
+          description="Our custom Battery Management Systems provide intelligent monitoring, protection, and optimization. Advanced 300A+ BMS controllers with real-time diagnostics, temperature management, and cell balancing for maximum safety and performance."
+          tag="Premium Technology"
+          imageSrc="http://img.b2bpic.net/free-photo/closeup-worker-operating-automated-machine-wood-processing-factory_637285-12045.jpg?_wi=3"
+          imageAlt="Advanced BMS controller system"
+          buttons={[{ text: "Get Custom BMS Quote", href: "/get-quote" }]}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="services-cta" data-section="services-cta">
         <ContactCTA
-          tag="Ready to Get Started?"
+          tag="Need a Custom Solution?"
           tagIcon={Zap}
           title="Let's Build Your Perfect Battery"
-          description="Contact us today for a consultation and custom quote on your battery build or upgrade."
+          description="Whether you need a full custom build, an upgrade, repairs, or a specialized BMS system, our team is ready to help. Contact us today for a personalized consultation."
           buttons={[
             { text: "Call Now: (201) 555-0123", href: "tel:+12015550123" },
-            { text: "Get a Quote", href: "/get-quote" },
+            { text: "Request a Quote", href: "/get-quote" },
           ]}
-          background={{ variant: "animated-grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -110,4 +95,4 @@ export default function ServicesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file