{"version":3,"file":"component---src-pages-certifications-js-5899410eef6fd0684ecd.js","mappings":"2OASA,EAPe,YAGRA,EAAAA,EAAAA,MACLC,OAAOC,KAFL,4JAEe,W,kEC4HnB,EAlHoB,SAACC,GACnB,IACEC,EAaED,EAbFC,GACAC,EAYEF,EAZFE,MACAC,EAWEH,EAXFG,YAMAC,GAKEJ,EAVFK,kBAUEL,EATFM,aASEN,EARFO,cAQEP,EAPFQ,aAOER,EANFS,oBAMET,EALFI,gBACAM,EAIEV,EAJFU,OACAC,EAGEX,EAHFW,WAEAC,GACEZ,EAFFa,OAEEb,EADFY,YAOF,IAJiBE,EAAAA,EAAAA,eAAc,CAC7BC,MAAO,wBAGyBC,EAAAA,EAAAA,WAAS,IAC3C,GADA,WAC0BA,EAAAA,EAAAA,WAAS,IAA5BC,EAAP,KAAcC,EAAd,KAEMC,EAAS,kBAAMD,GAAUD,IAEzBG,GAAcC,EAAAA,EAAAA,gBAAe,cAyB7BC,EACJF,EAAYG,YAAYC,gBAAgBC,MACpCC,EACJN,EAAYO,YAAYH,gBAAgBC,MAE1C,OACE,gCACE,gBAAC,IAAD,CACEG,UAAU,kBACVH,MACErB,EAAiBsB,EAAiBJ,GAGpC,uBAAKM,UAAU,aACb,uBAAKA,UAAU,oBACb,sBAAIA,UAAU,kBAAkB1B,GAChC,qBAAG0B,UAAU,qBACVzB,GAEH,uBAAKyB,UAAU,wBACb,uBAAKA,UAAU,cACb,0BACEC,KAAI,GACJC,OAAO,SACPC,IAAI,sBACJH,UAAU,cACVI,QAAS,kBAAMC,MALjB,eAUA,yCADChC,EACwC,KACvC,qBAAG4B,KAAMjB,GACP,0BAAQgB,UAAU,eAAlB,kBAUd,2BACE,gBAACM,EAAA,EAAD,CAAOC,OAAQlB,EAAOE,OAAQA,GAC5B,gBAACiB,EAAA,EAAD,CAAajB,OAAQA,GACnB,gBAAC,OAAD,CAAYkB,GAAG,KACb,gBAAC,IAAD,QAGJ,gBAACC,EAAA,EAAD,KACE,gBAAC,IAAD,CACEC,MAAO7B,EACP8B,eAAgBtC,EAChBS,WAAYA,U,8GCxB1B,UAxFqB,SAAC,GAAc,IAAZ8B,EAAW,EAAXA,KACtB,GAAwCzB,EAAAA,EAAAA,WAAS,GAA1CV,EAAP,KAAqBoC,EAArB,KAEA,GACE1B,EAAAA,EAAAA,WAAS,GADJ2B,EAAP,KAA2BC,EAA3B,KAGMC,GAAW/B,EAAAA,EAAAA,eAAc,CAC7BC,MAAO,uBAcD+B,EAAYL,EAAZK,QAER,OACE,gCACE,gBAAC,IAAD,CACE5C,MAAM,iEACNC,YAAY,gMAGd,gBAAC,IAAD,CACED,MAAM,iBACNC,YAAY,iGACZE,kBAvBoB,WACxBqC,GAAgB,GAEZG,GACFD,GAAsB,IAoBpBtC,aAAcA,IAEfA,EACC,uBAAKsB,UAAU,eACZiB,EACC,gCACGF,GACC,gBAAC,IAAD,CAAQI,YAxBF,WAClBH,GAAsB,OA2Bd,gBAAC,IAAD,MAGF,gBAAC,IAAD,CAAWI,eAAa,KAG1B,gBAAC,IAAD,CACEF,QAASA,EAAQG,MACjBD,eAAa","sources":["webpack://ace-industrial-academy/./src/context/mailto.tsx","webpack://ace-industrial-academy/./src/components/titleBanner/TitleBanner.js","webpack://ace-industrial-academy/./src/pages/certifications.js"],"sourcesContent":["import { isBrowser } from \"./utils\"\n\nconst MailTo = () => {\n  let url =\n    \"mailto:training@aia.edu.sg?subject=Request for Course Quotation&amp;body=Hello Ace, D%0A Course Title: test %0D%0A Name: D%0A Email: D%0A Contact Number:\"\n  if (!isBrowser()) return\n  window.open(url, \"_blank\")\n}\n\nexport default MailTo\n","import React from \"react\"\nimport { useState } from \"react\"\nimport FilterButton from \"../common/filter/FilterButton\"\nimport SearchBox from \"../common/searchbox/SearchBox\"\nimport \"./banner.scss\"\nimport { useMediaQuery } from \"react-responsive\"\nimport { navigate } from \"gatsby\"\nimport MailTo from \"../../context/mailto\"\nimport BackgroundImage from \"gatsby-background-image\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport { isBrowser } from \"../../context/utils\"\nimport Logo from \"../../assets/aia-logo\"\nimport { Link as GatsbyLink } from \"gatsby\"\nimport { Modal, ModalHeader, ModalBody } from \"reactstrap\"\nimport CourseRegistrationForm from \"../../components/product-detail/CourseRegistration/courseRegistrationForm\"\n\nconst TitleBanner = (props) => {\n  const {\n    id,\n    title,\n    description,\n    handleFilterClick,\n    isFilterOpen,\n    withoutFilter,\n    selfCheckout,\n    withOnlyDescription,\n    hasPlainBanner,\n    netFee,\n    coverPhoto,\n    scroll,\n    courseRuns,\n  } = props\n\n  const isMobile = useMediaQuery({\n    query: \"(max-width: 565px)\",\n  })\n\n  const [isSuccess, setIsSuccess] = useState(false)\n  const [modal, setModal] = useState(false)\n\n  const toggle = () => setModal(!modal)\n\n  const bannerImage = useStaticQuery(\n    graphql`\n      query {\n        background1: file(\n          relativePath: { eq: \"innerpage-bg.png\" }\n        ) {\n          childImageSharp {\n            fluid(quality: 100, maxWidth: 1920) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n        background2: file(\n          relativePath: { eq: \"contact-bg.png\" }\n        ) {\n          childImageSharp {\n            fluid(quality: 100, maxWidth: 1920) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    `\n  )\n\n  const BannerBGImage1 =\n    bannerImage.background1.childImageSharp.fluid\n  const BannerBGImage2 =\n    bannerImage.background2.childImageSharp.fluid\n\n  return (\n    <>\n      <BackgroundImage\n        className=\"innerPageBanner\"\n        fluid={\n          hasPlainBanner ? BannerBGImage2 : BannerBGImage1\n        }\n      >\n        <div className=\"container\">\n          <div className=\"innerPageContent\">\n            <h1 className=\"innerPageTitle\">{title}</h1>\n            <p className=\"sliderDescription\">\n              {description}\n            </p>\n            <div className=\"innerPageContentForm\">\n              <div className=\"actionBtns\">\n                <button\n                  href={``}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"btnRegister\"\n                  onClick={() => MailTo()}\n                >\n                  Enquire Now\n                </button>\n                {id ===\n                \"f04d4a66-08d4-5e23-a009-825daf2985bb\" ? null : (\n                  <a href={courseRuns}>\n                    <button className=\"btnSkilleto\">\n                      Register\n                    </button>\n                  </a>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </BackgroundImage>\n      <div>\n        <Modal isOpen={modal} toggle={toggle}>\n          <ModalHeader toggle={toggle}>\n            <GatsbyLink to=\"/\">\n              <Logo />\n            </GatsbyLink>\n          </ModalHeader>\n          <ModalBody>\n            <CourseRegistrationForm\n              price={netFee}\n              selectedCourse={title}\n              coverPhoto={coverPhoto}\n            />\n          </ModalBody>\n        </Modal>\n      </div>\n    </>\n  )\n}\n\nexport default TitleBanner\n","import React, { useState } from \"react\"\nimport { graphql } from \"gatsby\"\nimport SEO from \"../components/seo\"\nimport { useMediaQuery } from \"react-responsive\"\nimport TitleBanner from \"../components/titleBanner/TitleBanner\"\nimport Filter from \"../components/filter/Filter\"\nimport CardsSliders from \"../components/common/cards-sliders/CardsSliders\"\nimport CardsList from \"../components/common/cardsList/CardsList\"\n\nlet Certifications = ({ data }) => {\n  const [isFilterOpen, setisFilterOpen] = useState(false)\n\n  const [isMobileFilterOpen, setisMobileFilterOpen] =\n    useState(false)\n\n  const isMobile = useMediaQuery({\n    query: \"(max-width: 767px)\",\n  })\n\n  const handleFilterClick = () => {\n    setisFilterOpen(true)\n\n    if (isMobile) {\n      setisMobileFilterOpen(true)\n    }\n  }\n  const closeFilter = () => {\n    setisMobileFilterOpen(false)\n  }\n\n  const { courses } = data\n\n  return (\n    <>\n      <SEO\n        title=\"Ace Industrial Academy | Certified Professional Certifications\"\n        description=\"As a Autodesk Authorized Training Center, Bentley Qualified Training Partner, and Pearson Vue Authorized Test Center, we are the leading BIM & CAD certification center based in Singapore.\"\n      />\n\n      <TitleBanner\n        title=\"Certifications\"\n        description=\"We conduct trainings with BIM Courses for AutoCad, Revit, ProjectWise360, BIM360 and many more\"\n        handleFilterClick={handleFilterClick}\n        isFilterOpen={isFilterOpen}\n      />\n      {isFilterOpen ? (\n        <div className=\"coursesList\">\n          {isMobile ? (\n            <>\n              {isMobileFilterOpen && (\n                <Filter closeFilter={closeFilter} />\n              )}\n            </>\n          ) : (\n            <Filter />\n          )}\n\n          <CardsList isCertificate />\n        </div>\n      ) : (\n        <CardsSliders\n          courses={courses.nodes}\n          isCertificate\n        />\n      )}\n    </>\n  )\n}\n\nexport const query = graphql`\n  query {\n    courses: allContentfulTraining {\n      nodes {\n        id\n        category\n        title\n        courseReference\n        trainingMode\n        updatedAt\n        slug\n        skillsFramework\n        requirements\n        lessons\n        duration\n        product {\n          id\n          name\n          netFee\n          price\n        }\n        coverPhoto {\n          gatsbyImageData\n        }\n      }\n    }\n  }\n`\nexport default Certifications\n"],"names":["isBrowser","window","open","props","id","title","description","hasPlainBanner","handleFilterClick","isFilterOpen","withoutFilter","selfCheckout","withOnlyDescription","netFee","coverPhoto","courseRuns","scroll","useMediaQuery","query","useState","modal","setModal","toggle","bannerImage","useStaticQuery","BannerBGImage1","background1","childImageSharp","fluid","BannerBGImage2","background2","className","href","target","rel","onClick","MailTo","Modal","isOpen","ModalHeader","to","ModalBody","price","selectedCourse","data","setisFilterOpen","isMobileFilterOpen","setisMobileFilterOpen","isMobile","courses","closeFilter","isCertificate","nodes"],"sourceRoot":""}