feat(website): the homepage closes on a quiet open-source strip - #1057
Merged
Conversation
The dark band after the stage was a second full CTA ("Prove the Angular
UI before you connect the backend") with three prove-it rows, two
buttons and a wall of caption links. The point of that beat is that the
project is free and forkable, and a billboard is the wrong volume for
saying so — it read as another pitch immediately before the teams block.
It is now a strip: one sentence at the left edge of the page container,
an MIT tag and an outlined "Fork on GitHub" button at the right, on the
same dark surface at roughly a third of the height. It stacks
left-aligned on phones. A new component rather than another FinalCTA
variant, because the four library pages still close on
`FinalCTA variant="dark"` and that shape is unchanged.
Also here:
- The GitHub mark was inlined twice (nav, footer) and the repo URL five
times. Both are shared now; `Button` grew a `leadingIcon` slot beside
the trailing one it already had. GITHUB_REPO_URL lives in
positioning.ts, not site-metadata.ts: that module reaches node:fs
through blog.ts, so a client component importing it drags the
filesystem into the browser bundle and the page 500s.
- The hero subhead now names what the description names — chat, durable
threads, persistence, human approvals and generative UI, on LangGraph
and AG-UI — keeping the highlighted boundary claim that follows it.
- That subhead also renders on the social card, where the longer copy
ran to four lines and overlapped the pills: the left column is centred
in a fixed 630px card, so the overflow collides rather than pushing.
The subhead sits at 20px in a 530px measure, which holds three lines.
- The website dev server needs GROWTH_FORM_POLICY to render at all; the
launch config now sets the value CI uses.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
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.
The dark band after the stage was a second full CTA — "Prove the Angular UI before you connect the backend", three prove-it rows, two buttons and a row of caption links. The point of that beat is that the project is free and forkable, and a billboard is the wrong volume for saying so. It read as another pitch immediately before the teams block.
It is now a strip: one sentence at the left edge of the page container, an MIT tag and an outlined Fork on GitHub button at the right, on the same dark surface at roughly a third of the height. It stacks left-aligned on phones.
OpenSourceStripis a new component rather than anotherFinalCTAvariant, because the four library pages still close onFinalCTA variant="dark"and that shape is deliberately unchanged. The now-unusedrowsprop and its CSS came out with it.Also here
Buttongrew aleadingIconslot beside the trailing one it already had.GITHUB_REPO_URLlives inpositioning.ts, notsite-metadata.ts— that module reachesnode:fsthroughblog.ts, so a client component importing it drags the filesystem into the browser bundle and the page 500s.GROWTH_FORM_POLICYto render at all locally; the launch config now sets the value CI uses. Unrelated to the copy work — happy to drop it if you would rather.Verification
Website unit suite, plus the
website,home-hero,home-stage,nav-heightandsolutionsPlaywright suites. Lint clean of errors, types clean. The social card and the strip were rendered and inspected at desktop, tablet and phone widths. I confirmed the taller hero does not push the demo frame past its IntersectionObserver threshold, which has broken that spec before.Known nit
On phones, and on line two of the card, "AG-UI" breaks across lines at its hyphen. A non-breaking hyphen fixes it but would stop the string matching the site description character for character.
🤖 Generated with Claude Code