Add basic 404 page

This commit is contained in:
Liam 2022-10-19 20:13:26 +01:00
parent 772db9d2b1
commit 54902eb7b7

51
pages/404.js Normal file

@ -0,0 +1,51 @@
import { Container, Grid, Image, Text } from "@nextui-org/react";
import { Component } from "react";
export default class Home extends Component {
constructor(props) {
super(props);
}
render() {
return (
<Container css={{
marginTop: '$15'
}}>
<Grid.Container gap={2}>
<Grid
xs={12}
sm={6}
justify="center"
css={{
textAlign: "center",
}}
>
<div
style={{
marginTop: "30px",
}}
>
<Text h2 b>Whoops! This page is unknown!</Text>
<Text h3>
To visit the main website click{" "}
<span>
<a href="/">here</a>
</span>
</Text>
</div>
</Grid>
<Grid xs={12} sm={6} justify="center">
<Image
alt="Helpful doggo"
src="https://cdn.fascinated.cc/fPKqSysuqz.jpg?raw=true"
css={{
borderRadius: "5%",
display: "initial",
}}
></Image>
</Grid>
</Grid.Container>
</Container>
);
}
}