Sneaker Product Card UI

Build a modern Sneaker Product Card for an e-commerce application. The card should display product details, allow users to switch between different color variants, and update the UI dynamically based on user interaction.

Requirements:

• Create a product card with category, brand name, and collection details
• Display a sneaker image with a circular background design
• Add at least 2 color options (e.g., Green and Orange)
• When selecting a color, update the product image dynamically
• Change the background gradient based on selected color
• Display product price clearly
• Highlight the selected color option
• Add smooth transition animations for color and UI changes
• Ensure the design is responsive for mobile, tablet, and desktop

Your final output should look like the example below: