themes/lavender/header.go.html

<div class="sticky top-0 z-40 w-full backdrop-blur flex-none lg:z-50 lg:border-b lg:border-slate-900/10 dark:border-slate-50/[0.06] bg-white/95 supports-backdrop-blur:bg-white/60 dark:bg-transparent">
    <div class="max-w-8xl mx-auto">
        <div class="py-4 border-b border-slate-900/10 lg:px-8 lg:border-0 dark:border-slate-300/10 mx-4 lg:mx-0">
            <div class="relative flex items-center">
                <a class="mr-3 flex-none flex w-[2.0625rem] overflow-hidden md:w-auto" href="/">
                    <span class="sr-only">{{.ServiceName}}</span>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key-round text-slate-900 dark:text-white w-auto h-5">
                        <path d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z"/>
                        <circle cx="16.5" cy="7.5" r=".5" fill="currentColor"/>
                    </svg>
                    <span class="hidden md:block">{{.ServiceName}}</span>
                </a>
                <div class="relative hidden lg:flex items-center ml-auto">
                    <nav class="text-sm leading-6 font-semibold text-slate-700 dark:text-slate-200">
                        <ul class="flex space-x-8">
                            <li><a class="hover:text-sky-500 dark:hover:text-sky-400" href="https://example.com">Example Button</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>