diff --git a/resources/assets/components/NotFound.vue b/resources/assets/components/NotFound.vue
new file mode 100644
index 000000000..ce88c76cf
--- /dev/null
+++ b/resources/assets/components/NotFound.vue
@@ -0,0 +1,29 @@
+<template>
+<div class="container d-flex justify-content-center">
+  <div class="error-page py-5 my-5" style="max-width: 450px;">
+    <h3 class="font-weight-bold">404 &nbsp; Page Not Found</h3>
+    <p class="lead">The page you are trying to view is not available</p>
+
+    <div class="text-muted">
+		<p class="mb-1">This can happen for a few reasons:</p>
+		<ul>
+			<li>The url is invalid or has a typo</li>
+			<li>The page has been flagged for review by our automated abuse detection systems</li>
+			<li>The content may have been deleted</li>
+			<li>You do not have permission to view this content</li>
+		</ul>
+    </div>
+  </div>
+  <drawer />
+</div>
+</template>
+
+<script type="text/javascript">
+	import Drawer from './partials/drawer.vue';
+
+	export default {
+		components: {
+			"drawer": Drawer
+		}
+	}
+</script>