super basic pagination

src/components/Header.astro

@@ -0,0 +1,10 @@
+---
+import NavLink from "./NavLink.astro";
+
+const { currentPage } = Astro.props;
+---
+
+<header class="flex gap-2 p-2 border-b-1">
+    <NavLink currentPage={currentPage} title="home" href="/" />
+    <NavLink currentPage={currentPage} title="about" href="/about" />
+</header>

src/components/NavLink.astro

@@ -0,0 +1,9 @@
+---
+const { currentPage, title, href } = Astro.props;
+---
+
+<a
+    href={href}
+    class={`${currentPage === title ? "bg-black text-white" : ""} px-1 rounded-sm`}
+    >{title}</a
+>