'use client';

import React from 'react';
import { Button, Link } from '@theme/components';
import { useLocalization } from '@akinon/next/hooks';

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

  return (
    <div className="py-10 flex flex-col items-center justify-center">
      <div className="text-8xl font-bold text-gray-400">404</div>
      <h1 className="text-4xl font-bold mb-4">{t('not_found.title')}</h1>
      <p className="text-lg mb-6 text-gray-600">{t('not_found.sub_title')}</p>
      <Link href={'/'}>
        <Button className="h-auto mt-4 text-base py-3 px-6">
          {t('not_found.button')}
        </Button>
      </Link>
    </div>
  );
}
