feat: Replace navigation logo with bold text wordmark
Some checks failed
CI / Frontend Lint & Type Check (push) Has been cancelled
CI / Frontend Build (push) Has been cancelled
CI / Backend Lint (push) Has been cancelled
CI / Backend Tests (push) Has been cancelled
CI / Docker Build (push) Has been cancelled
CI / Security Scan (push) Has been cancelled
Deploy / Build & Push Images (push) Has been cancelled
Deploy / Deploy to Server (push) Has been cancelled
Deploy / Notify (push) Has been cancelled
Some checks failed
CI / Frontend Lint & Type Check (push) Has been cancelled
CI / Frontend Build (push) Has been cancelled
CI / Backend Lint (push) Has been cancelled
CI / Backend Tests (push) Has been cancelled
CI / Docker Build (push) Has been cancelled
CI / Security Scan (push) Has been cancelled
Deploy / Build & Push Images (push) Has been cancelled
Deploy / Deploy to Server (push) Has been cancelled
Deploy / Notify (push) Has been cancelled
- Removed puma image from header navigation - Replaced with bold 'pounce' text wordmark - Uses Playfair Display font (font-display) - Responsive sizing: 1.5rem (mobile) to 1.75rem (desktop) - Clean, minimal, professional appearance - Removed unused Image import dependency
This commit is contained in:
@ -6,18 +6,13 @@ import { useStore } from '@/lib/store'
|
||||
import { LogOut, LayoutDashboard, Menu, X, Settings } from 'lucide-react'
|
||||
import { useState } from 'react'
|
||||
|
||||
// Logo Component - Puma Image
|
||||
// Logo Component - Text Wordmark
|
||||
function Logo() {
|
||||
return (
|
||||
<div className="relative flex items-center">
|
||||
<Image
|
||||
src="/pounce-logo.png"
|
||||
alt="pounce"
|
||||
width={160}
|
||||
height={80}
|
||||
className="w-32 h-auto sm:w-40 sm:h-auto object-contain"
|
||||
priority
|
||||
/>
|
||||
<span className="font-display text-[1.5rem] sm:text-[1.75rem] font-bold tracking-tight text-foreground">
|
||||
pounce
|
||||
</span>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user