Files
docs/lib/layout.shared.tsx
zeekayandHanzo Dev 7d82a2c72a The docs are native: gui primitives, design tokens, and the real mark
@hanzo/docs 17 replaces the Tailwind/Base-UI stack. The home page now
says what Zoo is — mission, DSO and PoAI with their papers, ecosystem,
community — in gui primitives under a real nav, instead of a template's
demo cards. Static search gains its index; the logo is the three-circle
mark; linked headings paint at their own size.

Co-authored-by: Hanzo Dev <[email protected]>
2026-08-16 23:31:50 -07:00

36 lines
1.1 KiB
TypeScript

import type { BaseLayoutProps } from '@hanzo/docs/ui/layouts/shared';
import { Brain, Network, Vote } from '@/components/icons';
// One element, not a fragment: the header renders the title inside a link and
// inside the mobile trigger, and a pair of siblings there is a list React wants
// keyed. It is also what keeps the mark on the wordmark's centre line.
export const title = (
<span style={{ display: 'inline-flex', alignItems: 'center', gap: 8, fontWeight: 500 }}>
{/* eslint-disable-next-line @next/next/no-img-element -- the export is static and the mark is an SVG; next/image would only add a loader. */}
<img src="/zoo-logo.svg" alt="" width={20} height={20} />
Zoo Docs
</span>
);
export const baseOptions = (): BaseLayoutProps => ({
nav: { title },
links: [
{
text: 'Network',
url: 'https://zoo.network',
icon: <Network />,
},
{
text: 'Gym',
url: 'https://gym.zoo.ngo',
icon: <Brain />,
},
{
text: 'Vote',
url: 'https://zoo.vote',
icon: <Vote />,
},
],
githubUrl: 'https://github.com/zooai',
});