diff --git a/pages/404.js b/pages/404.js
new file mode 100644
index 0000000..26c6da4
--- /dev/null
+++ b/pages/404.js
@@ -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>
+		);
+	}
+}