new styles

frontend/style/components/product-grid.tsx

@@ -0,0 +1,70 @@
+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>
+  )
+}
+