אשף האנימציות – Framer Motion + Tailwind

# VibeScale Premium UI Animations
Context: I need you to implement a Framer Motion animation sequence on my existing React component.
RULES:
1. Do not break the current Tailwind classes.
2. Use 'framer-motion' with spring physics for natural transitions (e.g. stiffness: 100, damping: 20). No harsh linear easings.
3. If animating a list, utilize <motion.ul> with 'staggerChildren' logic so items cascade beautifully.
4. Ensure animations respect 'prefers-reduced-motion' for accessibility.
5. Provide ONLY the updated component code. Explain the specific motion props used very briefly.