51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
"use client";
|
|
|
|
import PlayerStats from "./PlayerStats";
|
|
|
|
export default function Navigation() {
|
|
return (
|
|
<nav className="w-full fixed top-0 left-0 z-50 px-8 py-3 bg-black/80 backdrop-blur-sm border-b border-gray-800/30">
|
|
<div className="max-w-7xl mx-auto flex items-center justify-between">
|
|
{/* Logo - Left */}
|
|
<div className="flex flex-col">
|
|
<div className="text-white text-xl font-gaming font-bold tracking-tight">
|
|
GAME.OF.TECH
|
|
</div>
|
|
<div className="text-pixel-gold text-xs font-gaming-subtitle font-semibold flex items-center gap-1 tracking-wide">
|
|
<span>✦</span>
|
|
<span>Game of Tech</span>
|
|
<span>✦</span>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Navigation Links - Center */}
|
|
<div className="flex items-center gap-6">
|
|
<a
|
|
href="/"
|
|
className="text-white hover:text-pixel-gold transition text-xs font-normal uppercase tracking-widest"
|
|
>
|
|
HOME
|
|
</a>
|
|
<a
|
|
href="/events"
|
|
className="text-white hover:text-pixel-gold transition text-xs font-normal uppercase tracking-widest"
|
|
>
|
|
EVENTS
|
|
</a>
|
|
<a
|
|
href="/leaderboard"
|
|
className="text-white hover:text-pixel-gold transition text-xs font-normal uppercase tracking-widest"
|
|
>
|
|
LEADERBOARD
|
|
</a>
|
|
</div>
|
|
|
|
{/* Player Stats - Right */}
|
|
<div>
|
|
<PlayerStats />
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
);
|
|
}
|