diff --git a/src/app/page.tsx b/src/app/page.tsx
index d146a0e..1160de1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,7 +21,7 @@ export default function LandingPage() {
       borderRadius="soft"
       contentWidth="mediumSmall"
       sizing="mediumLargeSizeLargeTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="layered"
@@ -50,7 +50,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           title="Custom AI Agents That Work While You Scale"
           description="Deploy intelligent automation in days, not months. Built for Dubai's enterprises—Arabic support, enterprise security, guaranteed uptime"
-          background={{ variant: "grid" }}
+          background={{ variant: "animated-grid" }}
           buttons={[
             { text: "Deploy Your Agent", href: "contact" },
             { text: "See Demo", href: "#features" },