71 lines
1.6 KiB
TypeScript
71 lines
1.6 KiB
TypeScript
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>
|
||
)
|
||
}
|
||
|