28 lines
799 B
TypeScript
28 lines
799 B
TypeScript
import { Box, Center, Heading, Link, Text } from '@chakra-ui/react';
|
|
import { MdSignpost } from 'react-icons/md';
|
|
|
|
import { PageLayoutInfoCenter } from '@/components/Layout/PageLayoutInfoCenter';
|
|
import { TopBar } from '@/components/TopBar/TopBar';
|
|
|
|
export const Error404 = () => {
|
|
return (
|
|
<>
|
|
<TopBar />
|
|
<PageLayoutInfoCenter padding="25px">
|
|
<Center>
|
|
<MdSignpost
|
|
style={{ width: '250px', height: '250px', color: 'aqua' }}
|
|
/>
|
|
</Center>
|
|
<Box textAlign="center">
|
|
<Heading>Error 404</Heading>
|
|
<Text color="gray.600">
|
|
This page no longer exists or the URL has changed.
|
|
</Text>
|
|
<Link href="/">Back to Homepage</Link>
|
|
</Box>
|
|
</PageLayoutInfoCenter>
|
|
</>
|
|
);
|
|
};
|