Default Component - Copy this React, Tailwind Component to your project

"Create a responsive React component for a Featured Section matching this design: Grid layout with 3 product cards Each card has: Rounded corners Product image with aspect ratio 1:4 Red circular ' 30%' discount badge in top left Product name, short description, and price (Rs. 1000) below image Gray background for middle and right cards Natural/outdoor background for left card Add smooth animations on: Page load (cards fade/slide in) Hover (subtle scale/elevation) Mobile responsive: Stack vertically on mobile First card full width Second and third cards in row below Use Tailwind CSS for styling Add Framer Motion for animations Please provide the complete React component code implementing these specifications."