diff --git a/src/app/page.tsx b/src/app/page.tsx
index d7d8e8f..095ee0c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client";
+"use client"
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -51,10 +51,11 @@ export default function LandingPage() {
             { text: "View Projects", href: "#projects" },
             { text: "Get In Touch", href: "#contact" }
           ]}
-          background={{ variant: "glowing-orb" }}
+          background={{ variant: "sparkles-gradient" }}
           imageSrc="http://img.b2bpic.net/free-vector/tp193-319-384-229-s30-audi-presentation-13_53876-114334.jpg"
           imageAlt="Interactive 3D geometric shapes and floating elements"
           frameStyle="card"
+          buttonAnimation="slide-up"
           mediaAnimation="opacity"
           containerClassName="min-h-screen flex flex-col items-center justify-center py-20"
           logoClassName="text-6xl lg:text-8xl font-bold tracking-tight"
@@ -162,7 +163,7 @@ export default function LandingPage() {
             { text: "Send Email", href: "mailto:hello@example.com" },
             { text: "Schedule Call", href: "https://calendly.com" }
           ]}
-          background={{ variant: "glowing-orb" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
           containerClassName="py-24 px-6"
           contentClassName="max-w-2xl mx-auto bg-card/50 backdrop-blur-md rounded-2xl p-12 shadow-xl"