Nicolas Cantu
e4ac155281
- Convert PageHeader title to Link component pointing to / - Add hover effect (neon-green) for better UX - Maintains same styling and appearance
25 lines
966 B
TypeScript
25 lines
966 B
TypeScript
import Link from 'next/link'
|
|
import { ConditionalPublishButton } from './ConditionalPublishButton'
|
|
import { t } from '@/lib/i18n'
|
|
|
|
export function PageHeader() {
|
|
return (
|
|
<header className="bg-cyber-dark border-b border-neon-cyan/30 shadow-glow-cyan">
|
|
<div className="max-w-4xl mx-auto px-4 py-4 flex justify-between items-center">
|
|
<Link href="/" className="text-2xl font-bold text-neon-cyan text-glow-cyan font-mono hover:text-neon-green transition-colors">
|
|
{t('home.title')}
|
|
</Link>
|
|
<div className="flex items-center gap-4">
|
|
<Link
|
|
href="/docs"
|
|
className="px-4 py-2 text-cyber-accent hover:text-neon-cyan text-sm font-medium transition-colors border border-cyber-accent/30 hover:border-neon-cyan/50 rounded hover:shadow-glow-cyan"
|
|
>
|
|
{t('nav.documentation')}
|
|
</Link>
|
|
<ConditionalPublishButton />
|
|
</div>
|
|
</div>
|
|
</header>
|
|
)
|
|
}
|