diff --git a/apps/web/components/marketing/hero.tsx b/apps/web/components/marketing/hero.tsx
index 573a6a2..4612538 100644
--- a/apps/web/components/marketing/hero.tsx
+++ b/apps/web/components/marketing/hero.tsx
@@ -9,7 +9,7 @@ const version = require("../../package.json").version;
 
 function AppScreenshot() {
   return (
-    <div className="rounded-xl border border-gray-200 dark:border-white/10 overflow-hidden shadow-2xl">
+    <div className="rounded-xl border border-gray-200 dark:border-white/10 overflow-hidden shadow-2xl max-h-[600px]">
       <Image
         src={capture}
         alt="Changes.page changelog with timeline posts, reactions, and email subscriptions"
@@ -24,7 +24,7 @@ function AppScreenshot() {
 
 function TerminalMockup() {
   return (
-    <div className="rounded-xl border border-gray-200 dark:border-white/10 bg-gray-950 overflow-hidden shadow-2xl h-full flex flex-col">
+    <div className="rounded-xl border border-gray-200 dark:border-white/10 bg-gray-950 overflow-hidden shadow-2xl max-h-[600px] flex flex-col">
       <div className="flex items-center gap-2 px-4 py-2.5 bg-gray-900/60 border-b border-white/5">
         <div className="flex gap-1.5">
           <div className="w-2.5 h-2.5 rounded-full bg-gray-700" />
@@ -192,7 +192,7 @@ export default function Hero({
         <div className="mt-20 grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8">
           <div>
             <p className="text-sm font-medium text-indigo-600 dark:text-indigo-400 mb-3">
-              Web Editor
+              Changelog
             </p>
             <AppScreenshot />
           </div>
diff --git a/apps/web/public/images/hero/capture.png b/apps/web/public/images/hero/capture.png
index a86dad3..b204fb2 100644
Binary files a/apps/web/public/images/hero/capture.png and b/apps/web/public/images/hero/capture.png differ
diff --git a/packages/cli/package.json b/packages/cli/package.json
index abb7ea5..e9e6162 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@changespage/cli",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
   "bin": {
     "chp": "./dist/index.js"
diff --git a/packages/cli/src/index.ts b/packages/cli/src/index.ts
index 24e76d3..71008ca 100644
--- a/packages/cli/src/index.ts
+++ b/packages/cli/src/index.ts
@@ -2,12 +2,14 @@ import { Command } from "commander";
 import { registerConfigureCommand } from "./commands/configure.js";
 import { registerPostsCommand } from "./commands/posts.js";
 
+declare const __CLI_VERSION__: string;
+
 const program = new Command();
 
 program
   .name("chp")
   .description("CLI for changes.page")
-  .version("0.1.0")
+  .version(__CLI_VERSION__)
   .option("--secret-key <key>", "Page secret key")
   .option("--json", "Output raw JSON");
 
diff --git a/packages/cli/tsup.config.ts b/packages/cli/tsup.config.ts
index 8ee5434..d9e4288 100644
--- a/packages/cli/tsup.config.ts
+++ b/packages/cli/tsup.config.ts
@@ -1,10 +1,14 @@
 import { defineConfig } from "tsup";
+import pkg from "./package.json";
 
 export default defineConfig({
   entry: ["src/index.ts"],
   format: ["esm"],
   dts: true,
   clean: true,
+  define: {
+    __CLI_VERSION__: JSON.stringify(pkg.version),
+  },
   banner: {
     js: "#!/usr/bin/env node",
   },