diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
index 0711c20..8ce97d7 100644
--- a/src/pages/HomePage/sections/Metrics.tsx
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -28,13 +28,13 @@ export default function MetricsSection(): React.JSX.Element {
   return (
     <div id="metrics" data-webild-section="metrics">
       <SectionErrorBoundary name="metrics">
-        <section className="py-24 bg-background">
-          <div className="max-w-6xl mx-auto px-6">
-            <div className="text-center mb-16">
-              <ScrollReveal>
+        <section className="bg-background">
+          <div className="max-w-content-width mx-auto px-6">
+            <div className="text-center">
+              <ScrollReveal variant="slide-up">
                 <Tag text="Our Impact" className="mb-4" />
                 <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-6">A Taste of Our Success</h2>
-                <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
+                <p className="text-lg text-muted-foreground max-w-content-width mx-auto">
                   More than just pizza, it's a legacy of flavor and satisfied customers.
                 </p>
               </ScrollReveal>
@@ -42,7 +42,7 @@ export default function MetricsSection(): React.JSX.Element {
 
             <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
               {metrics.map((metric, index) => (
-                <ScrollReveal key={index} delay={index * 0.1} className="h-full">
+                <ScrollReveal key={index} variant="slide-up" delay={index * 0.1} className="h-full">
                   <Card className="p-8 flex flex-col items-center text-center h-full">
                     <div className="w-16 h-16 rounded-full bg-primary-cta/10 flex items-center justify-center mb-6 text-primary-cta">
                       <metric.icon size={32} />
@@ -59,4 +59,4 @@ export default function MetricsSection(): React.JSX.Element {
       </SectionErrorBoundary>
     </div>
   );
-}
+}
\ No newline at end of file