diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
new file mode 100644
index 0000000..658363d
--- /dev/null
+++ b/src/app/products/page.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+
+export default function ProductListingPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleCentered 
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "Cart", id: "/cart" },
+            { name: "Checkout", id: "/checkout" }
+          ]} 
+          brandName="E-Store" 
+        />
+        <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            title="All Products"
+            description="Browse our full collection."
+            products={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file