From e84cd0fe13945411e45d02c65904fbf0be03011e Mon Sep 17 00:00:00 2001
From: aramesh-site deploy <deploy@aramesh-site.local>
Date: Sat, 10 Oct 2026 22:14:46 +0000
Subject: [PATCH] =?UTF-8?q?fix(nav):=20=D9=87=D8=A7=DB=8C=D9=84=D8=A7?=
 =?UTF-8?q?=DB=8C=D8=AA=20=C2=AB=D8=AE=D8=A7=D9=86=D9=87=C2=BB=20=D9=81?=
 =?UTF-8?q?=D9=82=D8=B7=20=D8=B1=D9=88=DB=8C=20=D8=B5=D9=81=D8=AD=D9=87?=
 =?UTF-8?q?=D9=94=20=D8=A7=D8=B5=D9=84=DB=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

NavLink برای «خانه» (مسیر / و /en) چون پیشوند همهٔ مسیرهاست، در هر صفحه‌ای
active می‌ماند (در انگلیسی واضح بود: Home و Projects همزمان روشن).
با end={item.href === '/'} دقیق شد — بقیهٔ آیتم‌ها مثل Projects روی
صفحه‌های جزئیات همچنان فعال می‌مانند (رفتار درست).
---
 frontend/src/components/Header.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index 14cab02..25faa76 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -66,6 +66,9 @@ export function Header() {
                 <li>
                   <NavLink
                     to={href(item.href)}
+                    // خانه دقیقاً روی «/» فعال شود — وگرنه پیشوند همهٔ مسیرهاست
+                    // و «خانه» در همهٔ صفحه‌ها روشن می‌ماند
+                    end={item.href === "/"}
                     className={({ isActive }) =>
                       `group relative py-2 text-[0.95rem] font-light transition-colors duration-200 ease-lux hover:text-copper [text-shadow:_0_2px_4px_rgba(0,0,0,0.6)] ${
                         isActive ? "text-copper font-normal" : "text-ivory/80"
@@ -137,6 +140,9 @@ export function Header() {
                 <li>
                   <NavLink
                     to={href(item.href)}
+                    // خانه دقیقاً روی «/» فعال شود — وگرنه پیشوند همهٔ مسیرهاست
+                    // و «خانه» در همهٔ صفحه‌ها روشن می‌ماند
+                    end={item.href === "/"}
                     className={({ isActive }) =>
                       `block border-b border-ivory/5 py-3 text-base font-light transition-colors duration-200 ease-lux ${
                         isActive ? "text-copper" : "text-ivory/80"