diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 926ea0d..d185772 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -8,7 +8,7 @@ import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import Link from "next/link";
-import { BookOpen, Target, Eye, CheckCircle, ArrowRight } from "lucide-react";
+import { BookOpen, Target, Eye, CheckCircle, ArrowRight, Zap } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
@@ -43,12 +43,10 @@ export default function AboutPage() {
         <HeroBillboard
           title="Built by an Athlete. Designed for Results."
           description="Elevate Web is a small studio with a performance mindset—clarity, discipline, and measurable outcomes."
-          background="gradient-bars"
+          background={{ variant: "gradient-bars" }}
           buttons={[
             {
-              text: "Book a Free Website Review",
-              href: "/contact",
-            },
+              text: "Book a Free Website Review",              href: "/contact"},
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10wr5n"
           imageAlt="Elevate Web founder"
@@ -65,7 +63,7 @@ export default function AboutPage() {
           description="Most gyms and sports businesses have outdated sites that don't reflect the quality of their service."
           subdescription="We build modern websites that make it easy for visitors to understand your offer and take action. No fluff, no jargon—just results."
           icon={Target}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qgmuof&_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qgmuof"
           imageAlt="Modern gym facility representing quality service"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
@@ -76,31 +74,19 @@ export default function AboutPage() {
         <MetricCardOne
           title="Our Approach"
           description="Three principles that guide every project."
-          gridVariant="three-columns-all-equal-width"
+          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           metrics={[
             {
-              id: "value-clarity",
-              value: "Clarity",
-              title: "Over Hype",
-              description: "Clear positioning and honest messaging",
-              icon: Eye,
+              id: "value-clarity",              value: "Clarity",              title: "Over Hype",              description: "Clear positioning and honest messaging",              icon: Eye,
             },
             {
-              id: "value-conversion",
-              value: "Conversion",
-              title: "By Design",
-              description: "Every detail drives action",
-              icon: CheckCircle,
+              id: "value-conversion",              value: "Conversion",              title: "By Design",              description: "Every detail drives action",              icon: CheckCircle,
             },
             {
-              id: "value-speed",
-              value: "Speed &",
-              title: "Simplicity",
-              description: "Fast builds, clean code",
-              icon: Eye,
+              id: "value-speed",              value: "Speed &",              title: "Simplicity",              description: "Fast builds, clean code",              icon: Zap,
             },
           ]}
         />
@@ -111,26 +97,15 @@ export default function AboutPage() {
           ctaTitle="If Your Website Isn't Bringing Leads, Let's Fix That."
           ctaDescription="Start with a free review and get a clear improvement plan in 24–48 hours."
           ctaButton={{
-            text: "Book a Free Website Review",
-            href: "/contact",
-          }}
+            text: "Book a Free Website Review",            href: "/contact"}}
           ctaIcon={ArrowRight}
           faqs={[
             {
-              id: "info-a1",
-              title: "Direct Communication",
-              content: "You work directly with the founder. No agencies, no middlemen.",
-            },
+              id: "info-a1",              title: "Direct Communication",              content: "You work directly with the founder. No agencies, no middlemen."},
             {
-              id: "info-a2",
-              title: "Fast Iterations",
-              content: "We move quickly and respond to feedback within 24 hours.",
-            },
+              id: "info-a2",              title: "Fast Iterations",              content: "We move quickly and respond to feedback within 24 hours."},
             {
-              id: "info-a3",
-              title: "Clear Deliverables",
-              content: "You know exactly what you're getting and when it ships.",
-            },
+              id: "info-a3",              title: "Clear Deliverables",              content: "You know exactly what you're getting and when it ships."},
           ]}
           animationType="blur-reveal"
           useInvertedBackground={false}