import type { Metadata } from 'next';
import './globals.css';

export const metadata: Metadata = {
    title: 'پنل ادمین',

    alternates: {
        canonical: '/',
        languages: {
            'fa-IR': '/',
        },
    },



};

export default function RootLayout({
    children,
}: {
    children: React.ReactNode;
}) {
    return (
        <html lang="fa" dir="rtl">
            <head>
                <meta
                    name="google-site-verification"
                    content="HIKgdf_siYdPxbJ2P1792opMprpxci_QjE-quk9kyi8"
                />
                {/* Favicon */}
                <link rel="icon" href="/favicon.ico" sizes="any" />
                <link rel="icon" href="/icon?<generated>" type="image/<generated>" sizes="<generated>" />
                <link rel="apple-touch-icon" href="/apple-touch-icon.png" />

                {/* Preload critical resources */}
                <link rel="preconnect" href="https://fonts.googleapis.com" />
                <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />

                {/* Structured Data for SEO */}

            </head>
            <body className="antialiased">
                {children}
            </body>
        </html>
    );
}