Carousel for Product/Item Cards

Description: Enhance each product card with a two-section carousel. The first section displays the banner image, and the second shows an overview video (if available). This allows users to gain more context about the product before committing to exploring it in depth.

Technical Requirements:

• Implement a conditional carousel component on product cards.

• Integrate both image and video components within the carousel, rendering the video only if an overview video exists.

• Design a simple indicator, such as an arrow icon, to toggle between the image and video.

• Display the video in a modal window when a user clicks the play button.

Benefits:

• Provides more easily accessible context about products, increasing user engagement.

• Adds dynamic elements to the interface, reducing the static feel of the platform.

https://www.loom.com/share/a2f8dcbb56be4bb7934d61557a9c51e7?sid=6431cf18-faca-47c9-aea5-c267db9c117c