src/app/page.tsx

@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="smallMedium"
       sizing="largeSmallSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="solid"
@@ -50,7 +50,7 @@ export default function LandingPage() {
             { text: "Track Order", href: "#" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "sparkles-gradient" }}
           imageSrc="http://img.b2bpic.net/free-photo/man-with-beverage-using-smartphone-cafe_23-2147826810.jpg"
           imageAlt="FoodFlow delivery service hero image"
           frameStyle="card"
@@ -181,7 +181,7 @@ export default function LandingPage() {
             { text: "Download App", href: "#" },
             { text: "Order Online", href: "#" },
           ]}
-          background={{ variant: "noise" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
         />
       </div>