NotFound.jsx

import { Link } from 'react-router-dom';
import { useTranslation } from 'react-i18next';

export default function NotFound() {
  const { t } = useTranslation();
  return (
    <section className="page-head" style={{ minHeight: '60vh' }}>
      <span className="eyebrow">404</span>
      <h1>{t('notFound.title')}</h1>
      <p>{t('notFound.subtitle')}</p>
      <div style={{ marginTop: 32 }}>
        <Link to="/" className="btn">
          {t('notFound.back')}
        </Link>
      </div>
    </section>
  );
}