first commit

test_cases/src/components/ProductCard/ProductCard.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import './ProductCard.css';
+
+const ProductCard = ({ product }) => {
+  return (
+    <div className="product-card">
+      <img src={product.image} alt={product.name} className="product-image" />
+      <div className="product-info">
+        <h3 className="product-name">{product.name}</h3>
+        <p className="product-description">{product.description}</p>
+        <div className="product-price">${product.price.toFixed(2)}</div>
+        <Link to={`/product/${product.id}`} className="view-details-btn">
+          View Details
+        </Link>
+      </div>
+    </div>
+  );
+};
+
+export default ProductCard;