Create base layouts with basic blocks

astro/src/components/Header.astro

@@ -0,0 +1,38 @@
+---
+const links = [
+    {
+        label: "Home",
+        link: "/home"
+    },
+    {
+        label: "About",
+        link: "/about"
+    },
+    {
+        label: "Services",
+        link: "/services"
+    },
+    {
+        label: "Contact",
+        link: "/contact"
+    },
+];
+---
+
+
+<header class="flex justify-between py-6">
+    <div>
+        <span class="font-extrabold">
+            Logo
+        </span>
+    </div>
+    <nav>
+        <ul class="flex gap-4 font-bold">
+            {links.map((item, index) => (
+                <li>
+                    <a href={item.link}>{item.label}</a>
+                </li>
+            ))}
+        </ul>
+    </nav>
+</header>