diff --git a/src/app/page.tsx b/src/app/page.tsx
index 48ceef9..38669ef 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="medium"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="layered"
@@ -45,7 +45,7 @@ export default function LandingPage() {
         <HeroBillboardScroll
           title="TEA BOY POS System"
           description="Secure, fast, and efficient point-of-sale management for your tea shop. Manage products, track sales, and process payments all in one place."
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "animated-grid" }}
           tag="Mobile POS"
           tagAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-vector/banking-app-interface-theme_23-2148589531.jpg"