Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -2,11 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import MediaAbout from "@/components/sections/about/MediaAbout";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
-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 AboutPage() {
@@ -17,7 +15,7 @@ export default function AboutPage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="grid"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="solid"
@@ -33,53 +31,36 @@ export default function AboutPage() {
             { 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="about-story" data-section="about-story">
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="About Powerful Lithium"
+          description="Discover the story behind the batteries that power your ride"
+          background={{ variant: "animated-grid" }}
+          tag="Our Journey"
+          tagIcon={Zap}
+          imageSrc="http://img.b2bpic.net/free-photo/mechanic-working-workshop_1170-2528.jpg?_wi=3"
+          imageAlt="Powerful Lithium workshop"
+          buttons={[
+            { text: "Get in Touch", href: "#cta-contact" },
+            { text: "View Services", href: "/services" },
+          ]}
+        />
+      </div>
+
+      <div id="about-section" data-section="about-section">
         <MediaAbout
           title="Built by Riders, For Riders"
-          description="Powerful Lithium was founded by battery experts and passionate riders who believe custom lithium solutions should be accessible, reliable, and built right. We're committed to honest pricing, transparent communication, and real support from real people who understand your ride."
+          description="Powerful Lithium was founded by battery experts and passionate riders who believe custom lithium solutions should be accessible, reliable, and built right. We're committed to honest pricing, transparent communication, and real support from real people."
           tag="Our Story"
-          imageSrc="http://img.b2bpic.net/free-photo/mechanic-working-workshop_1170-2528.jpg?_wi=5"
-          imageAlt="Powerful Lithium workshop in Jersey City"
-          buttons={[{ text: "Explore Our Services", href: "/services" }]}
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="about-mission" data-section="about-mission">
-        <MetricCardTwo
-          title="Our Impact"
-          description="Serving the e-bike community with quality, integrity, and expertise"
-          metrics={[
-            { id: "1", value: "8+", description: "Years in Battery Technology" },
-            { id: "2", value: "500+", description: "Custom Builds Completed" },
-            { id: "3", value: "24-48h", description: "Average Build Time" },
-            { id: "4", value: "6 States", description: "Serving Nationwide" },
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="about-cta" data-section="about-cta">
-        <ContactCTA
-          tag="Let's Connect"
-          tagIcon={Zap}
-          title="Ready to Work with Us?"
-          description="Whether you need a custom battery build, an upgrade, or just want to chat about e-bikes, we'd love to hear from you. Contact our team today."
-          buttons={[
-            { text: "Call Now: (201) 555-0123", href: "tel:+12015550123" },
-            { text: "Send a Message", href: "/contact" },
-          ]}
-          background={{ variant: "grid" }}
+          imageSrc="http://img.b2bpic.net/free-photo/mechanic-working-workshop_1170-2528.jpg?_wi=3"
+          imageAlt="Powerful Lithium workshop"
+          buttons={[{ text: "Learn More", href: "#about-section" }]}
           useInvertedBackground={false}
         />
       </div>
@@ -93,4 +74,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}