feat: add logo assets and update navigation and footer components with brand images
All checks were successful
Beta CI/CD Pipeline / build-and-test (push) Successful in 1m32s
Beta CI/CD Pipeline / deploy-beta (push) Successful in 46s

This commit is contained in:
vickytechkey 2026-09-18 15:47:56 +05:30
parent 137b28d6d6
commit 3d7b48e950
9 changed files with 12897 additions and 21 deletions

12776
logo.ai Normal file

File diff suppressed because one or more lines are too long

BIN
public/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

116
public/logo_clean.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 208 KiB

BIN
public/logo_nav.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

BIN
public/logo_raw-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

BIN
public/logo_white.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

View file

@ -66,12 +66,7 @@ export const DashboardLayout: React.FC = () => {
{/* Logo & Maker Central Header */}
<div className="mb-4 pl-2">
<Link to="/" className="is-flex is-align-items-center mb-1">
<span
className="has-text-weight-black is-size-5"
style={{ color: '#671B26', letterSpacing: '0.04em' }}
>
TRADHOX
</span>
<img src="/logo_nav.png" alt="Tradhox Logo" style={{ height: '32px' }} />
</Link>
<div
style={{

View file

@ -10,13 +10,9 @@ export const Footer: React.FC = () => {
{/* Brand Info */}
<div className="column is-6-desktop is-12-tablet mb-4">
<div className="is-flex is-align-items-center mb-3">
<span className="has-text-weight-black is-size-4 has-text-white" style={{ letterSpacing: '0.02em' }}>
TRADHOX
</span>
<img src="/logo_white.png" alt="Tradhox Logo" style={{ height: '150px' }} />
</div>
<p className="is-size-7 font-weight-bold has-text-weight-bold mb-2" style={{ letterSpacing: '0.12em', textTransform: 'uppercase', color: '#E2BDC4' }}>
FROM MAKERS TO THE WORLD.
</p>
<p className="is-size-7" style={{ color: '#E5C3C8', maxWidth: '380px', lineHeight: 1.6 }}>
Empowering verified Indian craftsmanship and creative makers with seamless nationwide commerce, transparent payouts, and cultural storytelling.
</p>

View file

@ -49,15 +49,8 @@ export const Navbar: React.FC = () => {
onClick={closeMenu}
style={{ textDecoration: 'none' }}
>
<span className="has-text-weight-bold is-size-4" style={{ color: 'var(--trad-maroon)', letterSpacing: '-0.02em', lineHeight: 1 }}>
TRADHOX
</span>
<span className="is-hidden-touch is-align-items-center ml-2.5" style={{ display: 'inline-flex', gap: '0.45rem' }}>
<span style={{ color: 'var(--trad-maroon)', fontSize: '0.9rem', lineHeight: 1 }}>•</span>
<span style={{ color: '#4A5568', fontSize: '0.75rem', fontWeight: 600, letterSpacing: '0.06em', textTransform: 'uppercase' }}>
SELLER CENTRAL
</span>
</span>
<img src="/logo_nav.png" alt="Tradhox Logo" style={{ height: '40px' }} />
</Link>
{/* Right Spacer on mobile/tablet to ensure company name stays dead-center */}