header menu

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>
   );
 };

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;