import type { Metadata, Viewport } from 'next';
import { Hind_Siliguri, Baloo_Da_2 } from 'next/font/google';
import './globals.css';

const hindSiliguri = Hind_Siliguri({
  subsets: ['bengali', 'latin'],
  weight: ['400', '500', '600', '700'],
  variable: '--font-body',
  display: 'swap',
});

const balooDa2 = Baloo_Da_2({
  subsets: ['bengali', 'latin'],
  weight: ['500', '600', '700', '800'],
  variable: '--font-heading',
  display: 'swap',
});

export const metadata: Metadata = {
  title: 'WonderKids — মজা করে শেখা',
  description:
    'বাচ্চাদের জন্য মজার ইন্টারেক্টিভ লার্নিং অ্যাপ: বর্ণমালা, গণিত, বিজ্ঞান আর গল্প। খেলতে খেলতে শেখা, দিনে মাত্র ৫.৫৬ টাকায়।',
};

export const viewport: Viewport = {
  themeColor: '#FBF7F0',
  width: 'device-width',
  initialScale: 1,
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="bn" className={`${hindSiliguri.variable} ${balooDa2.variable}`}>
      <body>{children}</body>
    </html>
  );
}
