diff --git a/src/app/page.tsx b/src/app/page.tsx
index 280bbfd..e42862d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,7 +18,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="smallMedium"
       sizing="mediumLarge"
-      background="sparkles-gradient"
+      background="circleGradient"
       cardStyle="solid"
       primaryButtonStyle="flat"
       secondaryButtonStyle="layered"
@@ -43,7 +43,7 @@ export default function LandingPage() {
         <HeroLogoBillboardSplit
           logoText="MARHABA"
           description="The art of the daily indulgence. Boksburg's finest artisanal treats—5-star craftsmanship with a local heart. Uncompromising service. Accessible opulence."
-          background={{ variant: "sparkles-gradient" }}
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Experience the Taste", href: "#collection" },
             { text: "Find the Bakery", href: "#contact" }
@@ -179,7 +179,7 @@ export default function LandingPage() {
             { text: "Call Now", href: "tel:0746219325" },
             { text: "Get Directions", href: "https://maps.google.com/?q=24+Main+St,+Witfield,+Boksburg" }
           ]}
-          background={{ variant: "sparkles-gradient" }}
+          background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
         />
       </div>