src/app/page.tsx

@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="small"
       sizing="largeSmallSizeMediumTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="layered-gradient"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="glass"
@@ -48,7 +48,7 @@ export default function LandingPage() {
             { text: "Discover Heritage", href: "#about" },
             { text: "Learn Our Story", href: "#features" }
           ]}
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "sparkles-gradient" }}
           imageSrc="http://img.b2bpic.net/free-photo/front-view-usa-flag-drawer_23-2148513069.jpg"
           imageAlt="American flag waving proudly"
           frameStyle="card"
@@ -183,7 +183,7 @@ export default function LandingPage() {
             { text: "Explore American History", href: "#" },
             { text: "Get Involved", href: "#" }
           ]}
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={true}
         />
       </div>