import Header from "@/components/Header";
import { UnderConstruction } from "@/components/under-construction";
import { getTranslations } from "next-intl/server";

export async function generateMetadata({
  params,
}: {
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;
  const t = await getTranslations({ locale, namespace: "underConstruction" });
  return {
    title: t("about.title"),
    description: t("about.description"),
  };
}

export default async function AboutPage({
  params,
}: {
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;
  const t = await getTranslations({
    locale,
    namespace: "underConstruction.about",
  });

  return (
    <div className="min-h-screen">
      <Header />
      <UnderConstruction
        title={t("title")}
        description={t("description")}
        locale={locale}
      />
    </div>
  );
}