Build the Salar Store storefront and connect products, blogs, and home specials to the Meshkee API.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/ProductGrid.tsx

@@ -0,0 +1,18 @@
+import type { Product } from "@/lib/data";
+import { ProductCard } from "./ProductCard";
+
+export function ProductGrid({ products }: { products: Product[] }) {
+  if (!products.length) {
+    return <p className="py-16 text-center text-sm text-zinc-500">محصولی یافت نشد.</p>;
+  }
+
+  return (
+    <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3">
+      {products.map((product) => (
+        <div key={product.id} className="rounded-xl border border-black/5 bg-white">
+          <ProductCard product={product} />
+        </div>
+      ))}
+    </div>
+  );
+}