import type { Metadata } from "next";
import localFont from "next/font/local";
import { Roboto, Instrument_Sans } from "next/font/google";
import "./globals.css";
import { Providers } from "./providers";
import { I18nProvider } from "@/i18n/I18nProvider";
import { Toaster } from "@/components/ui/sonner";
const inter = localFont({
  src: [
    {
      path: "./fonts/Inter.ttf",
      weight: "400",
      style: "normal",
    },
  ],
  variable: "--font-inter",
});

const instrument_sans = Instrument_Sans({
  subsets: ["latin"],
  weight: ["400"],
  variable: "--font-instrument-sans",
});

const roboto = Roboto({
  subsets: ["latin"],
  weight: ["400"],
  variable: "--font-roboto",
});


export const metadata: Metadata = {
  title: "Oliver DeckForge — AI Presentation Generator",
  description:
    "Enterprise AI presentation generator with brand enforcement, multi-model support, and PPTX export.",
  keywords: [
    "AI presentation generator",
    "enterprise presentations",
    "brand enforcement",
    "data visualization",
    "presentation automation",
    "professional slides",
  ],
  openGraph: {
    title: "Oliver DeckForge — AI Presentation Generator",
    description:
      "Enterprise AI presentation generator with brand enforcement, multi-model support, and PPTX export.",
    siteName: "Oliver DeckForge",
    type: "website",
    locale: "en_US",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {

  return (
    <html lang="en">
      <body
        className={`${inter.variable} ${roboto.variable} ${instrument_sans.variable} antialiased`}
      >
        <Providers>
          <I18nProvider>
            {children}
          </I18nProvider>
        </Providers>
        <Toaster position="top-center" />
      </body>
    </html>
  );
}
