Update

Author: Evert Arias

package-lock.json

@@ -7,6 +7,7 @@
   "dependencies": {
     "gatsby": "^2.19.45",
     "gatsby-image": "^2.2.44",
+    "gatsby-link": "^2.3.1",
     "gatsby-plugin-manifest": "^2.2.48",
     "gatsby-plugin-offline": "^3.0.41",
     "gatsby-plugin-react-helmet": "^3.1.24",

package.json

@@ -1,4 +1,5 @@
 import React from "react"
+import { navigate } from 'gatsby-link';
 
 function encode(data) {
   return Object.keys(data)
@@ -24,7 +25,7 @@ const ContactForm = () => {
         ...state,
       }),
     })
-      .then(() => console.log("navigate"))
+      .then(() =>  navigate(form.getAttribute('action')))
       .catch(error => alert(error))
   }
   return (

src/components/ContactForm/index.jsx

@@ -0,0 +1,12 @@
+import React from "react"
+import Layout from "../components/layout"
+
+const Thanks = () => {
+  return (
+    <Layout>
+      <p>Your info has been submitted!</p>
+    </Layout>
+  )
+}
+
+export default Thanks