src/app/page.tsx

@@ -64,7 +64,7 @@ export default function LandingPage() {
             { text: "Donate Now", href: "#contact" },
             { text: "Volunteer With Us", href: "#contact" }
           ]}
-          buttonAnimation="expand-hover"
+          buttonAnimation="elastic-effect"
           ariaLabel="Hero section"
           showMarqueeCard={true}
         />
@@ -76,7 +76,7 @@ export default function LandingPage() {
           title="Empowering Vulnerable Children and Strengthening Communities"
           description="The Joe Britto Educational and Social Trust is dedicated to transforming lives in Madurai, Tamil Nadu, India. We strive to create a safe, nurturing environment where orphaned, abandoned, and vulnerable children can thrive. Our comprehensive approach includes educational support, skill development, and community welfare initiatives, fostering a brighter future for those in need."
           useInvertedBackground={true}
-          tagAnimation="hover-magnetic"
+          tagAnimation="reveal-blur"
         />
       </div>
       <div id="impact" data-section="impact">
@@ -94,7 +94,7 @@ export default function LandingPage() {
           animationType="depth-3d"
           textboxLayout="default"
           useInvertedBackground={false}
-          tagAnimation="hover-magnetic"
+          tagAnimation="reveal-blur"
         />
       </div>
       <div id="programs" data-section="programs">
@@ -115,7 +115,7 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
-          tagAnimation="hover-magnetic"
+          tagAnimation="reveal-blur"
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -135,7 +135,7 @@ export default function LandingPage() {
           animationType="depth-3d"
           textboxLayout="default"
           useInvertedBackground={false}
-          tagAnimation="hover-magnetic"
+          tagAnimation="reveal-blur"
         />
       </div>
       <div id="gallery" data-section="gallery">
@@ -153,7 +153,7 @@ export default function LandingPage() {
           animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground={true}
-          tagAnimation="hover-magnetic"
+          tagAnimation="reveal-blur"
         />
       </div>
       <div id="contact" data-section="contact">
@@ -170,7 +170,7 @@ export default function LandingPage() {
           termsText="By sending a message, you agree to our Privacy Policy and Terms of Service."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
-          tagAnimation="hover-magnetic"
+          tagAnimation="reveal-blur"
         />
       </div>
       <div id="footer" data-section="footer">