// About, mounted at `/about` (default locale) and mirrored at `/de/about`
// by src/pages/[locale]/about.tsx. Same per-locale `meta` function pattern
// as the home page.

import type { ReactNode } from 'react'
import type { PageMeta } from '@voltro/web'
import { T } from '@voltro/i18n'
import { getCatalog } from '../../lib/locale'

export const renderMode = 'static' as const

export const meta = ({ locale }: { locale: string }): PageMeta => {
  const c = getCatalog(locale)
  return {
    title: c['meta.about.title'],
    description: c['meta.about.description'],
  }
}

export default function About(): ReactNode {
  return (
    <article>
      <h1>
        <T id="about.title" />
      </h1>
      <p>
        <T id="about.body" />
      </p>
    </article>
  )
}
