diff --git a/app/pages/templates.vue b/app/pages/templates.vue
index 5ff5141..9e0a3ab 100644
--- a/app/pages/templates.vue
+++ b/app/pages/templates.vue
@@ -26,6 +26,15 @@ interface Template {
 }
 
 const templates: Template[] = [
+  {
+    name: "Starter",
+    description: "A minimal Nuxt starter to begin quickly with shadcn-vue.",
+    features: ["Nuxt setup included", "ESLint setup included", "shadcn-vue setup included"],
+    preview: "https://starter-template.stackhacker.io",
+    github: "https://github.com/stackhacker-ui/starter",
+    status: "available",
+    image: { light: "/templates/starter-light.png", dark: "/templates/starter-dark.png" },
+  },
   {
     name: "Chat",
     description: "An open chat app starter for Nuxt with practical patterns you can adapt.",
@@ -36,13 +45,10 @@ const templates: Template[] = [
     image: { light: "/templates/chat-light.png", dark: "/templates/chat-dark.png" },
   },
   {
-    name: "Starter",
-    description: "A minimal Nuxt starter to begin quickly with shadcn-vue.",
-    features: ["Nuxt setup included", "ESLint setup included", "shadcn-vue setup included"],
-    preview: "https://starter-template.stackhacker.io",
-    github: "https://github.com/stackhacker-ui/starter",
-    status: "available",
-    image: { light: "/templates/starter-light.png", dark: "/templates/starter-dark.png" },
+    name: "Docs",
+    description: "A documentation template for product guides, references, and content-heavy sites.",
+    features: ["Content-first structure", "Documentation navigation", "Responsive reading layout"],
+    status: "coming-soon",
   },
   {
     name: "Landing",
@@ -53,6 +59,27 @@ const templates: Template[] = [
     status: "available",
     image: { light: "/templates/landing-light.png", dark: "/templates/landing-dark.png" },
   },
+  {
+    name: "Portfolio",
+    description: "A polished portfolio template for projects, writing, and personal profiles.",
+    features: ["Project showcase", "Profile-first layout", "Responsive sections"],
+    status: "coming-soon",
+  },
+  {
+    name: "SaaS",
+    description: "A SaaS marketing template with product sections and conversion-focused pages.",
+    features: ["Marketing page sections", "Pricing-ready structure", "Responsive layout"],
+    status: "coming-soon",
+  },
+  {
+    name: "Changelog",
+    description: "A changelog template for publishing product updates with a focused release feed.",
+    features: ["Release-focused layout", "GitHub updates integration", "Light and dark previews"],
+    preview: "https://changelog-template.stackhacker.io",
+    github: "https://github.com/stackhacker-ui/changelog",
+    status: "available",
+    image: { light: "/templates/changelog-light.png", dark: "/templates/changelog-dark.png" },
+  },
 ];
 </script>
 
diff --git a/public/templates/changelog-dark.png b/public/templates/changelog-dark.png
new file mode 100644
index 0000000..f99e6fb
Binary files /dev/null and b/public/templates/changelog-dark.png differ
diff --git a/public/templates/changelog-light.png b/public/templates/changelog-light.png
new file mode 100644
index 0000000..5edfca8
Binary files /dev/null and b/public/templates/changelog-light.png differ