diff --git a/src/app/page.tsx b/src/app/page.tsx
index 95f9cd8..8c687c5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSmallSizeMediumTitles"
-      background="blurBottom"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="radial-glow"
@@ -42,7 +42,7 @@ export default function LandingPage() {
         <HeroLogoBillboardSplit
           logoText="HYLA"
           description="Experience the future of elegant design. Hyla brings together modern aesthetics with powerful functionality to create digital experiences that inspire and engage."
-          background={{ variant: "blurBottom" }}
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Explore Now", href: "#features" },
             { text: "Learn More", href: "#about" },
@@ -150,7 +150,7 @@ export default function LandingPage() {
         <ContactText
           text="Ready to transform your digital experience? Let's create something extraordinary together with Hyla."
           animationType="reveal-blur"
-          background={{ variant: "blurBottom" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={true}
           buttons={[
             { text: "Start Free Trial", href: "#" },