import type { Metadata } from "next";
import "./globals.css";
import { Toaster } from "@/components/ui/toaster";

export const metadata: Metadata = {
  title: "سایت‌ساز پرو | پلتفرم ساخت سایت وردپرسی چندمنظوره",
  description:
    "سایت‌ساز پرو - با ۵ کلیک سایت فروشگاهی یا شرکتی حرفه‌ای بسازید. سازگار با المنتور، ووکامرس، دیجیتس و کیف پول. دامنه اختصاصی، قالب‌های آماده و پنل مدیریت فارسی.",
  keywords: [
    "سایت ساز",
    "وردپرس",
    "المنتور",
    "ووکامرس",
    "دیجیتس",
    "ساخت سایت",
    "فروشگاه آنلاین",
  ],
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="fa" 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://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css"
          rel="stylesheet"
        />
      </head>
      <body className="font-vazir antialiased bg-slate-50 text-slate-900">
        {children}
        <Toaster />
      </body>
    </html>
  );
}
