diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index b50e44b..3be63b4 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -6,6 +6,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { useProductCatalog } from "@/hooks/useProductCatalog";
+import { useState } from "react";
 
 export default function ShopPage() {
     const {
@@ -15,6 +16,8 @@ export default function ShopPage() {
         setSearch,
         filters,
     } = useProductCatalog({ basePath: "/shop" });
+    
+    const [cartOpen, setCartOpen] = useState(false);
 
     if (isLoading) {
         return (