import type { Metadata } from "next";
import "./platform.css";
import { getPlatformSettings } from "@/lib/settings";
import { assetDisplayUrl } from "@/lib/asset-url";

export const dynamic = "force-dynamic";

export async function generateMetadata(): Promise<Metadata> {
  let icon: string | undefined;
  try {
    const settings = await getPlatformSettings();
    icon = settings.favicon?.trim() ? assetDisplayUrl(settings.favicon) : undefined;
  } catch {
    icon = undefined;
  }
  return {
    title: "landpage.agenciajob.com — Venda digital sem complicação",
    description:
      "Crie landing pages e venda com checkout Pix e cartão. Plataforma para infoprodutores.",
    ...(icon ? { icons: { icon } } : {}),
  };
}

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="pt-BR">
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
        <link
          href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&family=Spline+Sans:wght@400;500;600;700&display=swap"
          rel="stylesheet"
        />
      </head>
      <body>{children}</body>
    </html>
  );
}
