From 573d4ab4520c5dd70b6bfc9fba4a32d0c8f8624c Mon Sep 17 00:00:00 2001
From: aramesh-site deploy <deploy@aramesh-site.local>
Date: Wed, 7 Oct 2026 09:41:57 +0000
Subject: [PATCH] =?UTF-8?q?feat(home):=20=D8=A8=D8=A7=D8=B2=D8=B7=D8=B1?=
 =?UTF-8?q?=D8=A7=D8=AD=DB=8C=20=DA=A9=D8=A7=D8=AF=D8=B1=20=D8=A2=D9=85?=
 =?UTF-8?q?=D8=A7=D8=B1=20=D9=87=DB=8C=D8=B1=D9=88=20=E2=80=94=20=D8=B4?=
 =?UTF-8?q?=DB=8C=D8=B4=D9=87=D9=94=20=DA=86=D9=86=D8=AF=D9=84=D8=A7=DB=8C?=
 =?UTF-8?q?=D9=87=20=D8=A8=D8=A7=20=D8=AE=D8=B7=20=D9=85=D9=88=DB=8C=DB=8C?=
 =?UTF-8?q?=20=D9=85=D8=B3=DB=8C=D8=8C=20=D9=87=D8=A7=D9=84=D9=87=D9=94=20?=
 =?UTF-8?q?=D9=86=D8=B1=D9=85=D8=8C=20=D9=86=D8=B4=D8=A7=D9=86=20=D8=B2?=
 =?UTF-8?q?=D9=86=D8=AF=D9=87=20=D9=88=20=D8=B3=D9=84=D8=B3=D9=84=D9=87?=
 =?UTF-8?q?=E2=80=8C=D9=85=D8=B1=D8=A7=D8=AA=D8=A8=20=D8=B9=D8=AF=D8=AF/?=
 =?UTF-8?q?=D8=A8=D8=B1=DA=86=D8=B3=D8=A8=20(=D9=85=D8=AD=D8=AA=D9=88?=
 =?UTF-8?q?=D8=A7=DB=8C=20=DA=A9=D8=A7=D8=B1=D8=A8=D8=B1=20=D8=AF=D8=B3?=
 =?UTF-8?q?=D8=AA=E2=80=8C=D9=86=D8=AE=D9=88=D8=B1=D8=AF=D9=87)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/home/Hero.tsx     | 10 ++++++----
 frontend/src/components/home/Timeline.tsx |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/home/Hero.tsx b/frontend/src/components/home/Hero.tsx
index 9b96b09..58680b7 100644
--- a/frontend/src/components/home/Hero.tsx
+++ b/frontend/src/components/home/Hero.tsx
@@ -148,10 +148,12 @@ export function Hero() {
                 </span>
               </span>
               <div className="min-w-0">
-                <p className="font-mono text-[2rem] font-bold leading-none tracking-tight text-copper">
-                  <InlineEdit value={hero.badge_value} onSave={(v) => saveHero('badge_value', v)} />
-                </p>
-                <p className="mt-2.5 text-[13px] font-light leading-6 text-ivory/75">
+                {String(hero.badge_value ?? '').trim() !== '' && (
+                  <p className="font-mono text-[2rem] font-bold leading-none tracking-tight text-copper">
+                    <InlineEdit value={hero.badge_value} onSave={(v) => saveHero('badge_value', v)} />
+                  </p>
+                )}
+                <p className={`text-[13px] font-light leading-6 text-ivory/75 ${String(hero.badge_value ?? '').trim() !== '' ? 'mt-2.5' : ''}`}>
                   <InlineEdit multiline value={hero.badge_label} onSave={(v) => saveHero('badge_label', v)} />
                 </p>
               </div>
diff --git a/frontend/src/components/home/Timeline.tsx b/frontend/src/components/home/Timeline.tsx
index 0500d3b..5785923 100644
--- a/frontend/src/components/home/Timeline.tsx
+++ b/frontend/src/components/home/Timeline.tsx
@@ -19,7 +19,7 @@ function Item({ item, index }: { item: Milestone; index: number }) {
       {/* دایره‌ها: مرکز دایره در موبایل و دسکتاپ دقیقاً روی مرکز خط 2px است */}
       <span
         aria-hidden="true"
-        className={`absolute right-[-5px] top-8 z-10 h-3 w-3 rounded-full transition-all duration-500 ease-lux md:right-1/2 md:translate-x-1/2 ${
+        className={`absolute right-[-5px] top-1/2 z-10 -translate-y-1/2 h-3 w-3 rounded-full transition-all duration-500 ease-lux md:right-1/2 md:translate-x-1/2 ${
           active
             ? 'bg-copper shadow-[0_0_15px_rgba(197,143,92,0.6),0_0_0_6px_rgba(213,135,76,0.15)]'
             : 'bg-ivory/20'