✨ Add Animations and Transitions to the W++ Website

[sinisterMage]

The W++ official website is fun, chaotic, and beautifully sloth-coded — but we think it deserves a little more ✨ motion magic ✨!

This issue is about improving the visual experience by adding CSS animations, transitions, or Astro component effects to the site.

🎯 Goals:

• Add tasteful animations to elements like headers, cards, buttons, etc.
• Use Astro’s component model and scoped CSS.
• Keep animations smooth, not distracting — this is chaos with class.

🎨 Ideas:

• Fade-in or slide-in content on scroll
• Hover effects on links/buttons
• Subtle wiggles, pulses, or sloth-like delays (yes, for the memes)
• Page transitions (optional if you're comfortable with Astro + Motion libs)

🚫 Don’ts:

• No JavaScript-heavy libraries like GSAP unless absolutely needed
• No autoplaying animations that slow down performance

🧪 How to test:

1. Clone the W++ site — the website is under the docs/ directory
2. Run it locally (npm install && npm run dev)
3. Add your changes to any page/component you like
4. Open a pull request with a preview gif or link!

🦥 Bonus points:
Suggest your own ideas for sloth-style animations or meme-worthy transitions!