feat(website): Phase 5 — marketing rewire to canonical demo#335
Merged
Conversation
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) <[email protected]>
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) <[email protected]>
…tion) Co-Authored-By: Claude Opus 4.7 (1M context) <[email protected]>
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) <[email protected]>
…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) <[email protected]>
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) <[email protected]>
…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) <[email protected]>
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) <[email protected]>
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) <[email protected]>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
blove
added a commit
that referenced
this pull request
Jun 9, 2026
* docs: spec for Phase 5 — marketing rewire to canonical demo 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) <[email protected]> * docs: Phase 5 plan — marketing rewire to canonical demo 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) <[email protected]> * feat(website): capture canonical-demo screenshots (welcome + conversation) Co-Authored-By: Claude Opus 4.7 (1M context) <[email protected]> * feat(website): Hero CTA + browser-frame routes to canonical demo 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) <[email protected]> * feat(website): FinalCTA defaults reroute to canonical demo + cockpit 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) <[email protected]> * feat(website): ProofStrip swaps 'Reference app' to 'Try it live' (demo) 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) <[email protected]> * feat(website): rename LiveCockpitFrame → LiveDemoFrame, iframe canonical 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) <[email protected]> * feat(website): Nav adds 'Demo' link before 'Examples' 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) <[email protected]> * feat(website): Footer adds 'Demo' link before 'Examples' 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) <[email protected]> --------- Co-authored-by: Claude Opus 4.7 (1M context) <[email protected]>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
cockpit.cacheplane.aito the canonicaldemo.cacheplane.aiLiveCockpitFrame→LiveDemoFrame(git mv preserves history) and adds new "Demo" entries to Nav + Footer before the existing "Examples" linksTest plan
npx nx build websitesucceeds (85 static pages)grep -rn LiveCockpitFrame apps/website/src/returns 0 matchescockpit.cacheplane.airefs are all on the intentional list (11 matches across deep-dive pages, FAQ, secondary CTAs, 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