diff --git a/src/app/page.tsx b/src/app/page.tsx
index e603aa0..b31c190 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -49,7 +49,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="mediumLarge"
-      background="circleGradient"
+      background="aurora"
       cardStyle="solid"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="radial-glow"
@@ -76,7 +76,7 @@ export default function LandingPage() {
           tag="AI-Powered Learning"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "circleGradient" }}
+          background={{ variant: "radial-gradient" }}
           mediaItems={[
             {
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYkFH6AK2EyzBDEzhyHmO8T3UA/a-cutting-edge-ai-dashboard-interface-sh-1772777020856-a7285c70.png",              imageAlt: "A cutting-edge AI dashboard interface showcasing intelligent agents learning and processing homework"
@@ -110,6 +110,7 @@ export default function LandingPage() {
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYkFH6AK2EyzBDEzhyHmO8T3UA/visual-representation-of-ai-agents-conti-1772777018722-a0df0dca.png"
           imageAlt="AI learning visualization"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>