<header class="w-full mx-auto bg-white containe h-fullr">
    <div class="flex flex-col items-center py-2">
        <a class="text-3xl font-bold text-gray-800 uppercase hover:text-gray-700" href="/">
            Securiskan
        </a>
        <p class="text-gray-600 text-1xl ">
            Security File Analysis
        </p>
    </div>
    <nav class="w-full py-2 bg-white border-t border-b" x-data="{ open: false }">
        <div
            class="container flex flex-col items-center justify-center w-full px-6 py-0 mx-auto mt-0 text-sm font-bold uppercase sm:flex-row">
            <a href="/about" class="px-4 py-1 mx-2 rounded hover:bg-gray-200">About</a>
            <a href="javascript:void(0)" onclick="scrollToFooter()" class="px-4 py-1 mx-2 rounded hover:bg-gray-200">Contact</a>
            <a href="https://github.com/sponsors/boloto1979" class="px-4 py-1 mx-2 rounded hover:bg-gray-200">Contribution</a>
            <a href="https://github.com/boloto1979/Securiskan/tree/main"
                class="px-4 py-1 mx-2 rounded hover:bg-gray-200">Repository</a>
            {{-- <a href="/admin" class="px-4 py-1 mx-2 rounded hover:bg-gray-200">Login</a> --}}
        </div>
    </nav>
</header>
