Enhance component animations with Framer Motion (#11)

[meekhumor]

Fixes: #11

This PR implements animations across key components using Framer Motion, enhancing the user experience with smooth and dynamic visual transitions.

Changes:

1. Hero Component:

   • Added sequential text animations with staggered effects (fade-in, slide, bounce).

2. PastProjects Component:

   • Introduced staggered fade-in effects for project cards.
   • Enhanced visual consistency across elements.

3. Projects Component:

   • Implemented sliding and fading effects for smoother transitions.

4. Events Component:

   • Added entrance animations for event cards using Framer Motion.
   • Optimized timing for consistent visual appeal.

5. Refactoring:

   • Unified animation timings and easing functions for a cohesive look.
   • Improved overall code organization for better readability.

Preview:

Original Website Performance:

problem.webm

Updated Website Performance:

Solution.webm

You can view and test the updated version live at: Test Link

• Added animations to components as per issue Adding staggering live text animations at specified locations #11.
• Tested animations for performance and compatibility.

Add staggering animations