zero-docs/app/layout.tsx at mlaw/broken · devagrawal09/zero-docs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
import type {Metadata} from 'next';
import localFont from 'next/font/local';
import ClientBoundary from '@/components/ClientBoundary'; // Add a wrapper for client components
import './globals.css';
import Script from 'next/script';

const muoto = localFont({
  src: './fonts/muoto-var.ttf',
  variable: '--font-regular',
  weight: '100 900',
});

const codeFont = localFont({
  src: './fonts/fira-var.woff2',
  variable: '--font-code',
  weight: '100 900',
});

export const metadata: Metadata = {
  metadataBase: new URL('https://zero.rocicorp.dev'),
  openGraph: {
    title: 'Zero Docs',
    description: 'The official documentation for Zero by Rocicorp.',
    images: '/opengraph-image.jpg',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'Zero Docs',
    description: 'The official documentation for Zero by Rocicorp.',
    images: '/opengraph-image.jpg',
  },
  title: 'Zero Docs',
  description: 'The official documentation for Zero by Rocicorp.',
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html
      lang="en"
      className="dark"
      style={{colorScheme: 'dark'}}
      suppressHydrationWarning
    >
      <body
        className={`${muoto.variable} ${codeFont.variable} font-regular`}
        suppressHydrationWarning
      >
        <ClientBoundary />
        <main className="sm:container mx-auto w-[88vw] h-auto">{children}</main>
        <Script
          src="/um.js"
          data-website-id="88f5bd98-94e6-4de9-bd7d-1a159e162073"
          strategy="lazyOnload"
        />
      </body>
    </html>
  );
}