<div class="flex justify-end items-center p-4 bg-white shadow">
    <a href="#about" class="mx-2 text-gray-700 hover:text-blue-600">About</a>
    <a href="#join" class="mx-2 text-gray-700 hover:text-blue-600">Join</a>
    <a href="#notice" class="mx-2 text-gray-700 hover:text-blue-600">What’s New</a>

    <button class="ml-4 px-4 py-2 bg-red-600 text-white rounded hover:bg-blue-700"
            @onclick="OnClickLogin">
        Login
    </button>

</div>