first commit

src/app/products/page.tsx

@@ -0,0 +1,27 @@
+'use client';
+
+import { mockProducts } from '@/mock/products';
+
+export default function ProductsPage() {
+  return (
+    <div className="p-6">
+      <h1 className="text-2xl font-bold mb-4">All Products</h1>
+      <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
+        {mockProducts.map((product) => (
+          <div key={product.id} className="bg-white rounded-lg shadow-sm border p-6">
+            <h3 className="text-lg font-semibold text-gray-900 mb-2">{product.name}</h3>
+            <p className="text-sm text-gray-600 mb-4">{product.description}</p>
+            <div className="flex justify-between items-center">
+              <span className="text-lg font-bold text-gray-900">
+                ${product.offers[0]?.price}
+              </span>
+              <button className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors">
+                Add to Build
+              </button>
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}