diff --git a/src/app/page.tsx b/src/app/page.tsx
index e875c3b..9dd05ff 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -56,6 +56,7 @@ export default function LandingPage() {
               imageSrc: "http://img.b2bpic.net/free-vector/video-game-scene-with-red-monster_23-2147573113.jpg",              imageAlt: "minecraft community base structure"
             }
           ]}
+          mediaAnimation="opacity"
           buttons={[
             { text: "Join Server Now", href: "#contact" },
             { text: "Learn More", href: "#features" }
@@ -97,6 +98,7 @@ export default function LandingPage() {
         <AboutMetric
           title="BubiSMP: By The Numbers - A Thriving Community"
           useInvertedBackground={false}
+          metricsAnimation="opacity"
           metrics={[
             { icon: Users, label: "Active Players", value: "500+" },
             { icon: Clock, label: "Server Uptime", value: "99.9%" },