Skip to content

fix: equalize homepage hero CTA vertical gaps - #547

Open
ghesp wants to merge 3 commits into
feat/agent-prompt-homepage-trackingfrom
cursor/equalize-hero-cta-gaps-fc07
Open

ghesp wants to merge 3 commits into
feat/agent-prompt-homepage-trackingfrom
cursor/equalize-hero-cta-gaps-fc07

Conversation

@ghesp

@ghesp ghesp commented Sep 7, 2026 •

Copy link
Copy Markdown
Contributor

Stacked on #540 (feat/agent-prompt-homepage-tracking). Do not merge before that PR.

Railway preview (homepage): https://docspage-docspage-pr-547.up.railway.app/

Head SHA: aeadd7eb02b93c3f05a92997d51c8897650c0b8e

Summary

Georgina asked for equal vertical spacing in two places on the homepage hero, then asked both to be gap-8 (2rem / 32px):

  1. Hero subtext (…llms.txt) → “For humans | For agents” toggle
  2. Prompt/URL chip → “Get started >” button

The title block (eyebrow / heading / subtext) still uses space-y-6 sm:space-y-8. The two CTA-adjacent gaps share gap-8.

Humans/agents tabs, chip, copy tracking, and Get started markup/behavior are unchanged.

Spacing class change

Gap #540 After equalize Now
Subtext → tabs hero space-y-6 sm:space-y-8 (1.5rem / 2rem) gap-6 (1.5rem) gap-8 (2rem)
Chip → Get started CTA gap-6 (1.5rem) gap-6 (1.5rem) gap-8 (2rem)

File: app/src/components/homepage/hero.tsx

Measured in Chrome (box edges): both gaps 32px at 1280×900 and 390×844.

Desktop hero, For agents — gap-8
Desktop hero, For humans — gap-8
Mobile hero, For agents — gap-8

Scope

  • app/ (hosted site, MCP, Ask AI)
  • packages/cli/
  • packages/mdx-bundler/
  • docs/ (product documentation)
  • Repo / CI / other

Type of change

  • Bug fix
  • New feature
  • Documentation
  • Refactor / chore

Test plan

  • bun run check passes locally
  • cd app && bun run build succeeds
  • Chrome box measurements: subtext→tabs = chip→button = 32px at 1280 and 390
  • Updated docs/ (if user-facing) — N/A, visual spacing only
  • Railway preview homepage: https://docspage-docspage-pr-547.up.railway.app/
  • CI on aeadd7e: quality, test, Railway deploy passed

Notes for reviewers

Depends on #540. Base is feat/agent-prompt-homepage-tracking. GitHub stacking is in use.

Preview for visual check: https://docspage-docspage-pr-547.up.railway.app/

To show artifacts inline, enable in settings.

Open in Web Open in Cursor 

The subtext-to-tabs gap was sm:space-y-8 (2rem) while the chip-to-button
gap stayed gap-6 (1.5rem). Isolate the title block so both CTA-adjacent
gaps share gap-6.

Co-authored-by: ghesp <ghesp@users.noreply.github.com>
@railway-app

railway-app Bot commented Sep 7, 2026 •

Copy link
Copy Markdown

🚅 Deployed to the docs.page-pr-547 environment in docs.page

Service Status Web Updated
docs.page ✅ Success (View Logs) Web Sep 7, 2026 at 11:07 am UTC

@CLAassistant

Copy link
Copy Markdown

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

@railway-app
railway-app Bot temporarily deployed to docs.page / docs.page-pr-547 September 7, 2026 10:47 Destroyed
Co-authored-by: ghesp <ghesp@users.noreply.github.com>
@railway-app
railway-app Bot temporarily deployed to docs.page / docs.page-pr-547 September 7, 2026 10:47 Destroyed
@ghesp
ghesp marked this pull request as ready for review September 7, 2026 11:02
Keep the two CTA-adjacent gaps equal (subtext → tabs, chip → Get started)
at 2rem. Title-block space-y-6 / sm:space-y-8 is unchanged.

Co-authored-by: ghesp <ghesp@users.noreply.github.com>

This branch was successfully deployed

1 active deployment
docs.page / docs.page-pr-547 — aeadd7eb Deployed Sep 7, 2026 by railway-app[bot]
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.

3 participants