products and product/slug page done

components/pages/products/products.tsx

@@ -0,0 +1,24 @@
+import ProductCard from "./productCard";
+
+export function Products() {
+  return (
+    <div className="bg-[#1e1d1c] py-20">
+      <div className="max-w-250 mx-auto w-full sm:-mt-50 -mt-30 z-20 relative">
+        <div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-5">
+          {Array(9)
+            .fill(null)
+            .map((_, index) => (
+              <ProductCard
+                key={index}
+                title="Elektr yong'in detektori-Ypres ver.2"
+                name="P-0834404"
+                image="/images/products/products.webp"
+                slug="P_0834404"
+                status="full"
+              />
+            ))}
+        </div>
+      </div>
+    </div>
+  );
+}