From d893dc5b7a0f1ca880bfe3b4b892276ed1209c7f Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Tue, 14 Jul 2026 15:43:36 +0330
Subject: [PATCH] middle of header

---
 app/components/Seprator.tsx |  2 +-
 app/shared/Header.tsx       | 23 ++++++++++++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/app/components/Seprator.tsx b/app/components/Seprator.tsx
index 0e3fc1a..57dd0ff 100644
--- a/app/components/Seprator.tsx
+++ b/app/components/Seprator.tsx
@@ -6,7 +6,7 @@ type Props = {
 };
 
 const Seprator: FC<Props> = ({ className }) => {
-  return <div className={cn("bg-secondary", className)}></div>;
+  return <div className={cn("bg-[#E9EEF2]", className)}></div>;
 };
 
 export default Seprator;
diff --git a/app/shared/Header.tsx b/app/shared/Header.tsx
index 3ded725..e6f1df9 100644
--- a/app/shared/Header.tsx
+++ b/app/shared/Header.tsx
@@ -1,7 +1,8 @@
 import logo from "@/assets/images/logo.png";
-import { Profile, Truck } from "iconsax-reactjs";
+import { Call, Profile, ShoppingCart, Truck, TruckFast } from "iconsax-reactjs";
 import Image from "next/image";
 import Input from "../components/Input";
+import Seprator from "../components/Seprator";
 
 const Header = () => {
   return (
@@ -32,6 +33,26 @@ const Header = () => {
         <div className="flex-1">
           <Input variant="search" placeholder="جستجوی محصول" />
         </div>
+        <div className="flex gap-8 items-center">
+          <div className="flex gap-2 items-center">
+            <TruckFast variant="Bold" color="black" />
+            <div className="text-[#6C7680] text-sm">پیگیری سفارش</div>
+          </div>
+
+          <Seprator className="h-5 w-px" />
+
+          <div className="flex gap-2 items-center">
+            <Call variant="Bold" color="black" />
+            <div className="text-[#6C7680] text-sm">(30 خط) 02134782000</div>
+          </div>
+
+          <Seprator className="h-5 w-px" />
+
+          <div className="relative">
+            <ShoppingCart variant="Bold" color="black" />
+            <div className="absolute -top-1.5 -right-1.5 bg-primary text-white text-xs font-medium rounded-full size-4 flex items-center justify-center">0</div>
+          </div>
+        </div>
       </div>
     </div>
   );