src/app/page.tsx

@@ -21,7 +21,7 @@ export default function LandingPage() {
       borderRadius="soft"
       contentWidth="mediumLarge"
       sizing="mediumLarge"
-      background="grid"
+      background="circleGradient"
       cardStyle="glass-depth"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="layered"
@@ -51,7 +51,7 @@ export default function LandingPage() {
           tag="Expert Tutoring Support"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "grid" }}
+          background={{ variant: "animated-grid" }}
           buttons={[
             { text: "Start Your Free Consultation", href: "#contact" },
             { text: "Learn More", href: "#about" }
@@ -213,7 +213,7 @@ export default function LandingPage() {
             { text: "Schedule Free Consultation", href: "https://calendly.com/example" },
             { text: "Contact Us", href: "#" }
           ]}
-          background={{ variant: "grid" }}
+          background={{ variant: "canvas-reveal" }}
           useInvertedBackground={false}
         />
       </div>