{"version":3,"file":"component---src-pages-contact-js-86a15f2c0c4b69cdecef.js","mappings":"uMAMMA,EAAQ,CACZ,CACEC,KAAM,OACNC,IAAK,KAEP,CACED,KAAM,QACNC,IAAK,UAEP,CACED,KAAM,SACNC,IAAK,WAEP,CACED,KAAM,SACNC,IAAK,WAEP,CACED,KAAM,UACNC,IAAK,aA4ET,EAxEe,WACb,OACE,uBACEC,UACE,6EAGF,uBAAKA,UAAW,aACd,gBAAC,IAAD,CAAMC,KAAM,YAEd,uBAAKD,UAAU,8CACZH,EAAMK,KAAI,SAACC,GAAD,OACT,uBAAKH,UAAU,4EACb,4BACE,gBAAC,KAAD,CAAMI,GAAE,GAAKD,EAAKJ,KAAQI,EAAKL,YAKvC,uBAAKE,UAAW,6CACd,qBACEA,UAAW,4BACXK,KAAK,gDAEL,uBACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAEN,wBACEC,EAAE,2HACFF,KAAK,YAEP,wBACEE,EAAE,mPACFF,KAAK,YAIX,qBACET,UAAW,4BACXK,KAAK,kDAEL,uBACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAEN,wBAAMC,EAAE,mBAAmBF,KAAK,YAChC,wBACEE,EAAE,+0CACFF,KAAK,UAEP,wBACEE,EAAE,qPACFF,KAAK,UAEP,wBACEE,EAAE,8JACFF,KAAK,e,UCxFJ,SAASG,EAAT,GAA+B,IAAbC,EAAY,EAAZA,SAC/B,OACE,uBAAKb,UAAU,UACb,gBAAC,IAAD,MACA,uBAAKA,UAAU,WAAWa,GAC1B,gBAAC,EAAD,S,0FCqDN,EA5DoB,SAAC,GAA4B,IAA1BC,EAAyB,EAAzBA,YAAyB,EAAZC,MAClC,OACE,uBAAKf,UAAW,yBACd,uBACEA,UACE,sHAGF,sBAAIA,UAAU,6CACXc,GAGH,wBACEE,OAAO,gDACPC,OAAO,QAEP,yBACEhB,KAAK,SACLiB,KAAK,WACLC,MAAM,sCAER,uBAAKnB,UAAW,SACd,qBAAGA,UAAW,eAAd,aACA,yBACEC,KAAK,OACLiB,KAAK,OACLlB,UAAU,uDACVoB,UAAQ,KAGZ,uBAAKpB,UAAW,SACd,qBAAGA,UAAW,eAAd,SACA,yBACEC,KAAK,QACLiB,KAAK,QACLlB,UAAU,uDACVoB,UAAQ,KAGZ,uBAAKpB,UAAW,SACd,qBAAGA,UAAW,eAAd,WACA,4BACEC,KAAK,OACLiB,KAAK,UACLlB,UAAU,uDACVoB,UAAQ,KAGZ,0BACEnB,KAAK,SACLD,UAAU,0EAFZ,YClDV,EAAe,IAA0B,sDCqCzC,EAjCuB,SAAC,GAAqD,IAAnDqB,EAAkD,EAAlDA,MAAOC,EAA2C,EAA3CA,SAAUC,EAAiC,EAAjCA,aAAcC,EAAmB,EAAnBA,MAAmB,EAAZT,MAC9D,OACE,gCACE,uBACEf,UACE,4FAGF,uBAAKA,UAAW,sDACd,sBAAIA,UAAU,+EACXqB,GAEH,sBAAIrB,UAAU,4CACXsB,GAEH,uBAAKG,IAAKC,EAAY1B,UAAW,UAEnC,gBAAC,EAAD,CACEc,YAAa,qDAGjB,uBAAKd,UAAW,0DACd,sBAAIA,UAAU,wDACXuB,GAEH,sBAAIvB,UAAU,wEACZ,qBAAGK,KAAI,UAAYmB,GAAUA,OCVvC,EAhBgB,WACZ,OACE,gBAACZ,EAAA,EAAD,KACI,gBAAC,EAAD,CACES,MAAO,aACPC,SAAU,kFACVC,aAAc,sCACdC,MAAO,0BACPG,YAAa","sources":["webpack://comm-stem-website/./src/components/Footer/index.js","webpack://comm-stem-website/./src/components/Layout.js","webpack://comm-stem-website/./src/components/contact/form.js","webpack://comm-stem-website/./src/images/Contact.png","webpack://comm-stem-website/./src/components/contact/index.js","webpack://comm-stem-website/./src/pages/contact.js"],"sourcesContent":["import * as React from \"react\";\nimport { Link } from \"gatsby\";\nimport logo from \"../../images/logoBlack.png\";\nimport Logo from \"../navbar/logo\";\n\n// data\nconst links = [\n  {\n    text: \"Home\",\n    url: \"/\",\n  },\n  {\n    text: \"About\",\n    url: \"/about\",\n  },\n  {\n    text: \"Events\",\n    url: \"/events\",\n  },\n  {\n    text: \"Wundar\",\n    url: \"/wundar\",\n  },\n  {\n    text: \"Contact\",\n    url: \"/contact\",\n  },\n];\n\nconst Footer = () => {\n  return (\n    <div\n      className={\n        \"flex box-border w-full bg-blue items-center flex-col justify-around py-12\"\n      }\n    >\n      <div className={\"w-20 h-20\"}>\n        <Logo type={\"footer\"}></Logo>\n      </div>\n      <div className=\"flex flex-row items-center justify-center \">\n        {links.map((link) => (\n          <div className=\"py-10 px-2 md:px-5 logo text-md md:text-xl xl:text-2xl font-lexend-deca \">\n            <span>\n              <Link to={`${link.url}`}>{link.text}</Link>\n            </span>\n          </div>\n        ))}\n      </div>\n      <div className={\"flex flex-row justify-center items-center\"}>\n        <a\n          className={\"mx-4 hover:cursor-pointer\"}\n          href=\"https://www.facebook.com/usydcommstemsociety\"\n        >\n          <svg\n            width=\"40\"\n            height=\"40\"\n            viewBox=\"0 0 32 32\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M27 0H5C2.23858 0 0 2.23858 0 5V27C0 29.7614 2.23858 32 5 32H27C29.7614 32 32 29.7614 32 27V5C32 2.23858 29.7614 0 27 0Z\"\n              fill=\"#0084FF\"\n            />\n            <path\n              d=\"M24 16C24 11.6 20.4 8 16 8C11.6 8 8 11.6 8 16C8 20 10.9 23.3 14.7 23.9V18.3H12.7V16H14.7V14.2C14.7 12.2 15.9 11.1 17.7 11.1C18.6 11.1 19.5 11.3 19.5 11.3V13.3H18.5C17.5 13.3 17.2 13.9 17.2 14.5V16H19.4L19 18.3H17.1V24C21.1 23.4 24 20 24 16Z\"\n              fill=\"white\"\n            />\n          </svg>\n        </a>\n        <a\n          className={\"mx-4 hover:cursor-pointer\"}\n          href=\"https://www.instagram.com/usydcommstemsociety/\"\n        >\n          <svg\n            width=\"40\"\n            height=\"40\"\n            viewBox=\"0 0 32 32\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M32 0H0V32H32V0Z\" fill=\"#0084FF\" />\n            <path\n              d=\"M16 9.2C18.2 9.2 18.5 9.2 19.4 9.2C20.2 9.2 20.6 9.4 20.9 9.5C21.3 9.7 21.6 9.8 21.9 10.1C22.2 10.4 22.4 10.7 22.5 11.1C22.6 11.4 22.7 11.8 22.8 12.6C22.8 13.5 22.8 13.7 22.8 16C22.8 18.3 22.8 18.5 22.8 19.4C22.8 20.2 22.6 20.6 22.5 20.9C22.3 21.3 22.2 21.6 21.9 21.9C21.6 22.2 21.3 22.4 20.9 22.5C20.6 22.6 20.2 22.7 19.4 22.8C18.5 22.8 18.3 22.8 16 22.8C13.7 22.8 13.5 22.8 12.6 22.8C11.8 22.8 11.4 22.6 11.1 22.5C10.7 22.3 10.4 22.2 10.1 21.9C9.8 21.6 9.6 21.3 9.5 20.9C9.4 20.6 9.3 20.2 9.2 19.4C9.2 18.5 9.2 18.3 9.2 16C9.2 13.7 9.2 13.5 9.2 12.6C9.2 11.8 9.4 11.4 9.5 11.1C9.7 10.7 9.8 10.4 10.1 10.1C10.4 9.8 10.7 9.6 11.1 9.5C11.4 9.4 11.8 9.3 12.6 9.2C13.5 9.2 13.8 9.2 16 9.2ZM16 7.7C13.7 7.7 13.5 7.7 12.6 7.7C11.7 7.7 11.1 7.9 10.6 8.1C10.1 8.3 9.6 8.6 9.1 9.1C8.6 9.6 8.4 10 8.1 10.6C7.9 11.1 7.8 11.7 7.7 12.6C7.7 13.5 7.7 13.8 7.7 16C7.7 18.3 7.7 18.5 7.7 19.4C7.7 20.3 7.9 20.9 8.1 21.4C8.3 21.9 8.6 22.4 9.1 22.9C9.6 23.4 10 23.6 10.6 23.9C11.1 24.1 11.7 24.2 12.6 24.3C13.5 24.3 13.8 24.3 16 24.3C18.2 24.3 18.5 24.3 19.4 24.3C20.3 24.3 20.9 24.1 21.4 23.9C21.9 23.7 22.4 23.4 22.9 22.9C23.4 22.4 23.6 22 23.9 21.4C24.1 20.9 24.2 20.3 24.3 19.4C24.3 18.5 24.3 18.2 24.3 16C24.3 13.8 24.3 13.5 24.3 12.6C24.3 11.7 24.1 11.1 23.9 10.6C23.7 10.1 23.4 9.6 22.9 9.1C22.4 8.6 22 8.4 21.4 8.1C20.9 7.9 20.3 7.8 19.4 7.7C18.5 7.7 18.3 7.7 16 7.7Z\"\n              fill=\"white\"\n            />\n            <path\n              d=\"M16 11.7C13.6 11.7 11.7 13.6 11.7 16C11.7 18.4 13.6 20.3 16 20.3C18.4 20.3 20.3 18.4 20.3 16C20.3 13.6 18.4 11.7 16 11.7ZM16 18.8C14.5 18.8 13.2 17.6 13.2 16C13.2 14.5 14.4 13.2 16 13.2C17.5 13.2 18.8 14.4 18.8 16C18.8 17.5 17.5 18.8 16 18.8Z\"\n              fill=\"white\"\n            />\n            <path\n              d=\"M20.4 12.6C20.9523 12.6 21.4 12.1523 21.4 11.6C21.4 11.0477 20.9523 10.6 20.4 10.6C19.8477 10.6 19.4 11.0477 19.4 11.6C19.4 12.1523 19.8477 12.6 20.4 12.6Z\"\n              fill=\"white\"\n            />\n          </svg>\n        </a>\n      </div>\n    </div>\n  );\n};\n\nexport default Footer;\n","import React, { useEffect, useState } from \"react\";\nimport Footer from \"./Footer\";\nimport NavBar from \"./navbar\";\n\nexport default function Layout({ children }) {\n  return (\n    <div className=\"layout\">\n      <NavBar />\n      <div className=\"content\">{children}</div>\n      <Footer />\n    </div>\n  );\n}\n","import React from \"react\";\n\nconst ContactForm = ({ description, image }) => {\n  return (\n    <div className={\"py-10 w-auto lg:w-1/2\"}>\n      <div\n        className={\n          \"flex-col h-full border-4 rounded-3xl border-gray p-5 shadow-[10px_8px_0px_1px_rgba(211,211,211,1)] justify-center \"\n        }\n      >\n        <h2 className=\"text-l xl:text-3xl font-lexend-deca mt-12\">\n          {description}\n        </h2>\n\n        <form\n          action=\"https://formsubmit.co/sydney@usydcommstem.org\"\n          method=\"POST\"\n        >\n          <input\n            type=\"hidden\"\n            name=\"_subject\"\n            value=\"Contact Information from website!\"\n          />\n          <div className={\"mt-10\"}>\n            <p className={\"font-medium\"}>Full name</p>\n            <input\n              type=\"text\"\n              name=\"name\"\n              className=\"w-full border-2 my-4 h-12 p-5 rounded-lg border-gray\"\n              required\n            ></input>\n          </div>\n          <div className={\"my-10\"}>\n            <p className={\"font-medium\"}>Email</p>\n            <input\n              type=\"email\"\n              name=\"email\"\n              className=\"w-full border-2 my-4 h-12 p-5 rounded-lg border-gray\"\n              required\n            ></input>\n          </div>\n          <div className={\"my-10\"}>\n            <p className={\"font-medium\"}>Message</p>\n            <textarea\n              type=\"text\"\n              name=\"message\"\n              className=\"w-full border-2 my-4 h-60 p-5 rounded-lg border-gray\"\n              required\n            ></textarea>\n          </div>\n          <button\n            type=\"submit\"\n            className=\"bg-blue hover:bg-darkBlue text-white font-bold py-2 px-11 rounded-full\"\n          >\n            Send\n          </button>\n        </form>\n      </div>\n    </div>\n  );\n};\n\nexport default ContactForm;\n","export default __webpack_public_path__ + \"static/Contact-d9c4bd97426f85b5c0a2cb029771ff94.png\";","import React from \"react\";\nimport ContactForm from \"./form\";\nimport ContactImg from \"../../images/Contact.png\";\n\nconst ContactLanding = ({ title, subtitle, subtitle_two, email, image }) => {\n  return (\n    <>\n      <div\n        className={\n          \"flex flex-col lg:flex-row w-full px-10 py-5 sm:py-10 md:px-10 md:pb-20 lg:px-24 xl:px-32\"\n        }\n      >\n        <div className={\"flex flex-col flex-1 pr-0 lg:pr-20 w-auto lg:w-1/2\"}>\n          <h1 className=\"leading-snug text-5xl xl:text-6xl xl:leading-snug font-bold pb-10 font-body\">\n            {title}\n          </h1>\n          <h2 className=\"text-l xl:text-xl font-lexend-deca pb-10\">\n            {subtitle}\n          </h2>\n          <img src={ContactImg} className={\"w-90\"} />\n        </div>\n        <ContactForm\n          description={\"Leave your details below and we'll be in touch.\"}\n        />\n      </div>\n      <div className={\"flex w-full flex-col justify-center items-center my-10\"}>\n        <h3 className=\"leading-snug text-xl lg:text-4xl font-bold font-body\">\n          {subtitle_two}\n        </h3>\n        <h3 className=\"leading-snug text-xl lg:text-4xl font-bold font-body text-blue pb-20\">\n          <a href={`mailto:${email}`}>{email}</a>\n        </h3>\n      </div>\n    </>\n  );\n};\n\nexport default ContactLanding;\n","import * as React from \"react\";\nimport Layout from \"../components/Layout.js\";\nimport ContactLanding from \"../components/contact/index.js\";\n\nconst Contact = () => {\n    return (\n      <Layout>\n          <ContactLanding \n            title={'Let\\'s chat'}\n            subtitle={'Whether it\\'s questions, partnerships, or feedback, we\\'re keen to hear from you!'}\n            subtitle_two={'Alternatively, you can email us at:'}\n            email={'sydney@usydcommstem.org'}\n            punctuation={'!'}\n        />\n      </Layout>\n\n      );\n\n};\n\nexport default Contact;\n"],"names":["links","text","url","className","type","map","link","to","href","width","height","viewBox","fill","xmlns","d","Layout","children","description","image","action","method","name","value","required","title","subtitle","subtitle_two","email","src","ContactImg","punctuation"],"sourceRoot":""}