Update src/app/page.tsx

src/app/page.tsx

@@ -51,7 +51,7 @@ export default function LandingPage() {
         <HeroCentered
           title="Nurturing Futures, Building Hope for Every Child"
           description="At Joe Britto Educational and Social Trust, we provide shelter, care, protection, education, and opportunities to orphaned, abandoned, and vulnerable children. Join us in promoting community development and social upliftment in Madurai, Tamil Nadu."
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "plain" }}
           avatars={[
             { src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-63764.jpg", alt: "Child portrait 1" },
             { src: "http://img.b2bpic.net/free-photo/little-girl-looking-front-blue-blouse-looking-happy_176474-32465.jpg", alt: "Child portrait 2" },
@@ -64,7 +64,7 @@ export default function LandingPage() {
             { text: "Donate Now", href: "#contact" },
             { text: "Volunteer With Us", href: "#contact" }
           ]}
-          buttonAnimation="opacity"
+          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="reveal-blur"
+          tagAnimation="text-stagger"
         />
       </div>
       <div id="impact" data-section="impact">
@@ -94,7 +94,7 @@ export default function LandingPage() {
           animationType="depth-3d"
           textboxLayout="default"
           useInvertedBackground={false}
-          tagAnimation="reveal-blur"
+          tagAnimation="text-stagger"
         />
       </div>
       <div id="programs" data-section="programs">
@@ -115,7 +115,7 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
-          tagAnimation="reveal-blur"
+          tagAnimation="text-stagger"
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -135,7 +135,7 @@ export default function LandingPage() {
           animationType="depth-3d"
           textboxLayout="default"
           useInvertedBackground={false}
-          tagAnimation="reveal-blur"
+          tagAnimation="text-stagger"
         />
       </div>
       <div id="gallery" data-section="gallery">
@@ -153,7 +153,7 @@ export default function LandingPage() {
           animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground={true}
-          tagAnimation="reveal-blur"
+          tagAnimation="text-stagger"
         />
       </div>
       <div id="contact" data-section="contact">