Spaces:
Running
Running
| import type { Metadata, Viewport } from 'next'; | |
| import { Fraunces, DM_Sans, DM_Mono } from 'next/font/google'; | |
| import './globals.css'; | |
| const fraunces = Fraunces({ | |
| subsets: ['latin'], | |
| weight: ['300', '400'], | |
| style: ['normal', 'italic'], | |
| variable: '--font-fraunces', | |
| display: 'swap', | |
| }); | |
| const dmSans = DM_Sans({ | |
| subsets: ['latin'], | |
| weight: ['400', '500', '600', '700'], | |
| variable: '--font-dm-sans', | |
| display: 'swap', | |
| }); | |
| const dmMono = DM_Mono({ | |
| subsets: ['latin'], | |
| weight: ['400', '500'], | |
| variable: '--font-dm-mono', | |
| display: 'swap', | |
| }); | |
| export const metadata: Metadata = { | |
| title: 'Matcha Moments', | |
| description: 'Free matcha for an honest review.', | |
| }; | |
| export const viewport: Viewport = { | |
| width: 'device-width', | |
| initialScale: 1, | |
| maximumScale: 1, | |
| userScalable: false, | |
| themeColor: '#F5EFE2', | |
| }; | |
| export default function RootLayout({ children }: { children: React.ReactNode }) { | |
| return ( | |
| <html lang="en" className={`${fraunces.variable} ${dmSans.variable} ${dmMono.variable}`}> | |
| <body className="font-sans bg-cream text-ink min-h-dvh">{children}</body> | |
| </html> | |
| ); | |
| } | |