diff --git a/src/app/page.tsx b/src/app/page.tsx
index 81b90e1..0d13b96 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -51,7 +51,7 @@ export default function LandingPage() {
             { text: "Start Your Project", href: "#contact" }
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "grid" }}
+          background={{ variant: "animated-grid" }}
           mediaItems={[
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B51neLDHH8Xo828oDS06RYy5r0/a-modern-minimalist-website-interface-di-1773764435293-980c74a7.png", imageAlt: "Modern website portfolio showcase" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B51neLDHH8Xo828oDS06RYy5r0/a-sleek-web-design-interface-showing-ana-1773764435579-ce8b4ac2.png", imageAlt: "Website analytics and performance dashboard" },
@@ -204,7 +204,7 @@ export default function LandingPage() {
             { text: "View Pricing", href: "#pricing" }
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "grid" }}
+          background={{ variant: "animated-grid" }}
           useInvertedBackground={false}
         />
       </div>