bender/0d6ad551-17e8-4e32-a824-6f33eca7cf8e
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/app/services/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-04 16:09:44 +00:00
parent 86eae72b39
commit b9581fec92
1 changed files with 30 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/app/services/page.tsx
View File

@@ -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>
);
}
}