diff --git a/src/app/work/page.tsx b/src/app/work/page.tsx
index ebc9ec4..df7ab29 100644
--- a/src/app/work/page.tsx
+++ b/src/app/work/page.tsx
@@ -3,7 +3,7 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
+import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 
@@ -63,7 +63,7 @@ export default function WorkPage() {
       </div>
 
       <div id="work" data-section="work">
-        <MetricCardEleven
+        <MetricCardTen
           title="Recent Client Work"
           description="Showcasing motion design excellence across diverse industries and brand narratives"
           textboxLayout="default"
@@ -71,14 +71,14 @@ export default function WorkPage() {
           animationType="slide-up"
           metrics={[
             {
-              id: "1",              value: "TechFlow",              title: "Product Launch Campaign",              description: "70-second animated explainer for SaaS platform",              imageSrc:
-                "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=19",              imageAlt: "TechFlow product animation"},
+              id: "1",              title: "TechFlow",              subtitle: "Product Launch Campaign",              category: "SaaS",              value: "70-second explainer",              buttons: [{ text: "View Case Study", href: "#" }]
+            },
             {
-              id: "2",              value: "Innovate Inc",              title: "Feature Demonstration",              description: "Custom motion graphics for enterprise software",              imageSrc:
-                "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=20",              imageAlt: "Innovate Inc feature demo"},
+              id: "2",              title: "Innovate Inc",              subtitle: "Feature Demonstration",              category: "Enterprise",              value: "Motion graphics",              buttons: [{ text: "View Case Study", href: "#" }]
+            },
             {
-              id: "3",              value: "StartupXYZ",              title: "Brand Story",              description: "90-second animated origin story and mission",              imageSrc:
-                "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=21",              imageAlt: "StartupXYZ brand animation"},
+              id: "3",              title: "StartupXYZ",              subtitle: "Brand Story",              category: "Startup",              value: "90-second video",              buttons: [{ text: "View Case Study", href: "#" }]
+            },
           ]}
         />
       </div>
@@ -97,15 +97,18 @@ export default function WorkPage() {
             {
               id: "1",              title: "SaaS Product Launch",              description:
                 "A 60-second animated explainer that increased product launch engagement by 45% and drove qualified leads.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=22",              imageAlt: "SaaS product launch video"},
+                "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=22",              imageAlt: "SaaS product launch video"
+            },
             {
               id: "2",              title: "Brand Documentary",              description:
                 "A 3-minute animated brand story that connected founders with their audience on an emotional level.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=23",              imageAlt: "Brand documentary animation"},
+                "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=23",              imageAlt: "Brand documentary animation"
+            },
             {
               id: "3",              title: "Feature Animation Series",              description:
                 "A series of 30-second feature demonstrations that improved product adoption by 38% across the platform.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=24",              imageAlt: "Feature animation series"},
+                "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=24",              imageAlt: "Feature animation series"
+            },
           ]}
         />
       </div>