mirror of
https://github.com/hanzo-docs/docs.git
synced 2026-10-25 04:20:02 +00:00
Migrated 93 MDX pages from old Tamagui-based site to @hanzo/docs system: - 13 intro pages (installation, props, styles, themes, etc.) - 22 core pages (configuration, styled, variants, animations, etc.) - 48 component pages (button, dialog, select, toast, etc.) - 14 guide pages (next-js, expo, vite, webpack, metro, etc.) Zero tamagui references. Uses @hanzo/docs-base-ui + @hanzo/docs-mdx.
51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
import './global.css';
|
|
import type { Viewport } from 'next';
|
|
import { baseUrl, createMetadata } from '@/lib/metadata';
|
|
import { Body } from '@/app/layout.client';
|
|
import { Provider } from './provider';
|
|
import type { ReactNode } from 'react';
|
|
import { Geist, Geist_Mono } from 'next/font/google';
|
|
import { TreeContextProvider } from '@hanzo/docs/ui/contexts/tree';
|
|
import { source } from '@/lib/source';
|
|
import { NextProvider } from '@hanzo/docs/core/framework/next';
|
|
|
|
export const metadata = createMetadata({
|
|
title: {
|
|
template: '%s | Hanzo GUI',
|
|
default: 'Hanzo GUI - Universal UI Framework for React Native and Web',
|
|
},
|
|
description: 'Universal UI framework for React Native and Web. Build cross-platform apps with a single codebase.',
|
|
metadataBase: baseUrl,
|
|
});
|
|
|
|
const geist = Geist({
|
|
variable: '--font-sans',
|
|
subsets: ['latin'],
|
|
});
|
|
|
|
const mono = Geist_Mono({
|
|
variable: '--font-mono',
|
|
subsets: ['latin'],
|
|
});
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: [
|
|
{ media: '(prefers-color-scheme: dark)', color: '#0A0A0A' },
|
|
{ media: '(prefers-color-scheme: light)', color: '#0A0A0A' },
|
|
],
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: ReactNode }) {
|
|
return (
|
|
<html lang="en" className={`${geist.variable} ${mono.variable}`} suppressHydrationWarning>
|
|
<Body>
|
|
<NextProvider>
|
|
<TreeContextProvider tree={source.getPageTree()}>
|
|
<Provider>{children}</Provider>
|
|
</TreeContextProvider>
|
|
</NextProvider>
|
|
</Body>
|
|
</html>
|
|
);
|
|
}
|