diff --git a/internal/handler/dashboard.go b/internal/handler/dashboard.go
index c917fa1..1a920d3 100644
--- a/internal/handler/dashboard.go
+++ b/internal/handler/dashboard.go
@@ -1,6 +1,11 @@
 package handler
 
-import "net/http"
+import (
+	"net/http"
+
+	"git.juancwu.dev/juancwu/budgit/internal/ui"
+	"git.juancwu.dev/juancwu/budgit/internal/ui/pages"
+)
 
 type dashboardHandler struct{}
 
@@ -9,6 +14,5 @@ func NewDashboardHandler() *dashboardHandler {
 }
 
 func (h *dashboardHandler) DashboardPage(w http.ResponseWriter, r *http.Request) {
-	w.WriteHeader(200)
-	w.Write([]byte("Dashboard page"))
+	ui.Render(w, r, pages.Dashboard())
 }
diff --git a/internal/ui/pages/app_dashboard.templ b/internal/ui/pages/app_dashboard.templ
new file mode 100644
index 0000000..e69cc54
--- /dev/null
+++ b/internal/ui/pages/app_dashboard.templ
@@ -0,0 +1,16 @@
+package pages
+
+import "git.juancwu.dev/juancwu/budgit/internal/ui/layouts"
+
+templ Dashboard() {
+	@layouts.App("Dashboard") {
+		<div class="container max-w-7xl px-6 py-8">
+			<div class="mb-8">
+				<h1 class="text-3xl font-bold">Dashboard</h1>
+				<p class="text-muted-foreground mt-2">
+					Welcome to your dashboard
+				</p>
+			</div>
+		</div>
+	}
+}