import type { Metadata, Viewport } from "next";

import { iranYekan, montserrat } from "./fonts";
import { site } from "@/data/site";
import "./globals.css";

export const metadata: Metadata = {
  metadataBase: new URL(site.url),
  title: {
    default: `${site.name} | صفحه اصلی`,
    template: `%s | ${site.name}`,
  },
  description: site.description,
  keywords: [
    "گروه ساختمانی رئوفی",
    "ساخت و ساز قم",
    "برج الیزیوم",
    "سرمایه گذاری ساختمان",
    "طراحی و معماری",
  ],
  openGraph: {
    type: "website",
    locale: "fa_IR",
    siteName: site.name,
    title: `${site.name} | ${site.tagline}`,
    description: site.description,
  },
  robots: { index: true, follow: true },
};

export const viewport: Viewport = {
  themeColor: "#0e1013",
};

export default function RootLayout({
  children,
}: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang="fa" dir="rtl" className={`${iranYekan.variable} ${montserrat.variable}`}>
      <head>
        {/* Scroll reveals are a JS enhancement — without it, show everything. */}
        <noscript>
          <style>{`[data-reveal]{opacity:1!important;transform:none!important}`}</style>
        </noscript>
      </head>
      <body className="overflow-x-hidden antialiased">{children}</body>
    </html>
  );
}
