import Link from 'next/link';
import { getTranslations } from 'next-intl/server';
import { defaultLocale } from '@/i18n/config';

export default async function NotFound() {
  const t = await getTranslations('pages.notfound');

  return (
    <div className="bg-zinc-900 text-zinc-50 min-h-screen flex items-center justify-center">
      <div className="text-center px-4">
        <h1 className="text-6xl font-bold mb-4">404</h1>
        <h2 className="text-2xl font-semibold mb-4">{t('title')}</h2>
        <p className="text-zinc-400 mb-8">
          {t('description')}
        </p>
        <Link
          href={`/${defaultLocale}`}
          className="px-6 py-3 bg-white text-zinc-900 hover:bg-zinc-200 rounded-lg transition-colors inline-block font-medium"
        >
          {t('backHome')}
        </Link>
      </div>
    </div>
  );
}