From a6fe862d0a4da2669bb8579b97d72dec33e0375d Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Wed, 1 Dec 2021 19:42:52 -0600
Subject: [PATCH] Add netlify form attribute

---
 web/components/hero.tsx | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/web/components/hero.tsx b/web/components/hero.tsx
index 1fd20047..a5d2fbd1 100644
--- a/web/components/hero.tsx
+++ b/web/components/hero.tsx
@@ -140,10 +140,10 @@ export const Hero = () => {
                     <span className="block text-green-400">prediction markets</span>
                   </h1>
                   <p className="mt-3 text-base text-gray-300 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
-					  Create and resolve your own prediction markets to earn a percent of the bet volume. Powered by Solana smart contracts.
+					  Create and resolve your own prediction markets to earn a percent of the bet volume. Powered by Solana.
                   </p>
                   <div className="mt-10 sm:mt-12">
-                    <form action="#" className="sm:max-w-xl sm:mx-auto lg:mx-0">
+                    <NetilfyForm name="contact" className="sm:max-w-xl sm:mx-auto lg:mx-0">
                       <div className="sm:flex">
                         <div className="min-w-0 flex-1">
                           <label htmlFor="email" className="sr-only">
@@ -152,6 +152,7 @@ export const Hero = () => {
                           <input
                             id="email"
                             type="email"
+							name="email"
                             placeholder="Enter your email"
                             className="block w-full px-4 py-3 rounded-md border-0 text-base text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-300 focus:ring-offset-gray-900"
                           />
@@ -173,7 +174,7 @@ export const Hero = () => {
                         </a>
                         .
                       </p> */}
-                    </form>
+                    </NetilfyForm>
                   </div>
                 </div>
               </div>
@@ -194,3 +195,15 @@ export const Hero = () => {
     </div>
   )
 }
+
+const NetilfyForm = (props: {
+	children: any
+} & Partial<Omit<HTMLFormElement, 'children'>>) => {
+	const { children, ...other } = props
+
+	return (
+		<form {...{ netlify: '' }} {...other as any}>
+			{children}
+		</form>
+	)
+}
\ No newline at end of file