src/pages/ProductsPage.tsx

@@ -0,0 +1,22 @@
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import { routes } from "@/routes";
+
+const ProductsPage = () => {
+  return (
+    <div className="min-h-screen bg-background">
+      <NavbarCentered
+        logo="Logo"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Get Started", href: "#" }}
+      />
+      <main className="pt-20 flex flex-col items-center justify-center min-h-[80vh] px-4">
+        <h1 className="text-4xl font-bold text-foreground mb-4">Products</h1>
+        <p className="text-lg text-muted-foreground max-w-xl text-center">
+          Welcome to the Products page. Content coming soon.
+        </p>
+      </main>
+    </div>
+  );
+};
+
+export default ProductsPage;

src/routes.ts

@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/products', label: 'Products', pageFile: 'ProductsPage' },
 ];