{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "product-card-01",
  "type": "registry:block",
  "title": "Product Card 01",
  "files": [
    {
      "path": "src/components/commercn/product-cards/product-card-01.tsx",
      "content": "import { cn } from \"@/lib/utils\";\nimport { Heart } from \"lucide-react\";\nimport {\n\tCard,\n\tCardContent,\n\tCardTitle,\n\tCardDescription,\n} from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\n\nconst productData = {\n\tname: \"Vintage Denim Jacket\",\n\tdescription:\n\t\t\"A classic denim jacket with a vintage wash and durable stitching. Perfect for everyday streetwear.\",\n\tprice: 180.0,\n\timage:\n\t\t\"https://images.unsplash.com/photo-1649937408746-4d2f603f91c8?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&q=80&w=1226\",\n\tisBestSeller: true,\n\tisFavorited: false,\n};\n\nexport function ProductCardOne() {\n\treturn (\n\t\t<Card className=\"w-full max-w-[320px]\">\n\t\t\t<CardContent>\n\t\t\t\t{/* Product Image */}\n\t\t\t\t<div className=\"relative mb-6\">\n\t\t\t\t\t<div className=\"bg-gray-100 rounded-2xl flex items-center justify-center h-[280px] relative overflow-hidden\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={productData.image}\n\t\t\t\t\t\t\talt={productData.name}\n\t\t\t\t\t\t\tclassName=\"w-full h-full object-fit\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\t\tclassName=\"absolute top-2 right-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Heart\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"w-6 h-6 transition-colors\",\n\t\t\t\t\t\t\t\t\tproductData.isFavorited\n\t\t\t\t\t\t\t\t\t\t? \"fill-red-500 text-red-500\"\n\t\t\t\t\t\t\t\t\t\t: \"text-gray-800 hover:text-red-500\",\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Product Info */}\n\t\t\t\t<div className=\"mb-4\">\n\t\t\t\t\t<CardTitle className=\"text-xl leading-tight mb-2\">\n\t\t\t\t\t\t{productData.name}\n\t\t\t\t\t</CardTitle>\n\t\t\t\t\t<CardDescription className=\"text-sm\">\n\t\t\t\t\t\t{productData.description}\n\t\t\t\t\t</CardDescription>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t\t<p className=\"text-2xl font-bold\">${productData.price.toFixed(2)}</p>\n\n\t\t\t\t\t<Button>Add to Cart</Button>\n\t\t\t\t</div>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n",
      "type": "registry:component"
    }
  ]
}