docs: add compare page and refresh site assets

1 files changed, 265 insertions, 0 deletions

diff --git a/website/src/pages/compare.astro b/website/src/pages/compare.astro
new file mode 100644
index 00000000..9e61935f
--- /dev/null
+++ b/website/src/pages/compare.astro
@@ -0,0 +1,265 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <title>Compare Herdr — terminal-native agent multiplexer</title>
+        <meta
+            name="description"
+            content="Compare Herdr with tmux, Zellij, cmux, Warp, Solo, Conductor, Emdash, and Superset. See where terminal multiplexers, agent terminals, process dashboards, and worktree orchestrators differ."
+        />
+        <meta name="theme-color" content="#f7f3ea" />
+        <link rel="canonical" href="https://herdr.dev/compare/" />
+
+        <meta property="og:type" content="website" />
+        <meta property="og:site_name" content="Herdr" />
+        <meta property="og:title" content="Compare Herdr — terminal-native agent multiplexer" />
+        <meta
+            property="og:description"
+            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-v3.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." />
+
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta name="twitter:title" content="Compare Herdr — terminal-native agent multiplexer" />
+        <meta
+            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-v3.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" />
+        <link rel="apple-touch-icon" href="/assets/logo.png" />
+        <link rel="preload" href="/assets/jbm.woff2" as="font" type="font/woff2" crossorigin />
+        <link rel="stylesheet" href="/css/style.css?v=compare1" />
+    </head>
+    <body>
+        <header class="site-header">
+            <nav class="nav" aria-label="Primary navigation">
+                <a class="brand" href="/" aria-label="Herdr home">
+                    <img class="brand-logo" src="/assets/logo.svg" alt="" />
+                    <span>herdr</span>
+                </a>
+                <div class="nav-links">
+                    <a href="/compare/" aria-current="page">Compare</a>
+                    <a href="/docs/">Docs</a>
+                    <a href="/docs/quick-start/">Quick start</a>
+                    <a href="/docs/socket-api/">API</a>
+                    <a href="https://github.com/ogulcancelik/herdr">GitHub</a>
+                </div>
+                <a class="nav-cta" href="/docs/install/">Install</a>
+            </nav>
+        </header>
+
+        <main>
+            <section class="hero compare-hero">
+                <div class="hero-copy">
+                    <p class="eyebrow"><span class="status-dot dot-done"></span>Compare Herdr</p>
+                    <h1>The agent multiplexer that lives in your terminal.</h1>
+                    <p class="hero-lede">
+                        Herdr gives coding agents the thing tmux gave terminal users:
+                        persistent real panes, detach and reattach, remote access, and a
+                        control surface. Then it adds agent state and an API the agents can use.
+                    </p>
+                    <div class="hero-actions">
+                        <a class="button button-primary" href="/docs/quick-start/">Quick start</a>
+                        <a class="button button-secondary" href="#matrix">See the matrix</a>
+                    </div>
+                </div>
+                <div class="compare-claim-card" aria-label="Herdr positioning summary">
+                    <p class="section-kicker">Herdr combines</p>
+                    <h2>tmux persistence, agent awareness, no terminal replacement.</h2>
+                    <ul class="compare-checks">
+                        <li>Runs inside your existing terminal</li>
+                        <li>Owns persistent PTY sessions</li>
+                        <li>Attaches locally, over SSH, or directly to one agent</li>
+                        <li>Tracks blocked, working, done, and idle state</li>
+                        <li>Exposes CLI and socket APIs agents can drive</li>
+                    </ul>
+                </div>
+            </section>
+
+            <section class="section compare-stack-section" id="matrix">
+                <div class="section-heading-wide">
+                    <div>
+                        <p class="section-kicker">The stack</p>
+                        <h2>Pick the center of gravity.</h2>
+                    </div>
+                    <p>
+                        The question is not whether a tool can run a terminal. Most can.
+                        The question is whether it combines terminal-native persistence with
+                        agent state and agent-controlled automation.
+                    </p>
+                </div>
+
+                <div class="table-wrap comparison-matrix">
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Capability</th>
+                                <th>Herdr</th>
+                                <th>tmux / Zellij</th>
+                                <th>cmux / Warp</th>
+                                <th>Solo</th>
+                                <th>Conductor / Emdash / Superset</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>Runs inside your existing terminal</td>
+                                <td>yes</td>
+                                <td>yes</td>
+                                <td>no, terminal app</td>
+                                <td>no, desktop app</td>
+                                <td>no, app workspace</td>
+                            </tr>
+                            <tr>
+                                <td>Persistent PTY session runtime</td>
+                                <td>yes</td>
+                                <td>yes</td>
+                                <td>session/app restore</td>
+                                <td>managed processes</td>
+                                <td>embedded terminals</td>
+                            </tr>
+                            <tr>
+                                <td>Detach, reattach, and SSH in</td>
+                                <td>yes</td>
+                                <td>yes</td>
+                                <td>partial</td>
+                                <td>no</td>
+                                <td>remote projects</td>
+                            </tr>
+                            <tr>
+                                <td>Direct attach to one agent terminal</td>
+                                <td>yes</td>
+                                <td>no</td>
+                                <td>no</td>
+                                <td>no</td>
+                                <td>no</td>
+                            </tr>
+                            <tr>
+                                <td>Semantic agent state</td>
+                                <td>blocked / working / done / idle</td>
+                                <td>no</td>
+                                <td>attention or native-agent status</td>
+                                <td>process status</td>
+                                <td>workspace status</td>
+                            </tr>
+                            <tr>
+                                <td>Agent-shaped API</td>
+                                <td>read, send, wait, split, attach</td>
+                                <td>terminal scripting</td>
+                                <td>app APIs</td>
+                                <td>MCP for processes</td>
+                                <td>workflow APIs</td>
+                            </tr>
+                            <tr>
+                                <td>Git worktree and diff review flow</td>
+                                <td>pairs with it</td>
+                                <td>no</td>
+                                <td>partial</td>
+                                <td>no</td>
+                                <td>yes</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </section>
+
+            <section class="section compare-categories-section">
+                <div class="section-heading">
+                    <p class="section-kicker">How Herdr differs</p>
+                    <h2>The intersection other tools miss.</h2>
+                </div>
+                <div class="differ-grid">
+                    <article class="intersection-card">
+                        <span class="card-index">Herdr</span>
+                        <h3>Persistent terminal runtime, built for agents.</h3>
+                        <p>
+                            Herdr keeps real terminal panes alive like a multiplexer, but treats agents
+                            as first-class runtime objects. You can scan state, jump to blocked work,
+                            attach directly to one agent, and let agents read, send, split, and wait
+                            through the CLI/socket API.
+                        </p>
+                        <div class="intersection-pills" aria-label="Herdr strengths">
+                            <span>existing terminal</span>
+                            <span>persistent PTYs</span>
+                            <span>SSH attach</span>
+                            <span>direct agent attach</span>
+                            <span>agent state</span>
+                            <span>agent API</span>
+                        </div>
+                    </article>
+                    <div class="differ-list">
+                        <article>
+                            <span>tmux / Zellij</span>
+                            <h3>Classic multiplexers stop at terminals.</h3>
+                            <p>They own panes and persistence. They do not know which pane is blocked, working, done, or ready for an agent wait.</p>
+                        </article>
+                        <article>
+                            <span>cmux / Warp</span>
+                            <h3>Terminal apps replace the terminal.</h3>
+                            <p>They can add polished desktop UX, but the workflow moves into their app. Herdr stays inside the terminal you already use.</p>
+                        </article>
+                        <article>
+                            <span>Solo</span>
+                            <h3>Dashboards supervise processes.</h3>
+                            <p>Process health and auto-restart are useful, but Herdr is about persistent interactive agent panes, not dev-stack supervision.</p>
+                        </article>
+                        <article>
+                            <span>Conductor / Emdash / Superset</span>
+                            <h3>Worktree tools own review flow.</h3>
+                            <p>They are for branch isolation, diffs, and PRs. Herdr is the live terminal layer those agents can run inside or alongside.</p>
+                        </article>
+                    </div>
+                </div>
+            </section>
+
+            <section class="section compare-one-liners-section">
+                <div class="section-heading">
+                    <p class="section-kicker">One-line comparisons</p>
+                    <h2>Use this when deciding.</h2>
+                </div>
+                <div class="one-liner-list">
+                    <article><strong>Herdr vs tmux</strong><span>tmux persists terminals; Herdr persists agent workspaces and understands agent state.</span></article>
+                    <article><strong>Herdr vs Zellij</strong><span>Zellij is a modern terminal workspace; Herdr is an agent multiplexer with state, waits, and orchestration.</span></article>
+                    <article><strong>Herdr vs cmux</strong><span>cmux is a Mac terminal app for agents; Herdr is a terminal-native multiplexer that runs anywhere your terminal and SSH do.</span></article>
+                    <article><strong>Herdr vs Warp</strong><span>Warp is an agentic development platform; Herdr is the local terminal control layer for your existing agents.</span></article>
+                    <article><strong>Herdr vs Solo</strong><span>Solo manages your dev stack; Herdr manages persistent interactive agent panes.</span></article>
+                    <article><strong>Herdr vs Conductor, Emdash, Superset</strong><span>They orchestrate isolated worktrees and review diffs; Herdr orchestrates live terminals and agent state.</span></article>
+                </div>
+            </section>
+
+            <section class="final-cta compare-final-cta">
+                <p class="section-kicker">Start with the multiplexer</p>
+                <h2>If your agents live in terminals, put the terminals in Herdr.</h2>
+                <p>
+                    Install Herdr, run two agents, split a pane, then detach once. The difference is obvious when the agents keep running.
+                </p>
+                <div class="hero-actions center">
+                    <a class="button button-primary" href="/docs/install/">Install Herdr</a>
+                    <a class="button button-secondary" href="/docs/quick-start/">Quick start</a>
+                </div>
+            </section>
+        </main>
+
+        <footer class="footer">
+            <a class="brand" href="/" aria-label="Herdr home">
+                <img class="brand-logo" src="/assets/logo.svg" alt="" />
+                <span>herdr</span>
+            </a>
+            <div>
+                <a href="/compare/">Compare</a>
+                <a href="/docs/">Docs</a>
+                <a href="/docs/configuration/">Configuration</a>
+                <a href="/docs/socket-api/">API</a>
+                <a href="https://github.com/ogulcancelik/herdr/releases">Releases</a>
+            </div>
+        </footer>
+    </body>
+</html>