src/app/page.tsx

@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="mediumLarge"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
@@ -44,7 +44,7 @@ export default function LandingPage() {
         <HeroBillboard
           title="Welcome to Our Platform"
           description="Create beautiful, responsive web experiences that engage and inspire your audience. Build your vision with modern design and cutting-edge technology."
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="New Release"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -179,7 +179,7 @@ export default function LandingPage() {
             { text: "Contact Us", href: "https://example.com/contact" },
             { text: "Schedule Demo", href: "https://example.com/demo" },
           ]}
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
           ariaLabel="Contact section"
         />