39 lines
1.6 KiB
JavaScript
39 lines
1.6 KiB
JavaScript
import * as React from 'react';
|
||
import Box from '@mui/material/Box';
|
||
import Button from '@mui/material/Button';
|
||
import Stack from '@mui/material/Stack';
|
||
import Typography from '@mui/material/Typography';
|
||
import { ArrowLeft as ArrowLeftIcon } from '@phosphor-icons/react/dist/ssr/ArrowLeft';
|
||
import {paths} from "../../../path";
|
||
|
||
export default function NotFoundPage() {
|
||
return (
|
||
<Box component="main" sx={{ alignItems: 'center', display: 'flex', justifyContent: 'center', minHeight: '100%' }}>
|
||
<Stack spacing={3} sx={{ alignItems: 'center', maxWidth: 'md' }}>
|
||
<Box>
|
||
<Box
|
||
component="img"
|
||
alt="Under development"
|
||
src="/assets/error-404.png"
|
||
sx={{ display: 'inline-block', height: 'auto', maxWidth: '100%', width: '400px' }}
|
||
/>
|
||
</Box>
|
||
<Typography variant="h3" sx={{ textAlign: 'center' }}>
|
||
404: Страница не найдена или недоступна
|
||
</Typography>
|
||
<Typography color="text.secondary" variant="body1" sx={{ textAlign: 'center' }}>
|
||
Вы либо выбрали какой-то сомнительный маршрут, либо попали сюда по ошибке. Что бы это ни было, попробуйте воспользоваться навигацией
|
||
</Typography>
|
||
<Button
|
||
// component={'a'}
|
||
href={paths.home}
|
||
startIcon={<ArrowLeftIcon fontSize="var(--icon-fontSize-md)" />}
|
||
variant="contained"
|
||
>
|
||
На домашнюю страницу
|
||
</Button>
|
||
</Stack>
|
||
</Box>
|
||
);
|
||
}
|