Spaces:
Sleeping
Sleeping
| import type { Metadata, Viewport } from 'next' | |
| import { Instrument_Sans, Instrument_Serif, JetBrains_Mono } from 'next/font/google' | |
| import { Analytics } from '@vercel/analytics/next' | |
| import './globals.css' | |
| const instrumentSans = Instrument_Sans({ | |
| subsets: ["latin"], | |
| variable: '--font-sans', | |
| display: 'swap', | |
| }) | |
| const instrumentSerif = Instrument_Serif({ | |
| subsets: ["latin"], | |
| weight: "400", | |
| variable: '--font-serif', | |
| display: 'swap', | |
| }) | |
| const jetbrainsMono = JetBrains_Mono({ | |
| subsets: ["latin"], | |
| variable: '--font-mono', | |
| display: 'swap', | |
| }) | |
| export const metadata: Metadata = { | |
| title: 'Numera · Real-time Digit Recognition', | |
| description: 'Draw a digit and watch our PyTorch model recognize it in real-time. Built with MNIST dataset.', | |
| generator: 'v0.app', | |
| icons: { | |
| icon: [ | |
| { | |
| url: '/icon-light-32x32.png', | |
| media: '(prefers-color-scheme: light)', | |
| }, | |
| { | |
| url: '/icon-dark-32x32.png', | |
| media: '(prefers-color-scheme: dark)', | |
| }, | |
| { | |
| url: '/icon.svg', | |
| type: 'image/svg+xml', | |
| }, | |
| ], | |
| apple: '/apple-icon.png', | |
| }, | |
| } | |
| export const viewport: Viewport = { | |
| themeColor: '#080909', | |
| width: 'device-width', | |
| initialScale: 1, | |
| } | |
| export default function RootLayout({ | |
| children, | |
| }: Readonly<{ | |
| children: React.ReactNode | |
| }>) { | |
| return ( | |
| <html lang="en" className={`${instrumentSans.variable} ${instrumentSerif.variable} ${jetbrainsMono.variable}`}> | |
| <body className="font-sans antialiased bg-[#080909] text-[#e5e7eb] min-h-screen"> | |
| {children} | |
| <Analytics /> | |
| </body> | |
| </html> | |
| ) | |
| } | |