From 7897efd975e4087e1c78a2022333ac8fdc5e8857 Mon Sep 17 00:00:00 2001
From: aramesh-site deploy <deploy@aramesh-site.local>
Date: Sat, 10 Oct 2026 22:02:37 +0000
Subject: [PATCH] =?UTF-8?q?fix(layout):=20=D8=B1=D9=81=D8=B9=20=D9=BE?=
 =?UTF-8?q?=D9=88=D8=B4=DB=8C=D8=AF=D9=87=E2=80=8C=D8=B4=D8=AF=D9=86=20?=
 =?UTF-8?q?=D8=A8=D8=B1=D8=AF=DA=A9=D8=B1=D8=A7=D9=85=D8=A8/=D9=85=D8=AD?=
 =?UTF-8?q?=D8=AA=D9=88=D8=A7=20=D8=B2=DB=8C=D8=B1=20=D9=84=D9=88=DA=AF?=
 =?UTF-8?q?=D9=88=DB=8C=20=D9=87=D8=AF=D8=B1=20=D8=AF=D8=B1=20=D9=85=D9=88?=
 =?UTF-8?q?=D8=A8=D8=A7=DB=8C=D9=84=20+=20=D9=81=D8=A7=D8=B5=D9=84=D9=87?=
 =?UTF-8?q?=D9=94=20=DB=8C=DA=A9=D9=86=D9=88=D8=A7=D8=AE=D8=AA=20=D8=A8?=
 =?UTF-8?q?=D8=A7=D9=84=D8=A7=DB=8C=20=D8=B5=D9=81=D8=AD=D9=87=E2=80=8C?=
 =?UTF-8?q?=D9=87=D8=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- هدر: لوگو در موبایل h-14 (دسکتاپ h-20 مثل قبل) — ارتفاع هدر از ۱۱۲ به ۸۸ پیکسل
- PageHero: h ثابت ۵۸vh → min-h + pt-32؛ اگر محتوا (مثل سرآغاز بلند انگلیسی درباره ما)
  بلندتر باشد، بخش بلندتر می‌شود و بردکرامب هرگز زیر لوگوی ثابت نمی‌رود
- Hero صفحهٔ اصلی: pt-28 تا بلوک وسط‌چین هم با هدر تداخل نکند؛ min-h به‌جای h-screen
با iOS Safari (آیفون) تست شد
---
 frontend/src/components/Header.tsx    | 3 ++-
 frontend/src/components/PageHero.tsx  | 4 +++-
 frontend/src/components/home/Hero.tsx | 4 ++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index 7589d22..14cab02 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -51,7 +51,8 @@ export function Header() {
               src={brand.logo}
               alt={brand.name}
               className={`w-auto object-contain transition-[height] duration-300 ease-lux ${
-                scrolled ? "h-14" : "h-20"
+                // موبایل: لوگوی کوچک‌تر تا هدر محتوای زیرش را نپوشاند
+                scrolled ? "h-12 md:h-14" : "h-14 md:h-20"
               }`}
             />
           </Link>
diff --git a/frontend/src/components/PageHero.tsx b/frontend/src/components/PageHero.tsx
index 35227f6..33ce18a 100644
--- a/frontend/src/components/PageHero.tsx
+++ b/frontend/src/components/PageHero.tsx
@@ -28,7 +28,9 @@ export function PageHero({ pageKey, hideImage = false }: PageHeroProps) {
     })
 
   return (
-    <section className="relative flex h-[58vh] min-h-[420px] items-end overflow-hidden">
+    <section className="relative flex min-h-[58vh] items-end overflow-hidden pt-32 pb-16">
+      {/* pt-32 فضای هدر ثابت را رزرو می‌کند تا بردکرUMB/عنوان هرگز زیر لوگو نروند؛
+          min-h به‌جای h تا اگر محتوا بلندتر شد (موبایل)، بخش بلندتر شود نه اینکه زیر هدر برود */}
       {hero.image && !hideImage && <img src={hero.image} alt="" aria-hidden="true" className="absolute inset-0 h-full w-full object-cover" fetchPriority="high" decoding="async" />}
 
       {!hideImage && (
diff --git a/frontend/src/components/home/Hero.tsx b/frontend/src/components/home/Hero.tsx
index 5a13493..39aadf5 100644
--- a/frontend/src/components/home/Hero.tsx
+++ b/frontend/src/components/home/Hero.tsx
@@ -62,7 +62,7 @@ export function Hero() {
     })
 
   return (
-    <section className="relative h-screen min-h-[640px] w-full overflow-hidden" aria-label={t('heroAria')}>
+    <section className="relative min-h-screen w-full overflow-hidden pt-28" aria-label={t('heroAria')}>
       {/* تصویر پس‌زمینه */}
       <motion.img
         src={brand.hero}
@@ -83,7 +83,7 @@ export function Hero() {
       {/* محتوای اصلی هیرو */}
       <motion.div
         style={{ y: contentY }}
-        className="relative mx-auto flex h-full max-w-site flex-col justify-center px-6 lg:px-10"
+        className="relative mx-auto flex min-h-[calc(100vh-7rem)] max-w-site flex-col justify-center px-6 lg:px-10"
       >
         <div className="w-full max-w-[700px] lg:max-w-[58%]">
           {/* کیکر بالای تیتر */}