diff --git a/src/app/page.tsx b/src/app/page.tsx
index bce42a7..2626d28 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -52,10 +52,12 @@ export default function LandingPage() {
           ]}
           enableKpiAnimation={true}
           tag="Automation Expert"
+          tagAnimation="slide-up"
           buttons={[
             { text: "View My Work", href: "#projects" },
             { text: "Start a Project", href: "#contact" }
           ]}
+          buttonAnimation="slide-up"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AndPFbpHqBEtlv0fG4wek8eWPV/a-sleek-ai-automation-dashboard-interfac-1773232935194-8f25812e.png"
           imageAlt="Automation Dashboard Interface"
           imagePosition="right"
@@ -66,11 +68,13 @@ export default function LandingPage() {
       <div id="about" data-section="about">
         <TextAbout
           tag="About Abdul Rafay"
+          tagAnimation="slide-up"
           title="I design and build intelligent systems that automate business operations, streamline workflows, and transform ideas into scalable digital products. My focus: build systems that work smarter than people."
           useInvertedBackground={false}
           buttons={[
             { text: "Explore My Work", href: "#projects" }
           ]}
+          buttonAnimation="slide-up"
         />
       </div>
 
@@ -79,6 +83,7 @@ export default function LandingPage() {
           title="What I Build"
           description="Specialized solutions designed to eliminate manual work, streamline operations, and drive measurable business growth."
           tag="Services"
+          tagAnimation="slide-up"
           features={[
             {
               id: "ai-automation",              label: "AI Automation",              title: "AI Automation Systems",              items: [
@@ -116,6 +121,7 @@ export default function LandingPage() {
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+          buttonAnimation="slide-up"
         />
       </div>
 
@@ -124,6 +130,7 @@ export default function LandingPage() {
           title="Projects & Systems"
           description="Intelligent systems and high-performance products that drive real business results."
           tag="Portfolio"
+          tagAnimation="slide-up"
           products={[
             {
               id: "1",              name: "Automation Dashboard",              price: "Custom",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AndPFbpHqBEtlv0fG4wek8eWPV/screenshot-of-a-sophisticated-automation-1773232936102-44b60f1d.png",              imageAlt: "Automation Dashboard System"
@@ -147,6 +154,7 @@ export default function LandingPage() {
           title="Impact & Results"
           description="Measurable outcomes from automation systems and digital solutions."
           tag="Results"
+          tagAnimation="slide-up"
           metrics={[
             {
               id: "1",              icon: Zap,
@@ -170,12 +178,14 @@ export default function LandingPage() {
       <div id="contact" data-section="contact">
         <ContactCTA
           tag="Let's Build Something Powerful"
+          tagAnimation="slide-up"
           title="Ready to Automate Your Business?"
           description="If you want to automate your operations, streamline workflows, or build a high-performance digital product, let's work together to transform your vision into reality."
           buttons={[
             { text: "Send Message", href: "mailto:contact@abdulrafay.com" },
             { text: "Schedule Call", href: "#" }
           ]}
+          buttonAnimation="slide-up"
           background={{ variant: "animated-grid" }}
           useInvertedBackground={false}
         />