diff --git a/src/app/page.tsx b/src/app/page.tsx
index e3a9af6..8ddc648 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="small"
       sizing="medium"
-      background="grid"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="flat"
       secondaryButtonStyle="glass"
@@ -44,7 +44,7 @@ export default function LandingPage() {
         <HeroBillboard
           title="Excellence in Healthcare"
           description="Experience world-class medical care at Ryadah Hospital, where compassion meets expertise. Our dedicated team of specialists is committed to your health and well-being."
-          background={{ variant: "grid" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="Premium Care"
           tagIcon={Heart}
           tagAnimation="slide-up"
@@ -224,7 +224,7 @@ export default function LandingPage() {
         <ContactText
           text="Ready to experience exceptional healthcare? Get in touch with Ryadah Hospital today to schedule your appointment or learn more about our services."
           animationType="entrance-slide"
-          background={{ variant: "grid" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
           buttons={[
             { text: "Call Now: 9200 15709", href: "tel:+966920015709" },