fix(web): start CTAs → /auth/register + GitHub link → claude-intercom OSS

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>
2026-04-05 14:13:29 +01:00
parent 750d38960e
commit af35b19918
5 changed files with 36 additions and 28 deletions
--- 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>
--- 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>
--- 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)" }}
            >
--- 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",
    },
  ],
 };
--- 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