diff --git a/src/components/AppNavbar/_data/allMenu.ts b/src/components/AppNavbar/_data/allMenu.ts
index 2793aec..45f3cfa 100644
--- a/src/components/AppNavbar/_data/allMenu.ts
+++ b/src/components/AppNavbar/_data/allMenu.ts
@@ -1,14 +1,21 @@
+import { ThemeIconProps } from "@mantine/core";
 import React from "react";
-import { TbLayoutDashboard, TbUsers } from "react-icons/tb";
+import {
+	TbLayoutDashboard,
+	TbUsers,
+	TbNotebook,
+	TbShoppingBag,
+	TbPhotoFilled,
+} from "react-icons/tb";
 
 export interface MenuItem {
-    label: string,
-    icon: React.FC<any>,
-    children?: {
-        label: string,
-        link: string,
-    }[],
-    color?: string,
+	label: string;
+	icon: React.FC<any>;
+	children?: {
+		label: string;
+		link: string;
+	}[];
+	color?: ThemeIconProps["color"];
 }
 
 const allMenu: MenuItem[] = [
@@ -19,12 +26,32 @@ const allMenu: MenuItem[] = [
 	{
 		label: "Users",
 		icon: TbUsers,
-        color: "green",
-        children: [
-            { label: "Users", link: "#"},
-            { label: "Roles", link: "#"},
-            { label: "Permissions", link: "#"},
-        ]
+		color: "grape",
+		children: [
+			{ label: "Users", link: "#" },
+			{ label: "Roles", link: "#" },
+			{ label: "Permissions", link: "#" },
+		],
+	},
+	{
+		label: "Blog",
+		icon: TbNotebook,
+		color: "green",
+		children: [
+			{ label: "Posts", link: "#" },
+			{ label: "Categories", link: "#" },
+			{ label: "Tags", link: "#" },
+		],
+	},
+	{
+		label: "Products",
+		icon: TbShoppingBag,
+		color: "cyan",
+	},
+	{
+		label: "Banners",
+		icon: TbPhotoFilled,
+		color: "indigo",
 	},
 ];