diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 8956abc..ca3a8ce 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -50,7 +50,7 @@ export default function ContactPage() {
             { text: "Call: 082 416 8445", href: "tel:0824168445" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "fluid" }}
+          background={{ variant: "animated-grid" }}
           carouselItems={[
             {
               id: "1",              imageSrc: "http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1844.jpg",              imageAlt: "Modern steel carport installation"
@@ -120,7 +120,7 @@ export default function ContactPage() {
             { text: "Call: 082 416 8445", href: "tel:0824168445" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "fluid" }}
+          background={{ variant: "animated-grid" }}
           useInvertedBackground={true}
         />
       </div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4596781..35a3474 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -53,7 +53,7 @@ export default function HomePage() {
             { text: "View Our Projects", href: "/projects" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "fluid" }}
+          background={{ variant: "animated-grid" }}
           carouselItems={[
             {
               id: "1",              imageSrc: "http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1844.jpg",              imageAlt: "modern steel carport installation residential"
@@ -219,7 +219,7 @@ export default function HomePage() {
             { text: "Call: 082 416 8445", href: "tel:0824168445" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "fluid" }}
+          background={{ variant: "animated-grid" }}
           useInvertedBackground={true}
         />
       </div>
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index 758384e..ab90fed 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -116,7 +116,7 @@ export default function ProjectsPage() {
             },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "fluid" }}
+          background={{ variant: "animated-grid" }}
           useInvertedBackground={true}
         />
       </div>