top of header

2026-07-14 12:56:53 +03:30
parent 4b8031b9e5
commit 3be247ecff
6 changed files with 49 additions and 4 deletions
@@ -0,0 +1,29 @@
+import { Profile, Truck } from "iconsax-reactjs";
+
+const Header = () => {
+  return (
+    <div className="px-[120px] h-12 bg-secondary flex items-center justify-between">
+      <div className="flex gap-2 items-center">
+        <span className="text-primary flex items-center gap-2">
+          <Truck size={24} color="currentColor" />
+          <div className="text-[#3A4147] text-sm font-bold">ارسال رایگان برای خرید بالای ۱۰۰ میلیون تومان</div>
+        </span>
+      </div>
+
+      <div className="flex text-sm font-bold gap-2 items-center">
+        <span className="text-primary">20%</span>
+        <span>تخفیف برای اولین سفارش خود دریافت کنید |</span>
+        <span>
+          کد تخفیف : <span className="text-primary">FIRSTORDER</span>
+        </span>
+      </div>
+
+      <div className="flex gap-2 items-center">
+        <Profile size={24} color="currentColor" />
+        <div>سلام حمید</div>
+      </div>
+    </div>
+  );
+};
+
+export default Header;