mailchimp formes

frontend/package-lock.json

 {
   "name": "frontend",
-  "version": "1.2.1",
+  "version": "3.0.9",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "frontend",
-      "version": "1.2.1",
+      "version": "3.0.9",
       "dependencies": {
         "@faceless-ui/slider": "^1.1.14",
         "@faceless-ui/window-info": "^2.1.1",

frontend/package.json

 {
   "name": "frontend",
-  "version": "3.0.9",
+  "version": "3.0.10",
   "private": true,
   "dependencies": {
     "@faceless-ui/slider": "^1.1.14",

frontend/src/components/shared/JobForm.jsx

                           if (res.data.data.success) {
                             setMsgText('Submission Succesful! Thank you!');
 
-                            values.position = jobForm.position;
-
                             props.mg.messages.create('dilig.net', {
                               from: `${values.firstName} ${values.lastName} <${values.email}>`,
                               to: ['hr@dilig.net'],
+                              'h:Reply-To': `${values.email}`,
                               subject: 'Applying for a position',
                               text: `Email: ${values.email}, Position:${values.position} ${values.other}, Cover letter: ${values.coverLetter}, Link: ${values.link} `,
                               html: `<p>Email: ${values.email}</p><p>Position: ${values.position} ${values.other}</p><p>Cover letter: ${values.coverLetter}</p><p>Link (optional): ${values.link}</p>`,
                               attachment: file,
                             });
+
+                            props.mg.messages.create('dilig.net', {
+                              from: 'hr@dilig.net',
+                              to: [`${values.email}`] ,
+                              'h:Reply-To': `${values.email}`,
+                              subject: 'Application Received',
+                              text: `Thank you ${values.firstName}, your application was received`,
+                            });
                           } else
                             setMsgText('Please fill reCAPTCHA and try again. Thank you!');
                         })

frontend/src/components/shared/MailchimpForm.jsx

+import React from 'react';
+
+function MailchimpForm() {
+  return (
+    <div id="mc_embed_shell">
+      <link
+        href="//cdn-images.mailchimp.com/embedcode/classic-061523.css"
+        rel="stylesheet"
+        type="text/css"
+      />
+      <div id="mc_embed_signup">
+        <form
+          action="https://dilig.us18.list-manage.com/subscribe/post?u=4bd507e0bc2f58fc19f284648&amp;id=8a749a060b&amp;f_id=00e91fe7f0"
+          method="post"
+          id="mc-embedded-subscribe-form"
+          name="mc-embedded-subscribe-form"
+          className="validate"
+          target="_self"
+          noValidate=""
+        >
+          <div id="mc_embed_signup_scroll">
+            <div className="indicates-required">
+              <span className="asterisk">*</span> indicates required
+            </div>
+            <div className="mc-field-group">
+              <label htmlFor="mce-EMAIL">
+                Email Address <span className="asterisk"></span>
+              </label>
+              <input
+                type="email"
+                name="EMAIL"
+                className="required email"
+                id="mce-EMAIL"
+                required=""
+                value=""
+              />
+            </div>
+            <div className="mc-field-group">
+              <label htmlFor="mce-FNAME">
+                First Name <span className="asterisk"></span>
+              </label>
+              <input
+                type="text"
+                name="FNAME"
+                className="required text"
+                id="mce-FNAME"
+                required=""
+                value=""
+              />
+            </div>
+            <div className="mc-field-group">
+              <label htmlFor="mce-LNAME">
+                Last Name <span className="asterisk">*</span>
+              </label>
+              <input
+                type="text"
+                name="LNAME"
+                className="required text"
+                id="mce-LNAME"
+                required=""
+                value=""
+              />
+            </div>
+            <div id="mce-responses" className="clear">
+              <div className="response" id="mce-error-response" style={{display: 'none'}}></div>
+              <div
+                className="response"
+                id="mce-success-response"
+                style={{display: 'none'}}
+              ></div>
+            </div>
+            <div aria-hidden="true" style={{position: 'absolute', left: '-5000px'}}>
+              <input
+                type="text"
+                name="b_4bd507e0bc2f58fc19f284648_8a749a060b"
+                tabIndex="-1"
+                value=""
+              />
+            </div>
+            <div className="clear">
+              <input
+                type="submit"
+                name="subscribe"
+                id="mc-embedded-subscribe"
+                className="button"
+                value="Subscribe"
+              />
+            </div>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}
+
+export default MailchimpForm;

frontend/src/pages/About.jsx

 import ReactHelmet from '../components/shared/ReactHelmet';
 import { strapiApiBuilder } from './../utils/strapiApiBuilder';
 import useDataApi from './../hooks/useDataApi';
+import MailchimpForm from './../components/shared/MailchimpForm';
 
 const api_url = process.env.REACT_APP_API_URL;
 
           </section>
         ) : null}
 
+
+        {/* <Wrapper>
+          <MailchimpForm />
+        </Wrapper> */}
+
         {/* Values Section */}
         {data ? (
           <section

frontend/src/pages/WorkWithUs.jsx

 
 const api_url = process.env.REACT_APP_API_URL;
 const mailchimp_url =
-  'https://dilig.us18.list-manage.com/subscribe/post?u=4bd507e0bc2f58fc19f284648&id=09da427d96&f_id=00b927e7f0';
+  'https://dilig.us18.list-manage.com/subscribe/post?u=4bd507e0bc2f58fc19f284648&id=8a749a060b&f_id=00e91fe7f0';
 
 const download = {
   downloadFilePath: `${process.env.PUBLIC_URL}/DiligentCompanyOverview.pdf`,