src/app/page.tsx

@@ -20,7 +20,7 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="smallMedium"
         sizing="mediumLarge"
-        background="aurora"
+        background="circleGradient"
         cardStyle="layered-gradient"
         primaryButtonStyle="shadow"
         secondaryButtonStyle="solid"
@@ -40,7 +40,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{ variant: "aurora" }}
+      background={{ variant: "radial-gradient" }}
       title="Take Total Control of Your Finances"
       description="WealthFlow provides an all-in-one platform to track your expenses, manage your income, and forecast your future savings with high-precision analytics."
       kpis={[