<nav class="bg-gray-800 w-full">
    <div class="px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between h-16">
            <div class="flex">
                <!-- Logo container -->
                <div class="flex-shrink-0 flex items-center">
                    <!-- Replace 'logo.png' with the actual path to your logo image -->
                    <a href="/" >
                    <img src="/public/logo_1.png" alt="Logo" class="h-8 w-auto mr-3">
                    </a>
                    <a href="/" class="px-3 py-2 rounded-md text-sm font-medium text-white bg-gray-900 focus:outline-none focus:text-white focus:bg-gray-700">
                        <i class="fas fa-home"></i> LocalAgent
                    </a>
                    <a href="/agents" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700">
                        <i class="fas fa-users"></i> Agent list
                    </a>
                    <a href="/knowledgebase" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700">
                        <i class="fas fa-book"></i> Knowledgebase
                    </a>
                </div>
            </div>
        </div>
    </div>
</nav>
<br>
