From 6f207753bee9cd2d1a84a22cfbb4f519cdcb7b78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Afra=20=E2=80=8C?= <afra@Afras-MacBook-Air.local>
Date: Mon, 17 Aug 2026 17:38:41 +0330
Subject: [PATCH] fix: swap header order so neighborhood selector sits on the
 right and login/cart button on the top-left

---
 src/components/home/location-reminder-banner.tsx |  6 +++---
 src/components/home/site-header.tsx              | 14 +++++++-------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/home/location-reminder-banner.tsx b/src/components/home/location-reminder-banner.tsx
index 80d2351..07a3e71 100644
--- a/src/components/home/location-reminder-banner.tsx
+++ b/src/components/home/location-reminder-banner.tsx
@@ -10,7 +10,7 @@ export function LocationReminderBanner() {
   if (dismissed) return null;
 
   return (
-    <div className="relative mx-4 flex flex-col gap-4 rounded-2xl border border-[#F0642D] bg-[#FFFBF7] p-4">
+    <div className="relative mx-4 flex flex-col gap-5 rounded-2xl border border-[#F0642D] bg-[#FFFBF7] p-4">
       <button
         type="button"
         onClick={() => setDismissed(true)}
@@ -20,9 +20,9 @@ export function LocationReminderBanner() {
         <X className="h-4 w-4" />
       </button>
 
-      <div className="flex flex-col gap-1 pl-6">
+      <div className="flex flex-col gap-4 pl-6">
         <h3 className="text-title-medium font-semibold text-foreground">فروشگاه‌های نزدیکت رو پیدا کن</h3>
-        <p className="text-body-medium text-gray-700">
+        <p className="text-body-medium text-gray-700 leading-6">
           برای نمایش نزدیک‌ترین فروشگاه‌ها، موقعیت مکانی خود را فعال کنید یا محله خود را به صورت دستی انتخاب کنید.
         </p>
       </div>
diff --git a/src/components/home/site-header.tsx b/src/components/home/site-header.tsx
index 9e9515e..e837de3 100644
--- a/src/components/home/site-header.tsx
+++ b/src/components/home/site-header.tsx
@@ -1,5 +1,5 @@
 import Link from "next/link";
-import { ChevronDown, MapPin, ShoppingBag } from "lucide-react";
+import { ChevronLeft, MapPin, ShoppingBag } from "lucide-react";
 
 /** guest-home / C04 header — winofyfrontenddoc (1).md §3.2 / §4.5. */
 export function SiteHeader({
@@ -13,6 +13,12 @@ export function SiteHeader({
 }) {
   return (
     <header className="flex w-full items-center justify-between px-4 py-3">
+      <Link href="/location/search" className="flex items-center gap-1 text-body-medium text-foreground">
+        <ChevronLeft className="h-4 w-4 text-gray-600" />
+        <span className="font-semibold">{locationLabel ?? "انتخاب محله"}</span>
+        <MapPin className="text-primary-action" />
+      </Link>
+
       {isAuthenticated ? (
         <Link href="/cart" className="relative flex h-8 w-8 items-center justify-center text-primary-action">
           <ShoppingBag className="h-6 w-6" />
@@ -30,12 +36,6 @@ export function SiteHeader({
           ورود
         </Link>
       )}
-
-      <Link href="/location/search" className="flex items-center gap-1 text-body-medium text-foreground">
-        <ChevronDown className="h-4 w-4 text-gray-600" />
-        <span>{locationLabel ?? "انتخاب محله"}</span>
-        <MapPin className="h-4 w-4 text-primary-action" />
-      </Link>
     </header>
   );
 }