fix(contact): حذف پردهٔ خاکستری روی تصویر — فقط گرادیان خوانایی می‌ماند؛ لایه‌های هیرو در حالت پس‌زمینهٔ پیوسته خاموش

frontend/src/components/PageHero.tsx

@@ -31,13 +31,17 @@ export function PageHero({ pageKey, hideImage = false }: PageHeroProps) {
     <section className="relative flex h-[58vh] min-h-[420px] items-end overflow-hidden">
       {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" />}
 
-      <div className="absolute inset-0 bg-ink/50" aria-hidden="true" />
+      {!hideImage && (
+        <>
+          <div className="absolute inset-0 bg-ink/50" aria-hidden="true" />
 
-      <div
+          <div
-        className="absolute inset-0"
+            className="absolute inset-0"
-        style={{ background: 'linear-gradient(to top, #27221c 6%, rgba(39,34,28,0.1) 70%)' }}
+            style={{ background: 'linear-gradient(to top, #27221c 6%, rgba(39,34,28,0.1) 70%)' }}
-        aria-hidden="true"
+            aria-hidden="true"
-      />
+          />
+        </>
+      )}
 
       <div className="relative mx-auto w-full max-w-site px-6 pb-16 lg:px-10">
         <nav aria-label={t('breadcrumbAria')} className="flex items-center gap-2 text-xs font-light text-ivory/50">

frontend/src/pages/ContactPage.tsx

@@ -24,8 +24,7 @@ export function ContactPage() {
           decoding="async"
         />
       )}
-      {/* پردهٔ تیره و گرادیان برای خوانایی — یک لایه برای کل صفحه */}
+      {/* فقط گرادیان خوانایی — بدون پردهٔ خاکستری روی تصویر */}
-      <div className="absolute inset-0 bg-ink/60" aria-hidden="true" />
       <div
         className="absolute inset-0"
         style={{