---
import { Image } from "astro:assets";
import logo from "../../public/logo.png";
---

<header class="flex justify-between items-center my-2">
  <a href="/"
    ><Image
      loading="eager"
      src={logo}
      alt="GTZ Logo"
      width={50}
      height={50}
    /></a
  >
  <nav class="flex gap-5">
    <a href="/projects" class="hover:underline">Projekte</a>
    <a href="/blog" class="hover:underline">Blog</a>
  </nav>
</header>