Navigation Bar with Centered Links and CTA

<nav class="relative z-50 w-full pt-6 px-6">
        <div class="max-w-7xl mx-auto flex items-center justify-between h-14">
            <!-- Logo -->
            <div class="flex items-center gap-3 cursor-pointer">
                <div class="w-8 h-8 flex items-center justify-center rounded bg-amber-500 text-black">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="trending-up" class="lucide lucide-trending-up stroke-[2.5] w-[20px] h-[20px]" data-icon-replaced="true" style="color: rgb(0, 0, 0); width: 20px; height: 20px"><path d="M16 7h6v6" class=""></path><path d="m22 7-8.5 8.5-5-5L2 17" class=""></path></svg>
                </div>
                <span class="text-base font-semibold tracking-tight text-white">World Championship of Wealth</span>
            </div>
            
            <!-- Centered Links -->
            <div class="hidden md:flex items-center gap-8 text-sm font-medium absolute left-1/2 -translate-x-1/2 text-slate-400">
                <a href="/dashboard" class="transition-colors hover:text-white">Dashboard</a>
                <a href="/leaderboards" class="transition-colors hover:text-white">Leaderboards</a>
                <a href="/methodology" class="transition-colors hover:text-white">Methodology</a>
                <a href="/about" class="transition-colors hover:text-white">About</a>
            </div>

            <!-- Actions -->
            <div class="flex items-center gap-4">
                <button class="hidden sm:block transition-colors text-sm font-medium hover:text-white text-slate-300" onclick="window.location.href='/faq'" role="button">FAQ</button>
                <button class="px-5 py-2 rounded-lg bg-amber-500 text-sm font-semibold transition-all shadow-[0_0_20px_-5px_rgba(245,158,11,0.4)] text-black hover:bg-amber-400">
                    Get Started
                </button>
            </div>
        </div>
    </nav>