add formspree to contact@innovationdrive.com.au

src/App.js

@@ -3,7 +3,7 @@ import "./App.css";
 // import HeadNavbar from "./components/Navbar";
 import Drift from "./components/Drift";
 import AboveTheFold from "./layouts/AboveTheFold";
-import WhatIs from "./layouts/WhatIs?"
+import WhatIs from "./layouts/WhatIs"
 // Make this DRY ~ DO NOT REPEAT YOURSELF
 
 class App extends Component {

src/components/Form.js

@@ -1,38 +1,39 @@
 import React, { Component } from "react";
 import ThankYouAlert from "./ThankYouAlert";
 import { Button, Input, InputGroup, Form, FormGroup, Label } from "reactstrap";
-import MailchimpSubscribe from "react-mailchimp-subscribe"
 
-const url = "https://innovationdrive.us18.list-manage.com/subscribe/post";
+// import MailchimpSubscribe from "react-mailchimp-subscribe"
 
-// simplest form (only email)
-const SimpleForm = () => <MailchimpSubscribe url={url}/>
+// const url = "https://innovationdrive.us18.list-manage.com/subscribe/post";
 
-// use the render prop and your custom form
-const CustomForm = () => (
-  <MailchimpSubscribe
-    url={url}
-    render={({ subscribe, status, message }) => (
-      <div>
-        <EmailForm onSubmitted={formData => subscribe(formData)} />
-        {status === "sending" && <div style={{ color: "blue" }}>sending...</div>}
-        {status === "error" && <div style={{ color: "red" }} dangerouslySetInnerHTML={{__html: message}}/>}
-        {status === "success" && <div style={{ color: "green" }}>Subscribed !</div>}
-      </div>
-    )}
-  />
-)
+// // simplest form (only email)
+// const SimpleForm = () => <MailchimpSubscribe url={url}/>
+
+// // use the render prop and your custom form
+// const CustomForm = () => (
+//   <MailchimpSubscribe
+//     url={url}
+//     render={({ subscribe, status, message }) => (
+//       <div>
+//         <EmailForm onSubmitted={formData => subscribe(formData)} />
+//         {status === "sending" && <div style={{ color: "blue" }}>sending...</div>}
+//         {status === "error" && <div style={{ color: "red" }} dangerouslySetInnerHTML={{__html: message}}/>}
+//         {status === "success" && <div style={{ color: "green" }}>Subscribed !</div>}
+//       </div>
+//     )}
+//   />
+// )
 
 export default class EmailForm extends React.Component {
   render() {
     return (
       <div>
-        <Form method="POST" netlify="true">
-        <h1>Free Video Consultation </h1>
+        <Form action="https://formspree.io/contact@innovationdrive.com.au" method="POST">
+          <h1>Sign Up to our newsletter </h1>
           <FormGroup>
             <Input
               type="email"
-              name="MERGE0"
+              name="email"
               id="exampleEmail"
               placeholder="Email"
             />
@@ -40,20 +41,22 @@ export default class EmailForm extends React.Component {
 
           <FormGroup>
             <Input
-              type="textarea"
-              name="MERGE8"
+              type="text"
+              name="idea"
               id="exampleText"
               placeholder="tell us a little about your idea without giving much away"
             />
           </FormGroup>
-          <div data-netlify-recaptcha />
-          <Button color="success" onclick={ThankYouAlert} type="submit" >Send</Button>
+          <Button color="success" type="submit" value="Send">
+            Send
+          </Button>
         </Form>
       </div>
     );
   }
 }
 
+// onclick={ThankYouAlert}onclick={ThankYouAlert}
 // the logic is sign up to recieve free video consultation and invention workbook
 // First name, last name
 // then email text area with validation