From 2a4017b12e7e5603936b10bfe44e9c80863f4835 Mon Sep 17 00:00:00 2001
From: Jason Lengstorf <jason@lengstorf.com>
Date: Mon, 27 Sep 2021 19:55:38 -0700
Subject: [PATCH] feat: add form submission success page

---
 pages/netlify-forms.js |  8 +++++++-
 pages/success.js       | 14 ++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 pages/success.js

diff --git a/pages/netlify-forms.js b/pages/netlify-forms.js
index b397b68..0437c08 100644
--- a/pages/netlify-forms.js
+++ b/pages/netlify-forms.js
@@ -10,7 +10,13 @@ export default function FunctionsPage() {
       <main>
         <h2 className={styles.heading}>Make this form functional</h2>
 
-        <form className={styles.form} name="contact" data-netlify>
+        <form
+          className={styles.form}
+          method="POST"
+          name="contact"
+          data-netlify="true"
+          action="/success"
+        >
           <label htmlFor="name">Name</label>
           <input type="text" id="name" name="name" />
 
diff --git a/pages/success.js b/pages/success.js
new file mode 100644
index 0000000..d2d3dd8
--- /dev/null
+++ b/pages/success.js
@@ -0,0 +1,14 @@
+import Layout from '../components/layout';
+
+export default function FunctionsPage() {
+  return (
+    <Layout
+      title="Netlify Forms"
+      description="Turn any HTML form into a functional form that can receive submissions with a single line of code."
+    >
+      <main>
+        <h2>Submission received!</h2>
+      </main>
+    </Layout>
+  );
+}