<header
    class="h-20 border-b border-white/10 bg-[#020617]/80 backdrop-blur-xl flex items-center justify-between px-6 lg:px-8 sticky top-0 z-40">

    <div>
        <div class="text-sm text-slate-400">Admin Panel</div>
        <div class="text-xl font-bold">Welcome back</div>
    </div>

    <div class="flex items-center gap-4">

        <a href="/driftly/public/" class="text-slate-400 hover:text-white transition">
            View site
        </a>

        <div
            class="w-10 h-10 rounded-2xl bg-gradient-to-r from-[#3B82F6] to-[#06B6D4] flex items-center justify-center font-bold">
            A
        </div>

    </div>

</header>