diff --git a/src/app/page.tsx b/src/app/page.tsx
index 85ed215..c7ea8eb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Code, Server, Database, Cloud, Zap, Shield } from 'lucide-react';
+import Link from 'next/link';
 
 export default function LandingPage() {
   return (
@@ -51,10 +52,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 +164,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"