import type { Metadata, Viewport } from "next";
import { Noto_Sans, Noto_Serif_Display } from "next/font/google";
import "./globals.css";

const notoSans = Noto_Sans({
  subsets: ["latin", "vietnamese"],
  variable: "--font-noto-sans",
  weight: ["400", "500", "600", "700", "800"],
});

// Serif hiển thị cho tiêu đề — tăng tính trang trọng, phù hợp di sản; hỗ trợ tiếng Việt đầy đủ.
const notoSerifDisplay = Noto_Serif_Display({
  subsets: ["latin", "vietnamese"],
  variable: "--font-noto-serif",
  weight: ["500", "600", "700"],
  style: ["normal", "italic"],
});

export const metadata: Metadata = {
  title: "VR360 Di sản Xã Như Quỳnh",
  description:
    "Cổng số hóa di tích, không gian văn hóa và giá trị truyền thống của Xã Như Quỳnh, tỉnh Hưng Yên bằng công nghệ tham quan thực tế ảo VR360.",
};

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="vi" className={`${notoSans.variable} ${notoSerifDisplay.variable} h-full antialiased`}>
      <body className="min-h-full flex flex-col">
        {children}
        <div className="site-grain" aria-hidden="true" />
      </body>
    </html>
  );
}
