diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index d2797cd..c93a7cf 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useState } from "react";
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -8,14 +9,19 @@ import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog
 import { useProductCatalog } from "@/hooks/useProductCatalog";
 
 export default function ShopPage() {
+    const [cartOpen, setCartOpen] = useState(false);
+    
     const {
         products,
         isLoading,
         search,
         setSearch,
+        category,
+        setCategory,
+        sort,
+        setSort,
         filters,
-        cartOpen,
-        setCartOpen,
+        categories,
     } = useProductCatalog({ basePath: "/shop" });
 
     if (isLoading) {
@@ -38,9 +44,9 @@ export default function ShopPage() {
                             brandName="Beirut Kitchen"
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Menu", id: "product" },
-                                { name: "About", id: "about" },
-                                { name: "Contact", id: "contact" },
+                                { name: "Menu", id: "/menu" },
+                                { name: "About", id: "/about" },
+                                { name: "Contact", id: "/contact" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -81,9 +87,9 @@ export default function ShopPage() {
                         brandName="Beirut Kitchen"
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Menu", id: "product" },
-                            { name: "About", id: "about" },
-                            { name: "Contact", id: "contact" },
+                            { name: "Menu", id: "/menu" },
+                            { name: "About", id: "/about" },
+                            { name: "Contact", id: "/contact" },
                             { name: "Shop", id: "/shop" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}