import type { Metadata } from "next";
import { Manrope, Space_Grotesk } from "next/font/google";
import "./globals.css";

const manrope = Manrope({ variable: "--font-body", subsets: ["latin"] });
const space = Space_Grotesk({ variable: "--font-display", subsets: ["latin"] });

export const metadata: Metadata = {
  metadataBase: new URL("https://unilova.mx"),
  title: "ITEM | Instituto Tecnológico en Electrónica y Mecatrónica",
  description: "Carreras técnicas, diplomados y talleres para formar el talento que transforma el futuro.",
  icons: {
    icon: [{ url: "/item/favicon-item.png", type: "image/png" }],
    shortcut: "/item/favicon-item.png",
    apple: "/item/favicon-item.png",
  },
  openGraph: {
    title: "ITEM | Formamos el talento que transforma el futuro",
    description: "Carreras técnicas, diplomados y talleres conectados con la industria.",
    images: [{ url: "/og.png", width: 1733, height: 907, alt: "ITEM — Ingeniería que mueve tu empresa" }],
  },
  twitter: {
    card: "summary_large_image",
    title: "ITEM | Formamos el talento que transforma el futuro",
    description: "Carreras técnicas, diplomados y talleres conectados con la industria.",
    images: ["/og.png"],
  },
};

export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return <html lang="es"><body className={`${manrope.variable} ${space.variable}`}>{children}</body></html>;
}
