32 lines
929 B
TypeScript
32 lines
929 B
TypeScript
|
import routeFactory from '@/assets/constants/routeFactory';
|
||
|
|
import images from '@/assets/images/images';
|
||
|
|
import Button from '@/components/uikit/button';
|
||
|
|
import { t } from '@/locales/translates';
|
||
|
|
|
||
|
|
export default function NotFound() {
|
||
|
|
return (
|
||
|
|
<div className="container mx-auto my-32 flex flex-col items-center justify-center gap-6">
|
||
|
|
<h2 className="text-center text-4xl md:text-[5rem]">
|
||
|
|
{t('pages_notFound_title') as string}
|
||
|
|
</h2>
|
||
|
|
<p className="text-center text-xl text-gray-300 md:text-2xl">
|
||
|
|
{t('pages_notFound_description') as string}
|
||
|
|
</p>
|
||
|
|
<div>
|
||
|
|
<img
|
||
|
|
alt="404 page"
|
||
|
|
src={images.notFound.src}
|
||
|
|
className="aspect-square"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<Button
|
||
|
|
link={routeFactory.home.route()}
|
||
|
|
endIcon="showMore"
|
||
|
|
className="w-fit"
|
||
|
|
>
|
||
|
|
{t('pages_notFound_button') as string}
|
||
|
|
</Button>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|