'use client';

import Link from 'next/link';
import Button from '@/components/ui/Button';
import { useTranslation } from '@/hooks/useTranslation';

export default function NotFound() {
  const { t } = useTranslation();

  return (
    <div className="flex min-h-[60vh] flex-col items-center justify-center px-4 text-center">
      <h1 className="mb-2 font-display text-6xl font-bold text-brand-900">
        {t('notFound.title')}
      </h1>
      <p className="mb-6 text-lg text-gray-500">{t('notFound.message')}</p>
      <Link href="/">
        <Button>{t('notFound.goHome')}</Button>
      </Link>
    </div>
  );
}