403725b970
Brings the docs site in visual parity with moleculesai.app so docs, marketing, and the canvas read as one product. Five focused changes inside the existing fumadocs shell — no MDX or content touched, no runtime/build dep changes: - global.css: override fumadocs @theme tokens with the warm-paper palette (#fafaf7 bg, #15181c ink, #3b5bdb governance blue, #efece4 muted, #e6e2d8 border). Dark mode keeps fumadocs' neutral defaults so dark-pref readers still get a readable docs site. - layout.tsx: swap Inter → Geist (sans) + JetBrains Mono (code), matching the landing's font stack. Wired through @theme so Tailwind's font-sans / font-mono utilities pick them up. - layout.config.tsx: brand the topbar — inline Molecule logo SVG + "Molecule AI · DOCS" lockup, plus three external links to the rest of the surface (Platform → app, Marketplace → market, Landing → www) and the org GitHub. Mirrors the landing's collapsed nav. - (home)/page.tsx: replace the stock fumadocs landing with a hero-style page matching the landing — statusbar strip, "Phase 35 Marketplace public beta" eyebrow, the same shimmering h1 copy, three quick-start lane cards (Build a workspace / Run an organisation / Publish to the Marketplace) pointing into the docs tree. Build is clean (106 static pages still generate). Existing /docs/* pages inherit the new tokens via fumadocs' DocsLayout, so the entire site shifts to the warm-paper aesthetic without touching MDX. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
import './global.css';
|
|
import { RootProvider } from 'fumadocs-ui/provider/next';
|
|
import { Geist, JetBrains_Mono } from 'next/font/google';
|
|
import type { ReactNode } from 'react';
|
|
|
|
const geist = Geist({
|
|
subsets: ['latin'],
|
|
variable: '--font-geist',
|
|
});
|
|
|
|
const jetbrains = JetBrains_Mono({
|
|
subsets: ['latin'],
|
|
variable: '--font-mono',
|
|
});
|
|
|
|
export const metadata = {
|
|
title: {
|
|
default: 'Molecule AI Documentation',
|
|
template: '%s | Molecule AI Docs',
|
|
},
|
|
description:
|
|
'Build and run multi-agent organisations on the Molecule AI platform. Templates, plugins, channels, and the runtime that ties them together.',
|
|
metadataBase: new URL('https://doc.moleculesai.app'),
|
|
};
|
|
|
|
export default function Layout({ children }: { children: ReactNode }) {
|
|
return (
|
|
<html
|
|
lang="en"
|
|
className={`${geist.variable} ${jetbrains.variable}`}
|
|
suppressHydrationWarning
|
|
>
|
|
<body className="flex flex-col min-h-screen font-sans">
|
|
<RootProvider>{children}</RootProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|