website/app/layout.tsx

31 lines
938 B
TypeScript
Executable File

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-slate-900`} lang="en">
<body className="antialiased mt-8 mb-8 lg:max-w-screen-xl min-lg:flex min-lg:flex-col xl:mx-auto lg:mx-4 max-lg:grid max-lg:place-items-center max-sm:place-items-start">
<Navbar />
{children}
<Footer />
</body>
</html>
);
}