<nav class="bg-white shadow">
    <div class="max-w-7xl mx-auto px-6 py-4 flex justify-between items-center">
            <a href="/" class="text-red-700 hover:text-red-800 transition duration-300">
                <h1 class="text-2xl font-semibold tracking-wide"
                style="font-family: 'Playfair Display', serif;">
                Ahoj Ministries
                </h1>
            </a>

        <div class="space-x-6">
            <a href="/" class="hover:text-red-700 {{ request()->is('/') ? 'font-semibold' : '' }}">Home</a>
            <a href="/about" class="hover:text-red-700 {{ request()->is('about') ? 'font-semibold' : '' }}">About</a>
            <a href="/ministries" class="hover:text-red-700 {{ request()->is('ministries') ? 'font-semibold' : '' }}">Ministries</a>
            <a href="/events" class="hover:text-red-700 {{ request()->is('events') ? 'font-semibold' : '' }}">Events</a>
            <a href="/members" class="hover:text-red-700 {{ request()->is('members') ? 'font-semibold' : '' }}">Members</a>
        </div>
    </div>
</nav>
