add(web): basic layout and ui

web/templates/modules/navbar.templ

@@ -0,0 +1,34 @@
+
+package modules
+
+import "maot-shortner/web/templates/components/icon"
+import "maot-shortner/web/templates/components/button"
+
+templ Github() {
+	@button.Button(button.Props{
+		Variant: button.VariantGhost,
+		Href:    "https://git.maot.dev/maot/maot-shortner",
+	}) {
+		<span class="font-bold">
+			repo
+		</span>
+		@icon.GitMerge(icon.Props{Class: "w-6 h-6"})
+	}
+}
+
+templ Navbar() {
+	<nav class="py-1">
+		<div class="px-6 flex justify-between items-center relative">
+			<div class="flex items-center">
+				<a href="/" class="flex items-center gap-1.5">
+					@icon.Link(icon.Props{Class: "w-6 h-6"})
+					<span class="text-xl font-bold">s.maot.dev</span>
+				</a>
+			</div>
+			<div class="flex gap-1 items-center justify-center">
+				@ThemeSwitcher()
+				@Github()
+			</div>
+		</div>
+	</nav>
+}