Wanderlust Logo Component

<div class="inline-flex">
  <style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');</style>
  <a href="#" class="inline-flex items-center gap-2">
    <span class="inline-flex h-8 w-8 items-center justify-center ring-1 ring-blue-400/20 bg-blue-950 rounded-full">
      <i data-lucide="compass" class="h-4 w-4 text-blue-400" style="stroke-width: 1.5px"></i>
    </span>
    <span class="text-2xl font-semibold tracking-tight text-zinc-100" style="font-family: Inter, 'Helvetica Neue', sans-serif;">Wanderlust</span>
  </a>
  <script>window.addEventListener('DOMContentLoaded', () => { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
</div>