feat: add logo assets and update navigation and footer components with brand images
This commit is contained in:
parent
137b28d6d6
commit
3d7b48e950
9 changed files with 12897 additions and 21 deletions
12776
logo.ai
Normal file
12776
logo.ai
Normal file
File diff suppressed because one or more lines are too long
BIN
public/logo.png
Normal file
BIN
public/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
116
public/logo_clean.svg
Normal file
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
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
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
BIN
public/logo_white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
|
|
@ -66,12 +66,7 @@ export const DashboardLayout: React.FC = () => {
|
||||||
{/* Logo & Maker Central Header */}
|
{/* Logo & Maker Central Header */}
|
||||||
<div className="mb-4 pl-2">
|
<div className="mb-4 pl-2">
|
||||||
<Link to="/" className="is-flex is-align-items-center mb-1">
|
<Link to="/" className="is-flex is-align-items-center mb-1">
|
||||||
<span
|
<img src="/logo_nav.png" alt="Tradhox Logo" style={{ height: '32px' }} />
|
||||||
className="has-text-weight-black is-size-5"
|
|
||||||
style={{ color: '#671B26', letterSpacing: '0.04em' }}
|
|
||||||
>
|
|
||||||
TRADHOX
|
|
||||||
</span>
|
|
||||||
</Link>
|
</Link>
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
|
|
|
||||||
|
|
@ -10,13 +10,9 @@ export const Footer: React.FC = () => {
|
||||||
{/* Brand Info */}
|
{/* Brand Info */}
|
||||||
<div className="column is-6-desktop is-12-tablet mb-4">
|
<div className="column is-6-desktop is-12-tablet mb-4">
|
||||||
<div className="is-flex is-align-items-center mb-3">
|
<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' }}>
|
<img src="/logo_white.png" alt="Tradhox Logo" style={{ height: '150px' }} />
|
||||||
TRADHOX
|
|
||||||
</span>
|
|
||||||
</div>
|
</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 }}>
|
<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.
|
Empowering verified Indian craftsmanship and creative makers with seamless nationwide commerce, transparent payouts, and cultural storytelling.
|
||||||
</p>
|
</p>
|
||||||
|
|
|
||||||
|
|
@ -49,15 +49,8 @@ export const Navbar: React.FC = () => {
|
||||||
onClick={closeMenu}
|
onClick={closeMenu}
|
||||||
style={{ textDecoration: 'none' }}
|
style={{ textDecoration: 'none' }}
|
||||||
>
|
>
|
||||||
<span className="has-text-weight-bold is-size-4" style={{ color: 'var(--trad-maroon)', letterSpacing: '-0.02em', lineHeight: 1 }}>
|
<img src="/logo_nav.png" alt="Tradhox Logo" style={{ height: '40px' }} />
|
||||||
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>
|
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
{/* Right Spacer on mobile/tablet to ensure company name stays dead-center */}
|
{/* Right Spacer on mobile/tablet to ensure company name stays dead-center */}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue