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>
	);
}