import Link from 'next/link';
import { getTranslations } from 'next-intl/server';

export default async function NotFound() {
  const t = await getTranslations();
  return (
    <div style={{ textAlign: 'center', padding: '6rem 1rem' }}>
      <h1 style={{ fontSize: '3rem', fontFamily: 'var(--font)', marginBottom: '1rem' }}>404</h1>
      <p style={{ color: 'var(--muted)', marginBottom: '2rem' }}>{t('errors.notFound')}</p>
      <Link href="/" className="header-btn primary">← {t('blog.backHome')}</Link>
    </div>
  );
}