import type { Metadata } from "next";
import { Playfair_Display, Inter, JetBrains_Mono } from "next/font/google";
import "./globals.css";
import { Toaster } from "@/components/ui/toaster";
import { ThemeProvider } from "@/components/theme-provider";

const playfair = Playfair_Display({
  variable: "--font-display",
  subsets: ["latin"],
  weight: ["400", "500", "600", "700", "800", "900"],
  display: "swap",
});

const inter = Inter({
  variable: "--font-sans",
  subsets: ["latin"],
  weight: ["300", "400", "500", "600", "700"],
  display: "swap",
});

const jetbrains = JetBrains_Mono({
  variable: "--font-mono",
  subsets: ["latin"],
  weight: ["400", "500", "600"],
  display: "swap",
});

export const metadata: Metadata = {
  title: "StratOps Advisory Group · Strategy.Operations.Reimagined.",
  description:
    "Premier South African management consulting for organisations that refuse to stand still. Founder-led, compliance-strong, obsessively practical. Based in Johannesburg.",
  keywords: [
    "StratOps",
    "management consulting",
    "Johannesburg",
    "South Africa",
    "strategy advisory",
    "organisational design",
    "programme management",
    "risk governance",
    "process engineering",
    "change management",
    "B-BBEE Level 1",
    "POPIA",
  ],
  authors: [{ name: "StratOps Advisory Group" }],
  openGraph: {
    title: "StratOps Advisory Group · Strategy.Operations.Reimagined.",
    description:
      "Founder-led management consulting in Johannesburg. We design the strategy, engineer the process, and deliver the transformation — end to end.",
    siteName: "StratOps Advisory Group",
    type: "website",
    locale: "en_ZA",
  },
  twitter: {
    card: "summary_large_image",
    title: "StratOps Advisory Group",
    description:
      "Strategy.Operations.Reimagined. — Premier South African management consulting.",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body
        className={`${playfair.variable} ${inter.variable} ${jetbrains.variable} antialiased bg-background text-foreground`}
      >
        <ThemeProvider
          attribute="class"
          defaultTheme="dark"
          enableSystem={false}
          disableTransitionOnChange
        >
          {children}
          <Toaster />
        </ThemeProvider>
      </body>
    </html>
  );
}