Add basic 404 page
This commit is contained in:
parent
772db9d2b1
commit
54902eb7b7
51
pages/404.js
Normal file
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>
|
||||
);
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user