import type { Metadata } from "next";
import { Montserrat, Vazirmatn } from "next/font/google";
import "./globals.css";

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

const montserrat = Montserrat({
  variable: "--font-montserrat",
  subsets: ["latin"],
  display: "swap",
});

const siteUrl = process.env.NEXT_PUBLIC_SITE_URL ?? "https://www.meshkee.com";

export const metadata: Metadata = {
  metadataBase: new URL(siteUrl),
  title: {
    default: "تیم برنامه‌نویسی و تجارت الکترونیک مشکی | Meshkee",
    template: "%s | مشکی",
  },
  description:
    "راهکارهای مدرن برای تجارت شما — طراحی وبسایت، اپلیکیشن، سیستم‌های مدیریتی، سئو و گرافیک توسط تیم مشکی.",
  applicationName: "Meshkee",
  authors: [{ name: "Meshkee", url: siteUrl }],
  creator: "Meshkee",
  publisher: "Meshkee",
  keywords: [
    "مشکی",
    "Meshkee",
    "طراحی وبسایت",
    "طراحی اپلیکیشن",
    "سئو",
    "CMS",
    "قم",
  ],
  icons: {
    icon: [
      { url: "/images/brand/meshkee-mark.svg", type: "image/svg+xml" },
      { url: "/favicon.ico", sizes: "any" },
      { url: "/images/brand/favicon.png", type: "image/png", sizes: "512x512" },
    ],
    apple: [{ url: "/images/brand/favicon.png", type: "image/png", sizes: "512x512" }],
    shortcut: ["/favicon.ico"],
  },
  openGraph: {
    type: "website",
    locale: "fa_IR",
    url: siteUrl,
    siteName: "Meshkee",
    title: "تیم برنامه‌نویسی و تجارت الکترونیک مشکی | Meshkee",
    description:
      "راهکارهای مدرن برای تجارت شما — طراحی وبسایت، اپلیکیشن، سیستم‌های مدیریتی، سئو و گرافیک توسط تیم مشکی.",
    images: [
      {
        url: "/images/brand/favicon.png",
        width: 512,
        height: 512,
        alt: "لوگوی مشکی",
      },
    ],
  },
  twitter: {
    card: "summary",
    title: "تیم برنامه‌نویسی و تجارت الکترونیک مشکی | Meshkee",
    description:
      "راهکارهای مدرن برای تجارت شما — طراحی وبسایت، اپلیکیشن، سیستم‌های مدیریتی، سئو و گرافیک توسط تیم مشکی.",
    images: ["/images/brand/favicon.png"],
  },
  robots: {
    index: true,
    follow: true,
    googleBot: {
      index: true,
      follow: true,
      "max-image-preview": "large",
      "max-snippet": -1,
      "max-video-preview": -1,
    },
  },
  alternates: {
    canonical: "/",
  },
};

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