feat(docs): redesign landing page by christopherkindl · Pull Request #330 · vercel/eve

christopherkindl · 2026-06-26T07:21:09Z

DO NOT MERGE — the /home route is a temporary alias added only so this PR's preview is viewable while eve.dev's / is still forwarded to vercel.com/eve at the domain level. Once that redirect is removed and / serves this landing page directly, the /home alias will be removed before merge.

Summary

Redesign of the eve docs landing page (apps/docs, the (home) route).

Hero: bg-background-200 surface; ai-studio-style typography (text-heading-* / text-copy-*); human/agent install switcher (vendored from the geistdocs command-prompt); removed Beta badge and "Read the Docs" button.
"An agent is a directory": rebuilt as a sidebar + code-panel card. Code renders through the geistdocs CodeBlock with server-side shiki highlighting (geist theme), line numbers, and copy button. Per-file descriptions, an added-files counter, plus-circle/check affordances, click-to-deselect, a reset control, and a bottom fade.
"Three layers, cleanly separated": Runtime + Channel cards with a gradient hairline border, linked SDK cards, and a capped Chat SDK list.
"Runs inside your Next.js app": `withEve()` + `useEveAgent()` shown in two code cards inside one gradient-bordered frame, with geistdocs `Badge` benefits.
"Everything you need for production agents": icon + title + description grid, platform-agnostic copy.
Footer: tinted `bg-background-200` on home routes only.
Icons: hard-copied the geistcn icons we use into `apps/docs/components/geistcn-icons/` (self-contained, no `@vercel/geistcn-assets` dependency).

Rework the home page: bg-background-200 surface, human/agent install switcher, ai-studio-style hero typography, and a card-based "An agent is a directory" file browser (geistdocs CodeBlock with shiki highlighting, geistcn icons, optional-file affordances). Redesign the "Three layers" and "production agents" sections with vendored geistcn icons and platform-agnostic copy. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

vercel · 2026-06-26T07:21:15Z

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

Project	Deployment	Actions	Updated (UTC)
eve-docs	Ready	Preview, Comment, Open in v0	Jun 27, 2026 12:36am

The shiki `pre` override spread ComponentProps<"pre"> (children optional) into CodeBlock, whose children is required. Destructure children and pass it as a JSX child so the type is satisfied. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Extract the landing page into a shared HomeContent component and expose it at /home (in addition to /), so the preview is reachable while the root domain is still forwarded to vercel.com/eve. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

christopherkindl · 2026-06-26T07:36:16Z

Temporary /home route

/ is currently forwarded to vercel.com/eve at the domain level, which also affects the preview. As a temporary measure in this PR, the landing page is also exposed at /home (and /en/home) so the preview is viewable.

This is only until the forwarding is figured out — once eve.dev / serves this page directly, the /home alias will be removed before merge. Keeping this as a draft in the meantime.

The global footer is shared across all routes, so scope the tint with a [data-home-route] marker (rendered only by the home layout) and a `body:has(...)` rule, leaving docs/other routes unchanged. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Show how natively eve and Next.js work together: withEve() in next.config.ts and useEveAgent() in a client component, side by side, plus the one-dev-server / same-origin / one-deploy benefits. Placed before the architecture section. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Add a full-width bottom gradient over the whole "agent is a directory" card so the lower sidebar entries and code dissolve into the background. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

A subtle reset button in the sidebar header clears all added files back to the default (instructions.md), shown only once extra files are selected. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Hard-copy IconTrash from @vercel/geistcn-assets and use it for the reset control instead of the lucide icon. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Extract GradientBorder into a shared component and wrap both interop code cards in a single gradient-bordered frame (matching the architecture cards), instead of a border per card. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Match the architecture inner cards' subtle shadow border instead of a plain border. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Hard-copy IconCheck from @vercel/geistcn-assets; added optional files now show a check where the plus-circle hover affordance sits. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Switch the production-features labels from mono uppercase to sans title-case at text-heading-16 with medium weight. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Add a compact description line under the code panel header for each file (content from vercel.com/eve, platform-agnostic), so the viz explains what each file does without extra cards. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Move the per-file description out of the keyed fly-in wrapper so only the code animates in; the description persists and transitions its height as the text length changes. Bump it to text-copy-14. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Hard-copy IconRefreshCounterClockwise from @vercel/geistcn-assets and use it for the directory reset control instead of the trash icon. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Clicking the active, already-added file removes it again (selection falls back to the highest remaining file); instructions.md stays pinned. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

The reset is hidden when only the default file is selected; selecting more reveals it with a width/opacity transition that slides the counter left. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

vercel Bot had a problem deploying to Preview June 26, 2026 07:22 Failure

vercel Bot deployed to Preview June 26, 2026 07:26 View deployment

christopherkindl marked this pull request as draft June 26, 2026 07:36

vercel Bot deployed to Preview June 26, 2026 07:37 View deployment

vercel Bot deployed to Preview June 26, 2026 07:51 View deployment

vercel Bot deployed to Preview June 26, 2026 22:33 View deployment

refactor(docs): move Next.js interop section after architecture

c398c61

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

vercel Bot deployed to Preview June 26, 2026 22:36 View deployment

vercel Bot deployed to Preview June 26, 2026 22:42 View deployment

feat(docs): style Next.js interop benefits as geistdocs badges

4dde3c6

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

vercel Bot deployed to Preview June 26, 2026 23:21 View deployment

style(docs): use sans title-case badge labels for Next.js interop

1c5aeae

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

vercel Bot deployed to Preview June 26, 2026 23:45 View deployment

christopherkindl and others added 4 commits June 26, 2026 16:47

feat(docs): always show file-tree reset, disabled at the default file

c83664a

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

style(docs): use text-gray-900 for the enabled reset button

06a916c

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

vercel Bot deployed to Preview June 26, 2026 23:52 View deployment

vercel Bot deployed to Preview June 26, 2026 23:56 View deployment

christopherkindl and others added 2 commits June 26, 2026 16:56

style(docs): make the disabled reset button more visible (gray-600)

4b29ecb

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

vercel Bot deployed to Preview June 26, 2026 23:58 View deployment

vercel Bot deployed to Preview June 27, 2026 00:04 View deployment

chore(docs): tidy file-tree directory card markup

3f974f2

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

vercel Bot deployed to Preview June 27, 2026 00:05 View deployment

style(docs): drop the TS badge from Next.js code card headers

09ac9ed

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

vercel Bot deployed to Preview June 27, 2026 00:10 View deployment

vercel Bot deployed to Preview June 27, 2026 00:13 View deployment

vercel Bot deployed to Preview June 27, 2026 00:18 View deployment

vercel Bot deployed to Preview June 27, 2026 00:20 View deployment

vercel Bot deployed to Preview June 27, 2026 00:23 View deployment

vercel Bot deployed to Preview June 27, 2026 00:25 View deployment

christopherkindl and others added 2 commits June 26, 2026 17:31

fix(docs): correct en-dash typo in plus-circle margin class

97c48c2

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

vercel Bot deployed to Preview June 27, 2026 00:33 View deployment

style(docs): use trash icon for the directory reset button

199ba47

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: christopherkindl <53372002+christopherkindl@users.noreply.github.com>

vercel Bot deployed to Preview June 27, 2026 00:36 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat(docs): redesign landing page#330

feat(docs): redesign landing page#330
christopherkindl wants to merge 27 commits into
mainfrom
ck/landing-page

christopherkindl commented Jun 26, 2026 •

edited

Loading

Uh oh!

vercel Bot commented Jun 26, 2026 •

edited

Loading

Uh oh!

christopherkindl commented Jun 26, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

christopherkindl commented Jun 26, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Uh oh!

vercel Bot commented Jun 26, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

christopherkindl commented Jun 26, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

christopherkindl commented Jun 26, 2026 •

edited

Loading

vercel Bot commented Jun 26, 2026 •

edited

Loading