feat(web): add author CTA strip to landing page#25
Merged
Conversation
added 4 commits
April 19, 2026 14:38
Add a compact "For skill authors" divider strip at the bottom of the FinalCta section, pointing to the setup-skillx skill and the advertise-your-skill guide. Keeps the primary install+run action as the single focal point while giving skill authors a visible entry that doesn't interrupt the user-facing trust chain. Extend the homepage smoke check to cover the new strip copy, setup-skillx command, and guide link.
The previous bordered-top divider strip looked loose and disjointed. Replace it with a single-line callout box that uses the existing landing visual vocabulary (soft gradient background, pill badge, inline accent link) so it reads as a cohesive secondary CTA below the install panel. Inline the guide link into the body text and put the copy command on the right at a proportional visual weight, instead of a 3-column grid with an orphan pill button.
The warm cream gradient merged visually with the install panel above. Switch the author callout to a cool lavender-gray surface with a 3px accent-gradient bar on the left edge so it reads as a clear secondary callout rather than a second install card. Add a small star glyph to the badge, color the inline setup-skillx code chip in the accent tone, and give the copy command a crisp white surface with a subtle hover lift.
Increase the gap between the install panel and the author callout so they read as distinct blocks, and shrink the final-cta section bottom padding so the callout sits closer to the footer rather than floating in a large empty gutter.
Preview DeploymentThis PR has been deployed to Cloudflare Pages: |
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
setup-skillxand theadvertise-your-skillguide without interrupting the user-facing trust chain above.Test plan
cd web && npm run buildsucceedsnode web/scripts/assert-homepage.mjspasses (31 checks, including new author-callout fragments)node web/scripts/assert-light-theme.mjspasses/on desktop and verify the callout appears below the install panel with proper top/bottom spacing and left accent bar/guides/advertise-your-skill/setup-skillxrun command