Added a basic homepage

internal/ui/pages/contact.go

@@ -0,0 +1,46 @@
+package pages
+
+import (
+	"github.com/labstack/echo/v4"
+	"github.com/camzawacki/personal-site/internal/ui"
+	. "github.com/camzawacki/personal-site/internal/ui/components"
+	"github.com/camzawacki/personal-site/internal/ui/forms"
+	"github.com/camzawacki/personal-site/internal/ui/layouts"
+	. "maragu.dev/gomponents"
+	. "maragu.dev/gomponents/html"
+)
+
+func ContactUs(ctx echo.Context, form *forms.Contact) error {
+	r := ui.NewRequest(ctx)
+	r.Title = "Contact us"
+	r.Metatags.Description = "Get in touch with us."
+
+	g := Group{
+		Iff(r.Htmx.Target != "contact", func() Node {
+			return Card(CardParams{
+				Title: "Card component",
+				Body: Group{
+					Span(Text("This is an example of a form with inline, server-side validation and HTMX-powered AJAX submissions without writing a single line of JavaScript.")),
+					Span(Text("Only the form below will update async upon submission.")),
+				},
+				Color: ColorWarning,
+				Size:  SizeMedium,
+			})
+		}),
+		Iff(form.IsDone(), func() Node {
+			return Card(CardParams{
+				Title: "Thank you!",
+				Body: Group{
+					Span(Text("No email was actually sent but this entire operation was handled server-side and degrades without JavaScript enabled.")),
+				},
+				Color: ColorSuccess,
+				Size:  SizeLarge,
+			})
+		}),
+		Iff(!form.IsDone(), func() Node {
+			return form.Render(r)
+		}),
+	}
+
+	return r.Render(layouts.Primary, g)
+}