Initial

2026-04-27 19:13:27 +07:00
commit 4ab5f16798
21 changed files with 1081 additions and 0 deletions
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -0,0 +1,27 @@
+---
+interface Props {
+  siteName?: string
+}
+
+const { siteName = "Astro Tina Starter" } = Astro.props
+---
+
+<header class="sticky top-0 z-50 bg-white/80 backdrop-blur-md border-b border-primary-200">
+  <nav class="max-w-6xl mx-auto px-6 h-16 flex items-center justify-between">
+    <a href="/" class="font-bold text-xl text-primary-900 hover:text-accent-600 transition-colors">
+      {siteName}
+    </a>
+
+    <div class="flex items-center gap-6">
+      <a href="/" class="text-primary-600 hover:text-primary-900 transition-colors">
+        Home
+      </a>
+      <a href="/blog" class="text-primary-600 hover:text-primary-900 transition-colors">
+        Blog
+      </a>
+      <a href="/about" class="text-primary-600 hover:text-primary-900 transition-colors">
+        About
+      </a>
+    </div>
+  </nav>
+</header>