import s from './styles.module.scss';
import Link from 'next/link';
import { ROUTES } from '@shared/const/route';
import notFoundImg from '@public/images/404.png';
import Image from 'next/image';

function NotFound() {
  return (
    <>
      <section className={s.Container}>
        <div className={s.Image}>
          <Image
            className={s.Img}
            src={notFoundImg}
            alt={'Страница не найдена'}
          />
        </div>
        <div className={s.Info}>
          <h2 className={s.Header}>Вы попали на несуществующую страницу!</h2>
          <p className={s.Text}>
            Вы можете вернутся к предыдущему шагу или перейти на главную
          </p>
          <p className={s.Text}>
            <Link href={ROUTES.HOME}>
              <strong>Перейти на главную</strong>
            </Link>
          </p>
        </div>
      </section>
    </>
  );
}

export { NotFound };
