Add src/app/shop/page.tsx

src/app/shop/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+import { useState } from "react";
+
+export default function ShopPage() {
+  const [category, setCategory] = useState("All");
+
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Shop", id: "/shop"}]} brandName="LUXE" />
+        <div className="pt-32 pb-20">
+            <ProductCatalog
+                layout="page"
+                products={[
+                    { id: "1", category: "perfumes", name: "Midnight Oud", price: "$290", rating: 5, imageSrc: "" },
+                    { id: "2", category: "watches", name: "Classic Chrono", price: "$1200", rating: 5, imageSrc: "" },
+                    { id: "3", category: "clothing", name: "Cashmere Coat", price: "$850", rating: 4, imageSrc: "" }
+                ]}
+                filters={[{ label: "Category", options: ["All", "perfumes", "watches", "clothing"], selected: category, onChange: setCategory }]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}