marketing-site

README.md

@@ -1,6 +1,6 @@
 # Sidecar
 
-Terminal UI for monitoring AI coding agent sessions.
+You might never open your editor again.
 
 **Status: Beta** - Generally working for most use cases.
 
@@ -10,7 +10,7 @@ Terminal UI for monitoring AI coding agent sessions.
 
 ## Overview
 
-Sidecar provides a unified terminal interface for viewing Claude Code conversations, git status, and task progress. Built for developers who want visibility into their AI coding sessions without leaving the terminal.
+AI agents write your code. Sidecar gives you the rest of the development workflow: plan tasks with [td](https://github.com/marcus/td), review diffs, stage commits, and manage git worktrees—all without opening an editor.
 
 ## Quick Install
 
@@ -55,7 +55,7 @@ As the agent works, you can:
 - Browse and edit code yourself in the File Browser
 - View and resume conversations across all supported agent adapters
 
-This setup gives you visibility into what the agent is doing without interrupting your workflow. The goal is to allow working with agents without the need for an editor or IDE.
+This setup gives you visibility into what the agent is doing without interrupting your workflow. The entire dev loop—planning, monitoring, reviewing, committing—happens in the terminal while agents write the code.
 
 ## Usage
 

website/docusaurus.config.js

@@ -11,7 +11,7 @@ import {themes as prismThemes} from 'prism-react-renderer';
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'Sidecar',
-  tagline: 'Terminal UI for monitoring AI coding agent sessions',
+  tagline: 'You might never open your editor again.',
   favicon: 'img/favicon.ico',
 
   // Future flags, see https://docusaurus.io/docs/api/docusaurus-config#future
@@ -106,7 +106,7 @@ const config = {
       image: 'img/sidecar-social-card.jpg',
       metadata: [
         {name: 'twitter:card', content: 'summary_large_image'},
-        {name: 'twitter:image:alt', content: 'Sidecar - Run your AI coding team from one terminal'},
+        {name: 'twitter:image:alt', content: 'Sidecar - You might never open your editor again'},
       ],
       colorMode: {
         defaultMode: 'dark',

website/src/css/custom.css

@@ -139,6 +139,26 @@ a:hover {
   text-decoration-thickness: 2px;
 }
 
+/* Inline link for product names like td */
+.sc-inlineLink {
+  font-family: var(--ifm-font-family-monospace);
+  font-weight: 600;
+  color: var(--ifm-color-primary);
+  padding: 1px 6px;
+  border-radius: 4px;
+  background: rgba(166, 226, 46, 0.12);
+  border: 1px solid rgba(166, 226, 46, 0.25);
+  text-decoration: none;
+  transition: all 150ms ease;
+}
+
+.sc-inlineLink:hover {
+  background: rgba(166, 226, 46, 0.2);
+  border-color: rgba(166, 226, 46, 0.4);
+  color: var(--ifm-color-primary);
+  text-decoration: none;
+}
+
 /* ---------- Homepage layout ---------- */
 
 .sc-hero {

website/src/pages/index.js

@@ -657,7 +657,7 @@ function WorkflowSection() {
             <div>
               <h3 className="sc-workflowTitle">1. Plan</h3>
               <p className="sc-workflowDesc">
-                Create tasks in Sidecar to give agents clear objectives and context.
+                Create tasks in <a href="https://github.com/marcus/td" className="sc-inlineLink">td</a> to give agents clear objectives and context.
               </p>
             </div>
           </div>
@@ -718,21 +718,22 @@ export default function Home() {
 
   return (
     <Layout
-      title="Run your AI coding team from one terminal"
-      description="Sidecar lets you orchestrate AI coding agents from a single terminal: assign tasks, monitor progress, review work, and ship code in parallel."
+      title="You might never open your editor again"
+      description="AI agents write your code. Sidecar gives you the rest: plan tasks, review diffs, stage commits, and manage worktrees—all from the terminal."
     >
       <header className="sc-hero">
         <div className="container">
           <div className="sc-heroInner">
             <div>
               <h1 className="sc-title">
                 <span className="sc-titleBrand">Sidecar</span>
-                <span className="sc-titleTagline">Run your AI coding team from one terminal</span>
+                <span className="sc-titleTagline">You might never open your editor again.</span>
               </h1>
 
               <p className="sc-subtitle">
-                Plan features, manage a backlog of work for agents, view diffs, search conversation history,
-                and easily manage git worktrees from a single terminal. You've never coded with AI like this before.
+                AI agents write your code. <a href="https://github.com/marcus/td" className="sc-inlineLink">td</a> lets you plan tasks, review diffs, stage commits,
+                and manage git worktrees without leaving your terminal. The entire development loop
+                happens here while agents write the code.
               </p>
 
               <div style={{ height: 32 }} />
@@ -782,7 +783,7 @@ export default function Home() {
               {/* TD Hero Card - double wide */}
               <FeatureCard
                 id="td"
-                title="Agent-first task management"
+                title={<>Plan with <a href="https://github.com/marcus/td" className="sc-inlineLink">td</a></>}
                 chip="td"
                 isHero={true}
                 isHighlighted={activeTab === 'td'}
@@ -851,7 +852,7 @@ export default function Home() {
           <div className="sc-showcaseFullWidth">
             <ComponentSection
               id="showcase-td"
-              title="Agent-First Task System (td)"
+              title={<>Plan with <a href="https://github.com/marcus/td" className="sc-inlineLink">td</a></>}
               gradient="sc-gradientGreen"
               MockupComponent={TdMockup}
               features={[