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

const inter = {
  variable: "font-sans",
};

export const metadata: Metadata = {
  title: {
    default: "برو كود ادز | خبير إعلانات جوجل بالذكاء الاصطناعي 24/7",
    template: "%s | برو كود ادز",
  },
  description:
    "منصة ذكاء اصطناعي متكاملة لإدارة إعلانات جوجل. 25 أداة AI، 7 أنواع حملات، حماية تلقائية من النقرات الوهمية. أطلق حملتك في 3 دقائق.",
  keywords: [
    "إعلانات جوجل",
    "خبير إعلانات جوجل",
    "ذكاء اصطناعي إعلانات",
    "Google Ads AI",
    "PPC optimization",
    "برو كود ادز",
  ],
  authors: [{ name: "Pro Code Ads" }],
  creator: "Pro Code Ads",
  metadataBase: new URL(process.env.NEXT_PUBLIC_APP_URL || "http://localhost:3000"),
  openGraph: {
    type: "website",
    locale: "ar_AR",
    url: "/",
    siteName: "برو كود ادز",
    title: "برو كود ادز | خبير إعلانات جوجل بالذكاء الاصطناعي 24/7",
    description: "منصة ذكاء اصطناعي متكاملة لإدارة إعلانات جوجل.",
  },
  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,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="ar" dir="rtl" suppressHydrationWarning>
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
        <link
          href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+Arabic:wght@300;400;500;600;700;800;900&display=swap"
          rel="stylesheet"
        />
        <script
          dangerouslySetInnerHTML={{
            __html: `
              (function() {
                document.documentElement.classList.add('dark');
              })();
            `,
          }}
        />
      </head>
      <body className={`${inter.variable} antialiased`}>
        {children}
      </body>
    </html>
  );
}
