<nav class="bg-blue-600 p-4 shadow-lg">
    <div class="container mx-auto flex justify-between items-center">
        <a href="#" class="text-white text-xl font-semibold">EduPresence</a>
        <ul class="flex space-x-6">
            <li><a href="#" class="text-white hover:underline">Home</a></li>
            <li><a href="#" class="text-white hover:underline">About</a></li>
            <li><a href="#" class="text-white hover:underline">Contact</a></li>
        </ul>
        <button class="bg-white text-blue-600 px-4 py-2 rounded-md hover:bg-blue-200">
            <a href="{{ route('login') }}" class="text-blue-600">Login</a>
        </button>
    </div>
</nav>
