import type { Metadata } from "next";
import { notFound } from "next/navigation";

import { hasLocale } from "@/app/[lang]/dictionaries";
import { buildPageMetadata } from "@/lib/seo/pages";
import { Container } from "@/components/ui/container";
import { Heading } from "@/components/ui/heading";
import { Subheading } from "@/components/ui/subheading";

// English-first stub. FR + real content to come.
export async function generateMetadata({
  params,
}: PageProps<"/[lang]/about">): Promise<Metadata> {
  const { lang } = await params;
  // `robots: { index: false, follow: true }` now comes from the route registry
  // (`lib/seo/locale-availability.ts`) via `buildPageMetadata`.
  return buildPageMetadata("/about", lang);
}

export default async function AboutPage({
  params,
}: PageProps<"/[lang]/about">) {
  const { lang } = await params;
  if (!hasLocale(lang)) notFound();

  return (
    <Container className="py-24 lg:py-32">
      <Heading as="h1">About SEO Insight</Heading>
      <Subheading className="mt-6">
        We&apos;re building the all-in-one SEO platform: multi-source data,
        technical optimization and content, ready for AI agents. More about our
        story and team soon.
      </Subheading>
    </Container>
  );
}