diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5ba539a..4a0f064 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -55,8 +55,8 @@ export default function HomePage() {
           ]}
           enableKpiAnimation={true}
           tag="Welcome to Moonlight Café"
-          tagAnimation="expand-hover"
-          buttonAnimation="expand-hover"
+          tagAnimation="text-stagger"
+          buttonAnimation="text-stagger"
           imageSrc="http://img.b2bpic.net/free-photo/top-view-round-delicious-pie-with-strawberries-waffles-cup-tea-light-blue-surface_140725-66681.jpg"
           imageAlt="Cozy Moonlight Café Interior"
           mediaAnimation="slide-up"
@@ -71,7 +71,7 @@ export default function HomePage() {
             { text: "Discover Our Story", href: "/about" }
           ]}
           useInvertedBackground={true}
-          buttonAnimation="expand-hover"
+          buttonAnimation="text-stagger"
         />
       </div>
       <div id="menu-highlights" data-section="menu-highlights">
@@ -93,7 +93,7 @@ export default function HomePage() {
           buttons={[
             { text: "View Full Menu", href: "/menu" }
           ]}
-          buttonAnimation="expand-hover"
+          buttonAnimation="text-stagger"
         />
       </div>
       <div id="social-proof" data-section="social-proof">
@@ -124,7 +124,7 @@ export default function HomePage() {
           buttons={[
             { text: "Read All Reviews", href: "/reviews" }
           ]}
-          buttonAnimation="expand-hover"
+          buttonAnimation="text-stagger"
         />
       </div>
       <div id="footer" data-section="footer">