diff --git a/data/404.yml b/data/404.yml
new file mode 100644
index 0000000..cb2acfc
--- /dev/null
+++ b/data/404.yml
@@ -0,0 +1,3 @@
+hero:
+  headline: Oops
+  subtext: This page doesn't exist
\ No newline at end of file
diff --git a/pages/404.js b/pages/404.js
new file mode 100644
index 0000000..0855be2
--- /dev/null
+++ b/pages/404.js
@@ -0,0 +1,21 @@
+import Layout from '../components/layout';
+import { Hero } from '../components/jambonz-ui';
+import { getData } from '../lib/data';
+
+export default function Page404({ data }) {
+  return (
+    <Layout siteData={data.site}>
+      <Hero data={data['404'].hero} subStyle="404" />
+    </Layout>
+  );
+}
+
+export async function getStaticProps() {
+  const data = getData('404');
+
+  return {
+    props: {
+      data,
+    },
+  };
+}