From 5de1ab65fdc797d7e910f970864c7a964e6ccb46 Mon Sep 17 00:00:00 2001
From: kleap-admin <admin@kleap.co>
Date: Sun, 18 Jan 2026 18:27:52 +0000
Subject: [PATCH] Update components/product-grid.tsx

---
 components/product-grid.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 components/product-grid.tsx

diff --git a/components/product-grid.tsx b/components/product-grid.tsx
new file mode 100644
index 0000000..d085955
--- /dev/null
+++ b/components/product-grid.tsx
@@ -0,0 +1,21 @@
+import { Container } from "@/components/container";
+import { products } from "@/lib/products";
+import { ProductCard } from "./product-card";
+
+export function ProductGrid({ title }: { title: string }) {
+  return (
+    <section className="py-12">
+      <Container>
+        <div className="flex items-center justify-between mb-8">
+          <h2 className="text-2xl font-bold text-neutral-900">{title}</h2>
+          <div className="h-1 flex-grow mx-4 bg-neutral-100 rounded-full" />
+        </div>
+        <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-4">
+          {products.map((product) => (
+            <ProductCard key={product.id} product={product} />
+          ))}
+        </div>
+      </Container>
+    </section>
+  );
+}