import type React from "react"
import type { Metadata } from "next"
import { Exo_2, Geist as Geist_Sans } from "next/font/google"
import "./globals.css"
import LanguageProviderWrapper from "@/components/providers/language-provider"

// Font configuration
const exo2 = Exo_2({
  subsets: ["latin"],
  variable: "--font-exo-2",
  display: "swap",
})

const geist = Geist_Sans({
  subsets: ["latin"],
  variable: "--font-geist",
  display: "swap",
})

export const metadata: Metadata = {
  title: "World Mind Development",
  description: "Unlock your mind's full potential with our specialized courses.",
    generator: 'v0.dev'
}

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en" className={`${exo2.variable} ${geist.variable}`}>
      <head>
        {/* Preload logo image */}
        <link rel="preload" href="/world-mind-logo.png" as="image" />
      </head>
      <body className={`font-body`}>
        <LanguageProviderWrapper>{children}</LanguageProviderWrapper>
      </body>
    </html>
  )
}
