import type { Metadata } from "next";
import { JetBrains_Mono, Newsreader, Noto_Sans_SC } from "next/font/google";
import "./globals.css";

const display = Newsreader({
  variable: "--font-heading",
  subsets: ["latin"],
  display: "swap",
});

const sans = Noto_Sans_SC({
  variable: "--font-body",
  subsets: ["latin"],
  display: "swap",
});

const mono = JetBrains_Mono({
  variable: "--font-code",
  subsets: ["latin"],
  display: "swap",
});

export const metadata: Metadata = {
  title: "fly | Personal Website",
  description: "fly 的个人网站，记录前端开发、技术笔记和页面实验。",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html
      lang="zh-CN"
      className={`${display.variable} ${sans.variable} ${mono.variable} h-full antialiased`}
    >
      <body className="min-h-full flex flex-col">{children}</body>
    </html>
  );
}
