Connect storefront to backend catalog, search, and home slots.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-09-27 18:30:52 +03:30
parent 2f857f1a90
commit 0074ab6629
106 changed files with 5920 additions and 81 deletions
@@ -0,0 +1,21 @@
+import ProductCard from "@/components/home/ProductCard";
+import type { Product } from "@/data/home";
+
+type ProductGridProps = {
+  products: Product[];
+};
+
+export default function ProductGrid({ products }: ProductGridProps) {
+  return (
+    <ul
+      dir="rtl"
+      className="mx-auto grid w-full max-w-[1920px] grid-cols-2 gap-3 px-4 sm:grid-cols-3 sm:gap-4 sm:px-6 md:grid-cols-4 lg:grid-cols-5 lg:gap-[22px] lg:px-[120px]"
+    >
+      {products.map((product) => (
+        <li key={product.id} className="min-w-0">
+          <ProductCard product={product} className="max-w-none" />
+        </li>
+      ))}
+    </ul>
+  );
+}