adding form submission page

Author: prateekbh

src/components/app.js

@@ -8,6 +8,7 @@ import Home from '../routes/home';
 import Blogs from '../routes/blogs';
 import Blog from '../routes/blog';
 import Contact from '../routes/contact';
+import ContactSuccess from '../routes/contact-success';
 
 export default class App extends Component {
 
@@ -29,6 +30,7 @@ export default class App extends Component {
 						<Blogs path="/blogs/" />
 						<Blog path="/blog/:name" />
 						<Contact path="/contact/" />
+						<ContactSuccess path="/contact/success" />
 					</Router>
 				</div>
 			</Provider>

src/routes/contact-success/index.js

@@ -0,0 +1,12 @@
+import { h } from 'preact';
+import style from './style';
+
+const photographs = (props) => {
+	return (
+		<div class={style.pageContact}>
+			<h1 class={style.pageTitle}>Thanks! I'll be in touch soon.</h1>
+		</div>
+	);
+};
+
+export default photographs;

src/routes/contact-success/style.css

@@ -0,0 +1,18 @@
+.pageContact {
+  padding: 0 5%;
+}
+
+.pageTitle {
+  position: relative;
+  display: inline-block;
+  font-weight: 500;
+}
+
+.pageTitle:after {
+  position: absolute;
+  bottom: -5px;
+  left: 0px;
+  content: '';
+  width: 75%;
+  border-bottom: 2px solid #FFC107;
+}

src/routes/contact/index.js

@@ -12,7 +12,7 @@ const photographs = (props) => {
 					<div>&nbsp;</div>
 					<div>Cheers 🍻</div>
 				</p>
-				<form name="contact" method="POST" data-netlify="true">
+				<form name="contact" method="POST" data-netlify="true" action="/contact/success">
 					<p>
 						<input type="text" name="name" placeholder="Name" required />
 					</p>