Affiliate Recommendation Card - Copy this React, Tailwind Component to your project
Design a Card component for displaying an affiliate recommendation. The card should have the following elements: Profile Picture: Display a small circular image of the person who created the recommendation. Recommendation Date: Show the date when the recommendation was made, formatted neatly. Media (Optional): If there is a media file (video or image) attached to the recommendation, it should be displayed prominently, otherwise hide this section. Product Name: Clearly display the name of the recommended product. Price: Show the product's price in a visually prominent way. Product Picture: Include a medium sized product image next to the product name and price. Online Store Logo: Display a small logo of the online store where the product is available. Online Store Name: Show the name of the online store next to the logo. Button for Sharing: Provide a button that users can click to share the recommendation on social platforms. Referral Views Count: Optionally, display how many times the referral has been viewed in a subtle area on the card. Arrange the layout neatly, ensuring that all elements are well balanced and user friendly. The design should be clean, modern, and responsive.
