Merge pull request #10 from heithemmoumni/master

feat: add not found page

Author: prateekbh

src/components/app.js

@@ -9,6 +9,7 @@ import Blogs from '../routes/blogs';
 import Blog from '../routes/blog';
 import Contact from '../routes/contact';
 import ContactSuccess from '../routes/contact-success';
+import NotFoundPage from '../routes/notfound';
 
 export default class App extends Component {
 
@@ -31,6 +32,7 @@ export default class App extends Component {
 						<Blog path="/blog/:name" />
 						<Contact path="/contact/" />
 						<ContactSuccess path="/contact/success" />
+						<NotFoundPage type="404" default />
 					</Router>
 				</div>
 			</Provider>

src/routes/notfound/index.js

@@ -0,0 +1,16 @@
+import { h } from 'preact';
+import style from './style';
+import { Link } from 'preact-router/match';
+
+const Notfound = () => {
+
+    return (
+        <div class={style.notfound}>
+            <h1>Error 404</h1>
+            <p>That page doesn't exist.</p>
+            <Link href="/"><h4>Back to Home</h4></Link>
+        </div>
+    )
+}
+
+export default Notfound;

src/routes/notfound/style.css

@@ -0,0 +1,3 @@
+.notfound {
+    padding: 0 5%;
+}