import type { Metadata } from "next";
import "./globals.css";
import { ConditionalLayout } from "@/components/conditional-layout";
import { ThemeProvider } from "@/components/theme-provider";
import { TopProgressBar } from "@/components/top-progress-bar";

const SITE_NAME = "امین رایان";
const SITE_TITLE =
  "شرکت امین رایان بهترین؛ شرکت طراحی سایت و سئو در اصفهان";
const DEFAULT_DESCRIPTION =
  "امین رایان؛ شرکت طراحی سایت و سئو در اصفهان. طراحی وب‌سایت حرفه‌ای و بهینه‌سازی موتورهای جستجو برای رشد کسب‌وکار شما.";

export const metadata: Metadata = {
  title: {
    default: SITE_TITLE,
    template: `%s | ${SITE_NAME}`,
  },
  description: DEFAULT_DESCRIPTION,
  icons: {
    icon: "/favicon.ico",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="fa" dir="rtl" suppressHydrationWarning>
      <body className="antialiased">
        <ThemeProvider>
          <TopProgressBar />
          <ConditionalLayout>{children}</ConditionalLayout>
        </ThemeProvider>
      </body>
    </html>
  );
}