тут нихуя не работает, ебаный рот этого казино

frontend/style/components/product-grid.tsx

@@ -1,67 +1,14 @@
 import { ProductCard } from "./product-card"
+import { Product } from "@/types/product"
 
-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,
-  },
-]
+interface ProductGridProps {
+  products: Product[]
+}
 
-export function ProductGrid() {
+export function ProductGrid({ products }: ProductGridProps) {
   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) => (
+    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4">
+      {products.map((product) => (
         <ProductCard key={product.id} product={product} />
       ))}
     </div>