diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 769d55a..ea8a789 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -50,7 +50,7 @@ export default function ContactPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="largeSizeMediumTitles"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -79,7 +79,7 @@ export default function ContactPage() {
             { text: "Schedule Visit", href: "#" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "glowing-orb" }}
           useInvertedBackground={false}
         />
       </div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7744bfa..8d0f9fb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -55,7 +55,7 @@ export default function HomePage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="largeSizeMediumTitles"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -79,7 +79,7 @@ export default function HomePage() {
           tag="Excellence in Education"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "glowing-orb" }}
           leftCarouselItems={[
             {
               imageSrc:
@@ -247,7 +247,7 @@ export default function HomePage() {
             { text: "Schedule Visit", href: "#" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "glowing-orb" }}
           useInvertedBackground={false}
         />
       </div>