AN
Aditya Nagpal
Video Card - Copy this React, Tailwind Component to your project
Create a component with an image of aspect ratio 16:9 and height of 200px. At the bottom of the image, overlay a time label showing the remaining video time in the format “2 out of 6m.” Below the time label, display a red progress bar representing the video’s current progress. When the image is hovered, it smoothly scales up with a zoom effect, and an animated footer appears sliding down from the bottom edge of the image. This footer, with a black background, contains the title and description of the video and remains hidden when the image is not hovered over.
Prompt
