import type { Metadata } from "next";
import { Roboto } from "next/font/google";

import "bootstrap-icons/font/bootstrap-icons.css";
import "@/styles/sass/bootstrap.scss";
import BootstrapClient from "@/components/bootstrap-client";
import { Toaster } from "react-hot-toast";

const roboto = Roboto({
  weight: ["100", "300", "400", "500", "700", "900"],
  subsets: ["latin"],
});

export const metadata: Metadata = {
  title: "Registros - Eventos FES Acatlán",
  description: "Plataforma para consultar y registrarse a eventos organizados dentro de la FES Acatlán. Completa un formulario para confirmar tu asistencia.",
  icons: {
    icon: "/unam.png",
  },
  keywords: ["eventos", "FES Acatlán", "UNAM", "registro", "formulario", "asistencia", "registros"],
  authors: [{ name: "FES Acatlán" }],
  creator: "FES Acatlán",
  metadataBase: new URL("https://registro.acatlan.unam.mx/"), // cámbialo por el dominio real
  openGraph: {
    title: "Registros - Eventos FES Acatlán",
    description: "Consulta los eventos disponibles en la FES Acatlán y regístrate para asistir.",
    url: "https://registro.acatlan.unam.mx/",
    siteName: "Registros FES Acatlán",
    images: [
      {
        url: "/ogimage.png",
        alt: "Logo UNAM",
      },
    ],
    locale: "es_MX",
    type: "website",
  },
};


export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body className={roboto.className}>
        <BootstrapClient />
        <Toaster />
        {children}
      </body>
    </html>
  );
}
