diff --git a/src/app/page.tsx b/src/app/page.tsx
index b6c5cff..d317a2a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="mediumLargeSizeMediumTitles"
-      background="fluid"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="glass"
@@ -42,7 +42,7 @@ export default function LandingPage() {
         <HeroSplitKpi
           title="Know Your Uber Fare Before You Ride"
           description="Kmetricas calculates exact costs in seconds. See base fare, surges, and tips upfront—no surprises at checkout."
-          background={{ variant: "fluid" }}
+          background={{ variant: "glowing-orb" }}
           kpis={[
             { value: "<2 sec", label: "Instant Fare Calculation" },
             { value: "100%", label: "Transparent Pricing" },
@@ -119,6 +119,7 @@ export default function LandingPage() {
           ]}
           useInvertedBackground={false}
           mediaAnimation="blur-reveal"
+          metricsAnimation="blur-reveal"
         />
       </div>