import type { Metadata, Viewport } from "next";
import { headers } from "next/headers";
import "@fontsource-variable/inter";
import "@fontsource/noto-sans-bengali/400.css";
import "@fontsource/noto-sans-bengali/600.css";
import "./globals.css";

export const metadata: Metadata = {
  title: { default: "OXO Software Solution | Cloud ERP, POS, Web, Mobile & AI Automation", template: "%s | OXO Software Solution" },
  description: "Cloud ERP, POS, web & mobile apps and AI automation — crafted to simplify your operations and scale with you.",
  icons: { icon: "/favicon.svg" },
};
export const viewport: Viewport = { themeColor: "#2563eb", width: "device-width", initialScale: 1 };

export default async function RootLayout({ children }: { children: React.ReactNode }) {
  await headers(); // opt into dynamic rendering so the per-request CSP nonce can be applied to Next's scripts
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  );
}