diff --git a/app/components/header/DemoHeadline.tsx b/app/components/header/DemoHeadline.tsx
new file mode 100644
index 0000000..0b7da1d
--- /dev/null
+++ b/app/components/header/DemoHeadline.tsx
@@ -0,0 +1,21 @@
+import Link from 'next/link';
+import {FC} from 'react';
+
+export const DemoHeadline: FC = () => {
+ return (
+
+
+ This project is for demonstration purposes only. For more information,
+ check{' '}
+
+ here
+
+ .
+
+
+ );
+};
+
+export default DemoHeadline;
diff --git a/app/components/header/Header.tsx b/app/components/header/Header.tsx
index 76bee6a..a0dc208 100644
--- a/app/components/header/Header.tsx
+++ b/app/components/header/Header.tsx
@@ -10,7 +10,7 @@ const greatVibes = Great_Vibes({weight: '400', subsets: ['latin']});
export const Header = () => {
return (
-
+
diff --git a/app/components/header/cart/CartDropdownMenu.tsx b/app/components/header/cart/CartDropdownMenu.tsx
index 99fddc5..0564ffb 100644
--- a/app/components/header/cart/CartDropdownMenu.tsx
+++ b/app/components/header/cart/CartDropdownMenu.tsx
@@ -1,15 +1,32 @@
+'use client';
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
import {ShoppingBagIcon} from 'lucide-react';
import {CartDropdownItems} from './CartDropdownItems';
+import {useAppSelector} from '@/app/lib/store/storeHooks';
+import {selectCartItems} from '@/app/lib/store/reducers/cart/cartReducer';
const CartDropdownMenu = () => {
+ // const userId: string | undefined = undefined;
+ const cartItems = useAppSelector(selectCartItems);
+
return (
diff --git a/app/components/header/nav/NavMenu.tsx b/app/components/header/nav/NavMenu.tsx
index 6353c2f..0a70743 100644
--- a/app/components/header/nav/NavMenu.tsx
+++ b/app/components/header/nav/NavMenu.tsx
@@ -59,7 +59,7 @@ const NavMenus = async () => {
return (
<>
-
+
{menuItems &&
menuItems.map((item) => )}
diff --git a/app/layout.tsx b/app/layout.tsx
index 31b100f..29dfce2 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -8,6 +8,7 @@ import LoadCartItems from './components/auxiliary/LoadCartItems';
import LoadProducts from './components/auxiliary/LoadProducts';
import {CreateUserBridge} from './components/landing/CreateUserBridge';
import {Analytics} from '@vercel/analytics/react';
+import DemoHeadline from './components/header/DemoHeadline';
const workSans = Work_Sans({subsets: ['latin']});
@@ -34,6 +35,7 @@ export default function RootLayout({
+
{children}