From 13d88e004310bc73f474645d7d24ad0a2f8af6ef Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Tue, 14 Jul 2026 15:52:39 +0330
Subject: [PATCH] header menu

---
 app/shared/Header.tsx                |  2 ++
 app/shared/components/HeaderMenu.tsx | 23 +++++++++++++++++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 app/shared/components/HeaderMenu.tsx

diff --git a/app/shared/Header.tsx b/app/shared/Header.tsx
index e6f1df9..8a7335a 100644
--- a/app/shared/Header.tsx
+++ b/app/shared/Header.tsx
@@ -3,6 +3,7 @@ import { Call, Profile, ShoppingCart, Truck, TruckFast } from "iconsax-reactjs";
 import Image from "next/image";
 import Input from "../components/Input";
 import Seprator from "../components/Seprator";
+import HeaderMenu from "./components/HeaderMenu";
 
 const Header = () => {
   return (
@@ -54,6 +55,7 @@ const Header = () => {
           </div>
         </div>
       </div>
+      <HeaderMenu />
     </div>
   );
 };
diff --git a/app/shared/components/HeaderMenu.tsx b/app/shared/components/HeaderMenu.tsx
new file mode 100644
index 0000000..b4b0101
--- /dev/null
+++ b/app/shared/components/HeaderMenu.tsx
@@ -0,0 +1,23 @@
+import { HamburgerMenu } from "iconsax-reactjs";
+import { FC } from "react";
+
+const HeaderMenu: FC = () => {
+  return (
+    <div className="h-[72px] w-full flex-1 flex justify-center px-[120px] items-center gap-8">
+      <div className="flex gap-2 items-center">
+        <HamburgerMenu size={24} color="black" />
+        <div className="font-bold">همه محصولات</div>
+      </div>
+
+      <div className="font-bold">کارت ویزیت</div>
+      <div className="font-bold">کاتالوگ</div>
+      <div className="font-bold">بروشور</div>
+      <div className="font-bold">کارت تبریک</div>
+      <div className="font-bold">جعبه</div>
+      <div className="font-bold">ساک دستی</div>
+      <div className="font-bold">هدایای تبلیغاتی</div>
+    </div>
+  );
+};
+
+export default HeaderMenu;