Repository navigation
Refactor landing page UX/UI for clarity and conversion - #43
Merged
Merged
Conversation
The landing page buried its value proposition under competing elements and asked visitors for a technical action before showing value. This restructures it as a single conversion funnel: Hero: - Replace the rotating typewriter headline with a static, benefit-led one. The animation caused text overflow and overlap on mobile (the rotating word collided with the next line) and rotated the value prop away before visitors could read it. - One clear primary CTA (Connect your agent — free) with a subordinate secondary (Browse the skills), instead of three competing next steps. - Demote the raw MCP URL + 4-tab tool picker to a compact "Already use MCP?" row; the step-by-step flow lives at /connect. - Replace the four heavy stat cards with a quiet single-line strip. Funnel order: - Move IndustryDemo (show-don't-tell, the most persuasive section) before the technical Proof deep-dive; re-alternate section backgrounds to match. Copy and consistency: - De-jargonize: "Four primitives" → "Four building blocks", plain- language explainer next to each SKILLS/PLAYBOOKS/SOULS/GUARDRAILS tag, "Forge live" → "Try this live". - Unify CTA labels across Hero, HowItWorks and CtaSection so every primary action reads "Connect your agent — free". - Add a continuation CTA at the end of HowItWorks. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01N7dTHxstEYRiesfjssG1Mf
npm ci was failing in CI (node-tests) because the lock file still pinned @lovable.dev/vite-tanstack-config@2.6.4 while package.json requires 2.7.0. Regenerated with `npm install --package-lock-only`; all new entries resolve from the public npm registry. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01N7dTHxstEYRiesfjssG1Mf
criptogus
marked this pull request as ready for review
July 4, 2026 17:35
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.
What does this PR add?
Restructures the landing page as a single conversion funnel — static benefit-led hero with one clear primary CTA, the technical MCP URL demoted to a secondary path, the persuasive industry demo moved before the technical deep-dive, and jargon replaced with plain language.
Type
version)Checklist (for content PRs)
Not a content PR — platform UI only.
Notes for reviewers
Problems this fixes:
/connect) and one subordinate secondary (Browse the skills →/marketplace). The raw MCP URL remains as a compact "Already use MCP?" row for people who don't need hand-holding.IndustryDemo(show-don't-tell, the most persuasive section) now comes right after "How it works", before the technicalProofdeep-dive; section backgrounds re-alternated to match.dlstrip.Verified: ESLint and Prettier clean on changed files;
tsc --noEmitshows no errors in touched files (35 pre-existing errors in unrelated server/lib code); rendered and screenshotted at 1440×900 and 390×844 via the dev server.Not touched:
/connect,/marketplace, Nav, Footer, pricing page — copy there still matches the new CTA labels.🤖 Generated with Claude Code
https://claude.ai/code/session_01N7dTHxstEYRiesfjssG1Mf
Generated by Claude Code