Skip to content

feat(website): Phase 5 — marketing rewire to canonical demo#335

Merged
blove merged 9 commits into
mainfrom
claude/phase-5-marketing-rewire-design
May 15, 2026
Merged

feat(website): Phase 5 — marketing rewire to canonical demo#335
blove merged 9 commits into
mainfrom
claude/phase-5-marketing-rewire-design

Conversation

@blove
Copy link
Copy Markdown
Contributor

@blove blove commented May 15, 2026

Summary

  • Reroutes primary marketing CTAs (Hero, FinalCTA, ProofStrip) and the production-patterns iframe from cockpit.cacheplane.ai to the canonical demo.cacheplane.ai
  • Renames LiveCockpitFrameLiveDemoFrame (git mv preserves history) and adds new "Demo" entries to Nav + Footer before the existing "Examples" links
  • Adds two canonical-demo screenshots (welcome + mid-conversation with markdown response) and swaps the cockpit-code shot in the Hero collage for the conversation shot
  • Deep-dive cockpit refs (chat, pilot-to-prod, dev/primitives, FAQ, page.tsx feature panels, FinalCTA secondary CTA) intentionally remain — see plan's out-of-scope list

Test plan

  • npx nx build website succeeds (85 static pages)
  • grep -rn LiveCockpitFrame apps/website/src/ returns 0 matches
  • Remaining cockpit.cacheplane.ai refs are all on the intentional list (11 matches across deep-dive pages, FAQ, secondary CTAs, Examples links)
  • Post-deploy: Hero "Try the demo →" CTA navigates to demo.cacheplane.ai
  • Post-deploy: Hero collage shows new conversation screenshot
  • Post-deploy: FinalCTA renders both primary (demo) + secondary (cockpit)
  • Post-deploy: ProofStrip "demo.cacheplane.ai" entry is clickable
  • Post-deploy: Production-patterns iframe renders the chat surface (not cockpit shell)
  • Post-deploy: Nav + Footer show both "Demo" and "Examples" links

Spec: `docs/superpowers/specs/2026-05-15-canonical-demo-marketing-rewire-design.md`
Plan: `docs/superpowers/plans/2026-05-15-canonical-demo-marketing-rewire.md`

🤖 Generated with Claude Code

blove and others added 9 commits May 15, 2026 11:55
Full sweep: Hero, FinalCTA, ProofStrip, LiveCockpitFrame (renamed
to LiveDemoFrame), Nav + Footer all gain "Try the demo" entries
pointed at demo.cacheplane.ai. "See each feature in action" CTAs
keep pointing at cockpit.cacheplane.ai. Captures two new
canonical-demo screenshots (welcome + mid-conversation with
markdown response) via Chrome MCP, saves to public/screenshots/.

Deep-dive page cockpit references (chat, pilot-to-prod, dev/primitives,
HomeFAQ) stay as-is — those contexts are cockpit-specific.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
8 tasks. Task 1 is operator-driven (Chrome MCP for screenshots).
Tasks 2-7 are subagent-dispatchable. Task 8 is controller work
(PR + verify).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…tion)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Primary 'See it live' button becomes 'Try the demo →' pointing at
demo.cacheplane.ai. The layered-collage BrowserFrame swaps its URL
label to demo.cacheplane.ai and its screenshot to the new
canonical-demo-conversation.webp (markdown response with code +
table). The other two collage images are unaffected.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…deep dive

Primary CTA becomes 'Try the demo →' (demo.cacheplane.ai).
Secondary CTA becomes 'See each feature in action →' (cockpit.cacheplane.ai).

The existing 'Get started' → /docs CTA stays prominent in the Hero
(top of the page); the FinalCTA's bottom-of-page closer now drives
the two external surfaces that prove the framework works.

Adds optional 'external' flag support to the primary prop so
external defaults can open in a new tab.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Updates the signal label + value + href to point at
demo.cacheplane.ai. Cockpit stays referenced elsewhere (Nav,
Footer, deep-dive pages); the ProofStrip's job is to surface
proof-of-life — the canonical demo IS the live proof.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…cal demo

The 'Ship' feature block's visual previously iframed
cockpit.cacheplane.ai (which renders the cockpit docs shell — not
visually compelling). Switch to demo.cacheplane.ai, which renders
the actual chat surface. Same lazy-load IntersectionObserver
pattern; only the iframe src + BrowserFrame label + title text
change.

Renames the file + symbol with git mv so history is preserved.
Updates the single consumer in app/page.tsx.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Demo (demo.cacheplane.ai) is the primary 'try it' entry point;
Examples (cockpit.cacheplane.ai) is the 'see each feature in
action' deep dive. Both links are external.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Mirrors the Nav addition. Same external-link analytics pattern
(trackExternalLinkClick) with a new footer_demo cta_id.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented May 15, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
cacheplane Building Building Preview, Comment May 15, 2026 7:47pm

Request Review

@blove blove merged commit 6bc55d5 into main May 15, 2026
15 of 16 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant