Create a Product Card Component

[shubham587]

We need to create a product card component for our clothing eCommerce website, inspired by the provided image. The product card should contain the following elements:

1. Image of the product (as displayed in the provided reference).
2. Product details:
   • Product name (e.g., "MELANGE Women Floral Printed Straight Kurta Set").
   • Price (e.g., ₹1,199 with a discount from ₹1,599).
   • Discount information (e.g., "25% OFF"). (OPTIONAL)
   • Additional offers (e.g., "2 AT 30% OFF"). (OPTIONAL).
3. Buttons:
   • Add to Cart Button: Allows the user to add the product to their shopping cart.
   • Favorite Button (heart-shaped): Allows the user to mark the product as a favorite.

Requirements:

• Implement the product card with all the necessary information.
• The Add to Cart button should be functional.
• The Favorite button should toggle between filled and unfilled states to indicate whether the item is favorited.
• Use appropriate styling for the buttons, price, discount labels, and product details to match the provided design.

Create a product card component for our clothing eCommerce website, inspired by the provided image.

The product card should contain the following elements:

1. Image of the product (as displayed in the provided reference).
2. Product details:
   • Product name (e.g., "MELANGE Women Floral Printed Straight Kurta Set").
   • Price (e.g., ₹1,199 with a discount from ₹1,599).
   • Discount information (e.g., "25% OFF"). (OPTIONAL)
   • Additional offers (e.g., "2 AT 30% OFF"). (OPTIONAL).
3. Buttons:
   • Add to Cart Button: Allows the user to add the product to their shopping cart.
   • Favorite Button (heart-shaped): Allows the user to mark the product as a favorite.

Todo:

• [x] Implement the product card with all the necessary information.
• [x] The Add to Cart button should be functional.
• [x] The Favorite button should toggle between filled and unfilled states to indicate whether the item is favorited.
• [x] Use appropriate styling for the buttons, price, discount labels, and product details to match the provided design.

[shubham587]

As per the requirement the Product Card is completed. closing the issue.