import { ProductCard } from "./product-card"

const SAMPLE_PRODUCTS = [
  {
    id: 1,
    title: "Кофе растворимый Жокей Крепкий, 3 в 1, с сахаром",
    price: 89,
    oldPrice: 172,
    discount: 48,
    image: "/placeholder.svg",
    isHotDeal: true,
    isSale: true,
  },
  {
    id: 2,
    title: "Рексона Дезодорант женский твердый стик",
    price: 235,
    oldPrice: 397,
    discount: 40,
    image: "/placeholder.svg",
    isHotDeal: true,
  },
  {
    id: 3,
    title: "Сухой корм Мираторг MEAT с нежной телятиной",
    price: 187,
    oldPrice: 294,
    discount: 36,
    image: "/placeholder.svg",
    isHotDeal: true,
  },
  {
    id: 4,
    title: "Сухой корм KITEKAT™ для взрослых кошек «Мясной пир»",
    price: 174,
    oldPrice: 209,
    discount: 16,
    image: "/placeholder.svg",
    isHotDeal: true,
  },
  {
    id: 5,
    title: "Специальное чистящее средство для стиральных машин",
    price: 197,
    oldPrice: 469,
    discount: 57,
    image: "/placeholder.svg",
    isHotDeal: true,
  },
  {
    id: 6,
    title: "Крем для лица увлажняющий",
    price: 184,
    oldPrice: 413,
    discount: 55,
    image: "/placeholder.svg",
    isHotDeal: true,
  },
]

export function ProductGrid() {
  return (
    <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-4">
      {SAMPLE_PRODUCTS.map((product) => (
        <ProductCard key={product.id} product={product} />
      ))}
    </div>
  )
}

