import type { Metadata, Viewport } from "next";
import type { ReactNode } from "react";
import "./globals.css";

export const metadata: Metadata = {
  title: "IS Results | St. Michael Industrial School",
  description:
    "Official results portal of the Department of Employment and Training, St. Michael Industrial School, Kalaiykar Karisal Kulam. Check your mark sheet by Registration Number and Date of Birth.",
  keywords: [
    "results",
    "St. Michael Industrial School",
    "Department of Employment and Training",
    "Kalaiykar Karisal Kulam",
    "mark sheet",
    "vocational training",
  ],
};

export const viewport: Viewport = {
  themeColor: "#261010",
};

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
        <link
          href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..900;1,9..144,400..900&family=Inter:wght@400;500;600;700;800&family=Noto+Sans+Tamil:wght@400;500;600;700&display=swap"
          rel="stylesheet"
        />
      </head>
      <body className="bg-paper text-ink antialiased">{children}</body>
    </html>
  );
}
