diff --git a/components/header/Header.tsx b/components/header/Header.tsx
index f02272f..3cc8957 100644
--- a/components/header/Header.tsx
+++ b/components/header/Header.tsx
@@ -8,6 +8,7 @@ import { MenuToggleButton } from "./MenuToggleButton";
import { ThemeToggleButton } from "./ThemeToggleButton";
import { SocialButtons } from "./SocialButtons";
import { CartButton } from "@/components/cart/CartButton";
+import { useCart } from "@/components/cart/CartContext";
import { AccountButton } from "@/components/auth/AccountButton";
import { GlobalSearch } from "@/components/search/GlobalSearch";
@@ -94,6 +95,7 @@ const itemVariants = {
export function Header() {
const [open, setOpen] = useState(false);
const [searchOpen, setSearchOpen] = useState(false);
+ const { itemCount } = useCart();
useEffect(() => {
if (open) {
@@ -143,7 +145,7 @@ export function Header() {
transition={{ type: "tween", ease: "easeInOut", duration: 0.3 }}
>