import Navbar from "./components/Navbar" import Footer from "./components/Footer" import type { Metadata } from 'next'; import { Inter } from 'next/font/google'; import './globals.css'; import './components.css'; const inter = Inter({ subsets: ['latin'] }); export const metadata: Metadata = { title: "Win Pattanaphol - Personal Website", description: "A hobbyist full-stack developer, high schooler, enjoyer of 60s-80s music, language nerd, a hobbyist electrician from Thailand.", }; export default function RootLayout({ children, }: { children: React.ReactNode; }) { return ( <html className={`${inter.className} text-black bg-white dark:text-white dark:bg-[#242424]`} lang="en"> <body className="antialiased mt-8 mb-8 mx-2 lg:max-w-screen-xl min-lg:flex min-lg:flex-col xl:lg:mx-4 2xl:mx-auto max-lg:grid place-items-center"> <Navbar /> {children} <Footer /> </body> </html> ); }