diff --git a/src/app/page.tsx b/src/app/page.tsx
index 792930d..d2d3437 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -59,7 +59,7 @@ export default function LandingPage() {
             { text: "Order Online", href: "#products" },
             { text: "View Menu", href: "#products" }
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="hover-magnetic"
         />
       </div>
       <div id="about" data-section="about">
@@ -71,7 +71,7 @@ export default function LandingPage() {
           buttons={[
             { text: "Learn More", href: "#" }
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="hover-magnetic"
           imageWrapperClassName="order-first md:order-last"
           imageClassName="w-full h-full object-cover rounded-lg"
           headingClassName="text-balance text-left text-4xl font-semibold leading-tight tracking-tight md:text-5xl lg:text-6xl"