import type { Metadata } from 'next';
import { Vazirmatn } from 'next/font/google';
import { AppProvider } from '@/providers';
import '../styles/globals.css';

const vazirmatn = Vazirmatn({
  subsets: ['arabic', 'latin'],
  display: 'swap',
  variable: '--font-vazirmatn',
});

export const metadata: Metadata = {
  title: 'دستیاب - موتور جستجو و مقایسه قیمت',
  description: 'جستجوی هوشمند و مقایسه قیمت محصولات در فروشگاه‌های آنلاین',
  keywords: ['جستجو', 'مقایسه قیمت', 'فروشگاه آنلاین', 'خرید اینترنتی'],
  openGraph: {
    title: 'دستیاب',
    description: 'جستجوی هوشمند و مقایسه قیمت محصولات در فروشگاه‌های آنلاین',
    type: 'website',
    locale: 'fa_IR',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'دستیاب',
    description: 'جستجوی هوشمند و مقایسه قیمت محصولات در فروشگاه‌های آنلاین',
  },
  robots: {
    index: true,
    follow: true,
    googleBot: {
      index: true,
      follow: true,
      'max-video-preview': -1,
      'max-image-preview': 'large',
      'max-snippet': -1,
    },
  },
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="fa" dir="rtl">
      <body className={`${vazirmatn.variable} font-sans antialiased`}>
        <AppProvider>{children}</AppProvider>
      </body>
    </html>
  );
}
