1349dc1dc0
feat(web): SEO — server-rendered template pages + /guides articles - templates/[slug] converted from client to server component: per-template generateMetadata (title/description/canonical/OG) + SoftwareApplication JSON-LD; code-audit toggle split into a client island; missing/non-public templates now return a real 404. - sitemap.ts pulls public template slugs live from the API (best-effort) + the new /guides routes. - new /guides section: 3 server-rendered SEO articles (host MCP with OAuth, hosted-platforms comparison, MintMCP alternative) with TechArticle JSON-LD; Guides link added to the marketing nav. - lib/seo.ts: articleJsonLd + templateJsonLd builders. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> @
81 lines
3.5 KiB
TypeScript
81 lines
3.5 KiB
TypeScript
import { CookieBanner } from '@/components/cookie-banner';
|
|
import { Logo } from '@/components/logo';
|
|
import { MarketingAuthButtons } from '@/components/marketing-auth-buttons';
|
|
import { MarketingMobileMenu } from '@/components/marketing-mobile-menu';
|
|
import Link from 'next/link';
|
|
|
|
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-5 sm: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="/templates" className="transition-colors hover:text-[--color-fg]">
|
|
Templates
|
|
</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="/guides" className="transition-colors hover:text-[--color-fg]">
|
|
Guides
|
|
</Link>
|
|
<Link href="/changelog" className="transition-colors hover:text-[--color-fg]">
|
|
Changelog
|
|
</Link>
|
|
</nav>
|
|
</div>
|
|
<div className="flex items-center gap-1.5 sm:gap-2">
|
|
<MarketingAuthButtons />
|
|
<MarketingMobileMenu />
|
|
</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="/contact" className="transition-colors hover:text-[--color-fg]">
|
|
Contact
|
|
</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="/agb" className="transition-colors hover:text-[--color-fg]">
|
|
AGB
|
|
</Link>
|
|
<Link href="/impressum" className="transition-colors hover:text-[--color-fg]">
|
|
Impressum
|
|
</Link>
|
|
<Link href="/terms" className="transition-colors hover:text-[--color-fg]">
|
|
Terms
|
|
</Link>
|
|
</div>
|
|
<div>© {new Date().getFullYear()} BuildMyMCPServer</div>
|
|
</div>
|
|
</footer>
|
|
<CookieBanner />
|
|
</div>
|
|
);
|
|
}
|