docs: refresh website open graph cards

6 files changed, 22 insertions, 7 deletions

diff --git a/website/src/components/MarketingLayout.astro b/website/src/components/MarketingLayout.astro
index 9ecd7ac3..4f42318e 100644
--- a/website/src/components/MarketingLayout.astro
+++ b/website/src/components/MarketingLayout.astro
@@ -4,10 +4,20 @@ interface Props {
   description: string;
   canonicalPath: string;
   ogType?: 'website' | 'article';
+  ogImage?: string;
+  ogImageAlt?: string;
 }
 
-const { title, description, canonicalPath, ogType = 'website' } = Astro.props;
+const {
+  title,
+  description,
+  canonicalPath,
+  ogType = 'website',
+  ogImage = '/assets/og-card-v7.png',
+  ogImageAlt = 'Herdr — One terminal. The whole herd.',
+} = Astro.props;
 const canonicalUrl = new URL(canonicalPath, 'https://herdr.dev').toString();
+const ogImageUrl = new URL(ogImage, 'https://herdr.dev').toString();
 ---
 
 <!doctype html>
@@ -25,16 +35,16 @@ const canonicalUrl = new URL(canonicalPath, 'https://herdr.dev').toString();
     <meta property="og:title" content={title} />
     <meta property="og:description" content={description} />
     <meta property="og:url" content={canonicalUrl} />
-    <meta property="og:image" content="https://herdr.dev/assets/og-card-v6.png" />
+    <meta property="og:image" content={ogImageUrl} />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
-    <meta property="og:image:alt" content="Herdr — One terminal. The whole herd." />
+    <meta property="og:image:alt" content={ogImageAlt} />
 
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content={title} />
     <meta name="twitter:description" content={description} />
-    <meta name="twitter:image" content="https://herdr.dev/assets/og-card-v6.png" />
-    <meta name="twitter:image:alt" content="Herdr — One terminal. The whole herd." />
+    <meta name="twitter:image" content={ogImageUrl} />
+    <meta name="twitter:image:alt" content={ogImageAlt} />
 
     <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon.png?v=14" />
     <link rel="apple-touch-icon" href="/assets/logo.png" />
diff --git a/website/src/content.config.ts b/website/src/content.config.ts
index 834d37cf..ba0c83f8 100644
--- a/website/src/content.config.ts
+++ b/website/src/content.config.ts
@@ -18,6 +18,7 @@ export const collections = {
       description: z.string(),
       date: z.coerce.date(),
       draft: z.boolean().default(false),
+      ogImage: z.string().optional(),
     }),
   }),
   releases: defineCollection({
diff --git a/website/src/content/blog/coding-agents-are-becoming-runtimes.md b/website/src/content/blog/coding-agents-are-becoming-runtimes.md
index ae2fb0a2..1802a233 100644
--- a/website/src/content/blog/coding-agents-are-becoming-runtimes.md
+++ b/website/src/content/blog/coding-agents-are-becoming-runtimes.md
@@ -3,6 +3,7 @@ title: Coding agents are becoming runtimes
 description: Coding agent CLIs are becoming developer infrastructure. Project instructions, lifecycle state, hooks, and terminal runtimes need shared contracts.
 date: 2026-06-10
 draft: false
+ogImage: /assets/og-blog-coding-agents-runtimes.png
 ---
 
 Coding agents have crossed an important line.
diff --git a/website/src/content/blog/live-updates-without-killing-your-terminal-processes.md b/website/src/content/blog/live-updates-without-killing-your-terminal-processes.md
index b78a3caf..dfa75c01 100644
--- a/website/src/content/blog/live-updates-without-killing-your-terminal-processes.md
+++ b/website/src/content/blog/live-updates-without-killing-your-terminal-processes.md
@@ -2,6 +2,7 @@
 title: Live updates without killing your terminal processes
 description: Herdr can replace its server during an update while keeping pane processes alive.
 date: 2026-05-27
+ogImage: /assets/og-blog-live-updates.png
 ---
 
 Live handoff shipped in Herdr 0.6.3 as an experimental, opt-in update path. See the [live handoff docs](/docs/session-state/#live-handoff) for the user-facing behavior.
diff --git a/website/src/pages/blog/[slug].astro b/website/src/pages/blog/[slug].astro
index 10939fd0..1de8df6a 100644
--- a/website/src/pages/blog/[slug].astro
+++ b/website/src/pages/blog/[slug].astro
@@ -25,6 +25,8 @@ const sectionHeadings = headings.filter((heading) => heading.depth === 2);
   description={post.data.description}
   canonicalPath={`/blog/${slug}/`}
   ogType="article"
+  ogImage={post.data.ogImage}
+  ogImageAlt={post.data.ogImage ? post.data.title : undefined}
 >
   <main class="content-shell">
     <div class="article-layout section">
diff --git a/website/src/pages/compare.astro b/website/src/pages/compare.astro
index 96f1a7ee..77bd824e 100644
--- a/website/src/pages/compare.astro
+++ b/website/src/pages/compare.astro
@@ -19,7 +19,7 @@
             content="Herdr combines tmux-style persistence, real terminal panes, agent state, direct attach, SSH workflows, and an API agents can drive."
         />
         <meta property="og:url" content="https://herdr.dev/compare/" />
-        <meta property="og:image" content="https://herdr.dev/assets/og-card-v6.png" />
+        <meta property="og:image" content="https://herdr.dev/assets/og-card-v7.png" />
         <meta property="og:image:width" content="1200" />
         <meta property="og:image:height" content="630" />
         <meta property="og:image:alt" content="Herdr — One terminal. The whole herd." />
@@ -30,7 +30,7 @@
             name="twitter:description"
             content="Compare Herdr with tmux, Zellij, cmux, Warp, Solo, Conductor, Emdash, and Superset."
         />
-        <meta name="twitter:image" content="https://herdr.dev/assets/og-card-v6.png" />
+        <meta name="twitter:image" content="https://herdr.dev/assets/og-card-v7.png" />
         <meta name="twitter:image:alt" content="Herdr — One terminal. The whole herd." />
 
         <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon.png?v=14" />