Footer brand flanking lines; replace orange accent with #CD9E53 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> @
This commit is contained in:
parent
d67c0a1d7d
commit
1f3099f6db
|
|
@ -140,7 +140,11 @@ export function Footer() {
|
||||||
{/* ── BRAND (right side in RTL) ── */}
|
{/* ── BRAND (right side in RTL) ── */}
|
||||||
<div style={{ textAlign: 'center' }}>
|
<div style={{ textAlign: 'center' }}>
|
||||||
<img src="/logo%20white.png" alt="اندیشکده فولاد آینده" style={{ height: 96, width: 'auto', display: 'block', margin: '0 auto 14px' }} />
|
<img src="/logo%20white.png" alt="اندیشکده فولاد آینده" style={{ height: 96, width: 'auto', display: 'block', margin: '0 auto 14px' }} />
|
||||||
<div style={{ fontSize: 22, fontWeight: 900, color: '#fff', lineHeight: 1.3, marginBottom: 4 }}>اندیشکده فولاد آینده</div>
|
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 12, marginBottom: 4 }}>
|
||||||
|
<span style={{ height: 2, width: 28, background: 'linear-gradient(to left, #3b82f6, transparent)', borderRadius: 2 }} />
|
||||||
|
<span style={{ fontSize: 22, fontWeight: 900, color: '#fff', lineHeight: 1.3, whiteSpace: 'nowrap' }}>اندیشکده فولاد آینده</span>
|
||||||
|
<span style={{ height: 2, width: 28, background: 'linear-gradient(to right, #3b82f6, transparent)', borderRadius: 2 }} />
|
||||||
|
</div>
|
||||||
<div style={{ fontSize: 10, letterSpacing: 2, color: 'rgba(255,255,255,0.35)', textTransform: 'uppercase', marginBottom: 18 }}>The Steel Futures Institute</div>
|
<div style={{ fontSize: 10, letterSpacing: 2, color: 'rgba(255,255,255,0.35)', textTransform: 'uppercase', marginBottom: 18 }}>The Steel Futures Institute</div>
|
||||||
|
|
||||||
<p style={{
|
<p style={{
|
||||||
|
|
|
||||||
|
|
@ -119,7 +119,7 @@ function NavDropdown({ lang, label, sections }: { lang: 'fa' | 'en'; label: stri
|
||||||
onMouseLeave={e => { (e.currentTarget as HTMLElement).style.background = 'transparent' }}
|
onMouseLeave={e => { (e.currentTarget as HTMLElement).style.background = 'transparent' }}
|
||||||
>
|
>
|
||||||
<span>{lang === 'fa' ? item.fa : item.en}</span>
|
<span>{lang === 'fa' ? item.fa : item.en}</span>
|
||||||
<item.Icon size={28} color="#e85c0d" strokeWidth={1.5} style={{ flexShrink: 0 }} />
|
<item.Icon size={28} color="#CD9E53" strokeWidth={1.5} style={{ flexShrink: 0 }} />
|
||||||
</NavLink>
|
</NavLink>
|
||||||
))}
|
))}
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
|
||||||
|
|
@ -51,7 +51,7 @@
|
||||||
--color-white: #FFFFFF;
|
--color-white: #FFFFFF;
|
||||||
--color-gray-light: #E9EEF5;
|
--color-gray-light: #E9EEF5;
|
||||||
--color-gray-steel: #7C8798;
|
--color-gray-steel: #7C8798;
|
||||||
--color-orange: #FF8A00;
|
--color-orange: #CD9E53;
|
||||||
|
|
||||||
/* Semantic surface tokens */
|
/* Semantic surface tokens */
|
||||||
--paper: #FFFFFF; /* primary surface */
|
--paper: #FFFFFF; /* primary surface */
|
||||||
|
|
@ -74,7 +74,7 @@
|
||||||
--red-2: #29bdf2; /* lighter accent */
|
--red-2: #29bdf2; /* lighter accent */
|
||||||
|
|
||||||
/* Warning / limited use — 1% max */
|
/* Warning / limited use — 1% max */
|
||||||
--amber: #FF8A00;
|
--amber: #CD9E53;
|
||||||
--green-ink: #059669;
|
--green-ink: #059669;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue