add blog posts

src/components/Header.astro

@@ -0,0 +1,19 @@
+---
+import NavLink from "./NavLink.astro";
+---
+
+<header class="py-4 text-black dark:text-white w-full">
+  <nav class="flex flex-row justify-between" aria-label="Main navigation">
+    <div class="flex gap-2 items-center">
+      <a href="/" aria-label="Home">
+        <p class="text-2xl font-semibold">#!</p>
+      </a>
+      {/* <ThemeToggle /> */}
+    </div>
+    <div class="flex gap-4 items-center justify-end">
+      <NavLink href="/posts" ariaLabel="Posts">Posts</NavLink>
+      <NavLink href="/tags" ariaLabel="Tags">Tags</NavLink>
+      <NavLink href="/about" ariaLabel="About">About</NavLink>
+    </div>
+  </nav>
+</header>