feat(website): homepage refresh — positioning, hero, Why this exists, footer#475
Merged
Conversation
- positioning.ts: rework tagline / subheads to lead with "Agent UI for Angular" + durable threads, interrupts, subagents, planning, memory, generative UI; name Vercel json-render and Google A2UI explicitly. - Nav: trim Solutions, API, Pricing, Blog; rename primary CTA from "Get Started" to "Talk to Us" pointing at /contact (both desktop and mobile). - Hero: swap canonical demo screenshot to a generative-UI sample (airline operations dashboard rendered by the agent). - launch.json: add genui-python + genui-angular configs used to capture the new hero asset locally. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
10-row production-readiness checklist replacing the 4-card differentiator grid; dramatizes the demos→production gap and hands off to /pilot-to-prod. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…ess checklist Replaces the 4-card differentiator grid with a 10-row checklist that dramatizes the demos→production gap. Each row pairs a production need with the concrete NGAF primitive that covers it. Footer hands off to /pilot-to-prod. Also adds 'home_why_pilot_to_prod' to the CtaId union in events.ts to satisfy the type constraint on the new CTA link. See docs/superpowers/specs/2026-05-19-why-this-exists-section-design.md. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
… CTA Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Updates expected PRIMARY_TAGLINE, LONG_SUBHEAD substrings, and HERO_SUBHEAD substring to match the homepage marketing refresh from 847d0b1. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Drops the agent.signal() code window so the generative-UI dashboard screenshot owns the hero column unobstructed. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
… the column The agent.signal() <pre> frame was occluding the dashboard's bar chart and disruptions table — the densest, most proof-heavy region of the new hero screenshot. Removes it and resizes the dashboard frame to 100% column width. provideAgent / agent() still appear in the install CTA, the "Why this exists" primitive labels, and every install snippet in /docs. See docs/superpowers/specs/2026-05-19-hero-collage-simplification-design.md. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…ocs links
- BrowserFrame tilt -3° → -1°: less editorial, dashboard reads flatter.
- Dashboard frame + "Open in cockpit →" caption now open the live example
at cockpit.threadplane.ai/chat/generative-ui in a new tab; both fire
marketing CTA events (hero_demo_open_cockpit{,_caption}).
- POSITIONING_PROOF_POINTS now carries { label, href } per pill; each pill
wraps in an anchor to the closest concept doc:
LangGraph + AG-UI → /docs/agent/concepts/langgraph-basics
Durable threads → /docs/agent/guides/persistence
Interrupts → /docs/agent/guides/interrupts
Subagents → /docs/agent/guides/subgraphs
Planning + memory → /docs/agent/guides/memory
json-render+A2UI → /docs/render/concepts/json-render-vs-a2ui
Click fires hero_proof_pill CTA. opengraph-image, Hero.spec, and
site-metadata.spec updated for the new shape.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
On hover/focus-visible the neutral pills transition to the accent color family (background, border, text), lift 1px, and gain a faint shadow. Active state collapses the lift. Respects prefers-reduced-motion. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
The nav trim removed Blog, Solutions, API, and Pricing top-level items. API Reference and Pricing were already in the footer; this adds the two that weren't: - Resources column gains "Blog" → /blog - Solutions column gains "All solutions" → /solutions (the parent index; the three sub-solutions were already listed) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Build failed in CI because hero_demo_open_cockpit, hero_demo_open_cockpit_caption, and hero_proof_pill (introduced in 30272bf) weren't in the strict CtaId union. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Nav trim in 847d0b1 removed the Pricing top-level link; it stayed in the Product footer column. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
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
PRIMARY_TAGLINE,LONG_SUBHEAD,HERO_SUBHEAD), nav trim (Solutions / API / Pricing / Blog removed), CTA renamed Get Started → Talk to Us, new generative-UI hero screenshot (airline ops dashboard) replacing the old markdown chat demo.agent.signal()code window so the dashboard owns the column; tilt softened from −3° to −1°; whole frame + "Open in cockpit →" caption deep-link to https://cockpit.threadplane.ai/chat/generative-ui; six proof pills are now anchor-wrapped hover-animated links to docs (LangGraph, persistence, interrupts, subgraphs, memory, json-render vs A2UI).docs/superpowers/specs/2026-05-19-why-this-exists-section-design.md.11 commits. Designs + plans live under
docs/superpowers/{specs,plans}/2026-05-19-*.Screenshots
/tmp/hero-after.pnglocally — happy to upload if helpful)/tmp/why-this-exists-after.png)Test plan
npx vitest runinapps/website/→ 53 passing, 2 pre-existing failures (docs.spec.ts× 2,open-in-cockpit.spec.tsxtransform). Confirmed they also fail onmain— not caused by this PR.npx tsc -p apps/website/tsconfig.json --noEmit→ no new errors on touched files.prefers-reduced-motion).hero_install,hero_talk_to_engineers,hero_demo_open_cockpit{,_caption},hero_proof_pill,home_why_pilot_to_prod,footer_*).Out of scope / follow-ups
Differentiator.spec.tsxover-stubs@ngaf/design-tokens. If the token shape changes, tests won't catch it. Tracked as test-fidelity follow-up.docs.spec.ts(missing API docs + MDX walk) andopen-in-cockpit.spec.tsxtransform error — unrelated; both fail on main.🤖 Generated with Claude Code