import { antebas } from "@/lib/fonts/antebas";
import { heroFontVariables } from "@/lib/fonts/hero";
import { RiftPageFlow } from "@/components/brand/RiftPageFlow";
import { JsonLd } from "@/components/seo/JsonLd";
import { SiteHeader } from "@/components/layout/SiteHeader";
import { SiteEntryPrompt } from "@/components/layout/SiteEntryPrompt";
import { SiteFooter } from "@/components/layout/SiteFooter";
import { rootMetadata } from "@/lib/seo";
import "./globals.css";

export const metadata = rootMetadata;

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html
      lang="en"
      className={`${antebas.variable} ${heroFontVariables}`}
    >
      <body className={`${antebas.className} min-h-screen flex flex-col`}>
        <JsonLd />
        <SiteHeader />
        <main className="relative flex-1">
          <RiftPageFlow />
          <div className="relative z-10">{children}</div>
        </main>
        <SiteFooter />
        <SiteEntryPrompt />
      </body>
    </html>
  );
}
