diff --git a/src/app/page.tsx b/src/app/page.tsx
index 464103a..968b5d4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,7 +18,7 @@ export default function KeyClubPage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="mediumLargeSizeMediumTitles"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
@@ -40,7 +40,7 @@ export default function KeyClubPage() {
         <HeroBillboard
           title="Welcome to Key Club"
           description="Making a difference, one service project at a time. Join our community of student leaders dedicated to service and leadership development."
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="School Service Organization"
           tagIcon={Heart}
           tagAnimation="slide-up"