A
Anonymous

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.

Prompt
Component Preview

About

AffiliateRecommendationCard - Showcases profile pics, product details, and sharing options. Built with React and Tailwind. Free code available!

Share

Last updated 1 month ago