hamid zarghami
30 lines
1.0 KiB
TypeScript
30 lines
1.0 KiB
TypeScript
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;
|