import ErrorLayout from '@/layouts/error-layout';
import { useTranslation } from 'react-i18next';

const NotFound = () => {
  const { t } = useTranslation();
  return (
    <ErrorLayout
      error="404"
      description={t(
        'Well, this is awkward. We can’t find the page you’re looking for.',
      )}
      imageSrc="/assets/404.png"
    />
  );
};

NotFound.title = 'Not Found';

export default NotFound;