<header class="header bg-white sticky top-0">
    <div class="container mx-auto flex items-center py-5">
        <a href="/" class="flex items-center gap-x-2 w-100">
            <img src="icon-color.svg" alt="Trilium Notes Logo" class="w-10 h-10">
            <span class="text-xl">Trilium Notes</span>
        </a>

        <div class="group w-full">
            <nav class="header-nav">
                <ul class="flex items-center justify-end gap-4">
                    <li><a href="/">Home</a></li>
                    <li><a href="/about">About</a></li>
                    <li><a href="/services">Services</a></li>
                    <li><a href="/contact">Contact</a></li>
                </ul>
            </nav>
        </div>
    </div>
</header>