{"version":3,"sources":["webpack:///./src/pages/contact.tsx","webpack:///./src/images/header-contact.jpg"],"names":["Contact","useState","name","setName","email","setEmail","message","setMessage","isSuccess","setIsSuccess","isError","setIsError","navBg","className","bgImage","headerContact","strength","style","height","maxHeight","onSubmit","event","preventDefault","fetch","method","headers","body","JSON","stringify","then","response","ok","catch","error","console","type","value","id","onChange","e","target","module","exports"],"mappings":"8KAqFeA,UAhFC,WAAM,MACIC,mBAAS,IAA1BC,EADa,KACPC,EADO,OAEMF,mBAAS,IAA5BG,EAFa,KAENC,EAFM,OAGUJ,mBAAS,IAAhCK,EAHa,KAGJC,EAHI,OAIcN,oBAAS,GAApCO,EAJa,KAIFC,EAJE,OAKUR,oBAAS,GAAhCS,EALa,KAKJC,EALI,KAoCpB,OACE,cAAC,IAAD,CAAQC,OAAK,EAAb,SACE,sBAAKC,UAAU,eAAf,UACI,cAAC,WAAD,CAAUA,UAAU,cAAcC,QAASC,IAAeC,SAAU,IAApE,SACI,sBAAKC,MAAO,CAACC,OAAQ,QAASC,UAAW,SAAzC,UACI,qBAAKN,UAAU,wBACf,oBAAIA,UAAU,0BAAd,6BAGR,qBAAKA,UAAU,4CAAf,SACI,sBAAKA,UAAU,oCAAf,UACI,6DACA,uBAAMX,KAAK,eAAeW,UAAU,oBAAoBO,SAzCnD,SAACC,GACpBA,EAAMC,iBAENC,MAAM,uDAAwD,CAC5DC,OAAQ,OACRC,QAAS,CACP,eAAgB,oBAElBC,KAAMC,KAAKC,UAAU,CAAE1B,OAAME,QAAOE,cAEnCuB,MAAK,SAACC,GACDA,EAASC,IACXtB,GAAa,GACbE,GAAW,GACXR,EAAQ,IACRE,EAAS,IACTE,EAAW,MAEXE,GAAa,GACbE,GAAW,OAGdqB,OAAM,SAACC,GACNC,QAAQD,MAAMA,GACdxB,GAAa,GACbE,GAAW,OAgBD,UACI,sBAAKE,UAAU,2BAAf,UACI,uBAAOsB,KAAK,OAAOC,MAAOlC,EAAMmC,GAAG,oBAAoBC,SAAU,SAACC,GAAD,OAAOpC,EAAQoC,EAAEC,OAAOJ,UACzF,4CAEJ,sBAAKvB,UAAU,2BAAf,UACI,uBAAOsB,KAAK,OAAOC,MAAOhC,EAAOiC,GAAG,oBAAoBC,SAAU,SAACC,GAAD,OAAOlC,EAASkC,EAAEC,OAAOJ,UAC3F,6CAEJ,sBAAKvB,UAAU,2BAAf,UACI,0BAAUwB,GAAG,uBAAuBD,MAAO9B,EAASgC,SAAU,SAACC,GAAD,OAAOhC,EAAWgC,EAAEC,OAAOJ,UACzF,+CAGJ,qBAAKvB,UAAU,mBAAf,SACI,wBAAQsB,KAAK,SAAStB,UAAU,gBAAhC,SACI,qBAAKA,UAAU,oBAAf,SACI,mDAKfL,GAAa,yDACbE,GAAW,2G,qBC5E9B+B,EAAOC,QAAU,IAA0B","file":"component---src-pages-contact-tsx-08d538bb1b4643c188dd.js","sourcesContent":["import React, { useState } from 'react';\nimport { Parallax } from 'react-parallax';\nimport Layout from \"../components/layouts\";\nimport headerContact from \"../images/header-contact.jpg\";\n\nconst Contact = () => {\n  const [name, setName] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [message, setMessage] = useState(\"\");\n  const [isSuccess, setIsSuccess] = useState(false);\n  const [isError, setIsError] = useState(false);\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n\n    fetch(\"https://prod-globalinheritance.herokuapp.com/contact\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify({ name, email, message }),\n    })\n      .then((response) => {\n        if (response.ok) {\n          setIsSuccess(true);\n          setIsError(false);\n          setName(\"\");\n          setEmail(\"\");\n          setMessage(\"\");\n        } else {\n          setIsSuccess(false);\n          setIsError(true);\n        }\n      })\n      .catch((error) => {\n        console.error(error);\n        setIsSuccess(false);\n        setIsError(true);\n      });\n  };\n\n  return (\n    <Layout navBg>\n      <div className=\"contact-page\">\n          <Parallax className=\"page-header\" bgImage={headerContact} strength={400}>\n              <div style={{height: '100vh', maxHeight: '550px'}}>\n                  <div className=\"page-header-overlay\" />\n                  <h1 className=\"page-header-title white\">CONTACT US</h1>\n              </div>\n          </Parallax>\n          <div className=\"form-container application-form-container\">\n              <div className=\"form-inner application-form-inner\">\n                  <h1>Please fill out all fields.</h1>\n                  <form name=\"contact-form\" className=\"form contact-form\" onSubmit={handleSubmit}>\n                      <div className=\"form-field contact-field\">\n                          <input type=\"text\" value={name} id=\"contact-form-name\" onChange={(e) => setName(e.target.value)} />\n                          <label>NAME</label>\n                      </div>\n                      <div className=\"form-field contact-field\">\n                          <input type=\"text\" value={email} id=\"contact-form-mail\" onChange={(e) => setEmail(e.target.value)} />\n                          <label>EMAIL</label>\n                      </div>\n                      <div className=\"form-field contact-field\">\n                          <textarea id=\"contact-form-message\" value={message} onChange={(e) => setMessage(e.target.value)} ></textarea>\n                          <label>MESSAGE</label>\n                      </div>\n\n                      <div className=\"submit-container\">\n                          <button type=\"submit\" className=\"btn-container\">\n                              <div className=\"btn large primary\">\n                                  <span>Submit</span>\n                              </div>\n                          </button>\n                      </div>\n                  </form>\n                  {isSuccess && <p>Email sent successfully!</p>}\n                  {isError && <p>There was an error sending your email. Please try again later.</p>}\n              </div>\n          </div>\n        \n      </div>\n    </Layout>\n);\n}\n\nexport default Contact;\n","module.exports = __webpack_public_path__ + \"static/header-contact-41509f20f3d63e4987fa07eec74b4523.jpg\";"],"sourceRoot":""}