{"version":3,"file":"component---src-pages-register-js-9004be80b9d1ebd93d98.js","mappings":"mJA2CA,IAzCkB,WAAH,OACb,uBAAKA,UAAU,OACb,uBAAKA,UAAU,kBACb,yBAAOA,UAAU,mBAAmBC,MAAO,CACzCC,OAAO,iBACPC,MAAM,OACNC,UAAU,WAEV,yBAAOJ,UAAU,gCAAgCK,KAAK,QAAQC,KAAK,aAAaC,MAAM,aAAaN,MAAO,CAAEO,QAAQ,UACpH,uBAAKR,UAAU,kBAAkBC,MAAO,CACtCQ,QAAQ,WACN,gBAGR,uBAAKT,UAAU,kBACb,yBAAOA,UAAU,mBAAmBC,MAAO,CACzCC,OAAO,iBACPC,MAAM,OACNC,UAAU,WAEV,yBAAOJ,UAAU,gCAAgCK,KAAK,QAAQC,KAAK,aAAaC,MAAM,SAASN,MAAO,CAAEO,QAAQ,UAChH,uBAAKR,UAAU,kBAAkBC,MAAO,CACtCQ,QAAQ,WACN,YAGR,uBAAKT,UAAU,kBACb,yBAAOA,UAAU,mBAAmBC,MAAO,CACzCC,OAAO,iBACPC,MAAM,OACNC,UAAU,WAEV,yBAAOJ,UAAU,gCAAgCK,KAAK,QAAQC,KAAK,aAAaC,MAAM,OAAOG,eAAe,OAAOT,MAAO,CAAEO,QAAQ,UACpI,uBAAKR,UAAU,kBAAkBC,MAAO,CACtCQ,QAAQ,WACN,UAGJ,C,oCCtCFE,EAAY,SAAH,OAAKC,EAAQ,EAARA,SAAUC,EAAS,EAATA,UAAS,OACrC,uBAAKZ,MAAO,CACVa,SAAS,aAET,uBAAKb,MAAO,CACVa,SAAS,WACTX,MAAM,OACNY,OAAO,OACPC,WAAW,qCAAsCH,EAAS,KAAKA,EAAS,2CACxEI,IAAI,QACJC,MAAM,QACNC,OAAO,QAERP,EACG,EAGRD,EAAUS,aAAe,CACvBP,UAAU,QAGZ,K,yDCHA,IAhBkC,SAAH,GAAmC,IAA7Bb,EAAS,EAATA,UAAWC,EAAK,EAALA,MAAOoB,EAAG,EAAHA,IAC/CC,GAAOC,EAAAA,EAAAA,gBAAe,YAY5B,OAAO,gBAAC,IAAG,CAACC,MAAOF,EAAKG,iBAAiBC,gBAAgBF,MAAOxB,UAAWA,EAAWC,MAAOA,EAAOoB,IAAKA,GAC3G,C,qCCfMM,EAAY,SAAH,OAAMC,EAAI,EAAJA,KAAI,OACvB,sBAAI3B,MAAO,CACT4B,MAAM,OACNC,WAAW,SACXC,WAAW,MACXC,SAAS,SACT5B,UAAU,SACV6B,OAAO,WACLL,EAAU,EAOhBD,EAAUP,aAAe,CACvBQ,KAAK,cAGP,K,yJCqJA,UA5JqB,WAAH,OAChB,gBAAC,IAAU,KACT,gBAAC,IAAM,KACL,gBAAC,IAAG,CAACM,MAAM,iBACX,gBAAC,IAAS,KACR,gBAAC,IAAS,CAACN,KAAK,iBAEhB,gBAAC,IAAG,KACF,uBAAK5B,UAAU,YACb,qBAAGC,MAAO,CACRkC,cAAc,YACdN,MAAM,OACNE,WAAW,OACX3B,UAAU,SACVgC,SAAS,QACTH,OAAO,OACPI,aAAa,SACb,yKAEF,qBAAGpC,MAAO,CACRkC,cAAc,YACdN,MAAM,OACNE,WAAW,OACX3B,UAAU,SACVgC,SAAS,QACTH,OAAO,OACPI,aAAa,SACf,kEAEF,uBAAKrC,UAAU,kBACb,gBAAC,IAAW,CAACkC,MAAM,uBAAuB/B,MAAM,QAAQF,MAAO,CAAEqC,WAAW,OAASD,aAAa,SAChG,gBAAC,KAAY,CAACE,KAAK,2BAA2BC,OAAO,SAASC,IAAI,uBAAsB,uBAAKxC,MAAO,CAACQ,QAAQ,gBAAiB,gBAAC,IAAyB,WAuB9J,gBAAC,IAAS,CAACI,UAAU,WACnB,uBAAKZ,MAAO,CACV6B,WAAW,UAIXD,MAAM,OACNb,WAAW,wEACXP,QAAQ,OACRwB,OAAO,MAGP,wBACES,GAAG,eACHpC,KAAK,eACLqC,OAAO,OACPC,OAAO,qBACPC,SAAU,SAACC,GACTA,EAAEC,iBACF,IAAIC,EAASC,SAASC,eAAe,gBACjCC,EAAW,IAAIC,SAASJ,GAE5BK,MAAM,+DAAgE,CACpEV,OAAQ,OACRW,QAAS,CAAE,eAAgB,qCAC3BC,KAAM,IAAIC,gBAAgBL,GAAUM,aACnCC,MAAK,WAONC,OAAOC,SAASC,QAAQZ,SAASC,eAAe,gBAAgBN,OAClE,IAAGkB,OAAM,SAACC,GAAK,OAAKC,MAAMD,EAAM,GAClC,GAGA,uBAAK/D,UAAU,OACb,uBAAKA,UAAU,OACb,uBAAKA,UAAU,cAEb,yBAAOK,KAAK,OAAOL,UAAU,eAAe0C,GAAG,YAAYpC,KAAK,aAAa2D,YAAY,aAAaC,UAAQ,MAGlH,uBAAKlE,UAAU,OACb,uBAAKA,UAAU,cAEb,yBAAOK,KAAK,OAAOL,UAAU,eAAe0C,GAAG,WAAWpC,KAAK,YAAY2D,YAAY,YAAYC,UAAQ,OAIjH,uBAAKlE,UAAU,OACb,uBAAKA,UAAU,OACb,uBAAKA,UAAU,cAEb,yBAAOK,KAAK,OAAOL,UAAU,eAAe0C,GAAG,eAAepC,KAAK,eAAe2D,YAAY,eAAeC,UAAQ,MAGzH,uBAAKlE,UAAU,OACb,uBAAKA,UAAU,cAEb,yBAAOK,KAAK,OAAOL,UAAU,eAAe0C,GAAG,WAAWpC,KAAK,YAAY2D,YAAY,YAAYC,UAAQ,OAIjH,uBAAKlE,UAAU,OACb,uBAAKA,UAAU,OACb,uBAAKA,UAAU,cAEb,yBAAOK,KAAK,OAAOL,UAAU,eAAe0C,GAAG,QAAQpC,KAAK,QAAQ2D,YAAY,QAAQC,UAAQ,MAGpG,uBAAKlE,UAAU,OACb,uBAAKA,UAAU,cAEb,yBAAOK,KAAK,OAAOL,UAAU,eAAe0C,GAAG,QAAQpC,KAAK,QAAQ2D,YAAY,QAAQC,UAAQ,OAItG,yBAAG,yEACH,gBAAC,IAAS,MACV,2BACA,kIACA,0BAAQ7D,KAAK,SAASL,UAAU,kBAAkBC,MAAO,CACvDkE,gBAAgB,qBAChBC,YAAY,qBACZvC,MAAM,oBACNM,cAAc,YACdkC,aAAc,EACd5D,QAAQ,cACRsB,WAAY,MACZ,aAIR,2BAAM,2BAAM,2BAAM,2BAAM,6BAGjB,C","sources":["webpack://gatsby-starter-default/./src/components/form-check.js","webpack://gatsby-starter-default/./src/components/gridlines.js","webpack://gatsby-starter-default/./src/components/lakeside-software-logo-image.js","webpack://gatsby-starter-default/./src/components/page-title.js","webpack://gatsby-starter-default/./src/pages/register.js"],"sourcesContent":["import React from \"react\"\n\nconst FormCheck = () => (\n  <div className=\"row\">\n    <div className=\"form-check col\">\n      <label className=\"form-check-label\" style={{\n        border: `1px solid #fff`,\n        width: `100%`,\n        textAlign: `center`,\n      }}>\n        <input className=\"form-check-input radio-custom\" type=\"radio\" name=\"attendance\" value=\"conference\" style={{ display: `none` }} />\n        <div className=\"radio-highlight\" style={{\n          padding: `3rem 0`\n          }}>Conference</div>\n      </label>\n    </div>\n    <div className=\"form-check col\">\n      <label className=\"form-check-label\" style={{\n        border: `1px solid #fff`,\n        width: `100%`,\n        textAlign: `center`,\n      }}>\n        <input className=\"form-check-input radio-custom\" type=\"radio\" name=\"attendance\" value=\"awards\" style={{ display: `none` }}  />\n        <div className=\"radio-highlight\" style={{\n          padding: `3rem 0`\n          }}>Awards</div>\n      </label>\n    </div>\n    <div className=\"form-check col\">\n      <label className=\"form-check-label\" style={{\n        border: `1px solid #fff`,\n        width: `100%`,\n        textAlign: `center`,\n      }}>\n        <input className=\"form-check-input radio-custom\" type=\"radio\" name=\"attendance\" value=\"both\" defaultChecked=\"true\" style={{ display: `none` }} />\n        <div className=\"radio-highlight\" style={{\n          padding: `3rem 0`\n          }}>Both</div>\n      </label>\n    </div>\n  </div>\n)\n\nexport default FormCheck\n","import React from \"react\"\n\nconst GridLines = ({children, gridColor}) => (\n  <div style={{\n    position: `relative`\n  }}>\n    <div style={{\n      position: `absolute`,\n      width: `100%`,\n      height: `100%`,\n      background: `repeating-linear-gradient(-45deg, ${gridColor}, ${gridColor} 4px, transparent 4px, transparent 10px)`,\n      top: `-1rem`,\n      right: `-1rem`,\n      zIndex: `-1`\n    }} />\n    {children}\n  </div>\n)\n\nGridLines.defaultProps = {\n  gridColor: `#000`\n}\n\nexport default GridLines\n","import React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\nconst LakesideSoftwareLogoImage = ({ className, style, alt }) => {\n  const data = useStaticQuery(graphql`\n    query {\n      placeholderImage: file(relativePath: { eq: \"logos/lakeside_software.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 500) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  return <Img fluid={data.placeholderImage.childImageSharp.fluid} className={className} style={style} alt={alt}/>\n}\n\nexport default LakesideSoftwareLogoImage\n","import PropTypes from \"prop-types\"\nimport React from \"react\"\n\nconst PageTitle = ({ text }) => (\n  <h1 style={{\n    color: `#fff`,\n    fontFamily: `Avenir`,\n    fontWeight: `900`,\n    fontSize: `3.5rem`,\n    textAlign: `center`,\n    margin: `3rem 0`\n  }}>{text}</h1>\n)\n\nPageTitle.propTypes = {\n  text: PropTypes.string,\n}\n\nPageTitle.defaultProps = {\n  text: `Page Title`,\n}\n\nexport default PageTitle","import React from \"react\"\n\nimport Background from \"../components/background\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport Container from \"../components/bootstrap/container\"\nimport PageTitle from \"../components/page-title\"\nimport GridLines from \"../components/gridlines\"\nimport FormCheck from \"../components/form-check\"\nimport Row from \"../components/bootstrap/row\"\nimport PartnerCard from \"../components/partner-card\"\nimport { OutboundLink } from \"gatsby-plugin-google-analytics\"\n// import ImgCipherLabLogo from \"../components/img-cipherlab-logo\"\nimport LakesideSoftwareLogoImage from \"../components/lakeside-software-logo-image\"\n\nconst RegisterPage = () => (\n  <Background>\n    <Layout>\n      <Seo title=\"Registration\" />\n      <Container>\n        <PageTitle text=\"Registration\" />\n\n        <Row>\n          <div className=\"col-md-9\">\n            <p style={{\n              textTransform: `uppercase`,\n              color: `#fff`,\n              fontWeight: `bold`,\n              textAlign: `center`,\n              maxWidth: `850px`,\n              margin: `auto`,\n              marginBottom: `15px`\n            }}>To register for Smarter Working Live Virtual Conference and Awards, please complete the booking form below and further details will be sent on how to join the event.</p>\n\n            <p style={{\n              textTransform: `uppercase`,\n              color: `#fff`,\n              fontWeight: `bold`,\n              textAlign: `center`,\n              maxWidth: `850px`,\n              margin: `auto`,\n              marginBottom: `50px`\n          }}>This is a free-to-attend virtual event for the Public Sector.</p>\n          </div>\n          <div className=\"col-3 col-md-3\">\n            <PartnerCard title=\"Registration Partner\" width=\"12rem\" style={{ marginLeft: `1rem`, marginBottom: `4rem` }}>\n              <OutboundLink href=\"https://www.lakeside.com\" target=\"_blank\" rel=\"noopener noreferrer\"><div style={{padding: `2rem 1.5rem`}}><LakesideSoftwareLogoImage /></div></OutboundLink>\n            </PartnerCard>\n          </div>\n          {/* <div className=\"col-6 col-md-3\">\n            <PartnerCard title=\"Already Registered?\" width=\"12rem\" style={{marginLeft: `1rem`, marginBottom: `4rem` }}>\n              <div style={{\n                padding: `40px`,\n                textAlign: `center`\n              }}>\n                <OutboundLink href=\"https://login.swapcard.com\" target=\"_blank\" rel=\"noopener noreferrer\" style={{\n                  backgroundColor: `rgb(255, 255, 255)`,\n                  borderColor: `rgb(255, 255, 255)`,\n                  color: `rgb(210, 52, 100)`,\n                  textTransform: `uppercase`,\n                  padding: `0.6rem 1rem`,\n                  fontWeight: `600`,\n                }}>LOGIN</OutboundLink>\n              </div>\n            </PartnerCard>\n          </div> */}\n        </Row>\n\n\n        <GridLines gridColor=\"#d23464\">\n          <div style={{\n            fontFamily: `Din Pro`,\n            // fontWeight: `400`,\n            // fontSize: `1.5rem`,\n            // textAlign: `center`,\n            color: `#fff`,\n            background: `linear-gradient(90deg, rgba(48,196,191,1) 0%, rgba(180,1,180,1) 100%)`,\n            padding: `2rem`,\n            margin: `0`\n          }}>\n            {/* <form name=\"registration\" action=\"/register-thankyou\" method=\"post\" data-netlify=\"true\" data-netlify-honeypot=\"bot-field\"> */}\n            <form\n              id=\"registration\"\n              name=\"registration\"\n              method=\"post\"\n              action=\"/register-thankyou\"\n              onSubmit={(e) => {\n                e.preventDefault()\n                let myForm = document.getElementById('registration')\n                let formData = new FormData(myForm)\n\n                fetch('https://hook.integromat.com/lfkrnwtk4l59k4428y7sebv90e2zj8e5', {\n                  method: 'POST',\n                  headers: { \"Content-Type\": \"application/x-www-form-urlencoded\" },\n                  body: new URLSearchParams(formData).toString()\n                }).then(() => { \n                  // console.log('Form successfully submitted')\n                  // download(`/downloads/Smarter_Working_Live_2021_Entry_Form.docx`)\n                  // document.getElementById('formstatus').innerHTML = '<p>Thank you for registering and your entry form is downloading.</p>'\n                  // if(window.dataLayer) {\n                  //   window.dataLayer.push({event: 'form-registration-download', 'gtm.elementId': 'entries', 'gtm.elementUrl': undefined});\n                  // }\n                  window.location.replace(document.getElementById('registration').action)\n                }).catch((error) => alert(error))\n              }}\n            >\n              {/* <input type=\"hidden\" name=\"form-name\" value=\"registration\" /> */}\n              <div className=\"row\">\n                <div className=\"col\">\n                  <div className=\"form-group\">\n                    {/* <label for=\"FirstName\">First Name</label> */}\n                    <input type=\"text\" className=\"form-control\" id=\"FirstName\" name=\"first_name\" placeholder=\"First Name\" required />\n                  </div>\n                </div>\n                <div className=\"col\">\n                  <div className=\"form-group\">\n                    {/* <label for=\"LastName\">Last Name</label> */}\n                    <input type=\"text\" className=\"form-control\" id=\"LastName\" name=\"last_name\" placeholder=\"Last Name\" required />\n                  </div>\n                </div>\n              </div>\n              <div className=\"row\">\n                <div className=\"col\">\n                  <div className=\"form-group\">\n                    {/* <label for=\"Organisation\">Organisation</label> */}\n                    <input type=\"text\" className=\"form-control\" id=\"Organisation\" name=\"organisation\" placeholder=\"Organisation\" required />\n                  </div>\n                </div>\n                <div className=\"col\">\n                  <div className=\"form-group\">\n                    {/* <label for=\"JobTitle\">Job Title</label> */}\n                    <input type=\"text\" className=\"form-control\" id=\"JobTitle\" name=\"job_title\" placeholder=\"Job Title\" required />\n                  </div>\n                </div>\n              </div>\n              <div className=\"row\">\n                <div className=\"col\">\n                  <div className=\"form-group\">\n                    {/* <label for=\"Phone\">Phone</label> */}\n                    <input type=\"text\" className=\"form-control\" id=\"Phone\" name=\"phone\" placeholder=\"Phone\" required />\n                  </div>\n                </div>\n                <div className=\"col\">\n                  <div className=\"form-group\">\n                    {/* <label for=\"Email\">Email</label> */}\n                    <input type=\"text\" className=\"form-control\" id=\"Email\" name=\"email\" placeholder=\"Email\" required />\n                  </div>\n                </div>\n              </div>\n              <p><strong>I would like to attend (select below):</strong></p>\n              <FormCheck />\n              <br />\n              <p>Please ensure this form is completed for each individual wishing to attend Smarter Working Live 2021.</p>\n              <button type=\"submit\" className=\"btn btn-primary\" style={{\n                backgroundColor: `rgb(255, 255, 255)`,\n                borderColor: `rgb(255, 255, 255)`,\n                color: `rgb(210, 52, 100)`,\n                textTransform: `uppercase`,\n                borderRadius: 0,\n                padding: `0.6rem 1rem`,\n                fontWeight: 600,\n              }}>Submit</button>\n            </form>\n          </div>\n        </GridLines>\n        <br /><br /><br /><br /><br />\n      </Container>\n    </Layout>\n  </Background>\n)\n\nexport default RegisterPage\n"],"names":["className","style","border","width","textAlign","type","name","value","display","padding","defaultChecked","GridLines","children","gridColor","position","height","background","top","right","zIndex","defaultProps","alt","data","useStaticQuery","fluid","placeholderImage","childImageSharp","PageTitle","text","color","fontFamily","fontWeight","fontSize","margin","title","textTransform","maxWidth","marginBottom","marginLeft","href","target","rel","id","method","action","onSubmit","e","preventDefault","myForm","document","getElementById","formData","FormData","fetch","headers","body","URLSearchParams","toString","then","window","location","replace","catch","error","alert","placeholder","required","backgroundColor","borderColor","borderRadius"],"sourceRoot":""}