From 181bd28b016c1abacaeec3cf3581e76011af6152 Mon Sep 17 00:00:00 2001
From: Lewis Carhart <lewis@trycomp.ai>
Date: Tue, 4 Aug 2026 15:20:35 -0400
Subject: [PATCH 1/5] feat(app): add dashboard and overview components for
 enhanced user experience

- Introduced new dashboard summary and sales dashboard components to provide users with insights into their performance.
- Implemented overview greeting and scope toggle for personalized user experience.
- Created companies and contacts management pages with search and creation functionalities.
- Added data tables for displaying companies and contacts, including sorting and filtering options.
- Enhanced routing and layout for better navigation within the application.
---
 .claude/settings.json                         |   7 +-
 apps/agent/test/model.integration.spec.ts     |  27 +++-
 apps/api/src/workspace/workspace.service.ts   |  13 +-
 .../[slug]/companies/[companyId]/page.tsx     |  11 ++
 .../companies/companies-search-params.ts      |   0
 .../companies/companies-table.tsx             |   0
 .../companies/create-company-sheet.tsx        |   0
 .../app/(app)/{ => [slug]}/companies/page.tsx |   0
 .../[slug]/contacts/[contactId]/page.tsx      |  11 ++
 .../contacts/contacts-search-params.ts        |   0
 .../{ => [slug]}/contacts/contacts-table.tsx  |   0
 .../contacts/create-contact-sheet.tsx         |   0
 .../app/(app)/{ => [slug]}/contacts/page.tsx  |   0
 .../(app)/{ => [slug]}/dashboard-summary.tsx  |   6 +-
 .../app/(app)/[slug]/deals/[dealId]/page.tsx  |  11 ++
 .../{ => [slug]}/deals/create-deal-sheet.tsx  |   0
 .../{ => [slug]}/deals/deals-search-params.ts |   0
 .../(app)/{ => [slug]}/deals/deals-table.tsx  |   0
 .../app/app/(app)/{ => [slug]}/deals/page.tsx |   0
 apps/app/app/(app)/{ => [slug]}/layout.tsx    |  15 +-
 .../(app)/{ => [slug]}/overview-greeting.tsx  |   0
 .../app/(app)/{ => [slug]}/overview-scope.tsx |   0
 .../{ => [slug]}/overview-search-params.ts    |   0
 apps/app/app/(app)/{ => [slug]}/page.tsx      |   0
 .../(app)/{ => [slug]}/sales-dashboard.tsx    |   5 +-
 .../{ => [slug]}/settings/agent-model.tsx     |   0
 .../connections/google-connection.tsx         |   0
 .../settings/connections/page.tsx             |   0
 .../(app)/{ => [slug]}/settings/layout.tsx    |   0
 .../settings/members/members-search-params.ts |   0
 .../settings/members/members-table.tsx        |   0
 .../{ => [slug]}/settings/members/page.tsx    |   0
 .../app/(app)/{ => [slug]}/settings/page.tsx  |   0
 .../{ => [slug]}/settings/research-key.tsx    |   0
 .../settings/settings-sidebar.tsx             |  21 ++-
 .../settings/sso/add-sso-provider-sheet.tsx   |   0
 .../{ => [slug]}/settings/sso/copy-value.tsx  |   0
 .../(app)/{ => [slug]}/settings/sso/page.tsx  |   0
 .../settings/sso/sso-search-params.ts         |   0
 .../{ => [slug]}/settings/sso/sso-table.tsx   |   0
 .../{ => [slug]}/settings/workspace-form.tsx  |  11 +-
 .../app/(app)/companies/[companyId]/page.tsx  |  11 --
 .../app/(app)/contacts/[contactId]/page.tsx   |  11 --
 apps/app/app/(app)/deals/[dealId]/page.tsx    |  11 --
 .../grant-access/grant-access.tsx             |   0
 .../grant-access/page.tsx                     |   0
 .../onboarding/onboarding-form.tsx            |   0
 .../{(auth) => (landing)}/onboarding/page.tsx |   0
 .../onboarding/research/page.tsx              |   0
 .../onboarding/research/research-form.tsx     |   0
 apps/app/app/(landing)/page.tsx               |  61 ++++++++
 .../sign-in/google-sign-in.tsx                |   0
 .../{(auth) => (landing)}/sign-in/page.tsx    |   0
 .../sign-in/sso-sign-in.tsx                   |   0
 apps/app/components/app-header.tsx            |   4 +-
 apps/app/components/app-icon-rail.tsx         |  12 +-
 apps/app/lib/onboarding.ts                    |  26 +++-
 apps/app/lib/record-href.ts                   |   7 +-
 apps/app/lib/use-workspace-url.ts             |  17 ++
 apps/app/lib/workspace-url.ts                 |   5 +
 apps/app/proxy.ts                             |  62 ++++++--
 apps/app/test/onboarding-gate.spec.ts         | 147 +++++++++++++-----
 docs/api.md                                   |  51 ++++++
 packages/auth/src/index.ts                    |   1 -
 packages/auth/src/organization.ts             |  17 +-
 .../test/organization.integration.spec.ts     |   9 +-
 packages/db/src/workspace.ts                  |  31 ++++
 packages/db/test/workspace-slug.spec.ts       |  50 ++++++
 68 files changed, 553 insertions(+), 118 deletions(-)
 create mode 100644 apps/app/app/(app)/[slug]/companies/[companyId]/page.tsx
 rename apps/app/app/(app)/{ => [slug]}/companies/companies-search-params.ts (100%)
 rename apps/app/app/(app)/{ => [slug]}/companies/companies-table.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/companies/create-company-sheet.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/companies/page.tsx (100%)
 create mode 100644 apps/app/app/(app)/[slug]/contacts/[contactId]/page.tsx
 rename apps/app/app/(app)/{ => [slug]}/contacts/contacts-search-params.ts (100%)
 rename apps/app/app/(app)/{ => [slug]}/contacts/contacts-table.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/contacts/create-contact-sheet.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/contacts/page.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/dashboard-summary.tsx (97%)
 create mode 100644 apps/app/app/(app)/[slug]/deals/[dealId]/page.tsx
 rename apps/app/app/(app)/{ => [slug]}/deals/create-deal-sheet.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/deals/deals-search-params.ts (100%)
 rename apps/app/app/(app)/{ => [slug]}/deals/deals-table.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/deals/page.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/layout.tsx (68%)
 rename apps/app/app/(app)/{ => [slug]}/overview-greeting.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/overview-scope.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/overview-search-params.ts (100%)
 rename apps/app/app/(app)/{ => [slug]}/page.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/sales-dashboard.tsx (97%)
 rename apps/app/app/(app)/{ => [slug]}/settings/agent-model.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/connections/google-connection.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/connections/page.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/layout.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/members/members-search-params.ts (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/members/members-table.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/members/page.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/page.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/research-key.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/settings-sidebar.tsx (74%)
 rename apps/app/app/(app)/{ => [slug]}/settings/sso/add-sso-provider-sheet.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/sso/copy-value.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/sso/page.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/sso/sso-search-params.ts (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/sso/sso-table.tsx (100%)
 rename apps/app/app/(app)/{ => [slug]}/settings/workspace-form.tsx (91%)
 delete mode 100644 apps/app/app/(app)/companies/[companyId]/page.tsx
 delete mode 100644 apps/app/app/(app)/contacts/[contactId]/page.tsx
 delete mode 100644 apps/app/app/(app)/deals/[dealId]/page.tsx
 rename apps/app/app/{(auth) => (landing)}/grant-access/grant-access.tsx (100%)
 rename apps/app/app/{(auth) => (landing)}/grant-access/page.tsx (100%)
 rename apps/app/app/{(auth) => (landing)}/onboarding/onboarding-form.tsx (100%)
 rename apps/app/app/{(auth) => (landing)}/onboarding/page.tsx (100%)
 rename apps/app/app/{(auth) => (landing)}/onboarding/research/page.tsx (100%)
 rename apps/app/app/{(auth) => (landing)}/onboarding/research/research-form.tsx (100%)
 create mode 100644 apps/app/app/(landing)/page.tsx
 rename apps/app/app/{(auth) => (landing)}/sign-in/google-sign-in.tsx (100%)
 rename apps/app/app/{(auth) => (landing)}/sign-in/page.tsx (100%)
 rename apps/app/app/{(auth) => (landing)}/sign-in/sso-sign-in.tsx (100%)
 create mode 100644 apps/app/lib/use-workspace-url.ts
 create mode 100644 apps/app/lib/workspace-url.ts
 create mode 100644 packages/db/test/workspace-slug.spec.ts

diff --git a/.claude/settings.json b/.claude/settings.json
index 4bfc5569..97251ad9 100644
--- a/.claude/settings.json
+++ b/.claude/settings.json
@@ -1,3 +1,8 @@
 {
-	"worktree": { "bgIsolation": "none" }
+  "worktree": {
+    "bgIsolation": "none"
+  },
+  "enabledPlugins": {
+    "paper-desktop@paper": true
+  }
 }
diff --git a/apps/agent/test/model.integration.spec.ts b/apps/agent/test/model.integration.spec.ts
index f4cc839b..13f5e17c 100644
--- a/apps/agent/test/model.integration.spec.ts
+++ b/apps/agent/test/model.integration.spec.ts
@@ -1,5 +1,13 @@
-import { afterEach, beforeEach, describe, expect, it } from "bun:test";
-import { db } from "@crm/db";
+import {
+	afterAll,
+	afterEach,
+	beforeAll,
+	beforeEach,
+	describe,
+	expect,
+	it,
+} from "bun:test";
+import { db, type Prisma } from "@crm/db";
 import {
 	DEFAULT_AGENT_MODEL,
 	readAgentModel,
@@ -12,9 +20,24 @@ async function clear() {
 	await db.appSetting.deleteMany({ where: { id: SETTINGS_ID } });
 }
 
+/**
+ * The row holds the Context key a rep typed and the model they chose, and
+ * DATABASE_URL is somebody's working database. Deleting it and not putting it
+ * back sends them through the research-key gate again with nothing saying why.
+ */
+let saved: Prisma.AppSettingUncheckedCreateInput | null = null;
+
+beforeAll(async () => {
+	saved = await db.appSetting.findUnique({ where: { id: SETTINGS_ID } });
+});
+
 beforeEach(clear);
 afterEach(clear);
 
+afterAll(async () => {
+	if (saved) await db.appSetting.create({ data: saved });
+});
+
 describe("the configured model", () => {
 	it("falls back when nothing has ever been chosen", async () => {
 		const setting = await readAgentModel(db);
diff --git a/apps/api/src/workspace/workspace.service.ts b/apps/api/src/workspace/workspace.service.ts
index 1f776036..bce1d687 100644
--- a/apps/api/src/workspace/workspace.service.ts
+++ b/apps/api/src/workspace/workspace.service.ts
@@ -7,7 +7,7 @@ import {
 	type WorkspaceRole,
 } from "@crm/auth";
 import type { Db, Prisma } from "@crm/db";
-import { isOnboarded, markOnboarded } from "@crm/db/workspace";
+import { isOnboarded, markOnboarded, workspaceSlug } from "@crm/db/workspace";
 import {
 	BadRequestException,
 	ForbiddenException,
@@ -34,6 +34,7 @@ import type {
 
 export interface Workspace {
 	id: string;
+	slug: string;
 	name: string;
 	website: string | null;
 	onboarded: boolean;
@@ -104,6 +105,7 @@ export class WorkspaceService {
 
 		return {
 			id: row.id,
+			slug: row.slug,
 			name: row.name,
 			website: row.website,
 			onboarded: isOnboarded(row.metadata),
@@ -142,6 +144,7 @@ export class WorkspaceService {
 			where: { id: WORKSPACE_ID },
 			data: {
 				name: input.name,
+				slug: workspaceSlug(input.name),
 				website,
 				metadata: markOnboarded(before?.metadata ?? null, new Date()),
 			},
@@ -286,7 +289,13 @@ export class WorkspaceService {
 	private async readWorkspace() {
 		return this.db.organization.findUnique({
 			where: { id: WORKSPACE_ID },
-			select: { id: true, name: true, website: true, metadata: true },
+			select: {
+				id: true,
+				slug: true,
+				name: true,
+				website: true,
+				metadata: true,
+			},
 		});
 	}
 
diff --git a/apps/app/app/(app)/[slug]/companies/[companyId]/page.tsx b/apps/app/app/(app)/[slug]/companies/[companyId]/page.tsx
new file mode 100644
index 00000000..bba9b2d4
--- /dev/null
+++ b/apps/app/app/(app)/[slug]/companies/[companyId]/page.tsx
@@ -0,0 +1,11 @@
+import { redirect } from "next/navigation";
+import { recordHref } from "@/lib/record-href";
+
+export default async function RecordRedirect({
+	params,
+}: {
+	params: Promise<{ slug: string; companyId: string }>;
+}) {
+	const { slug, companyId } = await params;
+	redirect(recordHref(slug, "/companies", "company", companyId));
+}
diff --git a/apps/app/app/(app)/companies/companies-search-params.ts b/apps/app/app/(app)/[slug]/companies/companies-search-params.ts
similarity index 100%
rename from apps/app/app/(app)/companies/companies-search-params.ts
rename to apps/app/app/(app)/[slug]/companies/companies-search-params.ts
diff --git a/apps/app/app/(app)/companies/companies-table.tsx b/apps/app/app/(app)/[slug]/companies/companies-table.tsx
similarity index 100%
rename from apps/app/app/(app)/companies/companies-table.tsx
rename to apps/app/app/(app)/[slug]/companies/companies-table.tsx
diff --git a/apps/app/app/(app)/companies/create-company-sheet.tsx b/apps/app/app/(app)/[slug]/companies/create-company-sheet.tsx
similarity index 100%
rename from apps/app/app/(app)/companies/create-company-sheet.tsx
rename to apps/app/app/(app)/[slug]/companies/create-company-sheet.tsx
diff --git a/apps/app/app/(app)/companies/page.tsx b/apps/app/app/(app)/[slug]/companies/page.tsx
similarity index 100%
rename from apps/app/app/(app)/companies/page.tsx
rename to apps/app/app/(app)/[slug]/companies/page.tsx
diff --git a/apps/app/app/(app)/[slug]/contacts/[contactId]/page.tsx b/apps/app/app/(app)/[slug]/contacts/[contactId]/page.tsx
new file mode 100644
index 00000000..42cd6d80
--- /dev/null
+++ b/apps/app/app/(app)/[slug]/contacts/[contactId]/page.tsx
@@ -0,0 +1,11 @@
+import { redirect } from "next/navigation";
+import { recordHref } from "@/lib/record-href";
+
+export default async function RecordRedirect({
+	params,
+}: {
+	params: Promise<{ slug: string; contactId: string }>;
+}) {
+	const { slug, contactId } = await params;
+	redirect(recordHref(slug, "/contacts", "contact", contactId));
+}
diff --git a/apps/app/app/(app)/contacts/contacts-search-params.ts b/apps/app/app/(app)/[slug]/contacts/contacts-search-params.ts
similarity index 100%
rename from apps/app/app/(app)/contacts/contacts-search-params.ts
rename to apps/app/app/(app)/[slug]/contacts/contacts-search-params.ts
diff --git a/apps/app/app/(app)/contacts/contacts-table.tsx b/apps/app/app/(app)/[slug]/contacts/contacts-table.tsx
similarity index 100%
rename from apps/app/app/(app)/contacts/contacts-table.tsx
rename to apps/app/app/(app)/[slug]/contacts/contacts-table.tsx
diff --git a/apps/app/app/(app)/contacts/create-contact-sheet.tsx b/apps/app/app/(app)/[slug]/contacts/create-contact-sheet.tsx
similarity index 100%
rename from apps/app/app/(app)/contacts/create-contact-sheet.tsx
rename to apps/app/app/(app)/[slug]/contacts/create-contact-sheet.tsx
diff --git a/apps/app/app/(app)/contacts/page.tsx b/apps/app/app/(app)/[slug]/contacts/page.tsx
similarity index 100%
rename from apps/app/app/(app)/contacts/page.tsx
rename to apps/app/app/(app)/[slug]/contacts/page.tsx
diff --git a/apps/app/app/(app)/dashboard-summary.tsx b/apps/app/app/(app)/[slug]/dashboard-summary.tsx
similarity index 97%
rename from apps/app/app/(app)/dashboard-summary.tsx
rename to apps/app/app/(app)/[slug]/dashboard-summary.tsx
index 7f5a4581..2ea1128d 100644
--- a/apps/app/app/(app)/dashboard-summary.tsx
+++ b/apps/app/app/(app)/[slug]/dashboard-summary.tsx
@@ -44,6 +44,7 @@ import { useOpenRecord } from "@/components/crm/record-sheet/record-stack";
 import { activityLabel } from "@/components/crm/timeline/activity-icon";
 import { useCrmCache } from "@/lib/trpc/cache";
 import { useTRPC } from "@/lib/trpc/client";
+import { useWorkspaceUrl } from "@/lib/use-workspace-url";
 import { overviewParsers } from "./overview-search-params";
 import { SalesDashboard } from "./sales-dashboard";
 
@@ -53,6 +54,7 @@ export function DashboardSummary() {
 	const trpc = useTRPC();
 	const cache = useCrmCache();
 	const openRecord = useOpenRecord();
+	const workspaceUrl = useWorkspaceUrl();
 
 	const [scope] = useQueryState("scope", overviewParsers.scope);
 
@@ -121,7 +123,7 @@ export function DashboardSummary() {
 						</CardDescription>
 						<CardAction>
 							<Button asChild variant="contrast" size="sm">
-								<Link href="/deals">Open deals</Link>
+								<Link href={workspaceUrl("/deals")}>Open deals</Link>
 							</Button>
 						</CardAction>
 					</CardHeader>
@@ -240,7 +242,7 @@ export function DashboardSummary() {
 					</CardDescription>
 					<CardAction>
 						<Button asChild variant="contrast" size="sm">
-							<Link href="/companies">All companies</Link>
+							<Link href={workspaceUrl("/companies")}>All companies</Link>
 						</Button>
 					</CardAction>
 				</CardHeader>
diff --git a/apps/app/app/(app)/[slug]/deals/[dealId]/page.tsx b/apps/app/app/(app)/[slug]/deals/[dealId]/page.tsx
new file mode 100644
index 00000000..edb3fcec
--- /dev/null
+++ b/apps/app/app/(app)/[slug]/deals/[dealId]/page.tsx
@@ -0,0 +1,11 @@
+import { redirect } from "next/navigation";
+import { recordHref } from "@/lib/record-href";
+
+export default async function RecordRedirect({
+	params,
+}: {
+	params: Promise<{ slug: string; dealId: string }>;
+}) {
+	const { slug, dealId } = await params;
+	redirect(recordHref(slug, "/deals", "deal", dealId));
+}
diff --git a/apps/app/app/(app)/deals/create-deal-sheet.tsx b/apps/app/app/(app)/[slug]/deals/create-deal-sheet.tsx
similarity index 100%
rename from apps/app/app/(app)/deals/create-deal-sheet.tsx
rename to apps/app/app/(app)/[slug]/deals/create-deal-sheet.tsx
diff --git a/apps/app/app/(app)/deals/deals-search-params.ts b/apps/app/app/(app)/[slug]/deals/deals-search-params.ts
similarity index 100%
rename from apps/app/app/(app)/deals/deals-search-params.ts
rename to apps/app/app/(app)/[slug]/deals/deals-search-params.ts
diff --git a/apps/app/app/(app)/deals/deals-table.tsx b/apps/app/app/(app)/[slug]/deals/deals-table.tsx
similarity index 100%
rename from apps/app/app/(app)/deals/deals-table.tsx
rename to apps/app/app/(app)/[slug]/deals/deals-table.tsx
diff --git a/apps/app/app/(app)/deals/page.tsx b/apps/app/app/(app)/[slug]/deals/page.tsx
similarity index 100%
rename from apps/app/app/(app)/deals/page.tsx
rename to apps/app/app/(app)/[slug]/deals/page.tsx
diff --git a/apps/app/app/(app)/layout.tsx b/apps/app/app/(app)/[slug]/layout.tsx
similarity index 68%
rename from apps/app/app/(app)/layout.tsx
rename to apps/app/app/(app)/[slug]/layout.tsx
index 9b3af361..750312fd 100644
--- a/apps/app/app/(app)/layout.tsx
+++ b/apps/app/app/(app)/[slug]/layout.tsx
@@ -1,3 +1,4 @@
+import { notFound } from "next/navigation";
 import { AppHeader } from "@/components/app-header";
 import { AppIconRail } from "@/components/app-icon-rail";
 import { QuickSwitcher } from "@/components/crm/quick-switcher";
@@ -5,13 +6,25 @@ import { RecordSheetHost } from "@/components/crm/record-sheet/record-sheet-host
 import { MobileNavProvider } from "@/components/mobile-nav";
 import { requireGoogleAccess } from "@/lib/session";
 import { HydrateClient } from "@/lib/trpc/hydrate";
+import { getServerQueryClient, getServerTrpc } from "@/lib/trpc/server";
 
 export default async function AppLayout({
 	children,
+	params,
 }: Readonly<{
 	children: React.ReactNode;
+	params: Promise<{ slug: string }>;
 }>) {
-	const { user } = await requireGoogleAccess();
+	const [{ user }, { slug }] = await Promise.all([
+		requireGoogleAccess(),
+		params,
+	]);
+
+	const workspace = await getServerQueryClient()
+		.fetchQuery(getServerTrpc().workspace.get.queryOptions())
+		.catch(() => null);
+
+	if (workspace && workspace.slug !== slug) notFound();
 
 	return (
 		<MobileNavProvider>
diff --git a/apps/app/app/(app)/overview-greeting.tsx b/apps/app/app/(app)/[slug]/overview-greeting.tsx
similarity index 100%
rename from apps/app/app/(app)/overview-greeting.tsx
rename to apps/app/app/(app)/[slug]/overview-greeting.tsx
diff --git a/apps/app/app/(app)/overview-scope.tsx b/apps/app/app/(app)/[slug]/overview-scope.tsx
similarity index 100%
rename from apps/app/app/(app)/overview-scope.tsx
rename to apps/app/app/(app)/[slug]/overview-scope.tsx
diff --git a/apps/app/app/(app)/overview-search-params.ts b/apps/app/app/(app)/[slug]/overview-search-params.ts
similarity index 100%
rename from apps/app/app/(app)/overview-search-params.ts
rename to apps/app/app/(app)/[slug]/overview-search-params.ts
diff --git a/apps/app/app/(app)/page.tsx b/apps/app/app/(app)/[slug]/page.tsx
similarity index 100%
rename from apps/app/app/(app)/page.tsx
rename to apps/app/app/(app)/[slug]/page.tsx
diff --git a/apps/app/app/(app)/sales-dashboard.tsx b/apps/app/app/(app)/[slug]/sales-dashboard.tsx
similarity index 97%
rename from apps/app/app/(app)/sales-dashboard.tsx
rename to apps/app/app/(app)/[slug]/sales-dashboard.tsx
index e18c6f75..721d72a0 100644
--- a/apps/app/app/(app)/sales-dashboard.tsx
+++ b/apps/app/app/(app)/[slug]/sales-dashboard.tsx
@@ -20,6 +20,7 @@ import type { ReactNode } from "react";
 import { dealStageColor, dealStageLabel } from "@/components/crm/deal-stage";
 import { AreaTrend, DonutStat } from "@/components/dashboard-charts";
 import type { RouterOutputs } from "@/lib/trpc/types";
+import { useWorkspaceUrl } from "@/lib/use-workspace-url";
 
 type Summary = RouterOutputs["dashboard"]["summary"];
 
@@ -43,6 +44,8 @@ function changeDelta(
 }
 
 export function SalesDashboard({ summary }: { summary: Summary }) {
+	const workspaceUrl = useWorkspaceUrl();
+
 	const {
 		pipeline,
 		wonThisMonth,
@@ -154,7 +157,7 @@ export function SalesDashboard({ summary }: { summary: Summary }) {
 								{stageSlices.map((slice) => (
 									<li key={slice.key} className="border-t first:border-t-0">
 										<Link
-											href={`/deals?stage=${slice.key}`}
+											href={`${workspaceUrl("/deals")}?stage=${slice.key}`}
 											className="flex items-center gap-2.5 py-2 text-xs hover:underline"
 										>
 											<span
diff --git a/apps/app/app/(app)/settings/agent-model.tsx b/apps/app/app/(app)/[slug]/settings/agent-model.tsx
similarity index 100%
rename from apps/app/app/(app)/settings/agent-model.tsx
rename to apps/app/app/(app)/[slug]/settings/agent-model.tsx
diff --git a/apps/app/app/(app)/settings/connections/google-connection.tsx b/apps/app/app/(app)/[slug]/settings/connections/google-connection.tsx
similarity index 100%
rename from apps/app/app/(app)/settings/connections/google-connection.tsx
rename to apps/app/app/(app)/[slug]/settings/connections/google-connection.tsx
diff --git a/apps/app/app/(app)/settings/connections/page.tsx b/apps/app/app/(app)/[slug]/settings/connections/page.tsx
similarity index 100%
rename from apps/app/app/(app)/settings/connections/page.tsx
rename to apps/app/app/(app)/[slug]/settings/connections/page.tsx
diff --git a/apps/app/app/(app)/settings/layout.tsx b/apps/app/app/(app)/[slug]/settings/layout.tsx
similarity index 100%
rename from apps/app/app/(app)/settings/layout.tsx
rename to apps/app/app/(app)/[slug]/settings/layout.tsx
diff --git a/apps/app/app/(app)/settings/members/members-search-params.ts b/apps/app/app/(app)/[slug]/settings/members/members-search-params.ts
similarity index 100%
rename from apps/app/app/(app)/settings/members/members-search-params.ts
rename to apps/app/app/(app)/[slug]/settings/members/members-search-params.ts
diff --git a/apps/app/app/(app)/settings/members/members-table.tsx b/apps/app/app/(app)/[slug]/settings/members/members-table.tsx
similarity index 100%
rename from apps/app/app/(app)/settings/members/members-table.tsx
rename to apps/app/app/(app)/[slug]/settings/members/members-table.tsx
diff --git a/apps/app/app/(app)/settings/members/page.tsx b/apps/app/app/(app)/[slug]/settings/members/page.tsx
similarity index 100%
rename from apps/app/app/(app)/settings/members/page.tsx
rename to apps/app/app/(app)/[slug]/settings/members/page.tsx
diff --git a/apps/app/app/(app)/settings/page.tsx b/apps/app/app/(app)/[slug]/settings/page.tsx
similarity index 100%
rename from apps/app/app/(app)/settings/page.tsx
rename to apps/app/app/(app)/[slug]/settings/page.tsx
diff --git a/apps/app/app/(app)/settings/research-key.tsx b/apps/app/app/(app)/[slug]/settings/research-key.tsx
similarity index 100%
rename from apps/app/app/(app)/settings/research-key.tsx
rename to apps/app/app/(app)/[slug]/settings/research-key.tsx
diff --git a/apps/app/app/(app)/settings/settings-sidebar.tsx b/apps/app/app/(app)/[slug]/settings/settings-sidebar.tsx
similarity index 74%
rename from apps/app/app/(app)/settings/settings-sidebar.tsx
rename to apps/app/app/(app)/[slug]/settings/settings-sidebar.tsx
index a3558774..1a2a4192 100644
--- a/apps/app/app/(app)/settings/settings-sidebar.tsx
+++ b/apps/app/app/(app)/[slug]/settings/settings-sidebar.tsx
@@ -4,6 +4,8 @@ import { Button } from "@crm/ui/components/button";
 import { cn } from "@crm/ui/lib/utils";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
+import { useMemo } from "react";
+import { useWorkspaceUrl } from "@/lib/use-workspace-url";
 
 type SettingsNavItem = {
 	title: string;
@@ -19,8 +21,8 @@ const ITEMS: SettingsNavItem[] = [
 	{ title: "Connections", href: `${ROOT}/connections` },
 ];
 
-function isActive(href: string, pathname: string): boolean {
-	return href === ROOT ? pathname === href : pathname.startsWith(href);
+function isActive(href: string, root: string, pathname: string): boolean {
+	return href === root ? pathname === href : pathname.startsWith(href);
 }
 
 function NavLink({
@@ -56,6 +58,13 @@ function NavLink({
 
 export function SettingsSidebar() {
 	const pathname = usePathname();
+	const workspaceUrl = useWorkspaceUrl();
+
+	const root = workspaceUrl(ROOT);
+	const items = useMemo(
+		() => ITEMS.map((item) => ({ ...item, href: workspaceUrl(item.href) })),
+		[workspaceUrl],
+	);
 
 	return (
 		<>
@@ -64,11 +73,11 @@ export function SettingsSidebar() {
 					aria-label="Workspace settings"
 					className="flex flex-col gap-0.5 p-3"
 				>
-					{ITEMS.map((item) => (
+					{items.map((item) => (
 						<NavLink
 							key={item.href}
 							item={item}
-							active={isActive(item.href, pathname)}
+							active={isActive(item.href, root, pathname)}
 							className="w-full px-3"
 						/>
 					))}
@@ -79,11 +88,11 @@ export function SettingsSidebar() {
 				aria-label="Workspace settings"
 				className="flex gap-1 overflow-x-auto border-b p-2 md:hidden [view-transition-name:settings-sidebar]"
 			>
-				{ITEMS.map((item) => (
+				{items.map((item) => (
 					<NavLink
 						key={item.href}
 						item={item}
-						active={isActive(item.href, pathname)}
+						active={isActive(item.href, root, pathname)}
 						className="shrink-0 px-3"
 					/>
 				))}
diff --git a/apps/app/app/(app)/settings/sso/add-sso-provider-sheet.tsx b/apps/app/app/(app)/[slug]/settings/sso/add-sso-provider-sheet.tsx
similarity index 100%
rename from apps/app/app/(app)/settings/sso/add-sso-provider-sheet.tsx
rename to apps/app/app/(app)/[slug]/settings/sso/add-sso-provider-sheet.tsx
diff --git a/apps/app/app/(app)/settings/sso/copy-value.tsx b/apps/app/app/(app)/[slug]/settings/sso/copy-value.tsx
similarity index 100%
rename from apps/app/app/(app)/settings/sso/copy-value.tsx
rename to apps/app/app/(app)/[slug]/settings/sso/copy-value.tsx
diff --git a/apps/app/app/(app)/settings/sso/page.tsx b/apps/app/app/(app)/[slug]/settings/sso/page.tsx
similarity index 100%
rename from apps/app/app/(app)/settings/sso/page.tsx
rename to apps/app/app/(app)/[slug]/settings/sso/page.tsx
diff --git a/apps/app/app/(app)/settings/sso/sso-search-params.ts b/apps/app/app/(app)/[slug]/settings/sso/sso-search-params.ts
similarity index 100%
rename from apps/app/app/(app)/settings/sso/sso-search-params.ts
rename to apps/app/app/(app)/[slug]/settings/sso/sso-search-params.ts
diff --git a/apps/app/app/(app)/settings/sso/sso-table.tsx b/apps/app/app/(app)/[slug]/settings/sso/sso-table.tsx
similarity index 100%
rename from apps/app/app/(app)/settings/sso/sso-table.tsx
rename to apps/app/app/(app)/[slug]/settings/sso/sso-table.tsx
diff --git a/apps/app/app/(app)/settings/workspace-form.tsx b/apps/app/app/(app)/[slug]/settings/workspace-form.tsx
similarity index 91%
rename from apps/app/app/(app)/settings/workspace-form.tsx
rename to apps/app/app/(app)/[slug]/settings/workspace-form.tsx
index 737105e5..9ced0371 100644
--- a/apps/app/app/(app)/settings/workspace-form.tsx
+++ b/apps/app/app/(app)/[slug]/settings/workspace-form.tsx
@@ -24,14 +24,19 @@ import {
 } from "@crm/ui/components/input-group";
 import { Spinner } from "@crm/ui/components/spinner";
 import { useMutation, useQuery } from "@tanstack/react-query";
+import { useRouter } from "next/navigation";
 import { useId, useState } from "react";
 import { toast } from "sonner";
 import { useCrmCache } from "@/lib/trpc/cache";
 import { useTRPC } from "@/lib/trpc/client";
+import { useWorkspaceSlug } from "@/lib/use-workspace-url";
+import { workspaceUrl } from "@/lib/workspace-url";
 
 export function WorkspaceForm() {
 	const trpc = useTRPC();
 	const cache = useCrmCache();
+	const router = useRouter();
+	const slug = useWorkspaceSlug();
 
 	const nameId = useId();
 	const websiteId = useId();
@@ -44,10 +49,14 @@ export function WorkspaceForm() {
 
 	const save = useMutation(
 		trpc.workspace.update.mutationOptions({
-			onSuccess: async () => {
+			onSuccess: async (saved) => {
 				await cache.workspace();
 				setDraft(null);
 				toast.success("Workspace saved.");
+
+				if (saved.slug !== slug) {
+					router.replace(workspaceUrl(saved.slug, "/settings"));
+				}
 			},
 			onError: (error) => toast.error(error.message),
 		}),
diff --git a/apps/app/app/(app)/companies/[companyId]/page.tsx b/apps/app/app/(app)/companies/[companyId]/page.tsx
deleted file mode 100644
index d6f6e3ea..00000000
--- a/apps/app/app/(app)/companies/[companyId]/page.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { redirect } from "next/navigation";
-import { recordHref } from "@/lib/record-href";
-
-export default async function CompanyRedirect({
-	params,
-}: {
-	params: Promise<{ companyId: string }>;
-}) {
-	const { companyId } = await params;
-	redirect(recordHref("/companies", "company", companyId));
-}
diff --git a/apps/app/app/(app)/contacts/[contactId]/page.tsx b/apps/app/app/(app)/contacts/[contactId]/page.tsx
deleted file mode 100644
index ed76688c..00000000
--- a/apps/app/app/(app)/contacts/[contactId]/page.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { redirect } from "next/navigation";
-import { recordHref } from "@/lib/record-href";
-
-export default async function ContactRedirect({
-	params,
-}: {
-	params: Promise<{ contactId: string }>;
-}) {
-	const { contactId } = await params;
-	redirect(recordHref("/contacts", "contact", contactId));
-}
diff --git a/apps/app/app/(app)/deals/[dealId]/page.tsx b/apps/app/app/(app)/deals/[dealId]/page.tsx
deleted file mode 100644
index 5481fcc5..00000000
--- a/apps/app/app/(app)/deals/[dealId]/page.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { redirect } from "next/navigation";
-import { recordHref } from "@/lib/record-href";
-
-export default async function DealRedirect({
-	params,
-}: {
-	params: Promise<{ dealId: string }>;
-}) {
-	const { dealId } = await params;
-	redirect(recordHref("/deals", "deal", dealId));
-}
diff --git a/apps/app/app/(auth)/grant-access/grant-access.tsx b/apps/app/app/(landing)/grant-access/grant-access.tsx
similarity index 100%
rename from apps/app/app/(auth)/grant-access/grant-access.tsx
rename to apps/app/app/(landing)/grant-access/grant-access.tsx
diff --git a/apps/app/app/(auth)/grant-access/page.tsx b/apps/app/app/(landing)/grant-access/page.tsx
similarity index 100%
rename from apps/app/app/(auth)/grant-access/page.tsx
rename to apps/app/app/(landing)/grant-access/page.tsx
diff --git a/apps/app/app/(auth)/onboarding/onboarding-form.tsx b/apps/app/app/(landing)/onboarding/onboarding-form.tsx
similarity index 100%
rename from apps/app/app/(auth)/onboarding/onboarding-form.tsx
rename to apps/app/app/(landing)/onboarding/onboarding-form.tsx
diff --git a/apps/app/app/(auth)/onboarding/page.tsx b/apps/app/app/(landing)/onboarding/page.tsx
similarity index 100%
rename from apps/app/app/(auth)/onboarding/page.tsx
rename to apps/app/app/(landing)/onboarding/page.tsx
diff --git a/apps/app/app/(auth)/onboarding/research/page.tsx b/apps/app/app/(landing)/onboarding/research/page.tsx
similarity index 100%
rename from apps/app/app/(auth)/onboarding/research/page.tsx
rename to apps/app/app/(landing)/onboarding/research/page.tsx
diff --git a/apps/app/app/(auth)/onboarding/research/research-form.tsx b/apps/app/app/(landing)/onboarding/research/research-form.tsx
similarity index 100%
rename from apps/app/app/(auth)/onboarding/research/research-form.tsx
rename to apps/app/app/(landing)/onboarding/research/research-form.tsx
diff --git a/apps/app/app/(landing)/page.tsx b/apps/app/app/(landing)/page.tsx
new file mode 100644
index 00000000..c5f7e540
--- /dev/null
+++ b/apps/app/app/(landing)/page.tsx
@@ -0,0 +1,61 @@
+import { Button } from "@crm/ui/components/button";
+import Logo from "@crm/ui/components/logo";
+import Link from "next/link";
+import { AuthShader } from "@/components/auth-shader";
+
+export default function Home() {
+	return (
+		<main className="dark relative flex min-h-svh flex-col overflow-hidden bg-background text-foreground">
+			<AuthShader />
+
+			<header className="relative flex h-12 shrink-0 items-center gap-2 px-6 sm:px-10">
+				<Link href="/" aria-label="Homepage" className="flex">
+					<Logo className="size-5 shrink-0" />
+				</Link>
+
+				<div className="ml-auto">
+					<Button asChild variant="outline" size="sm">
+						<Link href="/sign-in">Sign in</Link>
+					</Button>
+				</div>
+			</header>
+
+			<div className="relative flex flex-1 items-center px-6 py-16 sm:px-10">
+				<div className="flex max-w-lg flex-col gap-8">
+					<div className="flex flex-col gap-4">
+						<p className="font-mono text-muted-foreground text-xs/4 uppercase">
+							CRM
+						</p>
+						<h1 className="max-w-[14ch] text-balance font-semibold text-5xl/14">
+							Every customer, one place.
+						</h1>
+						<p className="max-w-[46ch] text-pretty text-muted-foreground text-sm/6">
+							Your inbox and calendar become the record. A research agent works
+							out who everybody is, and what each account is worth.
+						</p>
+					</div>
+
+					<div className="flex gap-2">
+						<Button asChild>
+							<Link href="/sign-in">Get started</Link>
+						</Button>
+					</div>
+				</div>
+			</div>
+
+			<footer className="relative px-6 py-8 sm:px-10">
+				<p className="font-mono text-muted-foreground text-xs/4">
+					Made with love by{" "}
+					<a
+						href="https://trycomp.ai"
+						target="_blank"
+						rel="noreferrer"
+						className="underline underline-offset-4 hover:text-foreground"
+					>
+						Comp AI
+					</a>
+				</p>
+			</footer>
+		</main>
+	);
+}
diff --git a/apps/app/app/(auth)/sign-in/google-sign-in.tsx b/apps/app/app/(landing)/sign-in/google-sign-in.tsx
similarity index 100%
rename from apps/app/app/(auth)/sign-in/google-sign-in.tsx
rename to apps/app/app/(landing)/sign-in/google-sign-in.tsx
diff --git a/apps/app/app/(auth)/sign-in/page.tsx b/apps/app/app/(landing)/sign-in/page.tsx
similarity index 100%
rename from apps/app/app/(auth)/sign-in/page.tsx
rename to apps/app/app/(landing)/sign-in/page.tsx
diff --git a/apps/app/app/(auth)/sign-in/sso-sign-in.tsx b/apps/app/app/(landing)/sign-in/sso-sign-in.tsx
similarity index 100%
rename from apps/app/app/(auth)/sign-in/sso-sign-in.tsx
rename to apps/app/app/(landing)/sign-in/sso-sign-in.tsx
diff --git a/apps/app/components/app-header.tsx b/apps/app/components/app-header.tsx
index 0a402240..318034f2 100644
--- a/apps/app/components/app-header.tsx
+++ b/apps/app/components/app-header.tsx
@@ -24,6 +24,7 @@ import { useTheme } from "next-themes";
 import { toast } from "sonner";
 import { useMobileNav } from "@/components/mobile-nav";
 import { useTRPC } from "@/lib/trpc/client";
+import { useWorkspaceUrl } from "@/lib/use-workspace-url";
 
 type User = { name: string; email: string; image: string | null };
 
@@ -44,6 +45,7 @@ export function workspaceLabel(name: string | undefined): string {
 export function AppHeader({ user }: { user: User }) {
 	const { setOpen: setMobileNavOpen } = useMobileNav();
 	const trpc = useTRPC();
+	const workspaceUrl = useWorkspaceUrl();
 	const workspace = useQuery(trpc.workspace.get.queryOptions());
 	const label = workspaceLabel(workspace.data?.name);
 
@@ -71,7 +73,7 @@ export function AppHeader({ user }: { user: User }) {
 					<Menu />
 				</Button>
 				<Link
-					href="/"
+					href={workspaceUrl()}
 					aria-label="Homepage"
 					className="hidden size-8 items-center justify-center text-foreground md:flex"
 				>
diff --git a/apps/app/components/app-icon-rail.tsx b/apps/app/components/app-icon-rail.tsx
index 659ae1df..ba09f274 100644
--- a/apps/app/components/app-icon-rail.tsx
+++ b/apps/app/components/app-icon-rail.tsx
@@ -22,7 +22,9 @@ import {
 import { cn } from "@crm/ui/lib/utils";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
+import { useMemo } from "react";
 import { useMobileNav } from "@/components/mobile-nav";
+import { useWorkspaceUrl } from "@/lib/use-workspace-url";
 
 type RailItem = {
 	title: string;
@@ -113,15 +115,21 @@ function MobileRailLink({
 
 export function AppIconRail() {
 	const pathname = usePathname();
+	const workspaceUrl = useWorkspaceUrl();
 	const { open, setOpen } = useMobileNav();
 
+	const items = useMemo(
+		() => ITEMS.map((item) => ({ ...item, href: workspaceUrl(item.href) })),
+		[workspaceUrl],
+	);
+
 	return (
 		<>
 			<nav
 				aria-label="Primary"
 				className="hidden w-14 shrink-0 flex-col items-center gap-1 border-r py-3 md:flex [view-transition-name:app-rail]"
 			>
-				{ITEMS.map((item) => (
+				{items.map((item) => (
 					<RailLink
 						key={item.href}
 						item={item}
@@ -136,7 +144,7 @@ export function AppIconRail() {
 						<SheetTitle>Navigation</SheetTitle>
 					</SheetHeader>
 					<nav aria-label="Primary" className="flex flex-1 flex-col gap-1 p-2">
-						{ITEMS.map((item) => (
+						{items.map((item) => (
 							<MobileRailLink
 								key={item.href}
 								item={item}
diff --git a/apps/app/lib/onboarding.ts b/apps/app/lib/onboarding.ts
index e9b57f77..fd4c184c 100644
--- a/apps/app/lib/onboarding.ts
+++ b/apps/app/lib/onboarding.ts
@@ -34,15 +34,27 @@ async function read<T>(
 	}
 }
 
-export async function readOnboardingGate(request: NextRequest): Promise<Gate> {
-	const workspace = await read<{ onboarded?: boolean; canRename?: boolean }>(
-		request,
-		"workspace.get",
-	);
+export type WorkspaceGate = { gate: Gate; slug: string | null };
+
+export async function readWorkspaceGate(
+	request: NextRequest,
+): Promise<WorkspaceGate> {
+	const workspace = await read<{
+		onboarded?: boolean;
+		canRename?: boolean;
+		slug?: string;
+	}>(request, "workspace.get");
+
+	const slug = workspace?.slug ? workspace.slug : null;
 
-	if (typeof workspace?.onboarded !== "boolean") return "unknown";
+	if (typeof workspace?.onboarded !== "boolean") {
+		return { gate: "unknown", slug };
+	}
 
-	return workspace.onboarded || !workspace.canRename ? "settled" : "required";
+	return {
+		gate: workspace.onboarded || !workspace.canRename ? "settled" : "required",
+		slug,
+	};
 }
 
 export async function readResearchGate(request: NextRequest): Promise<Gate> {
diff --git a/apps/app/lib/record-href.ts b/apps/app/lib/record-href.ts
index 1616f99e..01a1f95b 100644
--- a/apps/app/lib/record-href.ts
+++ b/apps/app/lib/record-href.ts
@@ -1,7 +1,12 @@
+import { workspaceUrl } from "@/lib/workspace-url";
+
 export function recordHref(
+	slug: string,
 	list: "/companies" | "/contacts" | "/deals",
 	kind: "company" | "contact" | "deal",
 	id: string,
 ): string {
-	return `${list}?${new URLSearchParams({ record: `${kind}:${id}` })}`;
+	const query = new URLSearchParams({ record: `${kind}:${id}` });
+
+	return `${workspaceUrl(slug, list)}?${query}`;
 }
diff --git a/apps/app/lib/use-workspace-url.ts b/apps/app/lib/use-workspace-url.ts
new file mode 100644
index 00000000..384158dd
--- /dev/null
+++ b/apps/app/lib/use-workspace-url.ts
@@ -0,0 +1,17 @@
+"use client";
+
+import { useParams } from "next/navigation";
+import { useCallback } from "react";
+import { workspaceUrl } from "@/lib/workspace-url";
+
+export function useWorkspaceSlug(): string {
+	const { slug } = useParams<{ slug: string }>();
+
+	return slug;
+}
+
+export function useWorkspaceUrl(): (path?: string) => string {
+	const slug = useWorkspaceSlug();
+
+	return useCallback((path = "/") => workspaceUrl(slug, path), [slug]);
+}
diff --git a/apps/app/lib/workspace-url.ts b/apps/app/lib/workspace-url.ts
new file mode 100644
index 00000000..26f93a28
--- /dev/null
+++ b/apps/app/lib/workspace-url.ts
@@ -0,0 +1,5 @@
+export function workspaceUrl(slug: string, path = "/"): string {
+	const suffix = path === "/" ? "" : path.startsWith("/") ? path : `/${path}`;
+
+	return `/${slug}${suffix}`;
+}
diff --git a/apps/app/proxy.ts b/apps/app/proxy.ts
index 374f7fad..79dff2d8 100644
--- a/apps/app/proxy.ts
+++ b/apps/app/proxy.ts
@@ -4,21 +4,28 @@ import { type NextRequest, NextResponse } from "next/server";
 import {
 	ONBOARDING_PATH,
 	RESEARCH_PATH,
-	readOnboardingGate,
 	readResearchGate,
+	readWorkspaceGate,
 } from "@/lib/onboarding";
+import { workspaceUrl } from "@/lib/workspace-url";
+
+const LANDING_PATH = "/";
 
 const SIGN_IN_PATH = "/sign-in";
 
+const PUBLIC = [LANDING_PATH, SIGN_IN_PATH];
+
 const UNGATED = [SIGN_IN_PATH, "/grant-access", "/eve"];
 
+const SECTIONS = ["/companies", "/contacts", "/deals", "/settings"];
+
 export async function proxy(request: NextRequest) {
 	const { pathname } = request.nextUrl;
 
 	if (
 		getSessionCookie(request, { cookiePrefix: AUTH_COOKIE_PREFIX }) === null
 	) {
-		return pathname === SIGN_IN_PATH
+		return isPublic(pathname)
 			? NextResponse.next()
 			: NextResponse.redirect(new URL(SIGN_IN_PATH, request.nextUrl));
 	}
@@ -27,25 +34,47 @@ export async function proxy(request: NextRequest) {
 
 	// Both answers, every time, and concurrently — so the gate costs one round
 	// trip rather than two, and neither answer can be stale.
-	const [onboarding, research] = await Promise.all([
-		readOnboardingGate(request),
+	const [workspace, research] = await Promise.all([
+		readWorkspaceGate(request),
 		readResearchGate(request),
 	]);
 
-	if (onboarding === "required") return sendTo(ONBOARDING_PATH, request);
+	if (workspace.gate === "required") return sendTo(ONBOARDING_PATH, request);
 	if (research === "required") return sendTo(RESEARCH_PATH, request);
 
-	const settled = onboarding === "settled" && research === "settled";
+	const settled = workspace.gate === "settled" && research === "settled";
+
+	if (!settled || !workspace.slug) return NextResponse.next();
+
+	return sendTo(appPath(pathname, workspace.slug), request);
+}
+
+function appPath(pathname: string, slug: string): string {
+	if (pathname === LANDING_PATH || isSetup(pathname)) {
+		return workspaceUrl(slug);
+	}
+
+	if (SECTIONS.some((section) => isUnder(pathname, section))) {
+		return workspaceUrl(slug, pathname);
+	}
+
+	const [first, ...rest] = pathname.slice(1).split("/");
+
+	if (first === slug) return pathname;
+
+	return workspaceUrl(slug, rest.length ? `/${rest.join("/")}` : "/");
+}
 
-	return settled && isSetup(pathname)
-		? NextResponse.redirect(new URL("/", request.nextUrl))
-		: NextResponse.next();
+function isUnder(pathname: string, prefix: string): boolean {
+	return pathname === prefix || pathname.startsWith(`${prefix}/`);
+}
+
+function isPublic(pathname: string): boolean {
+	return PUBLIC.some((prefix) => isUnder(pathname, prefix));
 }
 
 function isUngated(pathname: string): boolean {
-	return UNGATED.some(
-		(prefix) => pathname === prefix || pathname.startsWith(`${prefix}/`),
-	);
+	return UNGATED.some((prefix) => isUnder(pathname, prefix));
 }
 
 function isSetup(pathname: string): boolean {
@@ -53,9 +82,12 @@ function isSetup(pathname: string): boolean {
 }
 
 function sendTo(path: string, request: NextRequest): NextResponse {
-	return request.nextUrl.pathname === path
-		? NextResponse.next()
-		: NextResponse.redirect(new URL(path, request.nextUrl));
+	if (request.nextUrl.pathname === path) return NextResponse.next();
+
+	const url = new URL(path, request.nextUrl);
+	url.search = request.nextUrl.search;
+
+	return NextResponse.redirect(url);
 }
 
 export const config = {
diff --git a/apps/app/test/onboarding-gate.spec.ts b/apps/app/test/onboarding-gate.spec.ts
index 07320140..72f1b7d8 100644
--- a/apps/app/test/onboarding-gate.spec.ts
+++ b/apps/app/test/onboarding-gate.spec.ts
@@ -1,11 +1,13 @@
 import { afterEach, describe, expect, it } from "bun:test";
 import { AUTH_COOKIE_PREFIX } from "@crm/auth/cookies";
 import { NextRequest } from "next/server";
-import { readOnboardingGate, readResearchGate } from "../lib/onboarding";
+import { readResearchGate, readWorkspaceGate } from "../lib/onboarding";
 import { proxy } from "../proxy";
 
 const SESSION_COOKIE = `${AUTH_COOKIE_PREFIX}.session_token=abc.def`;
 
+const SLUG = "comp-ai";
+
 const realFetch = globalThis.fetch;
 
 afterEach(() => {
@@ -28,9 +30,11 @@ function answerWith(body: unknown, status = 200) {
 	stub(async () => json(body, status));
 }
 
-const workspace = (data: { onboarded: boolean; canRename: boolean }) => ({
-	result: { data },
-});
+const workspace = (data: {
+	onboarded: boolean;
+	canRename: boolean;
+	slug?: string;
+}) => ({ result: { data: { slug: SLUG, ...data } } });
 
 const researchKey = (configured: boolean) => ({
 	result: { data: { configured, hint: configured ? "••••9876" : null } },
@@ -41,17 +45,19 @@ function setup({
 	onboarded = true,
 	canRename = true,
 	configured = true,
+	slug = SLUG,
 }: {
 	onboarded?: boolean;
 	canRename?: boolean;
 	configured?: boolean;
+	slug?: string;
 } = {}) {
 	const calls = { workspace: 0, research: 0 };
 
 	stub(async (url) => {
 		if (url.includes("workspace.get")) {
 			calls.workspace += 1;
-			return json(workspace({ onboarded, canRename }));
+			return json(workspace({ onboarded, canRename, slug }));
 		}
 
 		calls.research += 1;
@@ -73,40 +79,43 @@ function redirectedTo(response: Response): string | null {
 	return location ? new URL(location).pathname : null;
 }
 
-describe("readOnboardingGate", () => {
+async function gateOf(pathname: string) {
+	return (await readWorkspaceGate(request(pathname, [SESSION_COOKIE]))).gate;
+}
+
+describe("readWorkspaceGate", () => {
 	it("reads the answer out of a plain tRPC envelope", async () => {
 		answerWith(workspace({ onboarded: false, canRename: true }));
 
-		expect(await readOnboardingGate(request("/", [SESSION_COOKIE]))).toBe(
-			"required",
-		);
+		expect(await gateOf("/")).toBe("required");
 	});
 
 	it("settles for someone who could not answer the form anyway", async () => {
 		answerWith(workspace({ onboarded: false, canRename: false }));
 
-		expect(await readOnboardingGate(request("/", [SESSION_COOKIE]))).toBe(
-			"settled",
-		);
+		expect(await gateOf("/")).toBe("settled");
+	});
+
+	it("carries the slug the app is served under", async () => {
+		answerWith(workspace({ onboarded: true, canRename: true }));
+
+		expect(await readWorkspaceGate(request("/", [SESSION_COOKIE]))).toEqual({
+			gate: "settled",
+			slug: SLUG,
+		});
 	});
 
 	it("is unknown rather than required when the API cannot be read", async () => {
 		answerWith({ error: { message: "UNAUTHORIZED" } }, 401);
-		expect(await readOnboardingGate(request("/", [SESSION_COOKIE]))).toBe(
-			"unknown",
-		);
+		expect(await gateOf("/")).toBe("unknown");
 
 		stub(async () => {
 			throw new Error("connect ECONNREFUSED");
 		});
-		expect(await readOnboardingGate(request("/", [SESSION_COOKIE]))).toBe(
-			"unknown",
-		);
+		expect(await gateOf("/")).toBe("unknown");
 
 		answerWith({ result: { data: { nothing: "useful" } } });
-		expect(await readOnboardingGate(request("/", [SESSION_COOKIE]))).toBe(
-			"unknown",
-		);
+		expect(await gateOf("/")).toBe("unknown");
 	});
 });
 
@@ -135,9 +144,13 @@ describe("readResearchGate", () => {
 });
 
 describe("proxy", () => {
-	it("sends a stranger to sign in, and leaves them there", async () => {
-		expect(redirectedTo(await proxy(request("/companies")))).toBe("/sign-in");
+	it("shows a stranger the landing page and nothing behind it", async () => {
+		expect(redirectedTo(await proxy(request("/")))).toBeNull();
 		expect(redirectedTo(await proxy(request("/sign-in")))).toBeNull();
+		expect(redirectedTo(await proxy(request(`/${SLUG}`)))).toBe("/sign-in");
+		expect(redirectedTo(await proxy(request(`/${SLUG}/companies`)))).toBe(
+			"/sign-in",
+		);
 	});
 
 	it("ignores a neighbour's cookie from the parent domain", async () => {
@@ -147,7 +160,9 @@ describe("proxy", () => {
 		expect(
 			redirectedTo(
 				await proxy(
-					request("/companies", ["better-auth.session_token=someone.else"]),
+					request(`/${SLUG}/companies`, [
+						"better-auth.session_token=someone.else",
+					]),
 				),
 			),
 		).toBe("/sign-in");
@@ -157,7 +172,9 @@ describe("proxy", () => {
 		setup({ onboarded: false });
 
 		expect(
-			redirectedTo(await proxy(request("/companies", [SESSION_COOKIE]))),
+			redirectedTo(
+				await proxy(request(`/${SLUG}/companies`, [SESSION_COOKIE])),
+			),
 		).toBe("/onboarding");
 	});
 
@@ -172,12 +189,12 @@ describe("proxy", () => {
 	it("asks again on every request, and remembers nothing", async () => {
 		const calls = setup();
 
-		const first = await proxy(request("/companies", [SESSION_COOKIE]));
+		const first = await proxy(request(`/${SLUG}/companies`, [SESSION_COOKIE]));
 
 		expect([...first.cookies.getAll()]).toHaveLength(0);
 		expect(calls).toEqual({ workspace: 1, research: 1 });
 
-		await proxy(request("/companies", [SESSION_COOKIE]));
+		await proxy(request(`/${SLUG}/companies`, [SESSION_COOKIE]));
 
 		expect(calls).toEqual({ workspace: 2, research: 2 });
 	});
@@ -185,29 +202,33 @@ describe("proxy", () => {
 	it("notices when the answer changes underneath it", async () => {
 		setup();
 		expect(
-			redirectedTo(await proxy(request("/companies", [SESSION_COOKIE]))),
+			redirectedTo(
+				await proxy(request(`/${SLUG}/companies`, [SESSION_COOKIE])),
+			),
 		).toBeNull();
 
 		// A reset database, a removed key: the browser is carrying nothing that
 		// could keep saying the gate was satisfied.
 		setup({ onboarded: false });
 		expect(
-			redirectedTo(await proxy(request("/companies", [SESSION_COOKIE]))),
+			redirectedTo(
+				await proxy(request(`/${SLUG}/companies`, [SESSION_COOKIE])),
+			),
 		).toBe("/onboarding");
 	});
 
-	it("takes a settled rep off both setup pages", async () => {
+	it("takes a settled rep off both setup pages and into the workspace", async () => {
 		setup();
 
 		expect(
 			redirectedTo(await proxy(request("/onboarding", [SESSION_COOKIE]))),
-		).toBe("/");
+		).toBe(`/${SLUG}`);
 
 		expect(
 			redirectedTo(
 				await proxy(request("/onboarding/research", [SESSION_COOKIE])),
 			),
-		).toBe("/");
+		).toBe(`/${SLUG}`);
 	});
 
 	it("never fights /grant-access, which would ping-pong forever", async () => {
@@ -231,18 +252,72 @@ describe("proxy", () => {
 			throw new Error("connect ECONNREFUSED");
 		});
 
-		const response = await proxy(request("/companies", [SESSION_COOKIE]));
+		const response = await proxy(
+			request(`/${SLUG}/companies`, [SESSION_COOKIE]),
+		);
 
 		expect(redirectedTo(response)).toBeNull();
 	});
 });
 
+describe("the slug the app is served under", () => {
+	it("sends a signed-in rep off the landing page and into the workspace", async () => {
+		setup();
+
+		expect(redirectedTo(await proxy(request("/", [SESSION_COOKIE])))).toBe(
+			`/${SLUG}`,
+		);
+	});
+
+	it("puts the slug on a link that predates it, keeping the query", async () => {
+		setup();
+
+		const response = await proxy(
+			request("/companies?record=contact:abc", [SESSION_COOKIE]),
+		);
+
+		expect(response.headers.get("location")).toBe(
+			`http://localhost:3000/${SLUG}/companies?record=contact:abc`,
+		);
+	});
+
+	it("moves a stale slug onto the current one, keeping the rest", async () => {
+		setup();
+
+		expect(
+			redirectedTo(
+				await proxy(request("/old-name/settings/members", [SESSION_COOKIE])),
+			),
+		).toBe(`/${SLUG}/settings/members`);
+	});
+
+	it("leaves a request that already carries the slug alone", async () => {
+		setup();
+
+		expect(
+			redirectedTo(
+				await proxy(request(`/${SLUG}/settings/sso`, [SESSION_COOKIE])),
+			),
+		).toBeNull();
+	});
+
+	it("rewrites nothing when the API could not say what the slug is", async () => {
+		setup({ slug: "" });
+
+		expect(
+			redirectedTo(await proxy(request("/companies", [SESSION_COOKIE]))),
+		).toBeNull();
+	});
+});
+
 describe("the research key gate", () => {
 	it("sends an onboarded rep with no key to the key form", async () => {
 		setup({ configured: false });
 
 		expect(
-			redirectedTo(await proxy(request("/companies", [SESSION_COOKIE]))),
+			redirectedTo(
+				await proxy(request(`/${SLUG}/companies`, [SESSION_COOKIE])),
+			),
 		).toBe("/onboarding/research");
 	});
 
@@ -260,7 +335,9 @@ describe("the research key gate", () => {
 		setup({ onboarded: false, configured: false });
 
 		expect(
-			redirectedTo(await proxy(request("/companies", [SESSION_COOKIE]))),
+			redirectedTo(
+				await proxy(request(`/${SLUG}/companies`, [SESSION_COOKIE])),
+			),
 		).toBe("/onboarding");
 	});
 
diff --git a/docs/api.md b/docs/api.md
index 7a9a78a8..16870831 100644
--- a/docs/api.md
+++ b/docs/api.md
@@ -167,6 +167,10 @@ called, who works here, and what do we sell — and for nothing else.
     `requireGoogleAccess()` redirects to `/grant-access`, so gating it would
     ping-pong against the onboarding redirect for anyone who signed in without
     both scopes.
+  - **`/` and `/sign-in` are the only two paths a stranger may read**, and they
+    are a different list from the ungated one. `/` is the landing page in
+    `app/(landing)` — the marketing front of a clone, served to somebody who has
+    no account yet. Everything else still goes to `/sign-in`.
   - **An unreachable API fails open.** Each read returns `unknown` on a
     non-200, a timeout or a parse failure, and an unknown gate lets the request
     through. The alternative is an install that cannot reach its own API
@@ -211,6 +215,53 @@ called, who works here, and what do we sell — and for nothing else.
     `components/app-header.tsx` tests the name rather than comparing it to the
     default, because a workspace genuinely called `Acme CRM` has the same
     problem and no comparison to `DEFAULT_WORKSPACE_NAME` would catch it.
+- **The name is also the URL, and `workspaceSlug` is the one thing that says
+  so.** The CRM is served under the workspace's slug — `/comp-ai/companies`,
+  never `/companies` — which is what leaves `/` free for the landing page in
+  `app/(landing)`. It is a **cosmetic** prefix and it is emphatically not the
+  tenancy this file spends its first paragraphs refusing: no read takes it, no
+  record carries it, and the app resolves every query through `WORKSPACE_ID`
+  exactly as before. It exists so a rep reads their own company's name in the
+  address bar instead of somebody's route table.
+  - **The slug is the plugin's column, derived from the name.** Better Auth's
+    organization plugin owns `organization.slug` and enforces its uniqueness, so
+    that column is the answer and `workspace.get` returns it verbatim. What is
+    derived is what gets *written*: `workspaceSlug(name)` in
+    [`@crm/db/workspace`](../packages/db/src/workspace.ts) is the single rule,
+    applied by `WorkspaceService.update` on a rename and at create. Deriving on
+    *read* instead was the tempting shortcut and it is wrong the moment anything
+    else — the plugin, a script, a future admin UI — writes the column: two
+    answers to one question, and the URL a rep bookmarked disagreeing with the
+    row.
+  - **`ensureWorkspaceMembership` reconciles it**, in the same
+    `databaseHooks.session.create.before` hook that already guarantees the
+    workspace row and the caller's membership exist. That is what backfills an
+    install created before the slug meant anything — its row says `workspace`
+    and its name says `Comp AI` — without a migration that would restate the
+    slug rule in SQL. It writes only when the two disagree, and it degrades like
+    everything else in that hook.
+  - **A slug never collides with a route the app serves.** `RESERVED_SLUGS`
+    holds them — `sign-in`, `onboarding`, `settings`, `companies`, and the rest
+    — and a name that slugifies onto one gets `-crm` appended. Without it a
+    company called Settings has a CRM it cannot reach, and a static route in
+    `(landing)` wins over `[slug]` silently.
+  - **The proxy puts the slug on, and it is the only thing that does.** A path
+    with no slug is a link that predates the move (`/companies`); a path with
+    the wrong one is a stale bookmark from before a rename. Both are the same
+    request with the wrong front on it, so both are redirected onto the current
+    slug with the query string intact, rather than 404ing at somebody who did
+    nothing wrong. `app/(app)/[slug]/layout.tsx` is the backstop and
+    `notFound()`s on a mismatch the proxy could not read the slug to correct.
+  - **A signed-in rep does not see the landing page.** `/` resolves to their
+    workspace, which is what keeps every `callbackURL` and post-onboarding
+    `redirect("/")` in the codebase correct without any of them learning what a
+    slug is. There is one place to change that if the landing page should ever
+    outrank the CRM: `appPath` in `proxy.ts`.
+  - **Renaming moves the URL, so the form moves with it.** `workspace.update`
+    returns the new slug and `workspace-form.tsx` replaces the current location
+    onto it. Without that, saving a rename leaves the browser sitting on a slug
+    that no longer resolves, and the next navigation 404s at the person who just
+    renamed their own company.
 - **The website is the field with a consequence.** Saving it queues the agent's
   `workspace-profile` task, and what comes back is read into the opening context
   of every session the agent runs — see
diff --git a/packages/auth/src/index.ts b/packages/auth/src/index.ts
index 19f9426e..4fed1a17 100644
--- a/packages/auth/src/index.ts
+++ b/packages/auth/src/index.ts
@@ -10,7 +10,6 @@ export {
 	isWorkspaceRole,
 	WORKSPACE_ID,
 	WORKSPACE_ROLES,
-	WORKSPACE_SLUG,
 	type WorkspaceRole,
 } from "./organization";
 export {
diff --git a/packages/auth/src/organization.ts b/packages/auth/src/organization.ts
index 18ab8e7b..35397ec5 100644
--- a/packages/auth/src/organization.ts
+++ b/packages/auth/src/organization.ts
@@ -1,10 +1,8 @@
 import { db } from "@crm/db";
-import { WORKSPACE_ID } from "@crm/db/workspace";
+import { WORKSPACE_ID, workspaceSlug } from "@crm/db/workspace";
 
 export { WORKSPACE_ID };
 
-export const WORKSPACE_SLUG = "workspace";
-
 export const DEFAULT_WORKSPACE_NAME = "CRM";
 
 export const WORKSPACE_ROLES = ["owner", "admin", "member"] as const;
@@ -37,13 +35,22 @@ export async function ensureWorkspaceMembership(
 				create: {
 					id: WORKSPACE_ID,
 					name: DEFAULT_WORKSPACE_NAME,
-					slug: WORKSPACE_SLUG,
+					slug: workspaceSlug(DEFAULT_WORKSPACE_NAME),
 					createdAt: new Date(),
 				},
 				update: {},
-				select: { id: true },
+				select: { id: true, name: true, slug: true },
 			});
 
+			const slug = workspaceSlug(workspace.name);
+
+			if (workspace.slug !== slug) {
+				await tx.organization.update({
+					where: { id: workspace.id },
+					data: { slug },
+				});
+			}
+
 			const enrolled = await tx.member.count({
 				where: { organizationId: workspace.id },
 			});
diff --git a/packages/auth/test/organization.integration.spec.ts b/packages/auth/test/organization.integration.spec.ts
index 3d685f56..7b568949 100644
--- a/packages/auth/test/organization.integration.spec.ts
+++ b/packages/auth/test/organization.integration.spec.ts
@@ -14,7 +14,12 @@ const suffix = process.env.TEST_RUN_ID ?? "organization-spec";
 const emailOf = (label: string) => `${label}.${suffix}@example.test`;
 
 type Snapshot = {
-	organization: { name: string; slug: string; website: string | null } | null;
+	organization: {
+		name: string;
+		slug: string;
+		website: string | null;
+		metadata: string | null;
+	} | null;
 	members: { id: string; userId: string; role: string; createdAt: Date }[];
 };
 
@@ -57,7 +62,7 @@ const clear = async () => {
 beforeAll(async () => {
 	const organization = await db.organization.findUnique({
 		where: { id: WORKSPACE_ID },
-		select: { name: true, slug: true, website: true },
+		select: { name: true, slug: true, website: true, metadata: true },
 	});
 
 	snapshot = {
diff --git a/packages/db/src/workspace.ts b/packages/db/src/workspace.ts
index 8d35a736..c7053329 100644
--- a/packages/db/src/workspace.ts
+++ b/packages/db/src/workspace.ts
@@ -3,6 +3,37 @@ import type { WorkspaceProfileSections } from "./json";
 
 export const WORKSPACE_ID = "workspace";
 
+export const DEFAULT_WORKSPACE_SLUG = "workspace";
+
+export const MAX_SLUG = 48;
+
+export const RESERVED_SLUGS: readonly string[] = [
+	"_next",
+	"api",
+	"companies",
+	"contacts",
+	"deals",
+	"eve",
+	"grant-access",
+	"onboarding",
+	"settings",
+	"sign-in",
+];
+
+export function workspaceSlug(name: string): string {
+	const base = name
+		.normalize("NFKD")
+		.replace(/\p{M}/gu, "")
+		.toLowerCase()
+		.replace(/[^a-z0-9]+/g, "-")
+		.slice(0, MAX_SLUG)
+		.replace(/^-+|-+$/g, "");
+
+	if (!base) return DEFAULT_WORKSPACE_SLUG;
+
+	return RESERVED_SLUGS.includes(base) ? `${base}-crm` : base;
+}
+
 export const MAX_NARRATIVE = 320;
 
 export const MAX_LINE = 140;
diff --git a/packages/db/test/workspace-slug.spec.ts b/packages/db/test/workspace-slug.spec.ts
new file mode 100644
index 00000000..941e1040
--- /dev/null
+++ b/packages/db/test/workspace-slug.spec.ts
@@ -0,0 +1,50 @@
+import { describe, expect, it } from "bun:test";
+import {
+	DEFAULT_WORKSPACE_SLUG,
+	MAX_SLUG,
+	RESERVED_SLUGS,
+	workspaceSlug,
+} from "../src/workspace";
+
+describe("workspaceSlug", () => {
+	it("is the company name a rep can read in the address bar", () => {
+		expect(workspaceSlug("Comp AI")).toBe("comp-ai");
+		expect(workspaceSlug("Acme")).toBe("acme");
+		expect(workspaceSlug("Northwind Savings Group")).toBe(
+			"northwind-savings-group",
+		);
+	});
+
+	it("keeps the punctuation out of the URL rather than escaping it", () => {
+		expect(workspaceSlug("  Fernhill & Co.  ")).toBe("fernhill-co");
+		expect(workspaceSlug("Reply.io")).toBe("reply-io");
+		expect(workspaceSlug("Zoë Söderberg AB")).toBe("zoe-soderberg-ab");
+	});
+
+	it("never collides with a route the app already serves", () => {
+		for (const reserved of RESERVED_SLUGS) {
+			expect(workspaceSlug(reserved)).not.toBe(reserved);
+		}
+
+		expect(workspaceSlug("Settings")).toBe("settings-crm");
+		expect(workspaceSlug("Sign In")).toBe("sign-in-crm");
+	});
+
+	it("falls back rather than producing an empty segment", () => {
+		expect(workspaceSlug("")).toBe(DEFAULT_WORKSPACE_SLUG);
+		expect(workspaceSlug("   ")).toBe(DEFAULT_WORKSPACE_SLUG);
+		expect(workspaceSlug("——")).toBe(DEFAULT_WORKSPACE_SLUG);
+		expect(workspaceSlug("株式会社")).toBe(DEFAULT_WORKSPACE_SLUG);
+	});
+
+	it("is bounded, and never ends on the dash the cut left behind", () => {
+		const slug = workspaceSlug(`${"a".repeat(MAX_SLUG)} Holdings`);
+
+		expect(slug).toHaveLength(MAX_SLUG);
+		expect(slug.endsWith("-")).toBe(false);
+	});
+
+	it("gives one name one answer, whoever asks", () => {
+		expect(workspaceSlug("Comp AI")).toBe(workspaceSlug("comp  ai"));
+	});
+});

From f266040348e91c689170be5d459fe8a9dbf5df64 Mon Sep 17 00:00:00 2001
From: Lewis Carhart <lewis@trycomp.ai>
Date: Tue, 4 Aug 2026 17:21:12 -0400
Subject: [PATCH 2/5] feat(seo-audit): add SEO audit skill and related
 resources

- Introduced a new SEO audit skill with comprehensive guidelines for diagnosing SEO issues.
- Added detailed evaluation scenarios to test the skill's effectiveness in various contexts.
- Included references for AI writing detection and international SEO best practices.
- Enhanced landing page components for improved user engagement and navigation.
- Created new sections for agent capabilities and user interaction features.
---
 .agents/skills/seo-audit/SKILL.md             | 497 ++++++++++++++++++
 .agents/skills/seo-audit/evals/evals.json     | 136 +++++
 .../references/ai-writing-detection.md        | 200 +++++++
 .../seo-audit/references/international-seo.md | 230 ++++++++
 .claude/skills/seo-audit                      |   1 +
 apps/app/app/(landing)/page.tsx               |  79 +--
 apps/app/components/landing/agent-section.tsx | 157 ++++++
 apps/app/components/landing/ask-card.tsx      |  73 +++
 apps/app/components/landing/bento-card.tsx    |  61 +++
 apps/app/components/landing/built-with.tsx    |  30 ++
 .../landing/capabilities-section.tsx          | 230 ++++++++
 apps/app/components/landing/chip.tsx          |  26 +
 apps/app/components/landing/closing-cta.tsx   |  19 +
 .../components/landing/github-star-button.tsx |  38 ++
 apps/app/components/landing/hero.tsx          |  25 +
 .../app/components/landing/landing-footer.tsx |  59 +++
 apps/app/components/landing/landing-nav.tsx   |  14 +
 apps/app/components/landing/links.ts          |  10 +
 .../landing/product-shot/companies-page.tsx   | 213 ++++++++
 .../landing/product-shot/companies.ts         |  72 +++
 .../landing/product-shot/company-mark.tsx     |  51 ++
 .../landing/product-shot/company-sheet.tsx    | 270 ++++++++++
 .../landing/product-shot/product-shot.tsx     |  94 ++++
 .../components/landing/section-heading.tsx    |  18 +
 apps/app/components/landing/send-arrow.tsx    |  21 +
 .../landing/setup-prompt-button.tsx           |  48 ++
 apps/app/components/landing/wordmark.tsx      |  18 +
 apps/app/public/landing/avatar-dan.png        | Bin 0 -> 7955 bytes
 apps/app/public/landing/avatar-patrick.jpg    | Bin 0 -> 3817 bytes
 apps/app/public/landing/avatar-user.png       | Bin 0 -> 1420 bytes
 apps/app/public/landing/logos/auditbot.webp   | Bin 0 -> 660 bytes
 apps/app/public/landing/logos/piku.webp       | Bin 0 -> 812 bytes
 apps/app/public/landing/logos/ridgetop.webp   | Bin 0 -> 428 bytes
 .../app/public/landing/logos/roo-capital.webp | Bin 0 -> 170 bytes
 .../landing/logos/social-good-software.webp   | Bin 0 -> 1902 bytes
 apps/app/public/landing/logos/tawkeed.webp    | Bin 0 -> 370 bytes
 .../landing/logos/tristar-fulfillment.webp    | Bin 0 -> 1524 bytes
 .../ui/src/components/brand-logos/claude.tsx  |  17 +
 .../ui/src/components/brand-logos/eve.tsx     |  17 +
 .../ui/src/components/brand-logos/github.tsx  |  17 +
 .../ui/src/components/brand-logos/nextjs.tsx  |  17 +
 .../ui/src/components/brand-logos/slack.tsx   |  31 ++
 .../ui/src/components/brand-logos/stripe.tsx  |  17 +
 .../ui/src/components/brand-logos/vercel.tsx  |  14 +
 packages/ui/src/components/button.tsx         |   3 +
 packages/ui/src/components/link.tsx           |  49 ++
 skills-lock.json                              |   6 +
 47 files changed, 2822 insertions(+), 56 deletions(-)
 create mode 100644 .agents/skills/seo-audit/SKILL.md
 create mode 100644 .agents/skills/seo-audit/evals/evals.json
 create mode 100644 .agents/skills/seo-audit/references/ai-writing-detection.md
 create mode 100644 .agents/skills/seo-audit/references/international-seo.md
 create mode 120000 .claude/skills/seo-audit
 create mode 100644 apps/app/components/landing/agent-section.tsx
 create mode 100644 apps/app/components/landing/ask-card.tsx
 create mode 100644 apps/app/components/landing/bento-card.tsx
 create mode 100644 apps/app/components/landing/built-with.tsx
 create mode 100644 apps/app/components/landing/capabilities-section.tsx
 create mode 100644 apps/app/components/landing/chip.tsx
 create mode 100644 apps/app/components/landing/closing-cta.tsx
 create mode 100644 apps/app/components/landing/github-star-button.tsx
 create mode 100644 apps/app/components/landing/hero.tsx
 create mode 100644 apps/app/components/landing/landing-footer.tsx
 create mode 100644 apps/app/components/landing/landing-nav.tsx
 create mode 100644 apps/app/components/landing/links.ts
 create mode 100644 apps/app/components/landing/product-shot/companies-page.tsx
 create mode 100644 apps/app/components/landing/product-shot/companies.ts
 create mode 100644 apps/app/components/landing/product-shot/company-mark.tsx
 create mode 100644 apps/app/components/landing/product-shot/company-sheet.tsx
 create mode 100644 apps/app/components/landing/product-shot/product-shot.tsx
 create mode 100644 apps/app/components/landing/section-heading.tsx
 create mode 100644 apps/app/components/landing/send-arrow.tsx
 create mode 100644 apps/app/components/landing/setup-prompt-button.tsx
 create mode 100644 apps/app/components/landing/wordmark.tsx
 create mode 100644 apps/app/public/landing/avatar-dan.png
 create mode 100644 apps/app/public/landing/avatar-patrick.jpg
 create mode 100644 apps/app/public/landing/avatar-user.png
 create mode 100644 apps/app/public/landing/logos/auditbot.webp
 create mode 100644 apps/app/public/landing/logos/piku.webp
 create mode 100644 apps/app/public/landing/logos/ridgetop.webp
 create mode 100644 apps/app/public/landing/logos/roo-capital.webp
 create mode 100644 apps/app/public/landing/logos/social-good-software.webp
 create mode 100644 apps/app/public/landing/logos/tawkeed.webp
 create mode 100644 apps/app/public/landing/logos/tristar-fulfillment.webp
 create mode 100644 packages/ui/src/components/brand-logos/claude.tsx
 create mode 100644 packages/ui/src/components/brand-logos/eve.tsx
 create mode 100644 packages/ui/src/components/brand-logos/github.tsx
 create mode 100644 packages/ui/src/components/brand-logos/nextjs.tsx
 create mode 100644 packages/ui/src/components/brand-logos/slack.tsx
 create mode 100644 packages/ui/src/components/brand-logos/stripe.tsx
 create mode 100644 packages/ui/src/components/brand-logos/vercel.tsx
 create mode 100644 packages/ui/src/components/link.tsx

diff --git a/.agents/skills/seo-audit/SKILL.md b/.agents/skills/seo-audit/SKILL.md
new file mode 100644
index 00000000..c525957d
--- /dev/null
+++ b/.agents/skills/seo-audit/SKILL.md
@@ -0,0 +1,497 @@
+---
+name: seo-audit
+description: When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," "SEO health check," "my traffic dropped," "lost rankings," "not showing up in Google," "site isn't ranking," "Google update hit me," "page speed," "core web vitals," "crawl errors," or "indexing issues." Use this even if the user just says something vague like "my SEO is bad" or "help with SEO" — start with an audit. For building pages at scale to target keywords, see programmatic-seo. For adding structured data, see schema. For AI search optimization, see ai-seo.
+metadata:
+  version: 2.0.0
+---
+
+# SEO Audit
+
+You are an expert in search engine optimization. Your goal is to identify SEO issues and provide actionable recommendations to improve organic search performance.
+
+## Initial Assessment
+
+**Check for product marketing context first:**
+If `.agents/product-marketing.md` exists (or `.claude/product-marketing.md`, or the legacy `product-marketing-context.md` filename, in older setups), read it before asking questions. Use that context and only ask for information not already covered or specific to this task.
+
+Before auditing, understand:
+
+1. **Site Context**
+   - What type of site? (SaaS, e-commerce, blog, etc.)
+   - What's the primary business goal for SEO?
+   - What keywords/topics are priorities?
+
+2. **Current State**
+   - Any known issues or concerns?
+   - Current organic traffic level?
+   - Recent changes or migrations?
+
+3. **Scope**
+   - Full site audit or specific pages?
+   - Technical + on-page, or one focus area?
+   - Access to Search Console / analytics?
+
+---
+
+## Audit Framework
+
+### Schema Markup Detection Limitation
+
+**`web_fetch` and `curl` cannot reliably detect structured data / schema markup.**
+
+Many CMS plugins (AIOSEO, Yoast, RankMath) inject JSON-LD via client-side JavaScript — it won't appear in static HTML or `web_fetch` output (which strips `<script>` tags during conversion).
+
+**To accurately check for schema markup, use one of these methods:**
+1. **Browser tool** — render the page and run: `document.querySelectorAll('script[type="application/ld+json"]')`
+2. **Google Rich Results Test** — https://search.google.com/test/rich-results
+3. **Screaming Frog export** — if the client provides one, use it (SF renders JavaScript)
+
+Reporting "no schema found" based solely on `web_fetch` or `curl` leads to false audit findings — these tools can't see JS-injected schema.
+
+### Priority Order
+1. **Crawlability & Indexation** (can Google find and index it?)
+2. **Technical Foundations** (is the site fast and functional?)
+3. **On-Page Optimization** (is content optimized?)
+4. **Content Quality** (does it deserve to rank?)
+5. **Authority & Links** (does it have credibility?)
+
+---
+
+## Technical SEO Audit
+
+### Crawlability
+
+**Robots.txt**
+- Check for unintentional blocks
+- Verify important pages allowed
+- Check sitemap reference
+
+**XML Sitemap**
+- Exists and accessible
+- Submitted to Search Console
+- Contains only canonical, indexable URLs
+- Updated regularly
+- Proper formatting
+
+**Site Architecture**
+- Important pages within 3 clicks of homepage
+- Logical hierarchy
+- Internal linking structure
+- No orphan pages
+
+**Crawl Budget Issues** (for large sites)
+- Parameterized URLs under control
+- Faceted navigation handled properly
+- Infinite scroll with pagination fallback
+- Session IDs not in URLs
+
+### Indexation
+
+**Index Status**
+- site:domain.com check
+- Search Console coverage report
+- Compare indexed vs. expected
+
+**Indexation Issues**
+- Noindex tags on important pages
+- Canonicals pointing wrong direction
+- Redirect chains/loops
+- Soft 404s
+- Duplicate content without canonicals
+
+**Canonicalization**
+- All pages have canonical tags
+- Self-referencing canonicals on unique pages
+- HTTP → HTTPS canonicals
+- www vs. non-www consistency
+- Trailing slash consistency
+
+### Site Speed & Core Web Vitals
+
+**Core Web Vitals**
+- LCP (Largest Contentful Paint): < 2.5s
+- INP (Interaction to Next Paint): < 200ms
+- CLS (Cumulative Layout Shift): < 0.1
+
+**Speed Factors**
+- Server response time (TTFB)
+- Image optimization
+- JavaScript execution
+- CSS delivery
+- Caching headers
+- CDN usage
+- Font loading
+
+**Tools**
+- PageSpeed Insights
+- WebPageTest
+- Chrome DevTools
+- Search Console Core Web Vitals report
+
+### Mobile-Friendliness
+
+- Responsive design (not separate m. site)
+- Tap target sizes
+- Viewport configured
+- No horizontal scroll
+- Same content as desktop
+- Mobile-first indexing readiness
+
+### Security & HTTPS
+
+- HTTPS across entire site
+- Valid SSL certificate
+- No mixed content
+- HTTP → HTTPS redirects
+- HSTS header (bonus)
+
+### URL Structure
+
+- Readable, descriptive URLs
+- Keywords in URLs where natural
+- Consistent structure
+- No unnecessary parameters
+- Lowercase and hyphen-separated
+
+---
+
+## International SEO & Localization
+
+Check when the site serves multiple languages or regions. Misconfigurations can suppress indexing of entire locale variants or drag down site-wide quality signals. See [International SEO reference](references/international-seo.md) for evidence and source URLs.
+
+### Hreflang
+
+Three equivalent placement methods: HTML `<link>` in `<head>`, HTTP `Link` headers, XML sitemap `<xhtml:link>`. If using multiple, they must agree -- conflicting signals cause Google to drop that pair. For 10+ locales, prefer sitemap-based (no page weight, no per-request cost).
+
+**Check for:**
+- Self-referencing entry on every page (page must include itself in the hreflang set)
+- Reciprocal links (if A points to B, B must point back to A -- or both are ignored)
+- Valid codes: ISO 639-1 language + optional ISO 3166-1 Alpha 2 region (e.g., `en`, `en-GB` -- never `en-UK`)
+- `x-default` present, pointing to fallback page (language selector or default locale)
+- All target URLs return 200, are indexable, and match their canonical URL
+- No duplicate language-region codes pointing to different URLs
+
+**Common errors:** Missing self-referencing entry (all hreflang ignored). No return tag / one-directional (pair dropped). Invalid codes like `en-UK` (use `en-GB`). Hreflang target is non-canonical, 404, or blocked (cluster discarded). HTML and sitemap annotations disagree (conflicting pair dropped).
+
+**At scale:** `<xhtml:link>` children don't count toward 50K URL sitemap limit, but the 50MB file size limit becomes the bottleneck (plan 2K-5K URLs per file with full hreflang). Focus hreflang on pages receiving wrong-language traffic -- not required on every page. For Bing: supplement with `<html lang>` and `<meta http-equiv="content-language">` (Bing treats hreflang as a weak signal).
+
+### Canonicalization for Multilingual Sites
+
+- Each locale page must self-canonical (e.g., `/ar/page` canonicals to `/ar/page`)
+- Never cross-locale canonical (French to English) -- suppresses the non-canonical locale entirely
+- Canonical URL must appear in the hreflang set -- if not, all hreflang is ignored
+- Canonical overrides hreflang when they conflict
+- Protocol/domain must be consistent across canonical, hreflang, and sitemap (`https` + same domain variant)
+- Paginated locale pages: self-referencing canonical per page (never canonical page 2+ to page 1)
+
+**Common mistakes:** all locales canonical to English (kills indexing), canonical URL not in hreflang set (silently ignored), protocol mismatch between canonical and hreflang, CMS setting deep page canonical to homepage.
+
+### International Sitemaps
+
+**Check for:**
+- `xmlns:xhtml` namespace on `<urlset>`, each `<url>` includes `<xhtml:link>` for all locales including itself
+- `x-default` alternate included; all URLs absolute (full protocol + domain)
+- Sitemap index in Search Console and robots.txt; split by content type, not by locale
+
+**Next.js caveat:** `alternates.languages` does NOT auto-include a self-referencing `<xhtml:link>` for the `<loc>` URL -- you must add the current locale explicitly.
+
+### Locale URL Structure
+
+**Recommended:** Subdirectories (`/en/`, `/ar/`). **Acceptable:** Subdomains or ccTLDs. **Not recommended:** URL parameters (`?lang=en`).
+
+**Check for:**
+- Consistent locale prefix strategy; all locales prefixed (hiding locale from URLs prevents Google from distinguishing versions)
+- Root URL handled as `x-default` with redirect, or serves default locale content
+- No IP/Accept-Language content negotiation (Googlebot: US IPs, no Accept-Language header)
+- Trailing slash + case consistency across locale paths, canonicals, hreflang, and sitemaps
+- 301 redirects from non-canonical format to canonical
+
+**Note:** Google's International Targeting report in Search Console is deprecated. Geotargeting relies on hreflang, content signals, and linking patterns.
+
+### Content Quality Across Locales
+
+**Translation quality:**
+- AI-translated content is not inherently spam (Google's 2025 stance), but scaled low-value translations can trigger scaled content abuse policy
+- Google uses visible content to determine language -- translate ALL page content (title, description, headings, body), not just boilerplate
+- Translating only template/nav while main content stays in original language creates duplicates
+
+**Thin locale pages:**
+- Helpful content system is site-wide -- many thin locale pages can suppress rankings for strong pages too
+- Don't noindex thin locales (wastes crawl budget) or cross-locale canonical (conflicts with hreflang)
+- Best approach: don't create locale pages you cannot make genuinely helpful
+
+**Check for:**
+- All locale pages have fully translated main content (not just UI chrome)
+- No near-identical content across locales ("Duplicate, Google chose different canonical" in GSC)
+- Hreflang only for locales with genuine content and search demand
+- Localized signals: currency, phone format, addresses where applicable
+- Broken hreflang links (404s, redirects) waste crawl budget AND invalidate hreflang clusters
+
+---
+
+## On-Page SEO Audit
+
+### Title Tags
+
+**Check for:**
+- Unique titles for each page
+- Primary keyword near beginning
+- 50-60 characters (visible in SERP)
+- Compelling and click-worthy
+- Brand name placement (end, usually)
+
+**Common issues:**
+- Duplicate titles
+- Too long (truncated)
+- Too short (wasted opportunity)
+- Keyword stuffing
+- Missing entirely
+
+### Meta Descriptions
+
+**Check for:**
+- Unique descriptions per page
+- 150-160 characters
+- Includes primary keyword
+- Clear value proposition
+- Call to action
+
+**Common issues:**
+- Duplicate descriptions
+- Auto-generated garbage
+- Too long/short
+- No compelling reason to click
+
+### Heading Structure
+
+**Check for:**
+- One H1 per page
+- H1 contains primary keyword
+- Logical hierarchy (H1 → H2 → H3)
+- Headings describe content
+- Not just for styling
+
+**Common issues:**
+- Multiple H1s
+- Skip levels (H1 → H3)
+- Headings used for styling only
+- No H1 on page
+
+### Content Optimization
+
+**Primary Page Content**
+- Keyword in first 100 words
+- Related keywords naturally used
+- Sufficient depth/length for topic
+- Answers search intent
+- Better than competitors
+
+**Thin Content Issues**
+- Pages with little unique content
+- Tag/category pages with no value
+- Doorway pages
+- Duplicate or near-duplicate content
+
+### Image Optimization
+
+**Check for:**
+- Descriptive file names
+- Alt text on all images
+- Alt text describes image
+- Compressed file sizes
+- Modern formats (WebP)
+- Lazy loading implemented
+- Responsive images
+
+### Internal Linking
+
+**Check for:**
+- Important pages well-linked
+- Descriptive anchor text
+- Logical link relationships
+- No broken internal links
+- Reasonable link count per page
+
+**Common issues:**
+- Orphan pages (no internal links)
+- Over-optimized anchor text
+- Important pages buried
+- Excessive footer/sidebar links
+
+### Keyword Targeting
+
+**Per Page**
+- Clear primary keyword target
+- Title, H1, URL aligned
+- Content satisfies search intent
+- Not competing with other pages (cannibalization)
+
+**Site-Wide**
+- Keyword mapping document
+- No major gaps in coverage
+- No keyword cannibalization
+- Logical topical clusters
+
+---
+
+## Content Quality Assessment
+
+### E-E-A-T Signals
+
+**Experience**
+- First-hand experience demonstrated
+- Original insights/data
+- Real examples and case studies
+
+**Expertise**
+- Author credentials visible
+- Accurate, detailed information
+- Properly sourced claims
+
+**Authoritativeness**
+- Recognized in the space
+- Cited by others
+- Industry credentials
+
+**Trustworthiness**
+- Accurate information
+- Transparent about business
+- Contact information available
+- Privacy policy, terms
+- Secure site (HTTPS)
+
+### Content Depth
+
+- Comprehensive coverage of topic
+- Answers follow-up questions
+- Better than top-ranking competitors
+- Updated and current
+
+### User Engagement Signals
+
+- Time on page
+- Bounce rate in context
+- Pages per session
+- Return visits
+
+---
+
+## Common Issues by Site Type
+
+### SaaS/Product Sites
+- Product pages lack content depth
+- Blog not integrated with product pages
+- Missing comparison/alternative pages
+- Feature pages thin on content
+- No glossary/educational content
+
+### E-commerce
+- Thin category pages
+- Duplicate product descriptions
+- Missing product schema
+- Faceted navigation creating duplicates
+- Out-of-stock pages mishandled
+
+### Content/Blog Sites
+- Outdated content not refreshed
+- Keyword cannibalization
+- No topical clustering
+- Poor internal linking
+- Missing author pages
+
+### Multilingual / Multi-Regional Sites
+- Hreflang errors (missing return tags, invalid codes, no self-reference)
+- Canonical conflicting with hreflang (cross-locale canonical suppresses indexing)
+- Thin locale pages dragging down site-wide quality signal
+- Only boilerplate translated, main content identical across locales
+- No x-default fallback declared
+- Sitemap missing hreflang alternates or missing reciprocal entries
+- IP-based redirects hiding content from Googlebot
+- Framework locale mode hiding locale from URLs
+
+### Local Business
+- Inconsistent NAP
+- Missing local schema
+- No Google Business Profile optimization
+- Missing location pages
+- No local content
+
+---
+
+## Output Format
+
+### Audit Report Structure
+
+**Executive Summary**
+- Overall health assessment
+- Top 3-5 priority issues
+- Quick wins identified
+
+**Technical SEO Findings**
+For each issue:
+- **Issue**: What's wrong
+- **Impact**: SEO impact (High/Medium/Low)
+- **Evidence**: How you found it
+- **Fix**: Specific recommendation
+- **Priority**: 1-5 or High/Medium/Low
+
+**On-Page SEO Findings**
+Same format as above
+
+**Content Findings**
+Same format as above
+
+**Prioritized Action Plan**
+1. Critical fixes (blocking indexation/ranking)
+2. High-impact improvements
+3. Quick wins (easy, immediate benefit)
+4. Long-term recommendations
+
+---
+
+## References
+
+- [AI Writing Detection](references/ai-writing-detection.md): Common AI writing patterns to avoid (em dashes, overused phrases, filler words)
+- [International SEO](references/international-seo.md): Evidence and sources for hreflang, canonical + i18n, sitemaps, URL structure, and content quality across locales
+- For AI search optimization (AEO, GEO, LLMO, AI Overviews), see the **ai-seo** skill
+
+---
+
+## Tools Referenced
+
+**Free Tools**
+- Google Search Console (essential)
+- Google PageSpeed Insights
+- Bing Webmaster Tools
+- Rich Results Test (**use this for schema validation — it renders JavaScript**)
+- Mobile-Friendly Test
+- Schema Validator
+
+> **Note on schema detection:** `web_fetch` strips `<script>` tags (including JSON-LD) and cannot detect JS-injected schema. Use the browser tool, Rich Results Test, or Screaming Frog instead — they render JavaScript and capture dynamically-injected markup. See the Schema Markup Detection Limitation section above.
+
+**Paid Tools** (if available)
+- Screaming Frog
+- Ahrefs / Semrush
+- Sitebulb
+- ContentKing
+
+---
+
+## Task-Specific Questions
+
+1. What pages/keywords matter most?
+2. Do you have Search Console access?
+3. Any recent changes or migrations?
+4. Who are your top organic competitors?
+5. What's your current organic traffic baseline?
+
+---
+
+## Related Skills
+
+- **ai-seo**: For optimizing content for AI search engines (AEO, GEO, LLMO)
+- **programmatic-seo**: For building SEO pages at scale
+- **site-architecture**: For page hierarchy, navigation design, and URL structure
+- **schema**: For implementing structured data
+- **cro**: For optimizing pages for conversion (not just ranking)
+- **analytics**: For measuring SEO performance
diff --git a/.agents/skills/seo-audit/evals/evals.json b/.agents/skills/seo-audit/evals/evals.json
new file mode 100644
index 00000000..e3415c5b
--- /dev/null
+++ b/.agents/skills/seo-audit/evals/evals.json
@@ -0,0 +1,136 @@
+{
+  "skill_name": "seo-audit",
+  "evals": [
+    {
+      "id": 1,
+      "prompt": "Can you do an SEO audit of our SaaS website? We're getting about 2,000 organic visits/month but feel like we should be getting more. URL: https://example.com",
+      "expected_output": "Should check for product-marketing.md first. Should ask clarifying questions about priority keywords, Search Console access, recent changes, and competitors. Should follow the audit framework priority order: Crawlability & Indexation, Technical Foundations, On-Page Optimization, Content Quality, Authority & Links. Should check robots.txt, XML sitemap, site architecture. Should evaluate title tags, meta descriptions, heading structure, and content optimization. Should NOT report on schema markup based solely on web_fetch (must note the detection limitation). Output should follow the Audit Report Structure: Executive Summary, Technical SEO Findings, On-Page SEO Findings, Content Findings, and Prioritized Action Plan.",
+      "assertions": [
+        "Checks for product-marketing.md",
+        "Asks clarifying questions about keywords, Search Console, recent changes",
+        "Follows audit priority order: crawlability first, then technical, on-page, content, authority",
+        "Checks robots.txt and XML sitemap",
+        "Evaluates title tags, meta descriptions, heading structure",
+        "Does NOT claim 'no schema found' based on web_fetch alone",
+        "Notes schema markup detection limitation",
+        "Output has Executive Summary",
+        "Output has Prioritized Action Plan",
+        "Each finding has Issue, Impact, Evidence, Fix, and Priority"
+      ],
+      "files": []
+    },
+    {
+      "id": 2,
+      "prompt": "Why am I not ranking for 'project management software'? We have a page targeting that keyword but it's stuck on page 3.",
+      "expected_output": "Should trigger on the casual 'why am I not ranking' phrasing. Should investigate both on-page and off-page factors. On-page: check title tag, H1, URL alignment with keyword; evaluate content depth vs competitors; check for keyword cannibalization. Technical: check indexation status, canonical tags, crawlability. Content quality: assess E-E-A-T signals, content depth, user engagement. Should provide specific, actionable fixes organized by priority. Should mention competitive analysis against current top-ranking pages.",
+      "assertions": [
+        "Triggers on casual 'why am I not ranking' phrasing",
+        "Checks title tag, H1, URL alignment with target keyword",
+        "Evaluates content depth vs competitors",
+        "Checks for keyword cannibalization",
+        "Checks indexation status and canonical tags",
+        "Assesses E-E-A-T signals",
+        "Mentions competitive analysis against top-ranking pages",
+        "Provides actionable fixes organized by priority"
+      ],
+      "files": []
+    },
+    {
+      "id": 3,
+      "prompt": "We just migrated from WordPress to Next.js and our organic traffic dropped 40% in the last month. Help!",
+      "expected_output": "Should treat this as an urgent migration diagnostic. Should immediately check: redirect mapping (301s from old URLs to new), canonical tags on new pages, robots.txt not blocking crawlers, XML sitemap submitted and updated, meta tags preserved. Should check for common migration issues: redirect chains/loops, soft 404s, lost internal links, changed URL structures without redirects. Should reference Search Console coverage report for indexation issues. Should provide a prioritized recovery plan with critical fixes first. Should mention monitoring timeline expectations (recovery can take weeks).",
+      "assertions": [
+        "Treats as urgent migration diagnostic",
+        "Checks redirect mapping (301s)",
+        "Checks canonical tags on new pages",
+        "Checks robots.txt not blocking crawlers",
+        "Checks XML sitemap updated and submitted",
+        "Checks for redirect chains or loops",
+        "Checks for soft 404s",
+        "References Search Console coverage report",
+        "Provides prioritized recovery plan",
+        "Mentions recovery timeline expectations"
+      ],
+      "files": []
+    },
+    {
+      "id": 4,
+      "prompt": "Review the technical SEO of our e-commerce site. We have about 50,000 products and use faceted navigation.",
+      "expected_output": "Should focus on e-commerce-specific technical issues: faceted navigation creating duplicate content, crawl budget management for large product catalog, parameterized URLs, product schema markup (with the caveat about detection limitations). Should check for thin category pages, duplicate product descriptions, out-of-stock page handling. Should address crawl budget issues: pagination, infinite scroll handling, session IDs in URLs. Should provide structured findings with Impact ratings and specific fixes.",
+      "assertions": [
+        "Addresses faceted navigation duplicate content",
+        "Addresses crawl budget for large catalog",
+        "Checks for parameterized URL issues",
+        "Mentions product schema with detection limitation caveat",
+        "Checks for thin category pages",
+        "Checks for duplicate product descriptions",
+        "Addresses out-of-stock page handling",
+        "Addresses pagination and infinite scroll",
+        "Findings include Impact ratings and specific fixes"
+      ],
+      "files": []
+    },
+    {
+      "id": 5,
+      "prompt": "Can you check our blog posts for on-page SEO issues? We publish 4 posts per week but traffic has been flat for 6 months.",
+      "expected_output": "Should apply the Content/Blog Sites framework: check for outdated content not refreshed, keyword cannibalization, missing topical clustering, poor internal linking, missing author pages. Should audit on-page elements: title tags, meta descriptions, heading structure, keyword targeting per post. Should assess E-E-A-T signals for blog content. Should check for content depth issues and whether posts answer search intent. Should recommend a content audit process and provide a prioritized action plan for the existing content library.",
+      "assertions": [
+        "Applies Content/Blog Sites framework",
+        "Checks for outdated content",
+        "Checks for keyword cannibalization",
+        "Checks for topical clustering",
+        "Checks for internal linking quality",
+        "Checks for author pages and E-E-A-T signals",
+        "Audits title tags, meta descriptions, heading structure",
+        "Assesses whether content answers search intent",
+        "Recommends content audit process",
+        "Provides prioritized action plan"
+      ],
+      "files": []
+    },
+    {
+      "id": 6,
+      "prompt": "I run a local plumbing business with 3 locations. My website barely shows up when people search for 'plumber near me' in our areas. What's wrong?",
+      "expected_output": "Should apply the Local Business site-type framework. Should check for: inconsistent NAP (Name, Address, Phone) across the site, missing local schema markup (with detection limitation caveat), Google Business Profile optimization, missing individual location pages for each of the 3 locations, and missing local content. Should also check standard technical and on-page factors. Should recommend local-specific fixes: location-specific pages with unique content, local schema on each, GBP optimization, citation consistency.",
+      "assertions": [
+        "Applies Local Business framework",
+        "Checks NAP consistency",
+        "Checks for local schema markup with detection caveat",
+        "Addresses Google Business Profile optimization",
+        "Recommends individual location pages for each location",
+        "Recommends local content strategy",
+        "Checks standard technical SEO factors too",
+        "Provides prioritized local SEO action plan"
+      ],
+      "files": []
+    },
+    {
+      "id": 7,
+      "prompt": "Our site loads really slowly, especially on mobile. Pages take 5-6 seconds to load. Is this hurting our SEO?",
+      "expected_output": "Should focus on Site Speed and Core Web Vitals. Should explain CWV thresholds: LCP < 2.5s, INP < 200ms, CLS < 0.1, and that 5-6s load time is well above acceptable. Should investigate speed factors: server response time (TTFB), image optimization, JavaScript execution, CSS delivery, caching headers, CDN usage, font loading. Should recommend specific tools: PageSpeed Insights, WebPageTest, Chrome DevTools, Search Console CWV report. Should explain that yes, page speed is a ranking factor and directly impacts SEO. Should provide prioritized fixes.",
+      "assertions": [
+        "Focuses on Core Web Vitals",
+        "Explains CWV thresholds (LCP, INP, CLS)",
+        "Identifies 5-6s as well above acceptable",
+        "Investigates specific speed factors",
+        "Recommends specific diagnostic tools",
+        "Confirms page speed impacts SEO rankings",
+        "Provides prioritized speed fixes",
+        "Addresses mobile-specific performance"
+      ],
+      "files": []
+    },
+    {
+      "id": 8,
+      "prompt": "I want to add FAQ schema to my product pages. Can you help me set that up?",
+      "expected_output": "Should recognize this is a schema markup implementation task, not an SEO audit. Should defer to or cross-reference the schema skill, which specifically handles structured data implementation including FAQ schema. May briefly mention that FAQ schema can enable rich results, but should make clear that schema is the right skill for implementation.",
+      "assertions": [
+        "Recognizes this as schema markup implementation",
+        "References or defers to schema skill",
+        "Does not attempt a full SEO audit",
+        "May briefly mention FAQ schema benefits"
+      ],
+      "files": []
+    }
+  ]
+}
diff --git a/.agents/skills/seo-audit/references/ai-writing-detection.md b/.agents/skills/seo-audit/references/ai-writing-detection.md
new file mode 100644
index 00000000..cb67ece4
--- /dev/null
+++ b/.agents/skills/seo-audit/references/ai-writing-detection.md
@@ -0,0 +1,200 @@
+# AI Writing Detection
+
+Words, phrases, and punctuation patterns commonly associated with AI-generated text. Avoid these to ensure writing sounds natural and human.
+
+Sources: Grammarly (2025), Microsoft 365 Life Hacks (2025), GPTHuman (2025), Walter Writes (2025), Textero (2025), Plagiarism Today (2025), Rolling Stone (2025), MDPI Blog (2025)
+
+---
+
+## Contents
+- Em Dashes: The Primary AI Tell
+- Overused Verbs
+- Overused Adjectives
+- Overused Transitions and Connectors
+- Phrases That Signal AI Writing (Opening Phrases, Transitional Phrases, Concluding Phrases, Structural Patterns)
+- Filler Words and Empty Intensifiers
+- Academic-Specific AI Tells
+- How to Self-Check
+
+## Em Dashes: The Primary AI Tell
+
+**The em dash (—) has become one of the most reliable markers of AI-generated content.**
+
+Em dashes are longer than hyphens (-) and are used for emphasis, interruptions, or parenthetical information. While they have legitimate uses in writing, AI models drastically overuse them.
+
+### Why Em Dashes Signal AI Writing
+- AI models were trained on edited books, academic papers, and style guides where em dashes appear frequently
+- AI uses em dashes as a shortcut for sentence variety instead of commas, colons, or parentheses
+- Most human writers rarely use em dashes because they don't exist as a standard keyboard key
+- The overuse is so consistent that it has become the unofficial signature of ChatGPT writing
+
+### What To Do Instead
+| Instead of | Use |
+|------------|-----|
+| The results—which were surprising—showed... | The results, which were surprising, showed... |
+| This approach—unlike traditional methods—allows... | This approach, unlike traditional methods, allows... |
+| The study found—as expected—that... | The study found, as expected, that... |
+| Communication skills—both written and verbal—are essential | Communication skills (both written and verbal) are essential |
+
+### Guidelines
+- Use commas for most parenthetical information
+- Use colons to introduce explanations or lists
+- Use parentheses for supplementary information
+- Reserve em dashes for rare, deliberate emphasis only
+- If you find yourself using more than one em dash per page, revise
+
+---
+
+## Overused Verbs
+
+| Avoid | Use Instead |
+|-------|-------------|
+| delve (into) | explore, examine, investigate, look at |
+| leverage | use, apply, draw on |
+| optimise | improve, refine, enhance |
+| utilise | use |
+| facilitate | help, enable, support |
+| foster | encourage, support, develop, nurture |
+| bolster | strengthen, support, reinforce |
+| underscore | emphasise, highlight, stress |
+| unveil | reveal, show, introduce, present |
+| navigate | manage, handle, work through |
+| streamline | simplify, make more efficient |
+| enhance | improve, strengthen |
+| endeavour | try, attempt, effort |
+| ascertain | find out, determine, establish |
+| elucidate | explain, clarify, make clear |
+
+---
+
+## Overused Adjectives
+
+| Avoid | Use Instead |
+|-------|-------------|
+| robust | strong, reliable, thorough, solid |
+| comprehensive | complete, thorough, full, detailed |
+| pivotal | key, critical, central, important |
+| crucial | important, key, essential, critical |
+| vital | important, essential, necessary |
+| transformative | significant, important, major |
+| cutting-edge | new, advanced, recent, modern |
+| groundbreaking | new, original, significant |
+| innovative | new, original, creative |
+| seamless | smooth, easy, effortless |
+| intricate | complex, detailed, complicated |
+| nuanced | subtle, complex, detailed |
+| multifaceted | complex, varied, diverse |
+| holistic | complete, whole, comprehensive |
+
+---
+
+## Overused Transitions and Connectors
+
+| Avoid | Use Instead |
+|-------|-------------|
+| furthermore | also, in addition, and |
+| moreover | also, and, besides |
+| notwithstanding | despite, even so, still |
+| that being said | however, but, still |
+| at its core | essentially, fundamentally, basically |
+| to put it simply | in short, simply put |
+| it is worth noting that | note that, importantly |
+| in the realm of | in, within, regarding |
+| in the landscape of | in, within |
+| in today's [anything] | currently, now, today |
+
+---
+
+## Phrases That Signal AI Writing
+
+### Opening Phrases to Avoid
+- "In today's fast-paced world..."
+- "In today's digital age..."
+- "In an era of..."
+- "In the ever-evolving landscape of..."
+- "In the realm of..."
+- "It's important to note that..."
+- "Let's delve into..."
+- "Imagine a world where..."
+
+### Transitional Phrases to Avoid
+- "That being said..."
+- "With that in mind..."
+- "It's worth mentioning that..."
+- "At its core..."
+- "To put it simply..."
+- "In essence..."
+- "This begs the question..."
+
+### Concluding Phrases to Avoid
+- "In conclusion..."
+- "To sum up..."
+- "By [doing X], you can [achieve Y]..."
+- "In the final analysis..."
+- "All things considered..."
+- "At the end of the day..."
+
+### Structural Patterns to Avoid
+- "Whether you're a [X], [Y], or [Z]..." (listing three examples after "whether")
+- "It's not just [X], it's also [Y]..."
+- "Think of [X] as [elaborate metaphor]..."
+- Starting sentences with "By" followed by a gerund: "By understanding X, you can Y..."
+
+---
+
+## Filler Words and Empty Intensifiers
+
+These words often add nothing to meaning. Remove them or find specific alternatives:
+
+- absolutely
+- actually
+- basically
+- certainly
+- clearly
+- definitely
+- essentially
+- extremely
+- fundamentally
+- incredibly
+- interestingly
+- naturally
+- obviously
+- quite
+- really
+- significantly
+- simply
+- surely
+- truly
+- ultimately
+- undoubtedly
+- very
+
+---
+
+## Academic-Specific AI Tells
+
+| Avoid | Use Instead |
+|-------|-------------|
+| shed light on | clarify, explain, reveal |
+| pave the way for | enable, allow, make possible |
+| a myriad of | many, numerous, various |
+| a plethora of | many, numerous, several |
+| paramount | very important, essential, critical |
+| pertaining to | about, regarding, concerning |
+| prior to | before |
+| subsequent to | after |
+| in light of | because of, given, considering |
+| with respect to | about, regarding, for |
+| in terms of | regarding, for, about |
+| the fact that | that (or rewrite sentence) |
+
+---
+
+## How to Self-Check
+
+1. Read your text aloud. If phrases sound unnatural in speech, revise them
+2. Ask: "Would I say this in a conversation with a colleague?"
+3. Check for repetitive sentence structures
+4. Look for clusters of the words listed above
+5. Ensure varied sentence lengths (not all similar length)
+6. Verify each intensifier adds genuine meaning
diff --git a/.agents/skills/seo-audit/references/international-seo.md b/.agents/skills/seo-audit/references/international-seo.md
new file mode 100644
index 00000000..d2a2d1e6
--- /dev/null
+++ b/.agents/skills/seo-audit/references/international-seo.md
@@ -0,0 +1,230 @@
+# International SEO: Evidence & Sources
+
+Detailed evidence backing the International SEO & Localization section of the SEO Audit skill. Organized by topic with source URLs and key quotes.
+
+---
+
+## Hreflang
+
+### Placement Methods
+
+Google supports three equivalent methods: HTML `<link>` in `<head>`, HTTP `Link` headers, and XML sitemap `<xhtml:link>` elements. Google confirmed no method is prioritized over another.
+
+Google combines signals from both HTML and sitemaps. If the same language-region pair points to different URLs across methods, Google drops that pair rather than guessing.
+
+- [Google Search Central: Localized Versions](https://developers.google.com/search/docs/specialty/international/localized-versions)
+- [SEJ: Google Combines Hreflang Signals](https://www.searchenginejournal.com/google-combines-hreflang-signals-from-html-sitemaps/389219/)
+
+### Reciprocal Requirement
+
+Google's docs: "If page X links to page Y, page Y must link back to page X. If not, those annotations may be ignored or not interpreted correctly."
+
+Every page must include itself (self-referencing) in the hreflang set. Missing self-referencing is the #1 error found by Semrush audits. A study of 374,756 domains found 67% of hreflang implementations had issues.
+
+- [Google Search Central: Localized Versions](https://developers.google.com/search/docs/specialty/international/localized-versions)
+- [Semrush: 9 Common Hreflang Errors](https://www.semrush.com/blog/hreflang-errors/)
+- [SE Land: 31% of International Websites Contain Hreflang Errors](https://searchengineland.com/study-31-of-international-websites-contain-hreflang-errors-395161)
+
+### x-default
+
+Introduced April 2013. Designates the fallback page for users whose language/region matches no declared variant. Can point to the same URL as one of the language-specific alternates. Must be included in the complete set of annotations on every variant page.
+
+- [Google Blog: x-default hreflang](https://developers.google.com/search/blog/2013/04/x-default-hreflang-for-international-pages)
+- [Google Blog: How x-default can help you (2023)](https://developers.google.com/search/blog/2023/05/x-default)
+
+### Language & Region Codes
+
+Language: ISO 639-1 (2-letter). Region: ISO 3166-1 Alpha 2 (2-letter). Format: `language[-script][-region]`.
+
+You cannot specify a region code alone. Common mistakes: `en-UK` (should be `en-GB`), `es-419` (not ISO 3166-1). A study found 8.9% of sites using hreflang contain invalid language codes.
+
+- [Google Search Central: Localized Versions](https://developers.google.com/search/docs/specialty/international/localized-versions)
+- [SE Land: 31% Study](https://searchengineland.com/study-31-of-international-websites-contain-hreflang-errors-395161)
+
+### Hreflang at Scale (20+ locales)
+
+With 20 locales, HTML `<head>` hreflang adds ~1.5KB per page for zero user benefit. Sitemap-based hreflang has zero runtime performance impact. `<xhtml:link>` child elements do NOT count toward the 50,000 URL sitemap limit (only `<loc>` elements count).
+
+John Mueller recommends focusing hreflang on pages receiving wrong-language traffic, not every page: "I wouldn't do it for any of the other pages of the site because it's so complex & hard to manage."
+
+- [SERoundtable: Child Elements Don't Count](https://www.seroundtable.com/google-child-elements-dont-count-towards-sitemap-url-limit-34377.html)
+- [SERoundtable: Where To Focus Hreflang](https://www.seroundtable.com/using-hreflang-34127.html)
+- [Yoast: hreflang Ultimate Guide](https://yoast.com/hreflang-ultimate-guide/)
+
+### Google vs Bing
+
+Bing treats hreflang as a "weak signal." Bing relies on `content-language` meta tag, HTML `lang` attribute, ccTLDs, and server location. Yandex supports hreflang like Google.
+
+For both engines: implement hreflang (Google/Yandex) + `<html lang="...">` + `<meta http-equiv="content-language">` (Bing).
+
+- [Digital Ready Marketing: Bing Doesn't Use Hreflang](https://digitalreadymarketing.com/bing-doesnt-use-hreflang-annotation-what-does-it-use/)
+- [Yoast: hreflang Ultimate Guide](https://yoast.com/hreflang-ultimate-guide/)
+
+---
+
+## Canonicalization & i18n
+
+### Self-Referencing Canonicals
+
+Each locale page must canonical to itself. John Mueller: "Don't use a rel=canonical across languages/countries, only use it on a per-country/language basis."
+
+Google's docs: "Specify a canonical page in the same language, or the best possible substitute language if a canonical doesn't exist for the same language."
+
+- [John Mueller: hreflang canonical](https://johnmu.com/hreflang-canonical/)
+- [Google: Consolidate Duplicate URLs](https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls)
+
+### Canonical Overrides Hreflang
+
+Mueller: "If your canonical is pointing somewhere else, Google will follow that and ignore your hreflang annotation." The canonical URL must be one of the URLs in the hreflang set, or all hreflang markup is ignored.
+
+Google also states: "Google prefers URLs that are part of hreflang clusters for canonicalization" -- when signals align, hreflang strengthens canonical selection.
+
+- [John Mueller: hreflang canonical](https://johnmu.com/hreflang-canonical/)
+- [SEJ: Hreflang Tags Are Hints](https://www.searchenginejournal.com/google-reminds-that-hreflang-tags-are-hints-not-directives/546428/)
+- [Google: Consolidate Duplicate URLs](https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls)
+
+### Near-Duplicate Regional Variants
+
+Mueller (2023 Office Hours): "If the content is completely the same, and we can't tell any difference, then for simplicity and user experience we may just show one version -- even if hreflang is present."
+
+Google's duplicate detection runs BEFORE hreflang evaluation. To keep both versions indexed, you need substantive content differences beyond currency symbols.
+
+- [International Web Mastery: Same-Language Duplicate Pages](https://internationalwebmastery.com/blog/how-google-handles-canonicalization-of-same-language-duplicate-near-duplicate-pages/)
+- [Google: Managing Multi-Regional Sites](https://developers.google.com/search/docs/specialty/international/managing-multi-regional-sites)
+
+### Pagination Across Locales
+
+Google: "Don't use the first page of a paginated sequence as the canonical page. Instead, give each page its own canonical URL." Each paginated page in each locale gets self-referencing canonical. `rel="next/prev"` deprecated March 2019.
+
+- [Google: Pagination Best Practices](https://developers.google.com/search/docs/specialty/ecommerce/pagination-and-incremental-page-loading)
+
+---
+
+## International Sitemaps
+
+### Structure
+
+Each `<url>` entry includes `<xhtml:link>` alternates for every locale. Requires `xmlns:xhtml="http://www.w3.org/1999/xhtml"` namespace.
+
+Split sitemaps by content type, not by locale. Splitting by locale creates maintenance problems because every locale sitemap must reference every other locale (reciprocal requirement).
+
+- [Google Search Central: Localized Versions](https://developers.google.com/search/docs/specialty/international/localized-versions)
+- [Lumar: How Google Handles Hreflang](https://www.lumar.io/office-hours/hreflang/)
+
+### Size Limits
+
+50,000 URLs / 50MB uncompressed per sitemap. Only `<loc>` elements count toward the 50K limit. But with 20 hreflang alternates per entry, the 50MB file size limit becomes the bottleneck. Plan for 2,000-5,000 URLs per sitemap when using full hreflang.
+
+- [Google: Build and Submit a Sitemap](https://developers.google.com/search/docs/crawling-indexing/sitemaps/build-sitemap)
+- [SERoundtable: Sitemap 50,000 Limit](https://www.seroundtable.com/google-sitemap-50-000-limit-based-on-location-urls-not-alternative-urls-33843.html)
+
+### Submission
+
+Submit the sitemap index in Search Console AND reference it in robots.txt. Individual child sitemaps can be submitted separately for per-sitemap reporting.
+
+- [Google: Build and Submit a Sitemap](https://developers.google.com/search/docs/crawling-indexing/sitemaps/build-sitemap)
+
+### Next.js Caveat
+
+Next.js `alternates.languages` does NOT automatically include a self-referencing `<xhtml:link>` for the `<loc>` URL. You must explicitly include the `<loc>` URL's own language in the `languages` object.
+
+- [Next.js Docs: sitemap.xml](https://nextjs.org/docs/app/api-reference/file-conventions/metadata/sitemap)
+
+---
+
+## URL Structure
+
+### Strategies Compared
+
+Google treats subdirectories and subdomains equivalently. Mueller: "From our point of view...they say subdomains and subdirectories are essentially equivalent."
+
+URL parameters (`?lang=en`) are explicitly "Not recommended" per Google docs.
+
+- [Google: Managing Multi-Regional Sites](https://developers.google.com/search/docs/specialty/international/managing-multi-regional-sites)
+
+### Default Language
+
+Mueller recommends: set `/` as x-default, put each language in its own prefix. Without marking `/` as x-default, "to Google it can look like '/' is a separate page from the others."
+
+- [Google Blog: x-default](https://developers.google.com/search/blog/2023/05/x-default)
+- [Google Blog: Creating the Right Homepage](https://developers.google.com/search/blog/2014/05/creating-right-homepage-for-your)
+
+### Content Negotiation / IP Redirects
+
+Google strongly advises against locale-adaptive pages. Googlebot crawls from US IPs and does not send Accept-Language headers. Separate URLs + hreflang are required.
+
+- [Google: Locale-Adaptive Pages](https://developers.google.com/search/docs/specialty/international/locale-adaptive-pages)
+
+### Trailing Slash Consistency
+
+Mueller: trailing slash is "a significant part of the URL and will change the URL if it's there or not." Pick one format for all locale paths, internal links, canonicals, hreflang, and sitemaps.
+
+Mueller (2025): "Consistency is the biggest technical SEO factor."
+
+- [SERoundtable: Consistency Is The Biggest Technical SEO Factor](https://www.seroundtable.com/google-consistency-seo-40427.html)
+
+### Search Console Geotargeting
+
+The International Targeting report is deprecated. Google now relies entirely on hreflang, content language analysis, and linking patterns. You can add subdirectory properties for per-locale reporting.
+
+- [Google Support: International Targeting Deprecated](https://support.google.com/webmasters/answer/12474899?hl=en)
+
+### Framework Locale Modes
+
+Use `localePrefix: 'always'` (next-intl) or equivalent. Never hide locale from URLs -- Google needs unique URLs per language. Using `'never'` mode disables alternate links entirely.
+
+- [next-intl: Routing Configuration](https://next-intl.dev/docs/routing/configuration)
+- [Next.js Discussion #18419](https://github.com/vercel/next.js/discussions/18419)
+
+---
+
+## Content Quality Across Locales
+
+### Auto-Translated Content (2025 Stance)
+
+Google removed longstanding guidance advising against auto-translated content in mid-2025. Current stance: "Our policies do not strictly define content that has been translated by AI as spam." The scaled content abuse policy mentions translation as a possible vector, but does not ban it.
+
+Reddit scaled AI translations to 35+ languages with Google's knowledge. The key distinction is intent and quality, not the method.
+
+- [Google Spam Policies](https://developers.google.com/search/docs/essentials/spam-policies)
+- [Glenn Gabe: Auto-Translating Content](https://www.gsqi.com/marketing-blog/auto-translating-content-google-scaled-content-abuse/)
+- [SE Land: Reddit AI Translations](https://searchengineland.com/google-comments-on-reddits-use-of-ai-to-translate-its-pages-456908)
+
+### Thin Locale Pages
+
+Google: "Localized versions of a page are only considered duplicates if the main content of the page remains untranslated." Pages with only translated boilerplate get clustered as duplicates.
+
+Do NOT use noindex for unwanted locale pages (wastes crawl budget). Do NOT canonical cross-locale (conflicts with hreflang). Best approach: don't create locale pages you can't make genuinely helpful.
+
+- [Google: Localized Versions](https://developers.google.com/search/docs/specialty/international/localized-versions)
+- [Google: Crawl Budget Management](https://developers.google.com/search/docs/crawling-indexing/large-site-managing-crawl-budget)
+
+### Helpful Content System Impact
+
+Merged into core ranking March 2024. Site-wide signal: "any content -- not just unhelpful content -- on sites determined to have relatively high amounts of unhelpful content overall is less likely to perform well in Search."
+
+Low-quality translated pages can drag down the entire site. This is the strongest argument against creating locale pages that aren't genuinely helpful.
+
+- [Google Blog: Helpful Content Update](https://developers.google.com/search/blog/2022/08/helpful-content-update)
+- [Amsive: What Changed in 2024](https://www.amsive.com/insights/seo/googles-helpful-content-update-ranking-system-what-happened-and-what-changed-in-2024/)
+
+### Partial Translation
+
+Google: "Translating only the boilerplate text of your pages while keeping the bulk of your content in a single language...can create a bad user experience." Google uses visible content (not lang attribute) to determine page language.
+
+Translate ALL content on a page if you create a locale version. Untranslated metadata (title, description) in the wrong language reduces CTR.
+
+- [Google: Managing Multi-Regional Sites](https://developers.google.com/search/docs/specialty/international/managing-multi-regional-sites)
+
+### Crawl Budget
+
+Only a concern for 1M+ pages or 10K+ pages changing daily. But alternate URLs (hreflang targets) do consume crawl budget. Broken hreflang links waste budget AND invalidate signals.
+
+- [Google: Crawl Budget Management](https://developers.google.com/search/docs/crawling-indexing/large-site-managing-crawl-budget)
+- [Google Blog: Crawl Budget](https://developers.google.com/search/blog/2017/01/what-crawl-budget-means-for-googlebot)
+
+### Locale-Specific Signals
+
+Google identifies audience via: "local addresses and phone numbers on the pages, the use of local language and currency, links from other local sites, or signals from your Business Profile."
+
+- [Google: Managing Multi-Regional Sites](https://developers.google.com/search/docs/specialty/international/managing-multi-regional-sites)
diff --git a/.claude/skills/seo-audit b/.claude/skills/seo-audit
new file mode 120000
index 00000000..e89ca8bc
--- /dev/null
+++ b/.claude/skills/seo-audit
@@ -0,0 +1 @@
+../../.agents/skills/seo-audit
\ No newline at end of file
diff --git a/apps/app/app/(landing)/page.tsx b/apps/app/app/(landing)/page.tsx
index c5f7e540..99c59847 100644
--- a/apps/app/app/(landing)/page.tsx
+++ b/apps/app/app/(landing)/page.tsx
@@ -1,61 +1,28 @@
-import { Button } from "@crm/ui/components/button";
-import Logo from "@crm/ui/components/logo";
-import Link from "next/link";
-import { AuthShader } from "@/components/auth-shader";
+import type { Metadata } from "next";
+import { AgentSection } from "@/components/landing/agent-section";
+import { CapabilitiesSection } from "@/components/landing/capabilities-section";
+import { ClosingCta } from "@/components/landing/closing-cta";
+import { Hero } from "@/components/landing/hero";
+import { LandingFooter } from "@/components/landing/landing-footer";
+import { LandingNav } from "@/components/landing/landing-nav";
+import { ProductShot } from "@/components/landing/product-shot/product-shot";
+
+export const metadata: Metadata = {
+	title: "The CRM for agents",
+	description:
+		"The first agentic CRM experience — durable research agents that read your inbox, keep every record current and book their own follow-ups.",
+};
 
 export default function Home() {
 	return (
-		<main className="dark relative flex min-h-svh flex-col overflow-hidden bg-background text-foreground">
-			<AuthShader />
-
-			<header className="relative flex h-12 shrink-0 items-center gap-2 px-6 sm:px-10">
-				<Link href="/" aria-label="Homepage" className="flex">
-					<Logo className="size-5 shrink-0" />
-				</Link>
-
-				<div className="ml-auto">
-					<Button asChild variant="outline" size="sm">
-						<Link href="/sign-in">Sign in</Link>
-					</Button>
-				</div>
-			</header>
-
-			<div className="relative flex flex-1 items-center px-6 py-16 sm:px-10">
-				<div className="flex max-w-lg flex-col gap-8">
-					<div className="flex flex-col gap-4">
-						<p className="font-mono text-muted-foreground text-xs/4 uppercase">
-							CRM
-						</p>
-						<h1 className="max-w-[14ch] text-balance font-semibold text-5xl/14">
-							Every customer, one place.
-						</h1>
-						<p className="max-w-[46ch] text-pretty text-muted-foreground text-sm/6">
-							Your inbox and calendar become the record. A research agent works
-							out who everybody is, and what each account is worth.
-						</p>
-					</div>
-
-					<div className="flex gap-2">
-						<Button asChild>
-							<Link href="/sign-in">Get started</Link>
-						</Button>
-					</div>
-				</div>
-			</div>
-
-			<footer className="relative px-6 py-8 sm:px-10">
-				<p className="font-mono text-muted-foreground text-xs/4">
-					Made with love by{" "}
-					<a
-						href="https://trycomp.ai"
-						target="_blank"
-						rel="noreferrer"
-						className="underline underline-offset-4 hover:text-foreground"
-					>
-						Comp AI
-					</a>
-				</p>
-			</footer>
-		</main>
+		<div className="dark flex min-h-svh w-full flex-col items-center overflow-clip bg-background font-sans text-foreground">
+			<LandingNav />
+			<Hero />
+			<ProductShot />
+			<AgentSection />
+			<CapabilitiesSection />
+			<ClosingCta />
+			<LandingFooter />
+		</div>
 	);
 }
diff --git a/apps/app/components/landing/agent-section.tsx b/apps/app/components/landing/agent-section.tsx
new file mode 100644
index 00000000..0cf033e8
--- /dev/null
+++ b/apps/app/components/landing/agent-section.tsx
@@ -0,0 +1,157 @@
+import Add from "@carbon/icons-react/es/Add";
+import ArrowRight from "@carbon/icons-react/es/ArrowRight";
+import ArrowUp from "@carbon/icons-react/es/ArrowUp";
+import Attachment from "@carbon/icons-react/es/Attachment";
+import ChevronDown from "@carbon/icons-react/es/ChevronDown";
+import Renew from "@carbon/icons-react/es/Renew";
+import Time from "@carbon/icons-react/es/Time";
+import SlackLogo from "@crm/ui/components/brand-logos/slack";
+import { cn } from "@crm/ui/lib/utils";
+import Image from "next/image";
+import Link from "next/link";
+import type * as React from "react";
+import { Chip } from "./chip";
+import { SectionHeading } from "./section-heading";
+
+export function AgentSection() {
+	return (
+		<section className="relative flex w-full shrink-0 flex-col items-center px-6 pt-20 md:pt-30">
+			<div className="flex w-full max-w-6xl flex-col gap-12">
+				<SectionHeading
+					title="Agents that automate your CRM."
+					lede="Describe how your CRM should act. Create agents to automate every process."
+				/>
+
+				<div className="flex w-full flex-col items-center gap-7 rounded-xl border border-border bg-background px-6 py-12 md:px-12 md:py-[88px]">
+					<p className="text-balance text-center font-medium text-2xl/8 tracking-[-0.01em] md:text-[32px]/10">
+						What should we get done, Lewis?
+					</p>
+
+					<Composer />
+					<SuggestedActions />
+				</div>
+			</div>
+		</section>
+	);
+}
+
+function Composer() {
+	return (
+		<div className="flex min-h-24 w-3xl max-w-full shrink-0 select-none flex-col justify-between rounded-lg border border-[#3D3D3D] bg-muted p-[11px]">
+			<p className="flex flex-wrap items-center gap-1 p-1 text-[13px]/6">
+				<span className="text-[#00805E]">/Create agent</span>
+				<span className="text-white">Send a new message to</span>
+				<Chip className="gap-1 text-white">
+					<SlackLogo className="size-[15px] shrink-0" />
+					Slack
+				</Chip>
+				<span className="text-white">and ping</span>
+				<Chip className="gap-1 text-white">
+					<DanAvatar />
+					Dan
+				</Chip>
+				<span className="text-white">
+					when a company misses their invoice deadline
+				</span>
+			</p>
+
+			<div className="flex items-center">
+				<div className="flex items-center gap-[14px] text-muted-foreground">
+					<Add size={16} />
+					<Attachment size={16} />
+					<span className="font-mono text-sm/4">/</span>
+				</div>
+				<div className="grow" />
+				<span className="flex size-7 shrink-0 items-center justify-center rounded-full bg-primary">
+					<ArrowUp size={14} className="text-primary-foreground" />
+				</span>
+			</div>
+		</div>
+	);
+}
+
+function SuggestedActions() {
+	return (
+		<div className="flex w-3xl max-w-full shrink-0 select-none flex-col pt-1">
+			<div className="flex h-7 shrink-0 items-center gap-1.5 text-muted-foreground">
+				<span className="text-[13px]/4">Suggested actions</span>
+				<ChevronDown size={12} />
+			</div>
+
+			<SuggestedAction>
+				<span className="shrink-0">Create a</span>
+				<Chip>
+					<SlackLogo className="size-[14px] shrink-0" />
+					Slack
+				</Chip>
+				<span className="shrink-0">
+					channel and invite the owner when a deal hits
+				</span>
+				<Chip className="gap-1.5 px-2">
+					<span className="size-1.5 shrink-0 rounded-full bg-success" />
+					Closed won
+				</Chip>
+			</SuggestedAction>
+
+			<SuggestedAction className="gap-3">
+				<span className="shrink-0">Ping</span>
+				<Chip>
+					<DanAvatar />
+					Dan
+				</Chip>
+				<span className="min-w-0 grow">
+					when a contract has been out five days unsigned
+				</span>
+			</SuggestedAction>
+
+			<SuggestedAction>
+				<span className="shrink-0">Every Monday,</span>
+				<Chip className="px-2">
+					<Renew size={13} className="shrink-0" />
+					re-enrich contacts
+				</Chip>
+				<span className="shrink-0">that haven't been contacted in</span>
+				<Chip className="px-2">
+					<Time size={13} className="shrink-0 text-muted-foreground" />4 weeks
+				</Chip>
+			</SuggestedAction>
+		</div>
+	);
+}
+
+function SuggestedAction({
+	className,
+	children,
+}: {
+	className?: string;
+	children: React.ReactNode;
+}) {
+	return (
+		<Link
+			href="/sign-in"
+			className={cn(
+				"group/action -mx-2 flex flex-wrap items-center gap-1.5 rounded-sm border-border border-t px-2 py-[13px] text-[13px]/4 transition-colors hover:bg-accent/40",
+				className,
+			)}
+		>
+			{children}
+			<div className="grow" />
+			<ArrowRight
+				size={16}
+				className="shrink-0 text-muted-foreground transition-transform group-hover/action:translate-x-0.5"
+			/>
+		</Link>
+	);
+}
+
+function DanAvatar() {
+	return (
+		<Image
+			src="/landing/avatar-dan.png"
+			alt=""
+			width={64}
+			height={64}
+			className="size-[15px] shrink-0 rounded-full object-cover"
+		/>
+	);
+}
diff --git a/apps/app/components/landing/ask-card.tsx b/apps/app/components/landing/ask-card.tsx
new file mode 100644
index 00000000..49d0f53a
--- /dev/null
+++ b/apps/app/components/landing/ask-card.tsx
@@ -0,0 +1,73 @@
+"use client";
+
+import { cn } from "@crm/ui/lib/utils";
+import Link from "next/link";
+import { useState } from "react";
+import { BentoCard, CardHeading } from "./bento-card";
+import { SendArrow } from "./send-arrow";
+
+const QUESTIONS = [
+	"What do they do?",
+	"Who do we know here?",
+	"What has changed recently?",
+];
+
+const PLACEHOLDER = "What do they sell?";
+
+/**
+ * The one card a reader can actually drive. Picking a question loads it into
+ * the composer, and sending it is the sign-in — the answer needs a record, and
+ * a record needs an account.
+ */
+export function AskCard() {
+	const [asked, setAsked] = useState<string | null>(null);
+
+	return (
+		<BentoCard className="grow gap-6">
+			<CardHeading
+				title="Ask any record a question"
+				body="It reads their site and our own history with them, and shows its working."
+			/>
+
+			<div className="flex grow flex-col justify-end gap-2.5">
+				<p className="select-none font-medium text-[#5A5A5A] text-[11px]/4">
+					SUGGESTED
+				</p>
+				{QUESTIONS.map((question) => (
+					<button
+						key={question}
+						type="button"
+						aria-pressed={asked === question}
+						onClick={() => setAsked(question)}
+						className={cn(
+							"flex h-[38px] shrink-0 cursor-pointer select-none items-center rounded-md px-3 text-left text-[13px]/[18px] transition-colors",
+							asked === question
+								? "bg-accent text-foreground"
+								: "bg-muted hover:bg-accent",
+						)}
+					>
+						{question}
+					</button>
+				))}
+			</div>
+
+			<div className="flex h-11 shrink-0 items-center gap-2.5 rounded-md border border-border bg-[#1A1A1A] pr-1.5 pl-3.5 transition-colors focus-within:border-ring">
+				<span
+					className={cn(
+						"min-w-0 grow truncate text-[13px]/[18px]",
+						asked ? "text-foreground" : "text-[#6E6E6E]",
+					)}
+				>
+					{asked ?? PLACEHOLDER}
+				</span>
+				<Link
+					href="/sign-in"
+					aria-label="Ask this question in the CRM"
+					className="flex size-[30px] shrink-0 items-center justify-center rounded-full bg-primary transition-transform hover:scale-105 active:scale-95"
+				>
+					<SendArrow className="size-3.5 text-primary-foreground" />
+				</Link>
+			</div>
+		</BentoCard>
+	);
+}
diff --git a/apps/app/components/landing/bento-card.tsx b/apps/app/components/landing/bento-card.tsx
new file mode 100644
index 00000000..7929d629
--- /dev/null
+++ b/apps/app/components/landing/bento-card.tsx
@@ -0,0 +1,61 @@
+import { cn } from "@crm/ui/lib/utils";
+import type * as React from "react";
+
+export function BentoCard({
+	className,
+	children,
+}: {
+	className?: string;
+	children: React.ReactNode;
+}) {
+	return (
+		<div
+			className={cn(
+				"flex flex-col overflow-clip rounded-lg bg-card p-7",
+				className,
+			)}
+		>
+			{children}
+		</div>
+	);
+}
+
+export function CardHeading({ title, body }: { title: string; body: string }) {
+	return (
+		<div className="flex flex-col gap-2">
+			<CardTitle>{title}</CardTitle>
+			<CardBody>{body}</CardBody>
+		</div>
+	);
+}
+
+export function CardTitle({ children }: { children: React.ReactNode }) {
+	return (
+		<h3 className="text-balance font-medium text-[19px]/[26px] tracking-tight">
+			{children}
+		</h3>
+	);
+}
+
+export function CardBody({ children }: { children: React.ReactNode }) {
+	return <p className="text-muted-foreground text-sm/[23px]">{children}</p>;
+}
+
+export function MonoLabel({
+	className,
+	children,
+}: {
+	className?: string;
+	children: React.ReactNode;
+}) {
+	return (
+		<p
+			className={cn(
+				"select-none font-mono text-[#5A5A5A] text-[11px]/4 tracking-widest",
+				className,
+			)}
+		>
+			{children}
+		</p>
+	);
+}
diff --git a/apps/app/components/landing/built-with.tsx b/apps/app/components/landing/built-with.tsx
new file mode 100644
index 00000000..1b2c1090
--- /dev/null
+++ b/apps/app/components/landing/built-with.tsx
@@ -0,0 +1,30 @@
+import EveLogo from "@crm/ui/components/brand-logos/eve";
+import NextjsLogo from "@crm/ui/components/brand-logos/nextjs";
+import VercelLogo from "@crm/ui/components/brand-logos/vercel";
+
+export function BuiltWith() {
+	return (
+		<div className="flex w-full max-w-6xl select-none flex-col items-center gap-[14px] pt-10">
+			<div className="flex flex-col items-center gap-5">
+				<p className="font-mono text-[13px]/4 tracking-widest text-[#6E6E6E]">
+					BUILT WITH
+				</p>
+
+				<ul className="flex flex-wrap items-center justify-center gap-x-10 gap-y-5 font-medium text-2xl/[30px] text-white tracking-[-0.01em]">
+					<li className="flex items-center gap-3">
+						<VercelLogo className="size-[26px] shrink-0" />
+						Vercel
+					</li>
+					<li className="flex items-center gap-3">
+						<NextjsLogo className="size-[26px] shrink-0" />
+						Next.js
+					</li>
+					<li className="flex items-center gap-3">Context</li>
+					<li className="flex items-center gap-3">
+						<EveLogo aria-label="eve" className="h-[26px] w-[82px] shrink-0" />
+					</li>
+				</ul>
+			</div>
+		</div>
+	);
+}
diff --git a/apps/app/components/landing/capabilities-section.tsx b/apps/app/components/landing/capabilities-section.tsx
new file mode 100644
index 00000000..b39c7052
--- /dev/null
+++ b/apps/app/components/landing/capabilities-section.tsx
@@ -0,0 +1,230 @@
+import ArrowRight from "@carbon/icons-react/es/ArrowRight";
+import GitHubLogo from "@crm/ui/components/brand-logos/github";
+import StripeLogo from "@crm/ui/components/brand-logos/stripe";
+import VercelLogo from "@crm/ui/components/brand-logos/vercel";
+import { cn } from "@crm/ui/lib/utils";
+import Link from "next/link";
+import type * as React from "react";
+import { AskCard } from "./ask-card";
+import {
+	BentoCard,
+	CardBody,
+	CardHeading,
+	CardTitle,
+	MonoLabel,
+} from "./bento-card";
+import { SectionHeading } from "./section-heading";
+
+const ENRICHMENT_ROWS = [
+	{
+		name: "Stripe",
+		domain: "stripe.com",
+		logo: <StripeLogo className="size-5 shrink-0" />,
+		researching: false,
+	},
+	{
+		name: "Vercel",
+		domain: "vercel.com",
+		logo: <VercelLogo className="size-5 shrink-0 text-white" />,
+		researching: false,
+	},
+	{
+		name: "GitHub",
+		domain: "github.com",
+		logo: <GitHubLogo className="size-5 shrink-0 text-muted-foreground" />,
+		researching: true,
+	},
+];
+
+const SUGGESTED_AGENTS = [
+	"Brief every deal owner before a renewal call",
+	"Flag deals with no activity for 14 days",
+	"Hand new customers from Sales to Onboarding",
+];
+
+const FOLLOW_UPS = [
+	{ label: "Recheck Paula Marchetti", due: "14d", next: true },
+	{ label: "Brief owner before renewal", due: "2d", next: false },
+	{ label: "Re-enrich Northwind", due: "90d", next: false },
+];
+
+export function CapabilitiesSection() {
+	return (
+		<section className="relative flex w-full shrink-0 flex-col items-center px-6 pt-20 pb-20 md:pb-30">
+			<div className="flex w-full max-w-6xl flex-col gap-12 md:gap-[72px]">
+				<SectionHeading title="What it actually does" />
+
+				<div className="flex flex-col gap-4 lg:flex-row">
+					<div className="flex min-w-0 grow flex-col gap-4">
+						<EnrichmentCard />
+						<div className="flex flex-col gap-4 sm:flex-row">
+							<AgentBuilderCard />
+							<FollowUpCard />
+						</div>
+					</div>
+
+					<div className="flex w-full shrink-0 flex-col gap-4 lg:w-[400px]">
+						<AskCard />
+					</div>
+				</div>
+			</div>
+		</section>
+	);
+}
+
+function EnrichmentCard() {
+	return (
+		<BentoCard className="gap-6">
+			<CardHeading
+				title="Records fill themselves in"
+				body="A new person on a thread becomes a contact, and their company arrives with its logo, industry and last activity already on it."
+			/>
+
+			<div className="flex select-none flex-col">
+				{ENRICHMENT_ROWS.map((row) => (
+					<div
+						key={row.name}
+						className="-mx-2 flex h-11 shrink-0 items-center gap-3 rounded-sm border-border border-t px-2 transition-colors hover:bg-muted/50"
+					>
+						<span className={cn(row.researching && "animate-pulse")}>
+							{row.logo}
+						</span>
+						<span className="min-w-0 grow font-medium text-[13px]/4">
+							{row.name}
+						</span>
+						<span className="hidden w-[180px] shrink-0 font-mono text-muted-foreground text-xs sm:block">
+							{row.domain}
+						</span>
+						{row.researching ? (
+							<StatusBadge className="gap-1 bg-border text-muted-foreground">
+								<ResearchingSpinner />
+								Researching
+							</StatusBadge>
+						) : (
+							<StatusBadge className="bg-primary text-primary-foreground">
+								Enriched
+							</StatusBadge>
+						)}
+					</div>
+				))}
+			</div>
+		</BentoCard>
+	);
+}
+
+function AgentBuilderCard() {
+	return (
+		<BentoCard className="min-w-0 grow gap-5">
+			<CardTitle>Agents that build agents</CardTitle>
+			<CardBody>
+				Describe a process in a sentence and the agent writes another agent to
+				run it — on its own queue, on its own schedule.
+			</CardBody>
+
+			<div className="flex select-none flex-col">
+				<MonoLabel className="h-[26px] shrink-0">SUGGESTED AGENTS</MonoLabel>
+				{SUGGESTED_AGENTS.map((agent) => (
+					<Link
+						key={agent}
+						href="/sign-in"
+						className="group/agent -mx-2 flex h-11 shrink-0 items-center gap-3 rounded-sm border-border border-t px-2 transition-colors hover:bg-muted/50"
+					>
+						<span className="min-w-0 grow font-medium text-[13px]/[18px]">
+							{agent}
+						</span>
+						<ArrowRight
+							size={14}
+							className="shrink-0 text-muted-foreground transition-transform group-hover/agent:translate-x-0.5"
+						/>
+					</Link>
+				))}
+			</div>
+		</BentoCard>
+	);
+}
+
+function FollowUpCard() {
+	return (
+		<BentoCard className="min-w-0 grow gap-5">
+			<CardTitle>It books its own follow-ups</CardTitle>
+
+			<ul className="flex select-none flex-col gap-[14px]">
+				{FOLLOW_UPS.map((item) => (
+					<li key={item.label} className="flex items-center gap-2.5">
+						<span
+							className={cn(
+								"size-[7px] shrink-0 rounded-full",
+								item.next ? "animate-pulse bg-primary" : "bg-[#3A3A3A]",
+							)}
+						/>
+						<span
+							className={cn(
+								"min-w-0 grow text-[13px]/[18px]",
+								item.next ? "text-foreground" : "text-muted-foreground",
+							)}
+						>
+							{item.label}
+						</span>
+						<span className="shrink-0 font-mono text-[11px]/[18px] text-[#6E6E6E]">
+							{item.due}
+						</span>
+					</li>
+				))}
+			</ul>
+
+			<div className="flex flex-col gap-2 pt-1">
+				<MonoLabel>WHY</MonoLabel>
+				<p className="text-[13px]/[21px] text-muted-foreground">
+					An agent that cannot say why it will be back in fourteen days does not
+					have a reason, it has a default.
+				</p>
+			</div>
+		</BentoCard>
+	);
+}
+
+function StatusBadge({
+	className,
+	children,
+}: {
+	className?: string;
+	children: React.ReactNode;
+}) {
+	return (
+		<span
+			className={cn(
+				"flex w-[104px] shrink-0 items-center justify-center rounded-sm px-2 py-[3px] text-[11px]/[14px]",
+				className,
+			)}
+		>
+			{children}
+		</span>
+	);
+}
+
+function ResearchingSpinner() {
+	return (
+		<svg
+			viewBox="0 0 16 16"
+			xmlns="http://www.w3.org/2000/svg"
+			aria-hidden="true"
+			className="size-[11px] shrink-0 animate-spin"
+		>
+			<circle
+				cx="8"
+				cy="8"
+				r="6"
+				fill="none"
+				stroke="#4A4A4A"
+				strokeWidth="2"
+			/>
+			<path
+				d="M8 2a6 6 0 0 1 6 6"
+				fill="none"
+				stroke="var(--ring)"
+				strokeWidth="2"
+				strokeLinecap="round"
+			/>
+		</svg>
+	);
+}
diff --git a/apps/app/components/landing/chip.tsx b/apps/app/components/landing/chip.tsx
new file mode 100644
index 00000000..2e318f75
--- /dev/null
+++ b/apps/app/components/landing/chip.tsx
@@ -0,0 +1,26 @@
+import { cn } from "@crm/ui/lib/utils";
+import type * as React from "react";
+
+/**
+ * The inline pill an agent instruction is written out of — a mention, a stage,
+ * a schedule. Used in the composer line and in every suggested action beneath
+ * it, so the two always read as the same sentence grammar.
+ */
+export function Chip({
+	className,
+	children,
+}: {
+	className?: string;
+	children: React.ReactNode;
+}) {
+	return (
+		<span
+			className={cn(
+				"inline-flex shrink-0 items-center gap-[5px] rounded-full bg-card px-1.5 font-medium text-[13px]/[22px] tracking-[-0.225px]",
+				className,
+			)}
+		>
+			{children}
+		</span>
+	);
+}
diff --git a/apps/app/components/landing/closing-cta.tsx b/apps/app/components/landing/closing-cta.tsx
new file mode 100644
index 00000000..1bd4f220
--- /dev/null
+++ b/apps/app/components/landing/closing-cta.tsx
@@ -0,0 +1,19 @@
+import { GitHubStarButton } from "./github-star-button";
+import { SetupPromptButton } from "./setup-prompt-button";
+
+export function ClosingCta() {
+	return (
+		<section className="relative flex w-full shrink-0 flex-col items-center gap-8 px-6 py-10">
+			<div className="relative flex w-[970px] max-w-full shrink-0 flex-col items-center justify-center gap-7 bg-background px-6 py-[72px] md:h-[482px] md:px-12">
+				<h2 className="text-balance text-center font-semibold text-4xl/[42px] tracking-tight md:text-[44px]/[50px]">
+					Fork it. It's yours.
+				</h2>
+
+				<div className="flex flex-wrap items-center justify-center gap-3">
+					<SetupPromptButton />
+					<GitHubStarButton />
+				</div>
+			</div>
+		</section>
+	);
+}
diff --git a/apps/app/components/landing/github-star-button.tsx b/apps/app/components/landing/github-star-button.tsx
new file mode 100644
index 00000000..35cc67f3
--- /dev/null
+++ b/apps/app/components/landing/github-star-button.tsx
@@ -0,0 +1,38 @@
+import GitHubLogo from "@crm/ui/components/brand-logos/github";
+import { Button } from "@crm/ui/components/button";
+import { REPO_STARS, REPO_URL } from "./links";
+
+export function GitHubStarButton() {
+	return (
+		<Button variant="outline-ghost" size="xl" asChild>
+			<a href={REPO_URL} target="_blank" rel="noreferrer">
+				<GitHubLogo data-icon="inline-start" className="size-[15px]" />
+				Star on GitHub
+				<span aria-hidden="true" className="h-4 w-px shrink-0 bg-border" />
+				<span
+					data-icon="inline-end"
+					className="flex items-center gap-[5px] font-mono font-normal text-[13px] text-muted-foreground"
+				>
+					<StarIcon className="size-[13px] shrink-0 text-[#E3B341]" />
+					{REPO_STARS}
+				</span>
+			</a>
+		</Button>
+	);
+}
+
+function StarIcon(props: React.SVGProps<SVGSVGElement>) {
+	return (
+		<svg
+			viewBox="0 0 16 16"
+			xmlns="http://www.w3.org/2000/svg"
+			aria-hidden="true"
+			{...props}
+		>
+			<path
+				d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
+				fill="currentColor"
+			/>
+		</svg>
+	);
+}
diff --git a/apps/app/components/landing/hero.tsx b/apps/app/components/landing/hero.tsx
new file mode 100644
index 00000000..f086c820
--- /dev/null
+++ b/apps/app/components/landing/hero.tsx
@@ -0,0 +1,25 @@
+import { GitHubStarButton } from "./github-star-button";
+import { SetupPromptButton } from "./setup-prompt-button";
+
+export function Hero() {
+	return (
+		<section className="relative flex w-full shrink-0 flex-col items-center px-6 pt-20 pb-10 md:pt-30">
+			<div className="relative flex w-full max-w-6xl flex-col items-center gap-7">
+				<h1 className="max-w-[900px] text-balance text-center font-semibold text-5xl/[52px] tracking-tight md:text-[72px]/[76px]">
+					The CRM built for Agents
+				</h1>
+
+				<p className="max-w-[640px] text-pretty text-center text-muted-foreground text-lg/[28px] md:text-xl/[30px]">
+					Humans shouldn't be manually moving pipeline. The first agentic CRM
+					experience — durable research agents that read your team's inbox,
+					enrich companies and contacts, and create agentic workflows.
+				</p>
+
+				<div className="flex flex-wrap items-center justify-center gap-3 pt-3">
+					<SetupPromptButton />
+					<GitHubStarButton />
+				</div>
+			</div>
+		</section>
+	);
+}
diff --git a/apps/app/components/landing/landing-footer.tsx b/apps/app/components/landing/landing-footer.tsx
new file mode 100644
index 00000000..bec4245c
--- /dev/null
+++ b/apps/app/components/landing/landing-footer.tsx
@@ -0,0 +1,59 @@
+import { Link } from "@crm/ui/components/link";
+import Logo from "@crm/ui/components/logo";
+import { REPO_LINKS } from "./links";
+import { Wordmark } from "./wordmark";
+
+export function LandingFooter() {
+	return (
+		<footer className="relative flex w-full shrink-0 flex-col items-center">
+			<div className="flex w-full max-w-6xl flex-col items-start justify-between gap-12 px-6 py-16 sm:flex-row sm:gap-16">
+				<div className="flex w-[280px] max-w-full shrink-0 flex-col gap-[14px]">
+					<Wordmark />
+					<p className="text-[13px]/[21px] text-muted-foreground">
+						The open source agentic CRM.
+					</p>
+				</div>
+
+				<nav className="flex w-[180px] shrink-0 flex-col items-start gap-[14px]">
+					<p className="font-mono text-[11px]/4 text-muted-foreground tracking-widest">
+						PROJECT
+					</p>
+					{REPO_LINKS.map((link) => (
+						<Link
+							key={link.label}
+							variant="quiet"
+							href={link.href}
+							target="_blank"
+							rel="noreferrer"
+							className="text-[13px]/6"
+						>
+							{link.label}
+						</Link>
+					))}
+				</nav>
+			</div>
+
+			<div className="flex w-full justify-center border-border border-t">
+				<div className="flex w-full max-w-6xl flex-wrap items-center gap-x-4 gap-y-2 px-6 py-4 md:h-[60px] md:py-0">
+					<p className="flex flex-1 items-center gap-[5px] pt-[2px] text-[13px]/[21px] text-muted-foreground">
+						Built with love by
+						<Link
+							href="https://trycomp.ai"
+							target="_blank"
+							rel="noreferrer"
+							className="flex items-center gap-[5px] font-medium text-foreground"
+						>
+							<Logo className="size-[13px] shrink-0" />
+							Comp AI
+						</Link>
+					</p>
+
+					<p className="flex items-center gap-2 text-[13px]/5 text-muted-foreground">
+						<span className="size-1.5 shrink-0 rounded-full bg-ring" />
+						All systems normal
+					</p>
+				</div>
+			</div>
+		</footer>
+	);
+}
diff --git a/apps/app/components/landing/landing-nav.tsx b/apps/app/components/landing/landing-nav.tsx
new file mode 100644
index 00000000..0a898b99
--- /dev/null
+++ b/apps/app/components/landing/landing-nav.tsx
@@ -0,0 +1,14 @@
+import Link from "next/link";
+import { Wordmark } from "./wordmark";
+
+export function LandingNav() {
+	return (
+		<header className="relative flex h-16 w-full shrink-0 items-center justify-center border-border border-b">
+			<nav className="flex w-full max-w-6xl items-center gap-8 px-6">
+				<Link href="/" aria-label="Homepage">
+					<Wordmark />
+				</Link>
+			</nav>
+		</header>
+	);
+}
diff --git a/apps/app/components/landing/links.ts b/apps/app/components/landing/links.ts
new file mode 100644
index 00000000..b0288bfb
--- /dev/null
+++ b/apps/app/components/landing/links.ts
@@ -0,0 +1,10 @@
+export const REPO_URL = "https://github.com/trycompai/crm";
+export const REPO_STARS = "4.4k";
+
+export const REPO_LINKS = [
+	{ label: "GitHub", href: REPO_URL },
+	{ label: "Issues", href: `${REPO_URL}/issues` },
+	{ label: "Pull requests", href: `${REPO_URL}/pulls` },
+	{ label: "Contributing", href: `${REPO_URL}/blob/main/CONTRIBUTING.md` },
+	{ label: "License", href: `${REPO_URL}/blob/main/LICENSE` },
+] as const;
diff --git a/apps/app/components/landing/product-shot/companies-page.tsx b/apps/app/components/landing/product-shot/companies-page.tsx
new file mode 100644
index 00000000..96d5aab5
--- /dev/null
+++ b/apps/app/components/landing/product-shot/companies-page.tsx
@@ -0,0 +1,213 @@
+import Add from "@carbon/icons-react/es/Add";
+import ArrowsVertical from "@carbon/icons-react/es/ArrowsVertical";
+import ChevronDown from "@carbon/icons-react/es/ChevronDown";
+import ChevronLeft from "@carbon/icons-react/es/ChevronLeft";
+import ChevronRight from "@carbon/icons-react/es/ChevronRight";
+import Column from "@carbon/icons-react/es/Column";
+import Search from "@carbon/icons-react/es/Search";
+import Image from "next/image";
+import { COMPANY_COLUMNS, MOCK_COMPANIES } from "./companies";
+import { CompanyMark } from "./company-mark";
+
+const FACETS = ["Owner", "Industry", "Enrichment"];
+
+export function CompaniesPage() {
+	return (
+		<div className="flex min-w-0 grow flex-col overflow-clip p-6">
+			<div className="mx-auto flex w-full min-w-0 max-w-[1280px] grow flex-col gap-6">
+				<PageHeader />
+
+				<div className="flex min-h-0 grow flex-col gap-3">
+					<Toolbar />
+					<CompaniesTable />
+					<Pagination />
+				</div>
+			</div>
+		</div>
+	);
+}
+
+/**
+ * What the list looks like on a phone: no columns, no facet bar — the name and
+ * the domain, which is all a narrow row has space to say.
+ */
+export function CompaniesList() {
+	return (
+		<div className="flex min-h-0 min-w-0 grow flex-col gap-3 p-4">
+			<p className="font-medium text-xl/[120%] tracking-[-0.5px]">Companies</p>
+
+			<div className="flex h-8 shrink-0 items-center rounded-md border border-border bg-muted px-2">
+				<Search size={14} className="shrink-0 text-muted-foreground" />
+				<span className="truncate pl-1.5 text-muted-foreground text-xs">
+					Search companies…
+				</span>
+			</div>
+
+			<div className="flex flex-col">
+				{MOCK_COMPANIES.slice(0, 6).map((company) => (
+					<div
+						key={company.name}
+						className="flex h-12 shrink-0 items-center gap-2.5 border-border border-b"
+					>
+						<CompanyMark company={company} size={20} glyph={12} />
+						<span className="min-w-0 grow truncate font-medium text-xs">
+							{company.name}
+						</span>
+						<span className="shrink-0 font-mono text-[11px] text-muted-foreground">
+							{company.domain}
+						</span>
+					</div>
+				))}
+			</div>
+		</div>
+	);
+}
+
+function PageHeader() {
+	return (
+		<div className="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 gap-y-2">
+			<p className="col-start-1 row-start-1 self-center font-medium text-3xl/[120%] tracking-[-0.75px]">
+				Companies
+			</p>
+			<p className="col-start-1 -col-end-1 row-start-2 text-muted-foreground text-sm/[142%]">
+				Every account in the pipeline.
+			</p>
+			<span className="col-start-2 row-start-1 flex h-8 shrink-0 items-center justify-self-end rounded-md bg-primary pr-2.5 pl-2 text-primary-foreground shadow-2xs">
+				<Add size={16} />
+				<span className="pl-1.5 font-medium text-xs/[133%]">New company</span>
+			</span>
+		</div>
+	);
+}
+
+function Toolbar() {
+	return (
+		<div className="flex flex-wrap items-center justify-between gap-2">
+			<div className="flex h-8 w-64 shrink-0 items-center rounded-md border border-border bg-muted pl-2">
+				<Search size={16} className="shrink-0 text-muted-foreground" />
+				<span className="truncate pl-1.5 text-muted-foreground text-xs">
+					Search companies by name or domain…
+				</span>
+			</div>
+
+			<div className="ml-auto flex flex-wrap items-center gap-2">
+				{FACETS.map((facet) => (
+					<span
+						key={facet}
+						className="flex h-7 shrink-0 items-center gap-1 rounded-md border border-border bg-muted pr-1.5 pl-2.5 font-medium text-xs/[133%] shadow-2xs"
+					>
+						{facet}
+						<ChevronDown size={14} className="shrink-0 opacity-60" />
+					</span>
+				))}
+				<span className="flex h-7 shrink-0 items-center gap-1 rounded-md border border-border bg-muted pr-2.5 pl-1.5 font-medium text-xs/[133%] shadow-2xs">
+					<ArrowsVertical size={14} className="shrink-0" />
+					Sort
+				</span>
+				<span className="flex h-7 shrink-0 items-center gap-1 rounded-md border border-border bg-muted pr-2.5 pl-1.5 font-medium text-xs/[133%] shadow-2xs">
+					<Column size={14} className="shrink-0" />
+					Columns
+					<span className="opacity-60">(7)</span>
+				</span>
+			</div>
+		</div>
+	);
+}
+
+function CompaniesTable() {
+	return (
+		<div className="min-h-0 w-full grow overflow-clip rounded-lg border border-border bg-card">
+			<table className="w-full table-fixed border-collapse">
+				<thead className="bg-muted">
+					<tr>
+						{COMPANY_COLUMNS.map((column, index) => (
+							<th
+								key={column.label}
+								style={{ width: column.width }}
+								className={`h-11 overflow-clip pr-3 text-left font-normal ${index === 0 ? "pl-4" : "pl-3"}`}
+							>
+								<span className="-ml-2 inline-flex h-6 items-center gap-1 rounded-sm px-2 text-muted-foreground text-xs/[133%]">
+									{column.label}
+									<ArrowsVertical size={12} className="shrink-0 opacity-40" />
+								</span>
+							</th>
+						))}
+					</tr>
+				</thead>
+				<tbody>
+					{MOCK_COMPANIES.map((company) => (
+						<tr key={company.name} className="border-border border-b">
+							<td className="overflow-clip p-3">
+								<span className="flex items-center gap-2.5">
+									<CompanyMark company={company} size={20} glyph={12} />
+									<span className="line-clamp-1 font-medium text-xs/[133%]">
+										{company.name}
+									</span>
+								</span>
+							</td>
+							<td className="overflow-clip p-3">
+								<span className="line-clamp-1 text-muted-foreground text-xs/[133%]">
+									{company.domain}
+								</span>
+							</td>
+							<td className="overflow-clip p-3">
+								<span className="line-clamp-1 text-xs/[133%]">
+									{company.industry}
+								</span>
+							</td>
+							<td className="overflow-clip p-3">
+								{company.owner ? (
+									<span className="flex items-center gap-2">
+										<Image
+											src={company.owner.avatar}
+											alt=""
+											width={24}
+											height={24}
+											className="size-6 shrink-0 rounded-full object-cover"
+										/>
+										<span className="line-clamp-1 text-xs/[133%]">
+											{company.owner.name}
+										</span>
+									</span>
+								) : null}
+							</td>
+							<td className="overflow-clip p-3 text-right text-xs/[133%] tabular-nums">
+								{company.contacts}
+							</td>
+							<td className="overflow-clip p-3 text-right text-xs/[133%] tabular-nums">
+								{company.deals}
+							</td>
+							<td className="overflow-clip py-3 pr-4 pl-3 text-right text-muted-foreground text-xs/[133%]">
+								{company.lastActivity}
+							</td>
+						</tr>
+					))}
+				</tbody>
+			</table>
+		</div>
+	);
+}
+
+function Pagination() {
+	return (
+		<div className="flex shrink-0 flex-wrap items-center justify-between gap-3">
+			<span className="text-muted-foreground text-xs/[133%] tabular-nums">
+				Showing 1–25 of 48
+			</span>
+
+			<div className="flex items-center gap-2">
+				<span className="flex h-7 shrink-0 items-center gap-1 rounded-md pr-2.5 pl-1.5 font-medium text-xs/[133%] opacity-50">
+					<ChevronLeft size={14} className="shrink-0" />
+					Previous
+				</span>
+				<span className="text-muted-foreground text-xs/[133%] tabular-nums">
+					1 / 2
+				</span>
+				<span className="flex h-7 shrink-0 items-center gap-1 rounded-md bg-foreground pr-1.5 pl-2.5 font-medium text-background text-xs/[133%] shadow-2xs">
+					Next
+					<ChevronRight size={14} className="shrink-0" />
+				</span>
+			</div>
+		</div>
+	);
+}
diff --git a/apps/app/components/landing/product-shot/companies.ts b/apps/app/components/landing/product-shot/companies.ts
new file mode 100644
index 00000000..fdc59853
--- /dev/null
+++ b/apps/app/components/landing/product-shot/companies.ts
@@ -0,0 +1,72 @@
+export type MockCompany = {
+	name: string;
+	domain: string;
+	logo?: { src: string; invert?: boolean };
+	industry?: string;
+	owner?: { name: string; avatar: string };
+	contacts?: string;
+	deals?: string;
+	lastActivity?: string;
+};
+
+export const OWNER = {
+	name: "Patrick Onusko",
+	avatar: "/landing/avatar-patrick.jpg",
+};
+
+export const MOCK_COMPANIES: MockCompany[] = [
+	{
+		name: "Comp AI",
+		domain: "trycomp.ai",
+		industry: "Retail & E-commerce",
+		owner: OWNER,
+		contacts: "1",
+		deals: "0",
+		lastActivity: "2h ago",
+	},
+	{
+		name: "Tristar Fulfillment",
+		domain: "tristarfulfillment.com",
+		logo: { src: "/landing/logos/tristar-fulfillment.webp", invert: true },
+	},
+	{
+		name: "AuditBot",
+		domain: "auditbot.co",
+		logo: { src: "/landing/logos/auditbot.webp" },
+	},
+	{
+		name: "Tawkeed",
+		domain: "tawkeed.ai",
+		logo: { src: "/landing/logos/tawkeed.webp" },
+	},
+	{
+		name: "Piku",
+		domain: "piku.com",
+		logo: { src: "/landing/logos/piku.webp" },
+	},
+	{
+		name: "Roo Capital",
+		domain: "roocapital.com",
+		logo: { src: "/landing/logos/roo-capital.webp" },
+	},
+	{
+		name: "Social Good Software",
+		domain: "socialgoodsoftware.com",
+		logo: { src: "/landing/logos/social-good-software.webp" },
+	},
+	{
+		name: "Ridgetop",
+		domain: "ridgetoptech.com",
+		logo: { src: "/landing/logos/ridgetop.webp" },
+	},
+];
+
+export const COMPANY_COLUMNS = [
+	{ label: "Company", width: "26%" },
+	{ label: "Domain", width: "16%" },
+	{ label: "Industry", width: "16%" },
+	{ label: "Owner", width: "16%" },
+	{ label: "Contacts", width: "9%" },
+	{ label: "Deals", width: "9%" },
+	{ label: "Last activity", width: "12%" },
+] as const;
diff --git a/apps/app/components/landing/product-shot/company-mark.tsx b/apps/app/components/landing/product-shot/company-mark.tsx
new file mode 100644
index 00000000..6004c501
--- /dev/null
+++ b/apps/app/components/landing/product-shot/company-mark.tsx
@@ -0,0 +1,51 @@
+import Logo from "@crm/ui/components/logo";
+import { cn } from "@crm/ui/lib/utils";
+import Image from "next/image";
+import type { MockCompany } from "./companies";
+
+/**
+ * The square a company is drawn in inside the mock. Our own record renders the
+ * product mark on a light chip; everyone else renders the artwork the agent
+ * mirrored for them.
+ */
+export function CompanyMark({
+	company,
+	size,
+	glyph,
+}: {
+	company: Pick<MockCompany, "name" | "logo">;
+	size: number;
+	glyph: number;
+}) {
+	if (!company.logo) {
+		return (
+			<span
+				className="flex shrink-0 items-center justify-center bg-foreground"
+				style={{ width: size, height: size }}
+			>
+				<Logo
+					className="shrink-0 text-background"
+					style={{ width: glyph, height: glyph }}
+				/>
+			</span>
+		);
+	}
+
+	return (
+		<span
+			className="flex shrink-0 items-center justify-center overflow-clip"
+			style={{ width: size, height: size }}
+		>
+			<Image
+				src={company.logo.src}
+				alt=""
+				width={size}
+				height={size}
+				className={cn(
+					"size-full object-contain",
+					company.logo.invert && "invert",
+				)}
+			/>
+		</span>
+	);
+}
diff --git a/apps/app/components/landing/product-shot/company-sheet.tsx b/apps/app/components/landing/product-shot/company-sheet.tsx
new file mode 100644
index 00000000..46305bd6
--- /dev/null
+++ b/apps/app/components/landing/product-shot/company-sheet.tsx
@@ -0,0 +1,270 @@
+import Close from "@carbon/icons-react/es/Close";
+import MagicWand from "@carbon/icons-react/es/MagicWand";
+import OverflowMenuVertical from "@carbon/icons-react/es/OverflowMenuVertical";
+import Renew from "@carbon/icons-react/es/Renew";
+import Send from "@carbon/icons-react/es/Send";
+import Logo from "@crm/ui/components/logo";
+import { cn } from "@crm/ui/lib/utils";
+import Image from "next/image";
+import { OWNER } from "./companies";
+import { CompanyMark } from "./company-mark";
+
+const TABS = [
+	{ label: "Overview" },
+	{ label: "Contacts", count: "1" },
+	{ label: "Deals" },
+	{ label: "Activity" },
+	{ label: "Agent", active: true },
+];
+
+const STATS = [
+	{ label: "Open pipeline", value: "$0" },
+	{ label: "Open deals", value: "0" },
+	{ label: "Next close", value: "—", muted: true },
+];
+
+const QUESTIONS = [
+	"What do they do?",
+	"Who do we know here?",
+	"What has changed recently?",
+];
+
+/**
+ * The record panel, as the app draws it on a wide screen: a sheet pinned to the
+ * right of the list. Its mobile twin is `CompanyDrawer`.
+ */
+export function CompanySheet() {
+	return (
+		<div className="absolute inset-y-0 right-[1.5px] flex w-[814px] flex-col border-border border-l bg-card shadow-lg">
+			<SheetHeader />
+			<SheetStats />
+			<SheetTabs />
+			<AgentEmptyState />
+			<SheetComposer />
+		</div>
+	);
+}
+
+export function SheetHeader({ compact }: { compact?: boolean }) {
+	return (
+		<div
+			className={cn(
+				"flex shrink-0 flex-col border-border border-b py-3",
+				compact ? "px-4" : "px-5",
+			)}
+		>
+			<div className="flex items-start gap-3">
+				<CompanyMark company={{ name: "Comp AI" }} size={32} glyph={18} />
+
+				<div className="min-w-0 grow pt-0.5">
+					<p className="mb-0.5 font-medium text-lg/[125%] tracking-[-0.45px]">
+						Comp AI
+					</p>
+					<p className="text-muted-foreground text-xs/[162.5%]">
+						trycomp.ai · Compliance
+					</p>
+				</div>
+
+				<div className="flex shrink-0 items-center gap-1">
+					{compact ? null : (
+						<span className="flex h-7 items-center gap-1 rounded-md border border-border bg-muted pr-2.5 pl-1.5 font-medium text-xs/[133%] shadow-2xs">
+							<Renew size={14} className="shrink-0" />
+							Re-enrich
+						</span>
+					)}
+					<span className="flex h-7 items-center gap-1 rounded-md bg-primary pr-2.5 pl-1.5 font-medium text-primary-foreground text-xs/[133%] shadow-2xs">
+						<MagicWand size={14} className="shrink-0" />
+						Research
+					</span>
+					{compact ? null : (
+						<>
+							<span className="flex size-7 items-center justify-center rounded-md">
+								<OverflowMenuVertical size={16} />
+							</span>
+							<span className="mx-1 h-5 w-px shrink-0 bg-border" />
+							<span className="flex size-7 items-center justify-center rounded-md">
+								<Close size={16} />
+							</span>
+						</>
+					)}
+				</div>
+			</div>
+		</div>
+	);
+}
+
+export function SheetStats({ compact }: { compact?: boolean }) {
+	if (compact) {
+		return (
+			<div className="grid shrink-0 grid-cols-2 border-border border-b bg-muted/40">
+				<Stat label="Open pipeline" value="$0" className="border-r" />
+				<Stat label="Open deals" value="0" />
+			</div>
+		);
+	}
+
+	return (
+		<div className="flex shrink-0 border-border border-b bg-muted/40">
+			{STATS.map((stat) => (
+				<Stat
+					key={stat.label}
+					label={stat.label}
+					value={stat.value}
+					muted={stat.muted}
+					className="grow basis-0 border-r px-5"
+				/>
+			))}
+
+			<div className="flex min-w-0 grow basis-0 flex-col gap-1 px-5 py-2.5">
+				<p className="line-clamp-1 text-muted-foreground text-xs/5">Owner</p>
+				<div className="flex min-w-0 items-center gap-2">
+					<Image
+						src={OWNER.avatar}
+						alt=""
+						width={24}
+						height={24}
+						className="size-6 shrink-0 rounded-full object-cover"
+					/>
+					<span className="line-clamp-1 font-medium text-sm/5">
+						{OWNER.name}
+					</span>
+				</div>
+			</div>
+		</div>
+	);
+}
+
+function Stat({
+	label,
+	value,
+	muted,
+	className,
+}: {
+	label: string;
+	value: string;
+	muted?: boolean;
+	className?: string;
+}) {
+	return (
+		<div
+			className={cn(
+				"flex min-w-0 flex-col gap-1 border-border px-4 py-2.5",
+				className,
+			)}
+		>
+			<p className="line-clamp-1 text-muted-foreground text-xs/5">{label}</p>
+			<p
+				className={cn(
+					"truncate font-medium text-sm/5",
+					muted ? "text-muted-foreground" : "tabular-nums",
+				)}
+			>
+				{value}
+			</p>
+		</div>
+	);
+}
+
+export function SheetTabs({ compact }: { compact?: boolean }) {
+	return (
+		<div
+			className={cn(
+				"flex h-8 shrink-0 items-center overflow-clip border-border border-b py-[3px]",
+				compact ? "gap-4 px-4" : "gap-6 px-5",
+			)}
+		>
+			{TABS.map((tab) => (
+				<span
+					key={tab.label}
+					className={cn(
+						"relative flex h-[calc(100%-1px)] shrink-0 items-center gap-1.5 rounded-sm py-0.5 font-medium text-xs/[133%]",
+						tab.active ? "text-foreground" : "text-muted-foreground",
+					)}
+				>
+					{tab.label}
+					{tab.count ? <span className="tabular-nums">{tab.count}</span> : null}
+					{tab.active ? (
+						<span className="-bottom-[5px] absolute inset-x-0 h-0.5 bg-foreground" />
+					) : null}
+				</span>
+			))}
+		</div>
+	);
+}
+
+export function AgentEmptyState({ compact }: { compact?: boolean }) {
+	return (
+		<div
+			className={cn(
+				"flex min-h-0 w-full grow flex-col items-center justify-center overflow-clip px-6",
+				compact ? "gap-3 py-4" : "gap-4 py-12",
+			)}
+		>
+			<div className="flex max-w-xl flex-col items-center gap-2">
+				<span className="flex shrink-0 items-center justify-center pb-2">
+					<span className="flex size-8 shrink-0 items-center justify-center bg-foreground">
+						<Logo className="size-4 shrink-0 text-background" />
+					</span>
+				</span>
+				<p className="text-center font-medium text-sm/5">
+					Ask about this company
+				</p>
+				{compact ? null : (
+					<p className="text-center text-muted-foreground text-xs/[19px]">
+						It reads their site and our own history with them, and shows its
+						working.
+					</p>
+				)}
+			</div>
+
+			<div className="flex max-w-2xl flex-wrap items-center justify-center gap-2.5">
+				{QUESTIONS.map((question) => (
+					<span
+						key={question}
+						className="flex h-7 shrink-0 items-center rounded-md border border-border bg-muted px-2.5 font-medium text-xs"
+					>
+						{question}
+					</span>
+				))}
+			</div>
+		</div>
+	);
+}
+
+export function SheetComposer({ compact }: { compact?: boolean }) {
+	return (
+		<div
+			className={cn(
+				"flex w-full shrink-0 items-center gap-2 border-border border-t py-3",
+				compact ? "px-4" : "px-5",
+			)}
+		>
+			<div className="flex h-8 min-w-0 grow items-center rounded-md border border-border px-3">
+				<span className="text-muted-foreground text-xs">
+					What do they sell?
+				</span>
+			</div>
+			<span className="flex size-7 shrink-0 items-center justify-center rounded-md border border-border bg-muted">
+				<Send size={14} />
+			</span>
+		</div>
+	);
+}
+
+/**
+ * The same record on a phone. The app swaps its sheet for a bottom drawer at
+ * this width (`components/responsive-sheet.tsx`), so the shot does too —
+ * a clipped desktop sheet would be a picture of a product that does not exist.
+ */
+export function CompanyDrawer() {
+	return (
+		<div className="absolute inset-x-0 bottom-0 flex h-[440px] flex-col overflow-clip rounded-t-xl border-border border-t bg-card shadow-lg">
+			<span className="mx-auto mt-2 h-1 w-10 shrink-0 rounded-full bg-border" />
+			<SheetHeader compact />
+			<SheetStats compact />
+			<SheetTabs compact />
+			<AgentEmptyState compact />
+			<SheetComposer compact />
+		</div>
+	);
+}
diff --git a/apps/app/components/landing/product-shot/product-shot.tsx b/apps/app/components/landing/product-shot/product-shot.tsx
new file mode 100644
index 00000000..f8446f3b
--- /dev/null
+++ b/apps/app/components/landing/product-shot/product-shot.tsx
@@ -0,0 +1,94 @@
+import Building from "@carbon/icons-react/es/Building";
+import Dashboard from "@carbon/icons-react/es/Dashboard";
+import Group from "@carbon/icons-react/es/Group";
+import Partnership from "@carbon/icons-react/es/Partnership";
+import Settings from "@carbon/icons-react/es/Settings";
+import Logo from "@crm/ui/components/logo";
+import Image from "next/image";
+import { BuiltWith } from "../built-with";
+import { CompaniesList, CompaniesPage } from "./companies-page";
+import { CompanyDrawer, CompanySheet } from "./company-sheet";
+
+const RAIL = [
+	{ icon: Dashboard, label: "Overview", active: false },
+	{ icon: Building, label: "Companies", active: true },
+	{ icon: Group, label: "Contacts", active: false },
+	{ icon: Partnership, label: "Deals", active: false },
+	{ icon: Settings, label: "Settings", active: false },
+];
+
+export function ProductShot() {
+	return (
+		<section className="relative flex w-full shrink-0 flex-col items-center px-6 pt-20">
+			<div
+				role="img"
+				aria-label="The companies list with an account open on its Agent tab"
+				className="w-[1183px] max-w-full select-none overflow-clip rounded-xl border border-border bg-background"
+			>
+				<div className="relative hidden h-[690px] w-[1182px] shrink-0 flex-col overflow-clip lg:flex">
+					<div className="flex h-full w-[1392px] shrink-0 flex-col">
+						<AppHeader />
+						<div className="flex min-h-0 grow">
+							<AppRail />
+							<CompaniesPage />
+						</div>
+					</div>
+
+					<div className="absolute inset-y-0 right-[211.5px] left-0 bg-black/55 backdrop-blur-[4px]" />
+					<CompanySheet />
+				</div>
+
+				<div className="relative flex h-[600px] w-full flex-col overflow-clip lg:hidden">
+					<AppHeader />
+					<CompaniesList />
+
+					<div className="absolute inset-0 bg-black/55 backdrop-blur-[3px]" />
+					<CompanyDrawer />
+				</div>
+			</div>
+
+			<BuiltWith />
+		</section>
+	);
+}
+
+function AppHeader() {
+	return (
+		<div className="flex h-12 shrink-0 items-center gap-2 border-border border-b px-3">
+			<div className="flex shrink-0 items-center gap-1">
+				<span className="flex size-8 shrink-0 items-center justify-center">
+					<Logo className="size-5 shrink-0 text-foreground" />
+				</span>
+				<span className="mx-1 h-5 w-px shrink-0" />
+				<span className="line-clamp-1 font-medium text-sm/[142%]">
+					Comp AI CRM
+				</span>
+			</div>
+
+			<span className="ml-auto flex size-8 shrink-0 items-center justify-center rounded-md">
+				<Image
+					src="/landing/avatar-user.png"
+					alt=""
+					width={28}
+					height={28}
+					className="size-7 rounded-full object-cover"
+				/>
+			</span>
+		</div>
+	);
+}
+
+function AppRail() {
+	return (
+		<div className="flex w-14 shrink-0 flex-col items-center gap-1 border-border border-r py-3">
+			{RAIL.map(({ icon: Icon, label, active }) => (
+				<span
+					key={label}
+					className={`flex size-8 shrink-0 items-center justify-center rounded-md ${active ? "bg-muted text-foreground" : "text-muted-foreground"}`}
+				>
+					<Icon size={16} aria-label={label} />
+				</span>
+			))}
+		</div>
+	);
+}
diff --git a/apps/app/components/landing/section-heading.tsx b/apps/app/components/landing/section-heading.tsx
new file mode 100644
index 00000000..812ae7c9
--- /dev/null
+++ b/apps/app/components/landing/section-heading.tsx
@@ -0,0 +1,18 @@
+export function SectionHeading({
+	title,
+	lede,
+}: {
+	title: string;
+	lede?: string;
+}) {
+	return (
+		<div className="flex max-w-3xl flex-col gap-[18px]">
+			<h2 className="text-balance font-semibold text-4xl/[42px] tracking-tight md:text-[44px]/[50px]">
+				{title}
+			</h2>
+			{lede ? (
+				<p className="text-muted-foreground text-lg/[29px]">{lede}</p>
+			) : null}
+		</div>
+	);
+}
diff --git a/apps/app/components/landing/send-arrow.tsx b/apps/app/components/landing/send-arrow.tsx
new file mode 100644
index 00000000..62d66c65
--- /dev/null
+++ b/apps/app/components/landing/send-arrow.tsx
@@ -0,0 +1,21 @@
+import type * as React from "react";
+
+export function SendArrow(props: React.SVGProps<SVGSVGElement>) {
+	return (
+		<svg
+			viewBox="0 0 16 16"
+			xmlns="http://www.w3.org/2000/svg"
+			aria-hidden="true"
+			{...props}
+		>
+			<path
+				d="M8 13V3M3.5 7.5 8 3l4.5 4.5"
+				fill="none"
+				stroke="currentColor"
+				strokeWidth="1.6"
+				strokeLinecap="round"
+				strokeLinejoin="round"
+			/>
+		</svg>
+	);
+}
diff --git a/apps/app/components/landing/setup-prompt-button.tsx b/apps/app/components/landing/setup-prompt-button.tsx
new file mode 100644
index 00000000..974c94f1
--- /dev/null
+++ b/apps/app/components/landing/setup-prompt-button.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import Checkmark from "@carbon/icons-react/es/Checkmark";
+import Copy from "@carbon/icons-react/es/Copy";
+import ClaudeLogo from "@crm/ui/components/brand-logos/claude";
+import { Button } from "@crm/ui/components/button";
+import { useState } from "react";
+
+const SETUP_PROMPT =
+	"Set up trycompai/crm — install the dependencies, start Postgres, create my .env, and tell me which keys I still need.";
+
+/**
+ * The page's leading action: hand the whole setup to a coding agent. It stands
+ * where a "Get started" would, because on a repo you fork rather than sign up
+ * for, taking the prompt is what getting started means.
+ */
+export function SetupPromptButton() {
+	const [copied, setCopied] = useState(false);
+
+	async function copy() {
+		await navigator.clipboard.writeText(SETUP_PROMPT);
+		setCopied(true);
+		setTimeout(() => setCopied(false), 2000);
+	}
+
+	return (
+		<Button
+			variant="outline"
+			size="xl"
+			onClick={copy}
+			aria-label="Copy the setup prompt"
+		>
+			<ClaudeLogo data-icon="inline-start" className="size-4" />
+			{copied ? "Copied to clipboard" : "Copy the setup prompt"}
+			{copied ? (
+				<Checkmark
+					data-icon="inline-end"
+					className="ml-1.5 size-3.5 text-primary"
+				/>
+			) : (
+				<Copy
+					data-icon="inline-end"
+					className="ml-1.5 size-3.5 text-muted-foreground"
+				/>
+			)}
+		</Button>
+	);
+}
diff --git a/apps/app/components/landing/wordmark.tsx b/apps/app/components/landing/wordmark.tsx
new file mode 100644
index 00000000..175ed3ee
--- /dev/null
+++ b/apps/app/components/landing/wordmark.tsx
@@ -0,0 +1,18 @@
+import Logo from "@crm/ui/components/logo";
+import { cn } from "@crm/ui/lib/utils";
+
+export function Wordmark({ className }: { className?: string }) {
+	return (
+		<span
+			className={cn(
+				"flex shrink-0 select-none items-center gap-[9px]",
+				className,
+			)}
+		>
+			<Logo className="size-[18px] shrink-0 text-foreground" />
+			<span className="font-semibold text-[15px]/5 tracking-[-0.01em]">
+				CRM
+			</span>
+		</span>
+	);
+}
diff --git a/apps/app/public/landing/avatar-dan.png b/apps/app/public/landing/avatar-dan.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6ecafee9016a592aa30da52d2b0ee3c552e0668
GIT binary patch
literal 7955
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
JPDHLkV1kl~PT2qe

literal 0
HcmV?d00001

diff --git a/apps/app/public/landing/avatar-patrick.jpg b/apps/app/public/landing/avatar-patrick.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2e1a2e826dc202e58d795c36820e55a790c37b86
GIT binary patch
literal 3817
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
HJ^A(@y4~H<

literal 0
HcmV?d00001

diff --git a/apps/app/public/landing/avatar-user.png b/apps/app/public/landing/avatar-user.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2639d52d96b70ed2c2fe241e98380d3feee5b32
GIT binary patch
literal 1420
zcmbtUeLT|%9R5WzZ^KNS&Ib|eywr9@Zp6H`d1=GKPD?RTb2$@=ytJ&NY?{;NJs)R<
zRKi@u<Rve8spV`RucN$P&6qiFC%3!*?$7(&AK&NsJkKA`_n+tUWa3Vr(oi)}1pq(;
zgLd<i^ZCCIq#(y1wx*)xq!{ah!Gl1cv1#m-T<#0?I^_nm0=9s<OZrM304O0aZYcb<
zB5?sZ%0FDc8=E9ZA`1HkBf1xw)DRb<LW`{QdlaZEIhFolM<cv&9ig(0V@$MykvZHZ
zJr8}<l%Jl#Z_A3gqi%W=G<4|1TpEq8D!wv7kK+&}j*cnDCB+T3kGSHo<ZCIS5(~-f
zgOK>a#KG(C^W<SDCAD(|T=O1<0$?COX-}y!0NtBL1#nt`s)F->HfKmkz}+{uq2b)G
zmtHp4<ONi~m>Fv}w;gR-lcVN7V_GLz6H#SWB}+IcyHNBe&fni6><)|xO9Ax2N)Z;t
zfi@$&4YS~fwdNJg+?M5hqWxu`gSQCT<fR+yKL&d}^ndMYr-xCAKFl|$a@t{xOu|@i
zbcznL-uy<k)o(cYGO}@h9{1w0bL!>0)JV=2^X=OTp`cSn$R4wcLC(Ze+JGl`%(28q
zz8ULq=<Us}Xbs-BLvJ6wzO<@?xHW*J71xk2Y{`UzFlB<ItOjd294@($8zM618>A<%
z({Fy6vo@=pyo-`Tz7<cBqaq=b*)0vsPe#qQJ3}fq(5$ceY1GvgM>Y15NP*CEO<lyE
zb%H_e7VqfwlFZkU=(6L`)=`&CcDxKr*ASB_q8GLO)vuXtkDt)tLi}{>vx_j2!_40M
z4PW>44zC>20~3&=4yl?qbrkF3$Jk=LS$hJ>+jn~CB_am_rch;t4<Ic0v;Lw@+qT9b
zr<B>}U^QgZ!U4jZv02Z?hXa1DCLt6n<n=1kO5Od|!gNl1q$d^ua-m9XPnuXIhp{#%
z>o8BIxD!xTz03XEK`PD*1n)D_do?l!A&1!Jblf1`eggqneq<7$pan7G&#Lvg_pOlv
z^A;D278kuk%G^w@W@d)_Vs&{d!K6QY3|*)T3qS39keu7kt8_)*Lqpb*CgQl+a&;>j
zy60c5(t>o-T-y-|9p;GbhhP&FGYuOAN!pK<X9T6zm!9GLlc)LEWWE_6@`_z0jq82-
z>hq1pGH&sa9sjVMf#4yXD+G{=bkqYMuDQy2UvEC53-zcoi(Xvycn4>fkhIcm;PW9Z
z?S7Z4-U$R2Txw`seofY<N3K0crNCiC`)a?GlQBqGds9*#fD6Q{cu5upw&~tSW>S>x
zQ+C~hE*pthtzz2Vc?8zB%F~j4nNf&bPd2EtR<uV67!5UJjrGs*0izV>F8#L5dOu=q
z(zA?nO~l0Nj$YpTFQR)o&^#_S-td<b3<>N`Ulll^mwu?PKL_6R``Z*;flzA52)E$b
z=QI|<wRU8m|6H~6i7PJa=}#!%Qi$mG3T>1wz2a=F%sFmbPCAt%0#yrF^{}FowN4)i
zyENIfQl<bGE1R!4pz7`m)ul|XFurepN<$xYw#54xn%WgmC|r2Q68H;zSpfFCaQGWb
z<qA?(%tW^ZMd-vDuSa+C*FU}EnTPI9NtiT6e08_uaPrwM{rivmUgxC8Yg&)zFF1Th
zSr%`&8t0oAUW6J|jK65AJmXKa7>4iKr>QCJ41HwqVp*;d?ZK{}eNYaYYZ}+HuP}9?
ze9z<VzSZ3WiQ_!XC;WO$yYkWpf;Ke(vEiZp|2L-8I4u>JqQ{-x^@)_o_Y}ampLTod
Ha-RAZM$Cd5

literal 0
HcmV?d00001

diff --git a/apps/app/public/landing/logos/auditbot.webp b/apps/app/public/landing/logos/auditbot.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e2edf6902e0824ee72f6703e146b31bc40087fa5
GIT binary patch
literal 660
zcmV;F0&D$JNk&GD0ssJ4MM6+kP&il$0000G0000l001ul06|PpNP++W00Dqw+t#w?
z;qEXhr*t0}bnXtFL+0V>T)r>w_HU(35fKw$Fc{Ob`xlY7qbL~+<Y|E+l+kbyb)Ym0
z)e23@LNUa$LUIcY!5YICh-N&nEZ|EX{{7=W?@botd52#~8jCu9SPm;>Oe_3oDf$Nk
zqR0j;g)#M$fvokL9~s}Ll7$RbP&gpu0RRBd3;>-0Dlh;r06vjEnMkFhqM;`^4Y05h
z32Xqfxj}ws_<`3sczS=~&*OJZ?z9ju2nOH}B%ZN<Ko2dyXI1zsL6!!PCUssoczHR2
zbP*WwpU`5`&X7rA#uZ>~5g84|GOS2vd6d{}Ym{$T)&Kzh&5IB%Q<qq;@AdDzZTYY2
zPNf@0F;a00Xwmz>dFz{0bBOltj@#m@#x;=c-7~2Zh~ut6W}x!0V1LUob01Y%#Kf9Q
zF_8f0G9O~;{KR^#+4P}E0R7NAG;d+h%OrHpr)F|(x+h~e<<Ssy9P(x#DdB6^b7frY
zBIPbt<X){W-Fpz5{8HgT3z3n{k3=DJxZ^)`Pl{OTL_>31*<54NEvMb1ZZsbW)kEdT
zacRhzKz4!y*forG@Y06zY61#b+>(n0+si3FzD>s2n|f_0JieW)q^=!+^F${?bA1>G
z%Ytq_jpBX}2%i>mToQP7U#{Xr88lbDpG1F)l%fwmD?M}1bVZr>W3S5g4|S7*LuWWR
zM4tm-8#;KMlN++EqdXN&Vn|81KHk^i&xYqxk77+(AXUlJwkzV<B0!SVA)t$Ni-yVl
uX!wb9#Gr;fH0umo1hk!j&*>RDE_u9*jt4Rog<5)-?pwk>3RNQ<fB*m(UMSE2

literal 0
HcmV?d00001

diff --git a/apps/app/public/landing/logos/piku.webp b/apps/app/public/landing/logos/piku.webp
new file mode 100644
index 0000000000000000000000000000000000000000..294f4908ddcde58d3e8382680412b2c1c261385b
GIT binary patch
literal 812
zcmV+{1JnFcNk&E_0{{S5MM6+kP&il$0000G0000l001ul06|PpNTvV)00Dp;Ns=OI
z^jna6_XP*iEJqx4_4MSyJ0d1vTD@cJ^KCV4p9UeDgExb3?ys1A!Eo~Yw*o|=3NiSP
zr9~Q&z_%tw&_Klqu*8fuiY?kbjKB_TF7>@|U=Or_YG}{QpM)#|vv8rh!nE(pFbgUe
zQ&&n+4x35WaQeDQp&HEqzQM3wT7s$2Fz07N+CP{y@~(uPkKU55?zT_K!RK~bA8wLz
zKW-*gP&go10ssII3;>-0Dlh;r06vj8m`A0fBB3rc4q&hn32XqYIYCoCNPTzA61v*!
z02tsK$RD`V8J@v3tBwk0o<e@0LL=t}&<SmsTv^Wt0sJJ-pYYCVG`&Z3qGKD2eRH~C
z0zR#N@##uHV9)>n0REicFC)gq0VL^m*}A}2!S!dlOYT`Cl+I`I*k6yL1jlNDYF?8!
zI(f<;5GVT?ztNlEBTUIFp?B~4-JdLGeFNOVF;#Si)2bKKdRb~}K7V1oUOE_oiYJLC
z`B)jlUo3k}cDesFIzf|4_AZxPA5c1*4F@~7JK1n>A-jw3e7p%eJS5-W9=<Uat<xuw
zEb!nzues_(zq!T0dNz|@VUdQ{IlsN(w%+`I;Q8mRgX+PWyp^4sLKU)H4hBG^W5%01
z#yU*KA{cFz&V2j^|4btC-{uXJQ(Wtd#k#QVjJ|vSv$NWz;o&sWAWy56MrHlH4V=Vj
z8!{~fs3p4K8n)&`FCk+=42c#3s|1drCPYW?u=}513mSK7N*68E-h^0c`5>O8uv)~~
zPG`k?7sS}K(l@Ubj+Qv%s&Xu|RJ{seqp)a~i^1os0t-8bV^G(7P=yWi*Q8}+v#om5
z%M>X#CdOshsD+2o-<@92t8v$sJL&{~d)fWj9HN#Pjz%9o3Hmk~ADEPTwoWuqj-AxW
z#h?B?vQ~`)+QJn=7RIj6jWFN7ly@(3a|!$UXZCJ6RZbxwh9HQ$%!7rcgInk2t;N>x
qOYP0~Z)?rLu>q;!2_mz4Q6gpRLNywkfF)$da_Z#}OS0yCXaE3^etvxb

literal 0
HcmV?d00001

diff --git a/apps/app/public/landing/logos/ridgetop.webp b/apps/app/public/landing/logos/ridgetop.webp
new file mode 100644
index 0000000000000000000000000000000000000000..71267914db01684f73ec904e801eb1ce9fd9b5f0
GIT binary patch
literal 428
zcmV;d0aN}`Nk&Gb0RRA3MM6+kP&go%0RRAy4FH`1Dlh;r06vjKoJ%F6qM@UT0I(7X
zYyioB!lGZrUK8$sIdDi9N7%;x0qg_B1EdF-57J-Q4}bqa9)KUV{a_w|9$0?JAGqF-
z1kETT_zh9leZXIWQfBLe&AN8TJ$M70^Z=`YlvBk1H;5U+G}NXP0RH~M65nB8`E9q4
z=}!ZP|LJnhb}#>=DW2pQj{BFHTstqyvVu#cxRNyrgs>*bQn=6`3He}+>6nB%-117v
zJ4Ebph`8LJFZVEIBH4+%P(4Q^;5))G!Hd7+$yT=c%CV?7wYY93VUjdt6_|IxIf6*s
z$vS(m!Zlnf9KWn@X(Yt<umG|E;J`yB5ocon2^kA-6qN8f186gA?{$%H1SV>$)q7|c
z?U8;YmVdqGC*hXXms7r_@b`^EmJ+NESP4?g!R4ruv4U1pVkRp7F$q7~zR0c&QIphZ
z7!BroeVN^`|5!nE4*3Ml^C2)1=$fc2&H$kX{Fu*{#<!$uHABtmABBArj!0yUy!N(C
Wi(Wy22H9oT!i2)ZB=?Q>>Hq+S*vqT{

literal 0
HcmV?d00001

diff --git a/apps/app/public/landing/logos/roo-capital.webp b/apps/app/public/landing/logos/roo-capital.webp
new file mode 100644
index 0000000000000000000000000000000000000000..1680af20f8176c2ad480851793fdc00687d91426
GIT binary patch
literal 170
zcmWIYbaPw8z`zjh>J$(bU=hIuWD5YXIv6?n1bDatd5q}`7WAr^R{S}$;L+C_7Z=^n
z_lxFtAK_5lx;0JpM8h(!SzIm$*B*PKQn!Eak1ruE|J5CyX|r!--_rTw{p`378IJ40
z-fRp&^A*g1rUfuF%w^QlV9;Q&o9Hp$d+8FTg^N2FHVAQMGMw7N`R9hUE(62A@7dFg
RxZ2|r8Rq2Mt!@D70su!4JdFSV

literal 0
HcmV?d00001

diff --git a/apps/app/public/landing/logos/social-good-software.webp b/apps/app/public/landing/logos/social-good-software.webp
new file mode 100644
index 0000000000000000000000000000000000000000..37c32fa0dd251293a78522d992ed346b261f3541
GIT binary patch
literal 1902
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

literal 0
HcmV?d00001

diff --git a/apps/app/public/landing/logos/tawkeed.webp b/apps/app/public/landing/logos/tawkeed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..bd643666125c53fee6c6a555625f24bb5bc325d7
GIT binary patch
literal 370
zcmV-&0ge7rNk&F$0RRA3MM6+kP&go70RR9H2>_h|Dlh;r06vjEnMkFhA|WR%kgyU7
zX#f?-3~)um`vIs|`pnF%m(|AEJ~t9<ZVG8F6(bUqb5Y0ivDwr4lT!^|Ougx{IZHrl
zF%9ql0RH(Ie?R^p=sU;qDvN|X80C0fj(j7okVIAaz&3YI(CCxgVL-NZFULCm-%l@^
zI<Q{GdcwPZ{GYW{+0-_#@4mO1hw|dOy%dJH){L05Pufy-3%*!#^CojY*kVjR;s2+0
zt$4-nzW?ff^ymHm68`_c1lB+CPcuQb?^!n_%eM>QQkZ)w&h?!q<jhZdZ3JIq#`Ow_
zMJCuc(HI-Re2@BCalg=&!y28p$}deX3sDU+rlI{3D3dY34K^cranH-2Q$|g)UV7#c
zk)qkehdl`10y7ar19c$`dt|<UX&LcN)*6iqF9!!t=NOr-eAWvR+W$fXzr3JW`8MqZ
Qp3Kq>l?urv81#q$01VcxB>(^b

literal 0
HcmV?d00001

diff --git a/apps/app/public/landing/logos/tristar-fulfillment.webp b/apps/app/public/landing/logos/tristar-fulfillment.webp
new file mode 100644
index 0000000000000000000000000000000000000000..05ded123c0dccf9847d8e5df0f26e9e50f2e8fe4
GIT binary patch
literal 1524
zcmV<Q1q=F8Nk&HO1pok7MM6+kP&il$0000G0000l001ul06|PpNR<Qt00E$OZJQxU
z9?<hfWHrW~wQbwBZQHhO+qP}nwrvc0Dk9$dL!o;jVgl5@>3K43mQqUMHIu2Yqb_W(
z(HS$1La!`@7%Nky9Z0>Qu%2SCT1PGBsh(0QElMdpoZ73XZJ)mJigQk#QBlMHzyWUo
zWL}Z=!t^BBsn4t++wauF587wzcPW7L!+Y<(`r3U%WeV0RXv%*`J-i~BnnoQ?0uo27
zrlvt{L~TkTagL&-5M%7r;^2^ZS|$q$LG#TdYjq`w%zEmG%`5BvoC3~2(<n%$+WwrP
z*u>QR1;zPeGMQRNT|ojen<~n*(ChGFm#iUbaonB%A9}d;Lr+h!Hl@imicxFhDYKGd
zv!h6~U-+@#r2pVh_+o&f<{Do-b9pn<vt+<i>mDwX9w&o4iz}M$B^Q1eE|Y?$8-vq+
zVO{CK1`<cBirSFkg-sNtsBOr!@BB1OTF`OGJSQ^^{ECvfQ$Y&4u~(TJ6;=C~>^T2T
zuTax*B<J606{G>*Qt-A4n<_?KL;@09t3%y4lF96)C@qWAp7Y0~vZ%G|<1%D!m1cgO
z0-0we=>)R#-8?hTHtQ@i%`xk&v(7sEv?fWlNv4>3#@XjvW>KyCCmC?kJPLZ5oViUw
zstr`1+VPZ3W9C@JnaAUqJ=IZZp|6)wErwvtEQHXZNgg3(nik&e(2mq|@p%<09m=?U
zWI=6O)S_QeFEn>&IXy%!eB33IUZl<~gB9A*E<GfgrUHozb>2g-f8KMsV$ke8l*C8#
z%bJ-6UP&%AdZsvq?}kX~m~5yNwGSCj^sJ`XBx+sig~pP(>O~5L^+GT;nw}s7iFI3;
zM*oaAWa<ZLS2BrvB?U7D%`gUs!ncEDG7D1B?PT!856eoE{zA&!B}u_lX*V*Exkgbz
zreIN<lPQU(rcf1iIeGm4CWUE&g6Y8~h4oZLO>);>3Q?2(PAZ&LDJp0w-kDFqG~)a7
zI;E-p!J+We2vu7B2e_<DHQh$}Z&L-6r2cyhRaDd#@a_`YmJDQWl69Yhr^GAMNt^TT
zT&kpKl4L<LJxCAb;CotZuKC|46+H3l8k+vnVTv-71u2>&%`^tjg#zIGJ#aHTIY4$l
zTna%^okz~2sOCp80X%y{<{r)R9H}%=5_b+&j2iVYU(Kni*?NDG3bfcxv34doH{gkn
z=am-vk_r60phAOb`e#U)M(5vY6{EKJpVR<}F&k|<jznh6>I#w+6pzg$2Qm++GK-q$
zBkJBjrk*_Gb^cqwnJj9#uSf+7A1|N~RB7m)q|!jirBD(tO)pc+sA0E|GdL5Ds>u{g
zhdJJWJGpR9hoahyrk(yLIVJPTTryeIn!n-=c;c^(6ocBfsM%j5Wjv8qQ<QaTnT!J^
z@$!tSOudcjJi|TVWy1UlR%yWxaUd7Y>r_-9hN#tlB-Ob~L8i_A$H5bSZ=w*?rxrEo
zeI(XUrLME_3?=dE%!;PI4yL_%r&7@LKT(HVxUfr66ValU-$X&CDPN<W_-Av4potq~
zk`y%PUU+jhRi=p@LW6?ovTHgO)q4O|P&gnk0RRB72mqY{Dlh;r06vjCmq;a}A|WcQ
z0I(7XX<dK@yFyTRUv|@qvSk9JbC)i0a1dm)_?+nfV%ugyM7n46ZHqIblG-kdsb*Is
zBpv@?0092?Iu5e1MK1~&XMao*Vr(R1r1aOmW~Z@+>0~IzJF;%t&z1nsH@vvmJs|5x
z*jpZ6Du7Sv+!M^21xX`dng_JC#-o{eMGBa(Y_&q(WMOeCF!zFvzIIi;nogBQtty@B
z41oD7HD3qz1Io$6DNj|ts{bH=%U04F_>uI(r>EnaEF?vK@1xQi+L&Ysd#u)k-(!kB
z*&z|Pw`(AeMSa2^h(hON7Z6)yFIFMENWr+T`85iD67Q$GAYKywZY8(9NWrR26O|=t
a0Ra(V=^S_AYR=^BIDY_3A2MCM00019W!P;1

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/brand-logos/claude.tsx b/packages/ui/src/components/brand-logos/claude.tsx
new file mode 100644
index 00000000..5f3def38
--- /dev/null
+++ b/packages/ui/src/components/brand-logos/claude.tsx
@@ -0,0 +1,17 @@
+import type * as React from "react";
+
+const ClaudeLogo = (props: React.SVGProps<SVGSVGElement>) => (
+	<svg
+		viewBox="-3.529 0 31.059 31.059"
+		xmlns="http://www.w3.org/2000/svg"
+		aria-hidden="true"
+		{...props}
+	>
+		<path
+			d="M1.835 12.169L2.587 12.235L4.25 12.347L6.745 12.521L8.554 12.627L11.236 12.906L11.663 12.906L11.721 12.733L11.575 12.627L11.462 12.521L8.881 10.771L6.087 8.924L4.623 7.859L3.831 7.321L3.432 6.816L3.259 5.712L3.977 4.922L4.943 4.988L5.188 5.055L6.167 5.805L8.255 7.421L10.983 9.429L11.382 9.762L11.543 9.649L11.562 9.569L11.382 9.27L9.899 6.59L8.315 3.864L7.61 2.735L7.423 2.056C7.357 1.777 7.311 1.544 7.311 1.258L8.129 0.148L8.582 0.001L9.673 0.148L10.132 0.546L10.81 2.095L11.909 4.536L13.612 7.853L14.11 8.836L14.377 9.747L14.476 10.027L14.65 10.027L14.65 9.868L14.789 7.999L15.048 5.706L15.302 2.754L15.387 1.923L15.8 0.925L16.618 0.387L17.257 0.692L17.783 1.444L17.71 1.93L17.397 3.957L16.785 7.135L16.386 9.262L16.618 9.262L16.885 8.997L17.963 7.567L19.772 5.307L20.57 4.409L21.502 3.419L22.101 2.947L23.232 2.947L24.063 4.184L23.692 5.46L22.527 6.937L21.562 8.185L20.178 10.048L19.312 11.536L19.393 11.656L19.598 11.635L22.726 10.972L24.416 10.666L26.431 10.319L27.344 10.745L27.443 11.177L27.084 12.061L24.929 12.593L22.4 13.099L18.634 13.989L18.588 14.023L18.641 14.089L20.337 14.248L21.063 14.288L22.839 14.288L26.145 14.534L27.011 15.106L27.53 15.805L27.443 16.337L26.113 17.015L24.317 16.589L20.125 15.592L18.687 15.233L18.488 15.233L18.488 15.352L19.686 16.522L21.881 18.503L24.629 21.057L24.768 21.688L24.416 22.186L24.044 22.133L21.629 20.319L20.697 19.501L18.588 17.726L18.448 17.726L18.448 17.912L18.933 18.624L21.502 22.48L21.635 23.663L21.449 24.049L20.784 24.282L20.053 24.148L18.549 22.041L16.997 19.667L15.747 17.539L15.593 17.626L14.855 25.571L14.51 25.977L13.711 26.282L13.046 25.778L12.693 24.96L13.046 23.343L13.471 21.237L13.818 19.561L14.131 17.48L14.317 16.789L14.303 16.742L14.15 16.761L12.58 18.916L10.191 22.14L8.302 24.161L7.849 24.341L7.065 23.936L7.137 23.211L7.577 22.566L10.191 19.242L11.768 17.181L12.786 15.99L12.78 15.818L12.72 15.818L5.775 20.325L4.536 20.485L4.004 19.986L4.072 19.169L4.323 18.902L6.413 17.467L6.406 17.473L11.575 14.574L11.663 14.322L11.575 14.182L11.323 14.182L10.458 14.129L7.504 14.05L4.943 13.943L2.46 13.81L1.835 13.678L1.249 12.906L1.31 12.521L1.835 12.169Z"
+			fill="#D97757"
+		/>
+	</svg>
+);
+
+export default ClaudeLogo;
diff --git a/packages/ui/src/components/brand-logos/eve.tsx b/packages/ui/src/components/brand-logos/eve.tsx
new file mode 100644
index 00000000..ba736c1a
--- /dev/null
+++ b/packages/ui/src/components/brand-logos/eve.tsx
@@ -0,0 +1,17 @@
+import type * as React from "react";
+
+const EveLogo = (props: React.SVGProps<SVGSVGElement>) => (
+	<svg
+		viewBox="-51.934 0 182 58.333"
+		xmlns="http://www.w3.org/2000/svg"
+		aria-hidden="true"
+		{...props}
+	>
+		<path
+			d="M128.962 9.091H74.045L35.695 56.892H23.539L33.263 44.737 69.122-0.001H128.962V9.091ZM-2.634 56.867H-51.66V47.78H-2.634V56.867ZM128.964 47.78V56.867H79.936V47.78H128.964ZM-10.341 32.792H-51.66V23.702H-10.341V32.792ZM128.964 32.792H87.646V23.702H128.964V32.792ZM29.051 9.091H-51.66V-0.001H29.051V9.091Z"
+			fill="currentColor"
+		/>
+	</svg>
+);
+
+export default EveLogo;
diff --git a/packages/ui/src/components/brand-logos/github.tsx b/packages/ui/src/components/brand-logos/github.tsx
new file mode 100644
index 00000000..0285bff9
--- /dev/null
+++ b/packages/ui/src/components/brand-logos/github.tsx
@@ -0,0 +1,17 @@
+import type * as React from "react";
+
+const GitHubLogo = (props: React.SVGProps<SVGSVGElement>) => (
+	<svg
+		viewBox="0 0 16 16"
+		xmlns="http://www.w3.org/2000/svg"
+		aria-hidden="true"
+		{...props}
+	>
+		<path
+			d="M8 0C3.58 0 0 3.58 0 8a8 8 0 0 0 5.47 7.59c.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.4 7.4 0 0 1 2-.27c.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"
+			fill="currentColor"
+		/>
+	</svg>
+);
+
+export default GitHubLogo;
diff --git a/packages/ui/src/components/brand-logos/nextjs.tsx b/packages/ui/src/components/brand-logos/nextjs.tsx
new file mode 100644
index 00000000..5532430a
--- /dev/null
+++ b/packages/ui/src/components/brand-logos/nextjs.tsx
@@ -0,0 +1,17 @@
+import type * as React from "react";
+
+const NextjsLogo = (props: React.SVGProps<SVGSVGElement>) => (
+	<svg
+		viewBox="0 0 24 24"
+		xmlns="http://www.w3.org/2000/svg"
+		aria-hidden="true"
+		{...props}
+	>
+		<path
+			d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z"
+			fill="currentColor"
+		/>
+	</svg>
+);
+
+export default NextjsLogo;
diff --git a/packages/ui/src/components/brand-logos/slack.tsx b/packages/ui/src/components/brand-logos/slack.tsx
new file mode 100644
index 00000000..a9e4f9c7
--- /dev/null
+++ b/packages/ui/src/components/brand-logos/slack.tsx
@@ -0,0 +1,31 @@
+import type * as React from "react";
+
+const SlackLogo = (props: React.SVGProps<SVGSVGElement>) => (
+	<svg
+		viewBox="1883.505 992.491 13 12.024"
+		xmlns="http://www.w3.org/2000/svg"
+		aria-hidden="true"
+		{...props}
+	>
+		<g clipRule="evenodd" fillRule="evenodd">
+			<path
+				d="M1887.596 992.974c-0.61 0-1.104 0.493-1.102 1.099 0 0.606 0.494 1.098 1.103 1.098h1.104v-1.098c0-0.606-0.494-1.098-1.105-1.099 0 0 0 0 0 0m0 2.931h-2.94c-0.61 0-1.104 0.493-1.104 1.099-0.001 0.606 0.493 1.098 1.104 1.1h2.94c0.61 0 1.104-0.493 1.104-1.1 0-0.606-0.494-1.098-1.104-1.099z"
+				fill="#36C5F0"
+			/>
+			<path
+				d="M1894.584 997.004c0-0.606-0.494-1.098-1.104-1.099-0.61 0-1.104 0.493-1.103 1.099v1.1h1.103c0.61 0 1.104-0.493 1.104-1.1z m-2.942 0v-2.931c0-0.606-0.493-1.098-1.103-1.099-0.61 0-1.104 0.493-1.103 1.099v2.931c-0.001 0.606 0.493 1.098 1.102 1.1 0.61 0 1.104-0.493 1.104-1.1z"
+				fill="#2EB67D"
+			/>
+			<path
+				d="M1890.538 1003.965c0.61 0 1.104-0.493 1.104-1.099 0-0.606-0.494-1.098-1.104-1.098h-1.102v1.098c0 0.606 0.494 1.098 1.102 1.099z m0-2.931h2.942c0.61 0 1.104-0.493 1.104-1.099 0.001-0.606-0.493-1.098-1.103-1.1h-2.942c-0.61 0-1.104 0.493-1.103 1.1 0 0.606 0.493 1.098 1.102 1.099z"
+				fill="#ECB22E"
+			/>
+			<path
+				d="M1883.552 999.935c0 0.606 0.494 1.098 1.104 1.099 0.61 0 1.104-0.493 1.103-1.099v-1.099h-1.103c-0.61 0-1.104 0.493-1.104 1.099z m2.942 0v2.931c-0.001 0.606 0.493 1.098 1.102 1.099 0.61 0 1.104-0.493 1.104-1.099v-2.93c0.001-0.606-0.493-1.098-1.103-1.1-0.61 0-1.104 0.492-1.103 1.099 0 0 0 0 0 0"
+				fill="#E01E5A"
+			/>
+		</g>
+	</svg>
+);
+
+export default SlackLogo;
diff --git a/packages/ui/src/components/brand-logos/stripe.tsx b/packages/ui/src/components/brand-logos/stripe.tsx
new file mode 100644
index 00000000..f9b50697
--- /dev/null
+++ b/packages/ui/src/components/brand-logos/stripe.tsx
@@ -0,0 +1,17 @@
+import type * as React from "react";
+
+const StripeLogo = (props: React.SVGProps<SVGSVGElement>) => (
+	<svg
+		viewBox="0 0 24 24"
+		xmlns="http://www.w3.org/2000/svg"
+		aria-hidden="true"
+		{...props}
+	>
+		<path
+			d="M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z"
+			fill="#635BFF"
+		/>
+	</svg>
+);
+
+export default StripeLogo;
diff --git a/packages/ui/src/components/brand-logos/vercel.tsx b/packages/ui/src/components/brand-logos/vercel.tsx
new file mode 100644
index 00000000..53981a11
--- /dev/null
+++ b/packages/ui/src/components/brand-logos/vercel.tsx
@@ -0,0 +1,14 @@
+import type * as React from "react";
+
+const VercelLogo = (props: React.SVGProps<SVGSVGElement>) => (
+	<svg
+		viewBox="0 0 24 24"
+		xmlns="http://www.w3.org/2000/svg"
+		aria-hidden="true"
+		{...props}
+	>
+		<path d="m12 1.608 12 20.784H0Z" fill="currentColor" />
+	</svg>
+);
+
+export default VercelLogo;
diff --git a/packages/ui/src/components/button.tsx b/packages/ui/src/components/button.tsx
index 430d1bf6..3bef6b94 100644
--- a/packages/ui/src/components/button.tsx
+++ b/packages/ui/src/components/button.tsx
@@ -12,6 +12,8 @@ const buttonVariants = cva(
 					"bg-primary text-primary-foreground shadow-2xs hover:bg-[color-mix(in_oklch,var(--primary),black_12%)] active:bg-[color-mix(in_oklch,var(--primary),black_22%)] active:shadow-none",
 				outline:
 					"border-border bg-background shadow-2xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-muted dark:hover:bg-accent",
+				"outline-ghost":
+					"border-border hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
 				secondary:
 					"bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
 				ghost:
@@ -28,6 +30,7 @@ const buttonVariants = cva(
 				xs: "h-6 gap-1 rounded-sm px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
 				sm: "h-7 gap-1 px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
 				lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+				xl: "h-10 gap-2 px-5 text-[15px] has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4",
 				icon: "size-8",
 				"icon-xs": "size-6 rounded-sm [&_svg:not([class*='size-'])]:size-3",
 				"icon-sm": "size-7",
diff --git a/packages/ui/src/components/link.tsx b/packages/ui/src/components/link.tsx
new file mode 100644
index 00000000..87b35b52
--- /dev/null
+++ b/packages/ui/src/components/link.tsx
@@ -0,0 +1,49 @@
+import { cn } from "@crm/ui/lib/utils";
+import { cva, type VariantProps } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import type * as React from "react";
+
+/**
+ * A text link. Colour is inherited from whatever it sits in, because these
+ * live inside sentences that have already chosen one — the variant only
+ * decides whether the underline is always there or arrives on hover.
+ *
+ * A link shaped like a control is a `Button` with `asChild`, not this.
+ */
+const linkVariants = cva(
+	"rounded-xs underline-offset-4 outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring/60",
+	{
+		variants: {
+			variant: {
+				inline: "underline hover:text-foreground",
+				quiet: "hover:underline",
+			},
+		},
+		defaultVariants: {
+			variant: "inline",
+		},
+	},
+);
+
+function Link({
+	className,
+	variant,
+	asChild = false,
+	...props
+}: React.ComponentProps<"a"> &
+	VariantProps<typeof linkVariants> & {
+		asChild?: boolean;
+	}) {
+	const Comp = asChild ? Slot.Root : "a";
+
+	return (
+		<Comp
+			data-slot="link"
+			data-variant={variant}
+			className={cn(linkVariants({ variant, className }))}
+			{...props}
+		/>
+	);
+}
+
+export { Link, linkVariants };
diff --git a/skills-lock.json b/skills-lock.json
index aed6bf51..b617311f 100644
--- a/skills-lock.json
+++ b/skills-lock.json
@@ -43,6 +43,12 @@
       "skillPath": "prisma-database-setup/SKILL.md",
       "computedHash": "6a991a2530a6da7131e3fc71c353e8278702d0146b8b6e1d2fdfc2d3d0a21bd2"
     },
+    "seo-audit": {
+      "source": "coreyhaines31/marketingskills",
+      "sourceType": "github",
+      "skillPath": "skills/seo-audit/SKILL.md",
+      "computedHash": "f2dc52130189068981f21e1c0bdc4471ac7cd9b08d8a1320604411aa0f950385"
+    },
     "shadcn": {
       "source": "shadcn/ui",
       "sourceType": "github",

From ad4ceaa9abec8eb5a829a2c6d8553614441e3519 Mon Sep 17 00:00:00 2001
From: Lewis Carhart <lewis@trycomp.ai>
Date: Tue, 4 Aug 2026 17:24:51 -0400
Subject: [PATCH 3/5] feat(landing): enhance agent section and footer for
 improved layout and user engagement

- Updated the agent section to better structure child elements within a span for improved styling.
- Added a border to the landing footer for visual separation and enhanced aesthetics.
- Modified the footer link to include UTM parameters for better tracking of referral sources.
---
 apps/app/components/landing/agent-section.tsx  | 15 +++++++++------
 apps/app/components/landing/landing-footer.tsx |  9 ++++-----
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/apps/app/components/landing/agent-section.tsx b/apps/app/components/landing/agent-section.tsx
index 0cf033e8..f0710e85 100644
--- a/apps/app/components/landing/agent-section.tsx
+++ b/apps/app/components/landing/agent-section.tsx
@@ -129,13 +129,16 @@ function SuggestedAction({
 	return (
 		<Link
 			href="/sign-in"
-			className={cn(
-				"group/action -mx-2 flex flex-wrap items-center gap-1.5 rounded-sm border-border border-t px-2 py-[13px] text-[13px]/4 transition-colors hover:bg-accent/40",
-				className,
-			)}
+			className="group/action -mx-2 flex items-center gap-3 rounded-sm border-border border-t px-2 py-[13px] text-[13px]/4 transition-colors hover:bg-accent/40"
 		>
-			{children}
-			<div className="grow" />
+			<span
+				className={cn(
+					"flex min-w-0 grow flex-wrap items-center gap-y-2 gap-x-1.5",
+					className,
+				)}
+			>
+				{children}
+			</span>
 			<ArrowRight
 				size={16}
 				className="shrink-0 text-muted-foreground transition-transform group-hover/action:translate-x-0.5"
diff --git a/apps/app/components/landing/landing-footer.tsx b/apps/app/components/landing/landing-footer.tsx
index bec4245c..8858eb40 100644
--- a/apps/app/components/landing/landing-footer.tsx
+++ b/apps/app/components/landing/landing-footer.tsx
@@ -5,7 +5,7 @@ import { Wordmark } from "./wordmark";
 
 export function LandingFooter() {
 	return (
-		<footer className="relative flex w-full shrink-0 flex-col items-center">
+		<footer className="relative flex w-full shrink-0 flex-col items-center border-border border-t">
 			<div className="flex w-full max-w-6xl flex-col items-start justify-between gap-12 px-6 py-16 sm:flex-row sm:gap-16">
 				<div className="flex w-[280px] max-w-full shrink-0 flex-col gap-[14px]">
 					<Wordmark />
@@ -37,13 +37,12 @@ export function LandingFooter() {
 				<div className="flex w-full max-w-6xl flex-wrap items-center gap-x-4 gap-y-2 px-6 py-4 md:h-[60px] md:py-0">
 					<p className="flex flex-1 items-center gap-[5px] pt-[2px] text-[13px]/[21px] text-muted-foreground">
 						Built with love by
+						<Logo className="size-[13px] shrink-0 text-foreground" />
 						<Link
-							href="https://trycomp.ai"
+							href="https://trycomp.ai?utm_source=crm_landing_footer&utm_medium=referral"
 							target="_blank"
-							rel="noreferrer"
-							className="flex items-center gap-[5px] font-medium text-foreground"
+							className="font-medium text-foreground"
 						>
-							<Logo className="size-[13px] shrink-0" />
 							Comp AI
 						</Link>
 					</p>

From 6d2e6e445c0618fb73f30f161767f52b647064b3 Mon Sep 17 00:00:00 2001
From: Lewis Carhart <lewis@trycomp.ai>
Date: Tue, 4 Aug 2026 17:29:24 -0400
Subject: [PATCH 4/5] feat(turbo): update test dependencies and document
 workspace behavior

- Added `@crm/auth#test` as a dependency to the test configuration to ensure proper execution order.
- Included detailed comments explaining the singleton nature of the workspace and the implications for parallel test execution.
- Highlighted the need for a schema per package to avoid shared row issues in the database.
---
 apps/agent/turbo.json | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/apps/agent/turbo.json b/apps/agent/turbo.json
index 25049716..0f8bc0bd 100644
--- a/apps/agent/turbo.json
+++ b/apps/agent/turbo.json
@@ -22,8 +22,25 @@
 				"RAPIDAPI_KEY"
 			]
 		},
+		/**
+		 * `@crm/auth#test` is not a build dependency — it is a lock.
+		 *
+		 * Every other fixture in these suites is namespaced with `TEST_RUN_ID`,
+		 * but the workspace cannot be: it is a singleton by design, one row whose
+		 * id is the literal string `workspace`. `packages/auth`'s organization
+		 * spec deletes and recreates that row in `beforeEach`, and this app's
+		 * preamble spec reads it twice inside one assertion — once to compose the
+		 * expected "Who we are" block, once per preamble it checks against it.
+		 * Run in parallel against one Postgres, a delete landing between those
+		 * reads fails `ends each preamble with the same account of us`, and it
+		 * fails on whichever pull request happened to be unlucky.
+		 *
+		 * Turborepo has no mutex, so the dependency edge is the mutex. Everything
+		 * else still runs in parallel; only these two are ordered. The real fix is
+		 * a schema per package so nothing shares a row in the first place.
+		 */
 		"test": {
-			"dependsOn": ["topo", "^build"],
+			"dependsOn": ["topo", "^build", "@crm/auth#test"],
 			"passThroughEnv": ["DATABASE_URL"]
 		}
 	}

From 79749f5e0f760a7d8ceacac6a02e5c30e1d9d2e1 Mon Sep 17 00:00:00 2001
From: Lewis Carhart <lewis@trycomp.ai>
Date: Tue, 4 Aug 2026 17:31:39 -0400
Subject: [PATCH 5/5] refactor(landing): replace Link components with divs for
 improved layout consistency

- Updated the SuggestedAction, AskCard, and AgentBuilderCard components to use div elements instead of Link components for better styling control.
- Adjusted class names and structure to enhance visual presentation and maintain functionality without navigation links.
---
 apps/app/components/landing/agent-section.tsx     | 14 ++++----------
 apps/app/components/landing/ask-card.tsx          | 15 +++++----------
 .../components/landing/capabilities-section.tsx   | 12 ++++--------
 3 files changed, 13 insertions(+), 28 deletions(-)

diff --git a/apps/app/components/landing/agent-section.tsx b/apps/app/components/landing/agent-section.tsx
index f0710e85..16b02600 100644
--- a/apps/app/components/landing/agent-section.tsx
+++ b/apps/app/components/landing/agent-section.tsx
@@ -127,23 +127,17 @@ function SuggestedAction({
 	children: React.ReactNode;
 }) {
 	return (
-		<Link
-			href="/sign-in"
-			className="group/action -mx-2 flex items-center gap-3 rounded-sm border-border border-t px-2 py-[13px] text-[13px]/4 transition-colors hover:bg-accent/40"
-		>
+		<div className="flex items-center gap-3 border-border border-t py-[13px] text-[13px]/4">
 			<span
 				className={cn(
-					"flex min-w-0 grow flex-wrap items-center gap-y-2 gap-x-1.5",
+					"flex min-w-0 grow flex-wrap items-center gap-x-1.5 gap-y-2",
 					className,
 				)}
 			>
 				{children}
 			</span>
-			<ArrowRight
-				size={16}
-				className="shrink-0 text-muted-foreground transition-transform group-hover/action:translate-x-0.5"
-			/>
-		</Link>
+			<ArrowRight size={16} className="shrink-0 text-muted-foreground" />
+		</div>
 	);
 }
 
diff --git a/apps/app/components/landing/ask-card.tsx b/apps/app/components/landing/ask-card.tsx
index 49d0f53a..fd4cf2da 100644
--- a/apps/app/components/landing/ask-card.tsx
+++ b/apps/app/components/landing/ask-card.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { cn } from "@crm/ui/lib/utils";
-import Link from "next/link";
 import { useState } from "react";
 import { BentoCard, CardHeading } from "./bento-card";
 import { SendArrow } from "./send-arrow";
@@ -15,9 +14,9 @@ const QUESTIONS = [
 const PLACEHOLDER = "What do they sell?";
 
 /**
- * The one card a reader can actually drive. Picking a question loads it into
- * the composer, and sending it is the sign-in — the answer needs a record, and
- * a record needs an account.
+ * The one card a reader can actually drive: picking a question loads it into
+ * the composer. It goes no further on purpose — the answer needs a record, and
+ * the homepage does not send anybody to a sign-in form to see one.
  */
 export function AskCard() {
 	const [asked, setAsked] = useState<string | null>(null);
@@ -60,13 +59,9 @@ export function AskCard() {
 				>
 					{asked ?? PLACEHOLDER}
 				</span>
-				<Link
-					href="/sign-in"
-					aria-label="Ask this question in the CRM"
-					className="flex size-[30px] shrink-0 items-center justify-center rounded-full bg-primary transition-transform hover:scale-105 active:scale-95"
-				>
+				<span className="flex size-[30px] shrink-0 items-center justify-center rounded-full bg-primary">
 					<SendArrow className="size-3.5 text-primary-foreground" />
-				</Link>
+				</span>
 			</div>
 		</BentoCard>
 	);
diff --git a/apps/app/components/landing/capabilities-section.tsx b/apps/app/components/landing/capabilities-section.tsx
index b39c7052..d7f8c991 100644
--- a/apps/app/components/landing/capabilities-section.tsx
+++ b/apps/app/components/landing/capabilities-section.tsx
@@ -124,19 +124,15 @@ function AgentBuilderCard() {
 			<div className="flex select-none flex-col">
 				<MonoLabel className="h-[26px] shrink-0">SUGGESTED AGENTS</MonoLabel>
 				{SUGGESTED_AGENTS.map((agent) => (
-					<Link
+					<div
 						key={agent}
-						href="/sign-in"
-						className="group/agent -mx-2 flex h-11 shrink-0 items-center gap-3 rounded-sm border-border border-t px-2 transition-colors hover:bg-muted/50"
+						className="flex h-11 shrink-0 items-center gap-3 border-border border-t"
 					>
 						<span className="min-w-0 grow font-medium text-[13px]/[18px]">
 							{agent}
 						</span>
-						<ArrowRight
-							size={14}
-							className="shrink-0 text-muted-foreground transition-transform group-hover/agent:translate-x-0.5"
-						/>
-					</Link>
+						<ArrowRight size={14} className="shrink-0 text-muted-foreground" />
+					</div>
 				))}
 			</div>
 		</BentoCard>