Skip to content

Move the composer below the carousel and the CTA into the card (staging) - #316

Merged
bashybaranaba merged 1 commit into
stagingfrom
agent/landing-composer-bottom-staging
Aug 23, 2026
Merged

Move the composer below the carousel and the CTA into the card (staging)#316
bashybaranaba merged 1 commit into
stagingfrom
agent/landing-composer-bottom-staging

Conversation

@bashybaranaba

Copy link
Copy Markdown
Member

Third round of review notes on the landing page, following #313 / #314.

What changed

The composer closes the page. Order now reads headline, carousel, then the box a visitor would type into once they are inside.

"Get started free" moved into the card, as an outlined Button variant="outline" under the copy. The copy block has a fixed height, so the button lands on the same line on every slide instead of drifting with the length of the headline.

Computers and Developers use the original full-size graphics again, filling the whole first half of the card with the same padding as every other slide. A new cover fit:

  • scales the visual to the pane width instead of shrinking it to fit,
  • pins it to the top so the window chrome stays whole,
  • fades the last stretch out with a mask, so the overrun reads as a surface continuing past the card rather than a hard slice through it.

The compact stand-ins added in #313 (computer-mini-visual, terminal-visual) are deleted, since the originals are back.

The signed-out sidebar drops its empty "Recents" placeholder.

Em dashes removed from the landing copy and its comments.

Verified

tsc --noEmit clean, production build clean. Every slide and all three viewports captured and reviewed from the production build, with no scrolling in either axis:

Viewport scrollW/clientW scrollH/clientH
1440 x 900 1440 / 1440 900 / 900
1280 x 720 1280 / 1280 720 / 720
390 x 844 390 / 390 844 / 844

One bug fixed while building the cover fit: a flex container sizes its children to their content, so ComputerVisual collapsed to its intrinsic width instead of filling the pane. Covering visuals stay block-level.

🤖 Generated with Claude Code

Follow-up review notes:

The composer now closes the page. The order reads headline, carousel, then
the box a visitor would type into once they are inside.

"Get started free" moves out of the page and into the carousel card, as an
outlined button under the copy. The copy block has a fixed height, so the
button lands on the same line on every slide instead of drifting with the
length of the headline.

The computers and terminal slides go back to the original full-size graphics
rather than the compact stand-ins, filling the whole first half of the card.
A new "cover" fit scales those to the pane width, pins them to the top so
the window chrome stays whole, and fades the last stretch out so the overrun
reads as a surface continuing past the card rather than a hard slice.

The signed-out sidebar drops its empty "Recents" placeholder.

Em dashes are gone from the landing copy and its comments.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Aug 23, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
agent-commons Ready Ready Preview Aug 23, 2026 7:27pm
agent-commons-commons-docs Ready Ready Preview Aug 23, 2026 7:27pm
commons-courses Ready Ready Preview Aug 23, 2026 7:27pm

Request Review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant