import type { Metadata } from "next";
import { notFound } from "next/navigation";
import { isLocale, type Locale } from "@/i18n/config";
import { BuilderScripts } from "@/components/builder/BuilderScripts";
import { PillarAnimations } from "@/components/builder/PillarAnimations";
import home from "@/generated/home.json";

export async function generateMetadata({
  params,
}: {
  params: Promise<{ locale: string }>;
}): Promise<Metadata> {
  const { locale } = await params;
  if (!isLocale(locale)) return {};
  return {
    title: home.meta.title || undefined,
    description: home.meta.description || undefined,
  };
}

/**
 * Homepage — a 1:1 reconstruction of the original Builder page ("Beyond 2 - LIVE").
 * The HTML + CSS are assembled at build time by our own engine (scripts/build-home.mjs,
 * no @builder.io runtime) and injected here. Inline scripts run via <BuilderScripts>.
 */
export default async function HomePage({
  params,
}: {
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;
  if (!isLocale(locale)) notFound();
  const l: Locale = locale;
  const html = home.html[l] ?? home.html.en;

  return (
    <>
      <style dangerouslySetInnerHTML={{ __html: home.css }} />
      <div id="builder-page" dangerouslySetInnerHTML={{ __html: html }} />
      <BuilderScripts scripts={home.scripts} />
      <PillarAnimations />
    </>
  );
}

export const dynamicParams = false;