{"version":3,"file":"component---src-pages-short-courses-js-6bac208ce64a4b708186.js","mappings":"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","sources":["webpack://ace-industrial-academy/./src/components/home/testimonials/testimony/Testimony.js","webpack://ace-industrial-academy/./src/components/product-detail/itemReviews/styles.js","webpack://ace-industrial-academy/./src/components/product-detail/itemReviews/Reviews.js","webpack://ace-industrial-academy/./src/context/mailto.tsx","webpack://ace-industrial-academy/./src/components/titleBanner/TitleBanner.js","webpack://ace-industrial-academy/./src/components/titleBanner/TitleBannerEnquiry.js","webpack://ace-industrial-academy/./src/pages/short-courses.js"],"sourcesContent":["import React from \"react\"\nimport { GatsbyImage, StaticImage } from \"gatsby-plugin-image\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport \"./style.scss\"\n\nconst Testimony = (props) => {\n  const { review, fromDetailPage } = props\n\n  const data = useStaticQuery(graphql`\n    query {\n      allFile(filter: { extension: { regex: \"/(jpg|jpeg|png|gif)/\" } }) {\n        edges {\n          node {\n            relativePath\n            childImageSharp {\n              gatsbyImageData(width: 45, quality: 100)\n            }\n          }\n        }\n      }\n    }\n  `)\n\n  const image = data.allFile.edges.find(edge =>\n    edge.node.relativePath.includes(review.image)\n  )?.node.childImageSharp.gatsbyImageData\n\n  return (\n    <div className={`testimonialdata ${fromDetailPage ? \"reviewWithoutPadding\" : \"\"}`}>\n      <div className=\"testmonial_review\">\n        <StaticImage src=\"../../../../assets/images/Star.svg\" alt=\"Star\" />\n        <StaticImage src=\"../../../../assets/images/Star.svg\" alt=\"Star\" />\n        <StaticImage src=\"../../../../assets/images/Star.svg\" alt=\"Star\" />\n        <StaticImage src=\"../../../../assets/images/Star.svg\" alt=\"Star\" />\n        <StaticImage src=\"../../../../assets/images/Star.svg\" alt=\"Star\" />\n      </div>\n\n      <div className=\"testimonial_content\">\n        <p>{review.content}</p>\n      </div>\n\n      <div className=\"reviwer_profile\">\n        <div className=\"client_img\">\n          {image ? (\n            <GatsbyImage image={image} alt={`${review.person} photo`} />\n          ) : (\n            <p>Image not found</p>\n          )}\n        </div>\n\n        <div className=\"reviwername_designation\">\n          <h4 className=\"reviwer_name\">{review.person}</h4>\n          <h6 className=\"reviwer_designnation\">\n            {review.role} Student\n          </h6>\n        </div>\n      </div>\n    </div>\n  )\n}\nexport default Testimony","import styled from \"styled-components\"\n\nexport const ReviewsContainer = styled.div`\n  margin-bottom: 45px;\n`\nexport const ReviewsListWrapper = styled.div`\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  .testimonial_content \n      margin-top: 10px;\n\n`\n","import React from \"react\"\nimport Testimony from \"../../home/testimonials/testimony/Testimony\"\nimport miscl from \"../../../data/miscl.json\"\nimport {\n  ReviewsContainer,\n  ReviewsListWrapper,\n} from \"./styles\"\nimport { Title } from \"../itemDescription/styles\"\n\nconst Reviews = (props) => {\n  const { isCertificate } = props\n  const reviews = miscl.testimonial\n\n  return (\n    <ReviewsContainer>\n      <Title>\n        {isCertificate ? \"Certification \" : \"Course\"}{\" \"}\n        Reviews\n      </Title>\n\n      <ReviewsListWrapper>\n        {reviews?.map((review, i) => (\n          <Testimony\n            key={i}\n            review={review}\n            fromDetailPage\n          />\n        ))}\n      </ReviewsListWrapper>\n    </ReviewsContainer>\n  )\n}\n\nexport default Reviews\n","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 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 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 \"../product-detail/CourseRegistration/courseRegistrationForm\"\n\nconst TitleBannerEnquiry = (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 handleRegisterClick = () => {\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\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={() => handleRegisterClick()}\n                >\n                  Enquire Now\n                </button>\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 TitleBannerEnquiry\n","import React, { useContext } from \"react\"\nimport { Container, Row, Col } from \"reactstrap\"\nimport { graphql } from \"gatsby\"\nimport SEO from \"../components/seo\"\nimport TitleBanner from \"../components/titleBanner/TitleBanner\"\nimport TitleBannerEnquiry from \"../components/titleBanner/TitleBannerEnquiry\"\nimport CardsList from \"../components/common/cardsList/CardsList\"\nimport Reviews from \"../components/product-detail/itemReviews/Reviews\"\nimport { GlobalStateContext } from \"../context/GlobalContextProvider\"\n\nlet ShortCourses = ({ data }) => {\n  const { allContentfulTraining } = data\n  const ShortCourses = allContentfulTraining.nodes\n  return (\n    <>\n      <SEO\n        title=\"Best IFC Training Course in Singapore | Ace Industrial Academy\"\n        description=\"Ace Industrial Academy is a Skillsfuture Singapore Approved Training Organisation. Learn more about CAD, BIM, and IFC here today.\"\n      />\n\n      <TitleBannerEnquiry\n        title=\"Planner 5D Interactive Workshop\"\n        description=\"Start working on Planner 5D (PRO Version) to plan and visualize your home design\"\n        withOnlyDescription\n        withoutFilter\n      />\n\n      <div className=\"container\">\n        <CardsList\n          withoutFilter\n          courses={ShortCourses}\n        />\n        {/* <div className=\"reviews-cover\">\n          <Reviews />\n        </div> */}\n      </div>\n    </>\n  )\n}\n\nexport const ShortCoursesQuery = graphql`\n  query allShortQuery {\n    allContentfulTraining(\n      filter: { category: { eq: \"short-courses\" } }\n    ) {\n      nodes {\n        id\n        title\n        courseReference\n        trainingMode\n        updatedAt\n        skillsFramework\n        requirements\n        lessons\n        duration\n        product {\n          id\n          name\n          netFee\n          price\n        }\n        metaDescription\n        category\n        slug\n        coverPhoto {\n          gatsbyImageData\n        }\n        courseRuns\n      }\n    }\n  }\n`\n\nexport default ShortCourses\n"],"names":["props","review","fromDetailPage","image","useStaticQuery","allFile","edges","find","edge","node","relativePath","includes","childImageSharp","gatsbyImageData","className","S","src","alt","content","G","person","role","ReviewsContainer","styled","ReviewsListWrapper","isCertificate","reviews","miscl","map","i","Testimony","key","isBrowser","window","open","id","title","description","hasPlainBanner","handleFilterClick","isFilterOpen","withoutFilter","selfCheckout","withOnlyDescription","netFee","coverPhoto","courseRuns","scroll","useMediaQuery","query","useState","modal","setModal","toggle","bannerImage","BannerBGImage1","background1","fluid","BannerBGImage2","background2","href","target","rel","onClick","MailTo","Modal","isOpen","ModalHeader","to","ModalBody","price","selectedCourse","ShortCourses","data","allContentfulTraining","nodes","courses"],"sourceRoot":""}