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

/**
 * 404 temática (dentro del layout de [locale] → cabecera/vídeo/pie + tema).
 * Se muestra cuando se llama a notFound() dentro de un segmento de idioma,
 * incluido el catch-all `[...rest]` para rutas inexistentes.
 */
export default async function NotFound() {
  const t = await getTranslations('NotFound')
  return (
    <div className="main-page">
      <div className="middle-content">
        <div className="body-content">
          <div className="title-content">
            <h1>{t('title')}</h1>
          </div>
          <div className="box-content">
            <div className="body-box-content justified">
              <p>{t('message')}</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}