{"version":3,"sources":["webpack:///./src/pages/contact-us/index.js"],"names":["ContactUs","useState","isValidated","state","setState","siteName","useSiteMetadata","title","handleChange","e","target","name","value","schema","className","description","method","action","data-netlify","data-netlify-honeypot","onSubmit","preventDefault","data","form","fetch","headers","body","getAttribute","Object","keys","map","key","encodeURIComponent","join","then","navigate","catch","error","alert","type","hidden","onChange","htmlFor","id","required"],"mappings":"kwBAkGeA,UAtFG,WAAO,IAAD,EACIC,mBAAS,CAAEC,aAAa,IAA3CC,EADe,KACRC,EADQ,KAEPC,EAAaC,cAApBC,MAEFC,EAAe,SAACC,GAAO,IAAD,EAC1BL,EAAS,EAAD,KAAMD,GAAN,WAAcM,EAAEC,OAAOC,MAAOF,EAAEC,OAAOE,MAAvC,MAkBJL,EAAK,gBAAmBF,EACxBQ,EAAM,wnBAA2nBR,EAA3nB,+HAEZ,OACE,kBAAC,IAAD,CAAQE,MAAOA,GACb,6BAASO,UAAU,WACjB,kBAAC,IAAD,CAAUP,MAAOA,EAAOQ,YAAY,wJAAwJF,OAAQA,IACpM,yBAAKC,UAAU,aACb,yBAAKA,UAAU,WACb,wBAAIA,UAAU,SAASP,GACvB,0BAAMI,KAAK,UAAUK,OAAO,OAAOC,OAAO,sBAAsBC,eAAa,OAAOC,wBAAsB,YAAYC,SAzB3G,SAACX,GACpBA,EAAEY,iBACF,IAhBYC,EAgBNC,EAAOd,EAAEC,OACfc,MAAM,IAAK,CACTR,OAAQ,OACRS,QAAS,CAAE,eAAgB,qCAC3BC,MApBUJ,EAoBG,EAAD,CACV,YAAaC,EAAKI,aAAa,SAC5BxB,GArBFyB,OAAOC,KAAKP,GAChBQ,KAAI,SAACC,GAAD,OAASC,mBAAmBD,GAAO,IAAMC,mBAAmBV,EAAKS,OACrEE,KAAK,QAsBHC,MAAK,kBAAMC,mBAASZ,EAAKI,aAAa,cACtCS,OAAM,SAACC,GAAD,OAAWC,MAAMD,OAa4HvB,UAAU,eAEtJ,2BAAOyB,KAAK,SAAS5B,KAAK,YAAYC,MAAM,YAC5C,yBAAK4B,QAAM,GACT,uDACuB,2BAAO7B,KAAK,YAAY8B,SAAUjC,MAG3D,yBAAKM,UAAU,SACb,2BAAOA,UAAU,QAAQ4B,QAAS,QAChC,yDAEF,yBAAK5B,UAAU,WACb,2BAAOA,UAAU,qBAAqByB,KAAM,OAAQ5B,KAAM,OAAQ8B,SAAUjC,EAAcmC,GAAI,OAAQC,UAAU,MAGpH,yBAAK9B,UAAU,SACb,2BAAOA,UAAU,QAAQ4B,QAAS,SAChC,0DAEF,yBAAK5B,UAAU,WACb,2BAAOA,UAAU,qBAAqByB,KAAM,QAAS5B,KAAM,QAAS8B,SAAUjC,EAAcmC,GAAI,QAASC,UAAU,MAGvH,yBAAK9B,UAAU,SACb,2BAAOA,UAAU,QAAQ4B,QAAS,WAChC,4CAEF,yBAAK5B,UAAU,WACb,2BAAOA,UAAU,qBAAqByB,KAAM,OAAQ5B,KAAM,UAAW8B,SAAUjC,EAAcmC,GAAI,cAGrG,yBAAK7B,UAAU,SACb,2BAAOA,UAAU,QAAQ4B,QAAS,WAChC,4DAEF,yBAAK5B,UAAU,WACb,8BAAUA,UAAU,wBAAwBH,KAAM,UAAW8B,SAAUjC,EAAcmC,GAAI,UAAWC,UAAU,MAGlH,yBAAK9B,UAAU,SACb,4BAAQA,UAAU,iBAAiByB,KAAK,UAAxC","file":"component---src-pages-contact-us-index-js.js","sourcesContent":["import React, { useState } from \"react\";\nimport { navigate } from \"gatsby-link\";\nimport Layout from \"../../components/Layout\";\nimport HeadData from \"../../components/HeadData.js\";\nimport useSiteMetadata from \"../../components/SiteMetadata\";\n\nfunction encode(data) {\n  return Object.keys(data)\n    .map((key) => encodeURIComponent(key) + \"=\" + encodeURIComponent(data[key]))\n    .join(\"&\");\n}\n\nconst ContactUs = () => {\n  const [state, setState] = useState({ isValidated: false });\n  const { title: siteName } = useSiteMetadata();\n\n  const handleChange = (e) => {\n    setState({ ...state, [e.target.name]: e.target.value });\n  };\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    const form = e.target;\n    fetch(\"/\", {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/x-www-form-urlencoded\" },\n      body: encode({\n        \"form-name\": form.getAttribute(\"name\"),\n        ...state,\n      }),\n    })\n      .then(() => navigate(form.getAttribute(\"action\")))\n      .catch((error) => alert(error));\n  };\n\n  const title = `Contact Us - ${siteName}`;\n  const schema = `{\"@context\":\"https://schema.org\",\"@type\":\"ContactPage\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://www.protechreviewer.com/contact-us/\"},\"url\":\"https://www.protechreviewer.com/contact-us/\",\"headline\":\"Contact Us\",\"description\":\"Feel free to contact us anytime or about anything, we are due with your debate. Our support team is always ready to help our audience, and whosoever.\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://www.protechreviewer.com/contact-us/#primaryimage\",\"url\":\"https://www.protechreviewer.com/img/Best-Gaming-PC-Build.jpg\",\"width\":\"1836\",\"height\":\"1948\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"${siteName}\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://www.protechreviewer.com/img/logo-x-large.jpg\",\"width\":\"800\",\"height\":\"258\"}}}`;\n\n  return (\n    <Layout title={title}>\n      <section className=\"section\">\n        <HeadData title={title} description=\"Feel free to contact us anytime or about anything, we are due with your debate. Our support team is always ready to help our audience, and whosoever.\" schema={schema} />\n        <div className=\"container\">\n          <div className=\"content\">\n            <h1 className=\"title\">{title}</h1>\n            <form name=\"contact\" method=\"post\" action=\"/contact-us/thanks/\" data-netlify=\"true\" data-netlify-honeypot=\"bot-field\" onSubmit={handleSubmit} className=\"contactform\">\n              {/* The `form-name` hidden field is required to support form submissions without JavaScript */}\n              <input type=\"hidden\" name=\"form-name\" value=\"contact\" />\n              <div hidden>\n                <label>\n                  Don’t fill this out: <input name=\"bot-field\" onChange={handleChange} />\n                </label>\n              </div>\n              <div className=\"field\">\n                <label className=\"label\" htmlFor={\"name\"}>\n                  <strong>Your Name (required)</strong>\n                </label>\n                <div className=\"control\">\n                  <input className=\"input form-control\" type={\"text\"} name={\"name\"} onChange={handleChange} id={\"name\"} required={true} />\n                </div>\n              </div>\n              <div className=\"field\">\n                <label className=\"label\" htmlFor={\"email\"}>\n                  <strong>Your Email (required)</strong>\n                </label>\n                <div className=\"control\">\n                  <input className=\"input form-control\" type={\"email\"} name={\"email\"} onChange={handleChange} id={\"email\"} required={true} />\n                </div>\n              </div>\n              <div className=\"field\">\n                <label className=\"label\" htmlFor={\"subject\"}>\n                  <strong>Subject</strong>\n                </label>\n                <div className=\"control\">\n                  <input className=\"input form-control\" type={\"text\"} name={\"subject\"} onChange={handleChange} id={\"subject\"} />\n                </div>\n              </div>\n              <div className=\"field\">\n                <label className=\"label\" htmlFor={\"message\"}>\n                  <strong>Your Message (required)</strong>\n                </label>\n                <div className=\"control\">\n                  <textarea className=\"textarea form-control\" name={\"message\"} onChange={handleChange} id={\"message\"} required={true} />\n                </div>\n              </div>\n              <div className=\"field\">\n                <button className=\"button is-link\" type=\"submit\">\n                  Send\n                </button>\n              </div>\n            </form>\n          </div>\n        </div>\n      </section>\n    </Layout>\n  );\n};\n\nexport default ContactUs;\n"],"sourceRoot":""}