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"