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

export async function generateMetadata({
  params,
}: {
  params: Promise<{ locale: string }>;
}): Promise<Metadata> {
  const { locale } = await params;

  const titles = {
    pt: "Sobre - Nossa Missão e História",
    en: "About - Our Mission and History",
  };

  const descriptions = {
    pt: "Conheça o Tibia Trade, o marketplace multi-servidor mais seguro para negociação de itens. Sistema escrow, transparência total e comunidade ativa.",
    en: "Learn about Tibia Trade, the most secure multi-server marketplace for item trading. Escrow system, total transparency and active community.",
  };

  return {
    title: titles[locale as keyof typeof titles],
    description: descriptions[locale as keyof typeof descriptions],
    keywords: [
      "sobre tibia trade",
      "história tibia trade",
      "missão tibia trade",
      "marketplace tibia",
    ],
  };
}

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>
  );
}