SinachPatandClaude Sonnet 5.5
f69ce33dd0
- Theme toggle in the nav: follows the device until chosen, remembers the choice, sets data-theme before first paint (no flash). - Site search: Cmd/Ctrl+K command palette on every marketing page, opened by the shortcut, a nav Search button, or the Docs search field. Searches pages, docs topics and articles that have a page. - Docs topics move to content.ts so the page and the search index share one source. - next.config: allowedDevOrigins for private network ranges so a phone on the same Wi-Fi hydrates the dev site. Dev only. - Sun and moon icons added by hand (not Figma exports); noted in the icons README. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
import type { Metadata } from 'next';
|
|
import { ClosingCta } from '../../../src/marketing/home/ClosingCta.tsx';
|
|
import { FeatureGrid } from '../../../src/marketing/pages/FeatureGrid.tsx';
|
|
import { PageHero } from '../../../src/marketing/pages/PageHero.tsx';
|
|
import { PopularArticles } from '../../../src/marketing/pages/PopularArticles.tsx';
|
|
import { DocsSearch } from '../../../src/marketing/pages/DocsSearch.tsx';
|
|
import { Shell } from '../../../src/marketing/Shell.tsx';
|
|
import { DOCS_TOPICS } from '../../../src/marketing/content.ts';
|
|
|
|
export const metadata: Metadata = { title: 'Docs' };
|
|
|
|
export default function DocsPage() {
|
|
return (
|
|
<Shell page>
|
|
<PageHero
|
|
eyebrow="Docs"
|
|
title="Find an answer fast."
|
|
subtitle="Guides for starting or connecting a site, moving between hosts, asking for changes and staying in control."
|
|
>
|
|
<div className="m-docs-search">
|
|
{/* Opens the site search; it covers pages and topics until the articles are written. */}
|
|
<DocsSearch />
|
|
</div>
|
|
</PageHero>
|
|
<FeatureGrid
|
|
title="Browse by topic"
|
|
cards={DOCS_TOPICS}
|
|
/>
|
|
<PopularArticles />
|
|
<ClosingCta />
|
|
</Shell>
|
|
);
|
|
}
|