Convert this UI description to Tailwind classes

Translate the following design description into a clean, modern, responsive HTML/React component styled entirely with Tailwind CSS: [describe UI, e.g., premium pricing tier card grid]. Requirements: 1. Use semantic HTML (article, section, nav, etc.). 2. Apply a cohesive color scheme (like slate/zinc dark theme with rich violet gradients). 3. Ensure hover animations, transitions, and active button scaling are implemented for micro-interactions. 4. Ensure it is fully responsive (mobile-first, md, lg breakpoints). Output only the complete code block.