import { getTranslations } from "next-intl/server"

export default async function AboutPage() {
  const t = await getTranslations("About")

  return (
    <section className="mx-auto w-full max-w-6xl space-y-4 px-6 py-16">
      <p className="text-sm uppercase tracking-[0.2em] text-neutral-500">{t("badge")}</p>
      <h1 className="text-4xl font-semibold tracking-tight">{t("title")}</h1>
      <p className="max-w-3xl text-neutral-600">{t("description")}</p>
    </section>
  )
}