marco/buildmymcpserver
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(review): loop-2 findings — login fallback, proof-band confidence, contrast, content hedges

Browse Source 
Code review: login no longer strands visitors with zero sign-in methods when
the providers fetch fails (falls back to SMS + error notice); skeleton while
providers load instead of a blank card.

Design re-audit: proof band flipped from apology to flex ('Don't take our
word for it / Every claim links to its proof') and promoted to the primary
heading tier; unverifiable '60 seconds'/'in minutes' speed claims dropped;
fg-subtle body text bumped to fg-muted (AA contrast); marketplace section
differentiated via border-y + elevated bg (adjacent hairlines removed);
preview frame traffic lights on-palette; header h-12 -> h-14 (hero svh calc
adjusted); emerald-400 -> --color-success token.

Content QA: rest-api article description drift between page and registry
resolved; ChatGPT plan-gating table and Atlassian Rovo SSE-cutoff claims now
carry dated hedges.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01SXUwmPVRTD8AKQtio6gCN5
This commit is contained in:
Marco Sadjadi
2026-07-08 23:13:53 +02:00
parent a08f5f05b1
commit c4f0db5719
6 changed files with 57 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
apps/web/app/(marketing)/page.tsx
View File

@@ -164,7 +164,7 @@ export default function Landing() {
CTAs stay interactive. */}
<section
className="relative flex items-center overflow-hidden border-b border-[--color-border]"
style={{ minHeight: 'calc(100svh - 3rem)' }}
style={{ minHeight: 'calc(100svh - 3.5rem)' }}
>
<ParticleHero />
<div className="relative z-10 mx-auto grid w-full max-w-6xl gap-10 px-6 py-14 sm:py-20 md:grid-cols-[1.05fr_1fr] md:items-center md:gap-12">
@@ -177,8 +177,8 @@ export default function Landing() {
<span className="text-[--color-fg-muted]">AI uses it.</span>
</h1>
<p className="mt-5 max-w-md text-[15px] leading-relaxed text-[--color-fg-muted] sm:text-[16px]">
From prompt to production MCP server in 60 seconds. OAuth 2.1, Streamable HTTP, ready
for Claude, Cursor and ChatGPT.
From a prompt to a production MCP server — OAuth 2.1, Streamable HTTP, ready for
Claude, Cursor and ChatGPT.
</p>
<div className="mt-8 flex flex-wrap items-center gap-3">
<PulseLink
@@ -191,21 +191,21 @@ export default function Landing() {
href="#flow"
className="inline-flex h-11 items-center justify-center rounded-md border border-[--color-border] bg-[--color-bg-elevated] px-5 text-[14px] text-[--color-fg-muted] transition-colors hover:text-[--color-fg]"
>
See a live build
Watch a build
</PulseLink>
</div>
<div className="mt-8 flex flex-wrap gap-x-6 gap-y-2 text-[12px] text-[--color-fg-subtle]">
<div className="mt-8 flex flex-wrap gap-x-6 gap-y-2 text-[12px] text-[--color-fg-muted]">
<span className="inline-flex items-center gap-1.5">
<span className="size-1.5 rounded-full bg-emerald-400" /> OAuth 2.1 + PKCE
<span className="size-1.5 rounded-full bg-[--color-success]" /> OAuth 2.1 + PKCE
</span>
<span className="inline-flex items-center gap-1.5">
<span className="size-1.5 rounded-full bg-emerald-400" /> Streamable HTTP
<span className="size-1.5 rounded-full bg-[--color-success]" /> Streamable HTTP
</span>
<span className="inline-flex items-center gap-1.5">
<span className="size-1.5 rounded-full bg-emerald-400" /> AES-256 secrets
<span className="size-1.5 rounded-full bg-[--color-success]" /> AES-256 secrets
</span>
<span className="inline-flex items-center gap-1.5">
<span className="size-1.5 rounded-full bg-emerald-400" /> Per-server isolation
<span className="size-1.5 rounded-full bg-[--color-success]" /> Per-server isolation
</span>
</div>
</div>
@@ -290,13 +290,13 @@ export default function Landing() {
{/* Proof by specificity — three verifiable claims, each one click from
its evidence. Replaces the old pseudo-logo row: no invented marks,
just a plain-text compatibility line. */}
<section className="border-b border-[--color-border] py-16 sm:py-24">
<section className="py-16 sm:py-24">
<div className="mx-auto max-w-6xl px-6">
<Kicker>verify_it_yourself</Kicker>
<h2 className="mt-3 max-w-2xl text-[28px] font-semibold leading-[1.1] tracking-tight sm:text-[32px]">
No testimonials yet — we're new.
<h2 className="mt-3 max-w-2xl text-[32px] font-semibold leading-[1.1] tracking-tight sm:text-[40px]">
Don&apos;t take our word for it.
<br />
<span className="text-[--color-fg-muted]">So check the claims instead.</span>
<span className="text-[--color-fg-muted]">Every claim links to its proof.</span>
</h2>
<div className="mt-10 grid gap-4 md:grid-cols-3">
{PROOF_POINTS.map((p) => {
@@ -319,15 +319,16 @@ export default function Landing() {
);
})}
</div>
<p className="mt-10 text-center text-[13px] text-[--color-fg-subtle]">
<p className="mt-10 text-center text-[13px] text-[--color-fg-muted]">
Works with Claude Desktop, Cursor, ChatGPT, VS Code Copilot and Continue.dev — anything
that speaks MCP.
</p>
</div>
</section>
{/* Use cases — brand-coloured integration grid. */}
<section className="border-b border-[--color-border] py-20 sm:py-28">
{/* Use cases — brand-coloured integration grid. No bottom hairline:
the marketplace section below brings its own border-y. */}
<section className="py-20 sm:py-28">
<div className="mx-auto max-w-6xl px-6">
<div className="mb-12 grid gap-6 md:grid-cols-[1fr_auto] md:items-end md:gap-12">
<div>
@@ -335,11 +336,11 @@ export default function Landing() {
<h2 className="mt-3 text-[32px] font-semibold leading-[1.1] tracking-tight sm:text-[40px]">
Wrap any HTTP API.
<br />
<span className="text-[--color-fg-muted]">In minutes.</span>
<span className="text-[--color-fg-muted]">From one prompt.</span>
</h2>
</div>
<p className="max-w-xs text-[14px] leading-relaxed text-[--color-fg-muted]">
Ship integrations like these from one prompt each.
Each shipped from a single prompt.
</p>
</div>
@@ -375,8 +376,9 @@ export default function Landing() {
</section>
{/* Marketplace — split layout: selling points left, honest preview
frame right. */}
<section className="border-b border-[--color-border] py-20 sm:py-28">
frame right. Elevated background (no hairline) so the page reads
in blocks instead of one continuously ruled ledger. */}
<section className="border-y border-[--color-border] bg-[--color-bg-elevated] py-20 sm:py-28">
<div className="mx-auto grid max-w-6xl gap-14 px-6 md:grid-cols-[5fr_6fr] md:items-center md:gap-16">
<div>
<Kicker>marketplace</Kicker>
@@ -602,9 +604,9 @@ function MarketplacePreview() {
{/* Browser chrome */}
<div className="flex items-center gap-3 border-b border-[--color-border] bg-[--color-bg-subtle] px-4 py-3">
<div className="flex gap-1.5">
<span className="size-2.5 rounded-full bg-zinc-700" />
<span className="size-2.5 rounded-full bg-zinc-700" />
<span className="size-2.5 rounded-full bg-zinc-700" />
<span className="size-2.5 rounded-full bg-[#ff5f57]/80" />
<span className="size-2.5 rounded-full bg-[#febc2e]/80" />
<span className="size-2.5 rounded-full bg-[#28c840]/80" />
</div>
<div className="mono flex-1 truncate rounded-md border border-[--color-border] bg-[--color-bg] px-3 py-1 text-[11px] text-[--color-fg-subtle]">
buildmymcpserver.com/templates