src/app/about/page.tsx

@@ -28,7 +28,7 @@ export default function AboutPage() {
       borderRadius="soft"
       contentWidth="small"
       sizing="largeSmallSizeLargeTitles"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="flat"
       secondaryButtonStyle="layered"
@@ -49,7 +49,7 @@ export default function AboutPage() {
           tag="About CreatorForge"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "canvas-reveal" }}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARNkPkpqLVsJj4fJDAFBiAw3Qo/an-organized-confident-creator-with-a-cl-1772551748385-07c84d31.png"
           imageAlt="CreatorForge Mission"
           buttons={[
@@ -112,7 +112,7 @@ export default function AboutPage() {
             { text: "Start Free Trial Now", href: "/pricing" },
             { text: "Schedule a Demo", href: "/contact" },
           ]}
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "canvas-reveal" }}
           useInvertedBackground={false}
         />
       </div>

src/app/contact/page.tsx

@@ -28,7 +28,7 @@ export default function ContactPage() {
       borderRadius="soft"
       contentWidth="small"
       sizing="largeSmallSizeLargeTitles"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="flat"
       secondaryButtonStyle="layered"
@@ -49,7 +49,7 @@ export default function ContactPage() {
           tag="Contact Us"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "canvas-reveal" }}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARNkPkpqLVsJj4fJDAFBiAw3Qo/an-organized-confident-creator-with-a-cl-1772551748385-07c84d31.png"
           imageAlt="CreatorForge Contact"
           buttons={[
@@ -99,7 +99,7 @@ export default function ContactPage() {
             { text: "Start Free Trial", href: "/pricing" },
             { text: "Email Us", href: "mailto:hello@creatorforge.io" },
           ]}
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "canvas-reveal" }}
           useInvertedBackground={false}
         />
       </div>

src/app/page.tsx

@@ -33,7 +33,7 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="small"
       sizing="largeSmallSizeLargeTitles"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="flat"
       secondaryButtonStyle="layered"
@@ -54,7 +54,7 @@ export default function HomePage() {
           tag="AI-Powered Creator Platform"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "canvas-reveal" }}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARNkPkpqLVsJj4fJDAFBiAw3Qo/a-sleek-ai-powered-creator-dashboard-int-1772551748233-aa931284.png"
           imageAlt="CreatorForge AI Dashboard"
           buttons={[
@@ -301,7 +301,7 @@ export default function HomePage() {
             { text: "Start Your Free Trial", href: "/pricing" },
             { text: "Schedule Demo Call", href: "/contact" },
           ]}
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "canvas-reveal" }}
           useInvertedBackground={false}
         />
       </div>

src/app/pricing/page.tsx

@@ -28,7 +28,7 @@ export default function PricingPage() {
       borderRadius="soft"
       contentWidth="small"
       sizing="largeSmallSizeLargeTitles"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="flat"
       secondaryButtonStyle="layered"
@@ -102,7 +102,7 @@ export default function PricingPage() {
             { text: "Start Free Trial", href: "#signup" },
             { text: "Compare Plans", href: "#pricing" },
           ]}
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "canvas-reveal" }}
           useInvertedBackground={false}
         />
       </div>