src/app/page.tsx

@@ -18,7 +18,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="smallMedium"
       sizing="mediumSizeLargeTitles"
-      background="blurBottom"
+      background="circleGradient"
       cardStyle="gradient-bordered"
       primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
@@ -46,7 +46,7 @@ export default function LandingPage() {
           tag="Real-Time Transit"
           tagIcon={MapPin}
           tagAnimation="slide-up"
-          background={{ variant: "blurBottom" }}
+          background={{ variant: "animated-grid" }}
           buttons={[
             { text: "Start Tracking", href: "#map-stops" },
             { text: "Learn More", href: "#how-it-works" },