Restructure the home page around the three OpenUI products - #1095
Open
pd-builds wants to merge 14 commits into
Open
Restructure the home page around the three OpenUI products#1095pd-builds wants to merge 14 commits into
pd-builds wants to merge 14 commits into
Conversation
Replaces the stack diagram and the use-cases stepper with one shared ProductSection, rendered three times: Lang on the page background, and Gateway and Observability on the black Cloud band. They differ only in copy and tone, so a shared shape makes them read as three of the same thing rather than three separate pitches. The Cloud band loses its own heading, feature grid and capability ticker; the contact CTA moves to the top of it and takes the section title scale. The feature grid section keeps only its benchmark header and the compatibility band, now in that order. Adds a closing FAQ built on <details> rather than a JS accordion, so every answer stays in the markup for crawlers and coding agents reading the page, and it works with no JavaScript. The agent picker copies a setup prompt instead of a CLI command, so the per-agent "--agent-name" suffix is gone and the text is copied verbatim. It now sits both in the header and beside the hero command, sharing one exported AGENT_SETUP_PROMPT so the wording cannot drift. Product artwork is still pending: each band's stage renders empty at the right aspect ratio, and the brief for each image is recorded at the top of products.ts. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
CloudSection lost its heading, feature grid and capability ticker, but the rules that styled them stayed behind: 20 dead classes across 475 lines, against 6 that are still used. That was worse than clutter. `.featureTitle` carried a declaration block byte-identical to the live `.contactText`, so an edit matched on either rule's body hit two places, and a find-and-replace could silently restyle the dead one while leaving the live one alone. Verified by comparing the surviving rules against the original file rather than by eye: all 10 rules touching a live class are unchanged, with none dropped, added or altered. 475 lines to 95. Also gives the contact block room above and below, now that it leads the section rather than closing it. Co-Authored-By: Claude Opus 5 <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
3 participants
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.
Work in progress, opened so it can be picked up by someone else. Not ready to merge: see Outstanding below.
What changed
One shared
ProductSection, rendered three times. Lang on the page background, Gateway and Observability on the black Cloud band. They differ only in copy and atoneprop, so they read as three of the same thing. This replaces the stack diagram and the use-cases stepper, both removed from the home page.The Cloud band is now just the products. Its heading, feature grid and capability ticker are gone; the contact CTA moved to the top and took the section-title scale ("Upgrade your Generative UI agent.").
The feature grid section keeps only its benchmark header and the compatibility band, in that order, via two new opt-in props (
compatFirst,showHeaderSeparator). The four other pages that use this component are unaffected: all passshowCompat={false}and keep the defaults.New closing FAQ, built on
<details>rather than a JS accordion so every answer stays in the markup for crawlers and coding agents, and it works with no JavaScript.The agent picker copies a setup prompt, not a CLI command. The per-agent
--agent-namesuffix is removed so the prompt is copied verbatim; both pickers (header and hero) share one exportedAGENT_SETUP_PROMPT.Outstanding
products.ts./cloud/observability. The latest copy dropped each band's primary CTA, leaving only "View docs". The nav still links there.Verification
next buildpasses. Layout, spacing, copy, theming and the clipboard payload were checked in the browser against both light and dark themes.🤖 Generated with Claude Code