initial page

components/navbar.templ

@@ -0,0 +1,28 @@
+package components
+
+templ navbar() {
+	<nav class="bg-slate-900 z-50 w-full py-4 justify-between items-center h-20 flex gap-6 px-6">
+		<ul class="flex gap-4">
+			<li>
+				<a href="/">
+					@Logo(4 * 32)
+				</a>
+			</li>
+		</ul>
+		<ul class="flex gap-4">
+			<div class="hidden md:block">
+				<div class="flex gap-6">
+					<li><a href="/experiences">Experiences</a></li>
+					<li><a href="/projects">Projects</a></li>
+					<li><a href="/about">About</a></li>
+					<li><a href="/contact">Contact</a></li>
+				</div>
+			</div>
+		</ul>
+		<ul class="w-6">
+			<li class="md:hidden">
+				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-align-justify"><path d="M3 12h18"></path><path d="M3 18h18"></path><path d="M3 6h18"></path></svg>
+			</li>
+		</ul>
+	</nav>
+}