src/lib/components/Navbar.svelte

<script lang="ts">
  import { page } from '$app/stores';
</script>

<nav class="p-4">
  <div class="container mx-auto">
    <a 
      href="/" 
      class="font-bold text-xl"
      class:active={$page.url.pathname === '/'}
    >
      DuckDB Snippets
    </a>
  </div>
</nav>