From af35b199181061737762a6d5c55fb697253d839e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?=
 <35082514+alezmad@users.noreply.github.com>
Date: Sun, 5 Apr 2026 14:13:29 +0100
Subject: [PATCH] =?UTF-8?q?fix(web):=20start=20CTAs=20=E2=86=92=20/auth/re?=
 =?UTF-8?q?gister=20+=20GitHub=20link=20=E2=86=92=20claude-intercom=20OSS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

All conversion CTAs were pointing to the dead github.com/claudemesh/
claudemesh repo or # hash fragments. Landing is the primary funnel for
v0.1.0 — every "Start" button is a conversion-critical surface.

Fixes:
- Header "Start free" → /auth/register
- Header GitHub nav item → REMOVED (kept the icon button, repointed)
- Hero "Start free" → /auth/register
- Pricing 6× CTAs: Solo/Pro/Plus/Team/Business → /auth/register,
  Enterprise → /contact
- CTA footer "Star on GitHub" → /auth/register ("Start free")
- BeyondTerminal "Read the protocol spec" → /auth/register
  ("Get on the mesh")

GitHub reinstated as a dedicated icon button in the header right side,
pointing to https://github.com/alezmad/claude-intercom — the MIT OSS
foundation claudemesh is built on. Honest provenance: claude-intercom
is the local peer-mesh gift to the community, claudemesh is the hosted
cross-machine extension.

Tooltip: "Built on claude-intercom · MIT open source".

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../marketing/home/beyond-terminal.tsx        |  5 ++-
 apps/web/src/modules/marketing/home/cta.tsx   |  5 ++-
 apps/web/src/modules/marketing/home/hero.tsx  |  3 +-
 .../src/modules/marketing/home/pricing.tsx    | 18 +++++-----
 .../marketing/layout/header/header.tsx        | 33 ++++++++++++-------
 5 files changed, 36 insertions(+), 28 deletions(-)

diff --git a/apps/web/src/modules/marketing/home/beyond-terminal.tsx b/apps/web/src/modules/marketing/home/beyond-terminal.tsx
index 16bc569..6dab020 100644
--- a/apps/web/src/modules/marketing/home/beyond-terminal.tsx
+++ b/apps/web/src/modules/marketing/home/beyond-terminal.tsx
@@ -219,12 +219,11 @@ export const BeyondTerminal = () => {
             <span className="text-[var(--cm-fg-secondary)]">anything</span>
           </p>
           <Link
-            href="https://github.com/claudemesh/claudemesh#protocol"
-            target="_blank"
+            href="/auth/register"
             className="inline-flex items-center gap-2 rounded-[var(--cm-radius-xs)] border border-[var(--cm-fg-tertiary)] px-5 py-2.5 text-sm font-medium text-[var(--cm-fg)] transition-colors hover:border-[var(--cm-fg)] hover:bg-[var(--cm-bg-elevated)]"
             style={{ fontFamily: "var(--cm-font-sans)" }}
           >
-            Read the protocol spec →
+            Get on the mesh →
           </Link>
         </Reveal>
       </div>
diff --git a/apps/web/src/modules/marketing/home/cta.tsx b/apps/web/src/modules/marketing/home/cta.tsx
index ff7413c..858c37d 100644
--- a/apps/web/src/modules/marketing/home/cta.tsx
+++ b/apps/web/src/modules/marketing/home/cta.tsx
@@ -39,12 +39,11 @@ export const CallToAction = () => {
         <Reveal delay={3}>
           <div className="mt-12 flex flex-col items-stretch justify-center gap-3 sm:flex-row sm:items-center">
             <Link
-              href="https://github.com/claudemesh/claudemesh"
-              target="_blank"
+              href="/auth/register"
               className="group inline-flex items-center justify-center gap-2 rounded-[var(--cm-radius-xs)] bg-[var(--cm-clay)] px-6 py-3.5 text-[15px] font-medium text-[var(--cm-fg)] transition-colors duration-300 hover:bg-[var(--cm-clay-hover)]"
               style={{ fontFamily: "var(--cm-font-sans)" }}
             >
-              Star on GitHub
+              Start free
               <span className="transition-transform duration-300 group-hover:translate-x-0.5">
                 →
               </span>
diff --git a/apps/web/src/modules/marketing/home/hero.tsx b/apps/web/src/modules/marketing/home/hero.tsx
index 003e291..e5137b4 100644
--- a/apps/web/src/modules/marketing/home/hero.tsx
+++ b/apps/web/src/modules/marketing/home/hero.tsx
@@ -67,8 +67,7 @@ export const Hero = () => {
         <Reveal delay={4}>
           <div className="mt-10 flex flex-col items-stretch gap-3 sm:flex-row sm:items-center">
             <Link
-              href="https://github.com/claudemesh/claudemesh"
-              target="_blank"
+              href="/auth/register"
               className="group inline-flex items-center justify-center gap-2 rounded-[var(--cm-radius-xs)] bg-[var(--cm-clay)] px-5 py-3 text-[15px] font-medium text-[var(--cm-fg)] transition-colors duration-300 hover:bg-[var(--cm-clay-hover)]"
               style={{ fontFamily: "var(--cm-font-sans)" }}
             >
diff --git a/apps/web/src/modules/marketing/home/pricing.tsx b/apps/web/src/modules/marketing/home/pricing.tsx
index c87be2f..3ae2b2c 100644
--- a/apps/web/src/modules/marketing/home/pricing.tsx
+++ b/apps/web/src/modules/marketing/home/pricing.tsx
@@ -9,8 +9,8 @@ const TIERS = {
       name: "Solo",
       desc: "Run the broker on your laptop. Pair your Claude Code sessions across repos.",
       price: "Free",
-      cta: "Install locally",
-      href: "https://github.com/claudemesh/claudemesh",
+      cta: "Start free",
+      href: "/auth/register",
     },
     {
       name: "Pro",
@@ -18,7 +18,7 @@ const TIERS = {
       price: "$12",
       note: "per month",
       cta: "Start free trial",
-      href: "#",
+      href: "/auth/register",
     },
     {
       name: "Plus",
@@ -26,7 +26,7 @@ const TIERS = {
       price: "$24",
       note: "per month",
       cta: "Start free trial",
-      href: "#",
+      href: "/auth/register",
     },
   ],
   team: [
@@ -35,23 +35,23 @@ const TIERS = {
       desc: "Self-hosted broker. SSO, shared presence, team audit log, 25 peers.",
       price: "$99",
       note: "per month · unlimited peers",
-      cta: "Get started",
-      href: "#",
+      cta: "Start free",
+      href: "/auth/register",
     },
     {
       name: "Business",
       desc: "Multi-region brokers, retention controls, Slack/Linear bridges.",
       price: "$499",
       note: "per month",
-      cta: "Get started",
-      href: "#",
+      cta: "Start free",
+      href: "/auth/register",
     },
     {
       name: "Enterprise",
       desc: "Air-gapped deploy, custom SAML, dedicated support, SOC 2 pack.",
       price: "Contact",
       cta: "Contact sales",
-      href: "#",
+      href: "/contact",
     },
   ],
 };
diff --git a/apps/web/src/modules/marketing/layout/header/header.tsx b/apps/web/src/modules/marketing/layout/header/header.tsx
index d4ca14a..f6dd151 100644
--- a/apps/web/src/modules/marketing/layout/header/header.tsx
+++ b/apps/web/src/modules/marketing/layout/header/header.tsx
@@ -4,12 +4,9 @@ const NAV = [
   { label: "Docs", href: "#docs" },
   { label: "Pricing", href: "#pricing" },
   { label: "Changelog", href: "#changelog" },
-  {
-    label: "GitHub",
-    href: "https://github.com/claudemesh/claudemesh",
-    external: true,
-  },
-];
+] as const;
+
+const OSS_REPO_URL = "https://github.com/alezmad/claude-intercom";
 
 export const Header = () => {
   return (
@@ -56,9 +53,6 @@ export const Header = () => {
             <Link
               key={item.href}
               href={item.href}
-              {...(item.external
-                ? { target: "_blank", rel: "noreferrer" }
-                : {})}
               className="text-[14px] text-[var(--cm-fg-secondary)] transition-colors hover:text-[var(--cm-fg)]"
             >
               {item.label}
@@ -68,6 +62,24 @@ export const Header = () => {
 
         {/* right */}
         <div className="flex items-center gap-2">
+          <a
+            href={OSS_REPO_URL}
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="claude-intercom (MIT open source) on GitHub"
+            title="Built on claude-intercom · MIT open source"
+            className="hidden rounded-[var(--cm-radius-xs)] p-2 text-[var(--cm-fg-secondary)] transition-colors hover:bg-[var(--cm-bg-elevated)] hover:text-[var(--cm-fg)] md:inline-flex"
+          >
+            <svg
+              width="18"
+              height="18"
+              viewBox="0 0 24 24"
+              fill="currentColor"
+              aria-hidden="true"
+            >
+              <path d="M12 .3a12 12 0 00-3.8 23.4c.6.1.8-.3.8-.6v-2.2c-3.3.7-4-1.4-4-1.4-.5-1.4-1.3-1.8-1.3-1.8-1.1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.7-1.6-2.7-.3-5.5-1.3-5.5-6a4.7 4.7 0 011.3-3.3c-.2-.3-.6-1.6.1-3.3 0 0 1-.3 3.3 1.2a11.5 11.5 0 016 0c2.3-1.5 3.3-1.2 3.3-1.2.7 1.7.3 3 .1 3.3a4.7 4.7 0 011.3 3.3c0 4.7-2.8 5.7-5.5 6 .4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0012 .3" />
+            </svg>
+          </a>
           <Link
             href="/auth/login"
             className="hidden rounded-[var(--cm-radius-xs)] px-3 py-2 text-[14px] text-[var(--cm-fg-secondary)] transition-colors hover:text-[var(--cm-fg)] md:inline-flex"
@@ -75,8 +87,7 @@ export const Header = () => {
             Sign in
           </Link>
           <Link
-            href="https://github.com/claudemesh/claudemesh"
-            target="_blank"
+            href="/auth/register"
             className="inline-flex items-center gap-1.5 rounded-[var(--cm-radius-xs)] bg-[var(--cm-clay)] px-4 py-2 text-[14px] font-medium text-[var(--cm-fg)] transition-colors hover:bg-[var(--cm-clay-hover)]"
           >
             Start free