Notes/apps/website/src/routes/header.svelte

<script>
    import DownloadNow from "./download-now.svelte";

</script>
<header class="header bg-white sticky top-0 z-50">
    <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>
                    <li><DownloadNow /></li>
                </ul>                
            </nav>
        </div>
    </div>
</header>