import type { Metadata } from "next";
import { Noto_Kufi_Arabic } from "next/font/google";
import "./globals.css";
import { business } from "@/config/business";
import { fr } from "@/messages/fr";

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

export const metadata: Metadata = {
  metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL ?? "http://localhost:3000"),
  title: fr.meta.title,
  description: fr.meta.description,
  openGraph: {
    title: fr.meta.title,
    description: fr.meta.description,
    type: "website",
    locale: "fr_MA",
    images: [{ url: business.assets.hero, width: 1000, height: 668, alt: fr.hero.imageAlt }]
  },
  twitter: {
    card: "summary_large_image",
    title: fr.meta.title,
    description: fr.meta.description,
    images: [business.assets.hero]
  }
};

export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang="fr" className={`${arabic.variable} scroll-smooth`}>
      <body>
        {children}
      </body>
    </html>
  );
}
