attempt fix for netlify form

pages/contact.tsx

@@ -35,20 +35,24 @@ export default function Contact() {
                     <section>
                         <div>
                             <h4>{"📨 Shoot us an email"}</h4>
-                            <form netlify>
+                            <form name="contact" method="POST" data-netlify="true">
                                 <div>
                                     <label>Name</label>
-                                    <input type="text" />
+                                    <input type="text" name="name" />
                                 </div>
 
                                 <div>
                                     <label>Email</label>
-                                    <input type="email" />
+                                    <input type="email" name="name" />
                                 </div>
 
                                 <div>
                                     <label>Message</label>
-                                    <textarea></textarea>
+                                    <textarea name="message" rows={10}></textarea>
+                                </div>
+
+                                <div>
+                                    <button type="submit">Send</button>
                                 </div>
                             </form>
                         </div>

styles/globals.css

@@ -158,6 +158,15 @@ form input, form textarea {
   padding: 0.3em 0.4em;
 }
 
+form button {
+  background-color: var(--background-color-dark);
+  border-radius: var(--padding-sm);
+  border: unset;
+  padding: 0.3em 0.6em;
+  font-size: 1em;
+  cursor: pointer;
+}
+
 
 /* mobile */
 @media(max-aspect-ratio: 5/4) {