Repository navigation
Editorial homepage redesign (Mode 002 conversion landing) - #2
Merged
Merged
Conversation
…anding) Reorders the homepage by the buyer's biggest doubt: hook, problem, mechanism, live resolver, verification levels, developers, audience fit, ecosystem, conversion, objections, closing payoff. Replaces the hero scene carousel with a static typographic identifier specimen, replaces tabs (which hid panels with JS off) with sequential sections, and replaces card grids and pill clusters with row lists, a lifecycle rail and a single paper band. Every factual statement is kept; defined vs issued stays two labelled claims. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0162uZioQeaCALAqfzP56M86
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
…er hydration The route-level home.css import was dropped from the production CSS bundle, so the preview rendered unstyled. Its rules now live in globals.css (all scoped to .home-* classes, .ground-paper and .rise). The live badge example's server-rendered <script> inserted DOM before hydration (React #418 on every homepage load, also on production); it is now injected after mount by LiveBadgeExample. Grid children get min-width: 0 so long monospace strings wrap at 390px. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0162uZioQeaCALAqfzP56M86
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0162uZioQeaCALAqfzP56M86
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0162uZioQeaCALAqfzP56M86
This branch was successfully deployed
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
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.
Redesigns the agenid.com homepage with the AIVH editorial-motion-web-design skill, Mode 002 PRODUCT_CONVERSION_LANDING. Scope:
app/page.tsx, a.home-*-scoped block appended toapp/globals.css, and a newcomponents/LiveBadgeExample.tsx. No other route changes.Story, ordered by the buyer's doubt ("who is this agent, and can I check it?")
Hook → Problem (the page's one paper band) → Mechanism (pillar rows + lifecycle rail) → Live resolver (real registry, unchanged
SearchBar) → Verification levels (defined vs issued) → Developers → Audience fit (one divided row) → Ecosystem → Conversion → Objections (visible Q/A + FAQPage JSON-LD) → Closing payoff.Kept verbatim: every factual statement on the previous page, including the level table (
Defined in v1.1.1/Issued by AgenID today, only L1 issued), "The only level agenid.com issues today is L1_REGISTERED.", protocol v1.1.1, MIT, Ed25519 / RFC 8785 JCS, and the npm, revocation, HSM-ceremony and ecosystem disclosures. Anchors#identity,#verify,#badges,#get-agenidpreserved.Removed from the homepage: the 5-scene hero carousel (now a static identifier specimen), the tabs (inactive panels were
hiddenwith JS off), card grids and pill clusters.Fixed along the way: the live badge example was a server-rendered
<script>that mutated the DOM before hydration, causing React error #418 on every homepage load (also on production). It is now injected after mount.CTAs: primary "Give Your Agent an Identity" →
/issueeverywhere; secondary "Verify an Agent" →/verifyeverywhere (matches the header). CTAs carrydata-event="cta_click"+data-location. No analytics provider is installed, so nothing is sent yet.QA:
vitest run1255/1255 pass;pnpm --filter @agenid/web buildpasses; Playwright on the preview at 390/768/1280/1920 shows no horizontal overflow, one h1, all sections visible with JS off and with reduced motion, 13/13 homepage links 200, the resolver routes to/a/<id>and shows the not-registered state, and /verify /issue /docs /trust /how-it-works /agents return 200 with no overflow.🤖 Generated with Claude Code
https://claude.ai/code/session_0162uZioQeaCALAqfzP56M86