product-card-09-block

1"use client";
2 
3import ImageViewer from "@/components/commerce-ui/image-viewer-basic";
4import PriceFormat from "@/components/commerce-ui/price-format-basic";
5import StarRating_Fractions from "@/components/commerce-ui/star-rating-fractions";
6import { Button } from "@/components/ui/button";
7 
8const DEFAULT_IMAGE_URL =
9  "https://raw.githubusercontent.com/stackzero-labs/ui/refs/heads/main/public/placeholders/coffee-machine-02.jpg";
10 
11interface Benefit {
12  icon: React.ReactNode;
13  title: string;
14  description: string;
15}
16 
17interface ProductCard_09Props {
18  imageUrl?: string;
19  productName?: string;
20  description?: string;
21  price?: number;
22  rating?: number;
23  reviewCount?: number;
24  warranty?: string;
25  benefits?: Benefit[];
26  onAddToCart?: () => void;
27  onBuyNow?: () => void;
28  currencyPrefix?: string;
29}
30 
31function ProductCard_09({
32  description = "Premium espresso machine with 15-bar pressure, built-in grinder and milk frother for café-quality coffee at home",
33  benefits = [
34    {
35      description: "Ready in under 30 seconds",
36      icon: (
37        <svg
38          className="h-6 w-6"
39          fill="none"
40          stroke="currentColor"
41          viewBox="0 0 24 24"
42        >
43          <path
44            strokeLinecap="round"
45            strokeLinejoin="round"
46            strokeWidth={2}
47            d="M13 10V3L4 14h7v7l9-11h-7z"
48          />
49        </svg>
50      ),
51      title: "Fast Brewing",
52    },
53    {
54      description: "Self-cleaning function",
55      icon: (
56        <svg
57          className="h-6 w-6"
58          fill="none"
59          stroke="currentColor"
60          viewBox="0 0 24 24"
61        >
62          <path
63            strokeLinecap="round"
64            strokeLinejoin="round"
65            strokeWidth={2}
66            d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
67          />
68        </svg>
69      ),
70      title: "Easy Cleaning",
71    },
72    {
73      description: "Multiple brewing options",
74      icon: (
75        <svg
76          className="h-6 w-6"
77          fill="none"
78          stroke="currentColor"
79          viewBox="0 0 24 24"
80        >
81          <path
82            strokeLinecap="round"
83            strokeLinejoin="round"
84            strokeWidth={2}
85// … truncated