09688c1114
Sprint 3.5: close every dead link and replace the single-step wizard with the spec-mandated 3-step flow. Wizard: - Step 1 collects prompt + name + slug, calls /v1/servers/preview. - Step 2 renders parsed tools (name, description, input schema as copyable JSON) + a credential field per requiredSecret Claude actually identified. Self-contained servers see 'No credentials needed' instead of generic Notion placeholders. - Step 3 streams the live build over WebSocket and shows install snippets. New dashboard pages: - /settings — org, plan/usage, members table, API keys + billing stubs (Sprint 4), encryption status. Reads /v1/me/org. - /audit — filterable table over /v1/audit with action pills, resource refs, IP, metadata JSON. Docs site (/docs + 6 sub-pages): - Sticky 240px sidebar, max-w-prose article column, shared DocsTitle/H2/Code primitives. - Quickstart, MCP concepts, OAuth 2.1 flow (full walkthrough with curl), Authoring tools, Self-hosting, API reference, FAQ. Marketing pages: - /changelog with tagged release timeline. - /security with 8 pillars + disclosure. - /privacy with GDPR-aware sections. - /terms (10 clauses). - /pricing full page (nav now points here instead of /#pricing anchor). - /status with live 10s probes against /api/health and /login. Footer 'system status' badge now links to /status. All 20 routes 200 OK in smoke crawl. Typecheck clean across packages.
69 lines
2.9 KiB
TypeScript
69 lines
2.9 KiB
TypeScript
import Link from 'next/link';
|
|
import { Logo } from '@/components/logo';
|
|
|
|
export default function MarketingLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<div className="flex min-h-screen flex-col">
|
|
<header className="sticky top-0 z-50 border-b border-[--color-border] bg-[--color-bg]/80 backdrop-blur-md">
|
|
<div className="mx-auto flex h-12 max-w-6xl items-center justify-between px-6">
|
|
<div className="flex items-center gap-6">
|
|
<Logo />
|
|
<nav className="hidden items-center gap-5 text-[13px] text-[--color-fg-muted] md:flex">
|
|
<Link href="/#how" className="transition-colors hover:text-[--color-fg]">
|
|
How it works
|
|
</Link>
|
|
<Link href="/pricing" className="transition-colors hover:text-[--color-fg]">
|
|
Pricing
|
|
</Link>
|
|
<Link href="/docs" className="transition-colors hover:text-[--color-fg]">
|
|
Docs
|
|
</Link>
|
|
<Link href="/changelog" className="transition-colors hover:text-[--color-fg]">
|
|
Changelog
|
|
</Link>
|
|
</nav>
|
|
</div>
|
|
<div className="flex items-center gap-2">
|
|
<Link
|
|
href="/login"
|
|
className="rounded-md px-3 py-1.5 text-[13px] text-[--color-fg-muted] transition-colors hover:text-[--color-fg]"
|
|
>
|
|
Sign in
|
|
</Link>
|
|
<Link
|
|
href="/login"
|
|
className="rounded-md bg-[--color-accent] px-3 py-1.5 text-[13px] font-medium text-white transition-colors duration-200 hover:bg-[#5557e8]"
|
|
>
|
|
Start building
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main className="flex-1">{children}</main>
|
|
<footer className="border-t border-[--color-border] py-8">
|
|
<div className="mx-auto flex max-w-6xl flex-col gap-4 px-6 text-[12px] text-[--color-fg-subtle] md:flex-row md:items-center md:justify-between">
|
|
<Link href="/status" className="flex items-center gap-2 transition-colors hover:text-[--color-fg]">
|
|
<span className="size-1.5 animate-pulse rounded-full bg-emerald-400" />
|
|
<span>System status</span>
|
|
</Link>
|
|
<div className="flex flex-wrap gap-x-5 gap-y-1">
|
|
<Link href="/docs" className="transition-colors hover:text-[--color-fg]">
|
|
Docs
|
|
</Link>
|
|
<Link href="/security" className="transition-colors hover:text-[--color-fg]">
|
|
Security
|
|
</Link>
|
|
<Link href="/privacy" className="transition-colors hover:text-[--color-fg]">
|
|
Privacy
|
|
</Link>
|
|
<Link href="/terms" className="transition-colors hover:text-[--color-fg]">
|
|
Terms
|
|
</Link>
|
|
</div>
|
|
<div>© {new Date().getFullYear()} BuildMyMCPServer</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
);
|
|
}
|