Add src/app/shop/page.tsx

src/app/shop/page.tsx

@@ -0,0 +1,34 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ReactLenis from "lenis/react";
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
+            { name: "Women", id: "/women" },
+            { name: "Men", id: "/men" },
+          ]}
+          brandName="VELORA"
+        />
+        <div className="pt-24">
+            <ProductCatalog
+                layout="page"
+                products={[
+                    { id: "p1", name: "Oversized Blazer", price: "$295", rating: 5, imageSrc: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863970.jpg?_wi=2" },
+                    { id: "p2", name: "Linen Shirt", price: "$120", rating: 4, imageSrc: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863970.jpg?_wi=3" }
+                ]}
+                filters={[{ label: "Category", options: ["All", "Men", "Women"], selected: "All", onChange: (v) => console.log(v) }]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}