diff --git a/src/app/page.tsx b/src/app/page.tsx
index f10c5bc..b7fbe2c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,7 +21,6 @@ import {
   FileCode,
   GitBranch,
   Layers,
-  React,
   Server,
   Settings,
   Star,
@@ -130,6 +129,7 @@ export default function LandingPage() {
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXB12CnXUjheF1e28qYEyWy8Qc/a-developer-sitting-at-a-desk-surrounded-1772728885974-0bf01faf.png"
           imageAlt="Developer at workspace"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
@@ -171,7 +171,7 @@ export default function LandingPage() {
           features={[
             {
               title: "Frontend Development",              description: "Building responsive, interactive UIs with modern frameworks",              bentoComponent: "icon-info-cards",              items: [
-                { icon: React, label: "React", value: "Advanced" },
+                { icon: Code, label: "React", value: "Advanced" },
                 { icon: Code, label: "TypeScript", value: "Advanced" },
                 { icon: Layers, label: "Tailwind CSS", value: "Expert" },
                 { icon: Code, label: "Next.js", value: "Advanced" },