navigate(`/product/${product.id}`)}\n >\n {/* Image Container */}\n

\n {/* Badges */}\n {discount > 0 && (\n

\n -{discount}%\n

\n )}\n {product.featured && !discount && (\n

\n Featured\n

\n )}\n\n {/* Product Image */}\n

\n setImageLoaded(true)}\n loading=\"lazy\"\n />\n

\n\n {/* Quick Add to Cart Button */}\n

\n \n {isAddingToCart ? (\n \n

\n Adding...\n \n ) : product.inStock ? (\n 'Quick Add to Cart'\n ) : (\n 'Out of Stock'\n )}\n \n

\n\n {/* Product Info */}\n

\n {/* Brand */}\n

\n {product.brand}\n

\n\n {/* Product Name */}\n

\n {product.name}\n

\n\n {/* Rating */}\n

\n {generateStars(product.rating)}\n

\n \n ({product.reviewCount})\n \n

\n\n {/* Price */}\n

\n \n {formatPrice(product.price)}\n \n {product.originalPrice && (\n \n {formatPrice(product.originalPrice)}\n \n )}\n

\n \n {/* Stock Status */}\n

\n {product.inStock ? (\n \n In Stock\n \n ) : (\n \n Out of Stock\n \n )}\n

\n\n {/* Category */}\n

\n {product.category}\n

\n );\n}","deleted","label",[170,171,172,153],"frontend","components","ui","permalink","https://www.val.town/x/jeffy/jeffi/code/frontend/components/ui/ProductCard.tsx","extension","actionData","errors"]