{"version":3,"file":"component---src-pages-index-js-eb59b8a04a585f536c5a.js","mappings":"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","sources":["webpack://ace-industrial-academy/./src/components/common/ItemCard/ItemCard.js","webpack://ace-industrial-academy/./src/components/home/heroBanner/HeroBanner.js","webpack://ace-industrial-academy/./src/components/home/subscriptionSection/Subscription.js","webpack://ace-industrial-academy/./src/components/home/testimonials/Testimonials.js","webpack://ace-industrial-academy/./src/components/home/testimonials/testimony/Testimony.js","webpack://ace-industrial-academy/./src/components/slider/Slider.js","webpack://ace-industrial-academy/./src/components/home/trainingCourses/TrainingCourses.js","webpack://ace-industrial-academy/./src/components/home/whyAcademy/WhyAcademy.js","webpack://ace-industrial-academy/./src/components/home/whyShouldIGoTraining/WhyShouldIGoTraining.js","webpack://ace-industrial-academy/./src/components/home/whySendMyStaff/WhySendMyStuff.js","webpack://ace-industrial-academy/./src/components/home/popularCourses/PopularCourses.js","webpack://ace-industrial-academy/./src/components/home/partners/Partners.js","webpack://ace-industrial-academy/./src/components/home/Home.js","webpack://ace-industrial-academy/./src/pages/index.js"],"sourcesContent":["import React, { useState } from \"react\"\nimport {\n  StaticImage,\n  GatsbyImage,\n  getImage,\n} from \"gatsby-plugin-image\"\nimport \"./itemCard.scss\"\nimport { Link as GatsbyLink } from \"gatsby\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport { Modal, ModalHeader, ModalBody } from \"reactstrap\"\nimport CourseRegistrationForm from \"../../../components/product-detail/CourseRegistration/courseRegistrationForm\"\nimport Logo from \"../../../assets/aia-logo\"\n\nconst ItemCard = (props) => {\n  const {\n    isCertificate,\n    isAutodeskCertificate,\n    title,\n    courseReference,\n    netFee,\n    trainingMode,\n    duration,\n    category,\n    slug,\n    coverPhoto,\n    courseRuns,\n  } = props\n\n  const image = getImage(coverPhoto)\n\n  const cardTitle = isAutodeskCertificate\n    ? title\n    : \"AWS Developer - Associate Exam\"\n\n  const data = useStaticQuery(graphql`\n    query {\n      cources: file(relativePath: { eq: \"cources.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      autocad: file(\n        relativePath: { eq: \"autodesk-certificate.png\" }\n      ) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      aws: file(\n        relativePath: { eq: \"aws-certificate.png\" }\n      ) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  const [modal, setModal] = useState(false)\n  const toggle = () => setModal(!modal)\n  const handleRegisterClick = () => {\n    toggle()\n    window.localStorage.setItem(\"selected-course\", title)\n    window.localStorage.setItem(\"Price\", netFee)\n  }\n\n  return (\n    <>\n      <div className=\"cources_card\">\n        <GatsbyLink to={`/courses/${slug}`}>\n          <div className=\"cources_img\">\n            {coverPhoto ? (\n              <GatsbyImage image={image} alt=\"\" />\n            ) : (\n              <Img\n                fluid={data.cources.childImageSharp.fluid}\n              />\n            )}\n          </div>\n          <div className=\"courcesbrif_info\">\n            <div className=\"autobasis_brn\">\n              {category\n                ? category.map((tag, i) => (\n                    <span key={i} className=\"autodesk_btn\">\n                      {tag}\n                    </span>\n                  ))\n                : null}\n            </div>\n            <div className=\"corces_review\">\n              <StaticImage\n                src=\"../../../assets/images/Star.svg\"\n                alt=\"\"\n              />\n              <StaticImage\n                src=\"../../../assets/images/Star.svg\"\n                alt=\"\"\n              />\n              <StaticImage\n                src=\"../../../assets/images/Star.svg\"\n                alt=\"\"\n              />\n              <StaticImage\n                src=\"../../../assets/images/Star.svg\"\n                alt=\"\"\n              />\n              <StaticImage\n                src=\"../../../assets/images/Star.svg\"\n                alt=\"\"\n              />\n            </div>\n            <div className=\"coucesname_price\">\n              <h6 className=\"cource_title\">\n                {title}\n                <br />\n                {courseReference && `(${courseReference})`}\n              </h6>\n              <span className=\"cource_price\">\n                {netFee && `$${netFee}`}\n              </span>\n            </div>\n            <div className=\"coursetime_location\">\n              <div className=\"cources\">\n                <StaticImage\n                  src=\"../../../assets/images/clock.svg\"\n                  alt=\"\"\n                />\n                <span className=\"clocknamename\">\n                  {duration}\n                </span>\n              </div>\n              <div className=\"cources\">\n                <StaticImage\n                  src=\"../../../assets/images/location.svg\"\n                  alt=\"\"\n                />\n                <span className=\"clocknamename\">\n                  {trainingMode}\n                </span>\n              </div>\n            </div>\n          </div>\n        </GatsbyLink>\n        <div className=\"foot-btn\">\n          {/* <button\n            className=\"btnquota\"\n            onClick={handleRegisterClick}\n          >\n            Get A Quote\n          </button> */}\n          <button className=\"register\">\n            <a href={courseRuns} className=\"menuLink\">\n              Register Now\n            </a>\n          </button>\n        </div>\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      </div>\n    </>\n  )\n}\n\nexport default ItemCard\n","import React from \"react\"\nimport \"./hero.scss\"\nimport SearchBox from \"../../common/searchbox/SearchBox\"\nimport FilterButton from \"../../common/filter/FilterButton\"\nimport { graphql, navigate, useStaticQuery } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\nconst HeroBanner = () => {\n  const handleClick = () => {\n    navigate(\"/courses?filter\")//courses\n  }\n\n  const data = useStaticQuery(graphql`\n    query {\n      sliderimg: file(\n        relativePath: { eq: \"sliderimg.png\" }\n      ) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  return (\n    <div className=\"banner\">\n      <div className=\"banner_container\">\n        <div className=\"bannerimg_content\">\n          <div className=\"slidercontent\">\n            <h1 className=\"slidertitle\">\n              <span>Certify</span> your Skills with BIM &\n              CAD Courses\n            </h1>\n            <p className=\"sliderdescription\">\n              We conduct trainings with BIM Courses for\n              AutoCad, Revit, ProjectWise360, BIM360 and\n              many more\n            </p>\n            <div className=\"contentform\">\n              <SearchBox />\n              <div className=\"filter_list\">\n                <FilterButton handleClick={handleClick} />\n              </div>\n            </div>\n          </div>\n          <div className=\"banner_img\">\n            <Img\n              fluid={data.sliderimg.childImageSharp.fluid}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default HeroBanner\n","import React from \"react\"\nimport \"./subscription.scss\"\n\nconst Subscription = () => {\n  return (\n    <div className=\"news_letter\">\n      <div className=\"container\">\n        <div className=\"row_main\">\n          <h2 className=\"newsletter_title\">\n            Be among the first to know!\n          </h2>\n          <p className=\"newsletter_description\">\n            Get updates on new courses, blogs and discounts\n          </p>\n          <div className=\"subs_form\">\n            <input\n              type=\"text\"\n              name=\"name\"\n              placeholder=\"Enter your Email\"\n              className=\"subscription_text\"\n            />\n            <input\n              className=\"submit_btn\"\n              type=\"submit\"\n              value=\"Subscribe\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Subscription\n","import React from \"react\"\nimport \"./testimony.scss\"\nimport CarouselSlider from \"../../slider/Slider\"\nimport Testimony from \"./testimony/Testimony\"\nimport { useMediaQuery } from \"react-responsive\"\nimport miscl from \"../../../data/miscl.json\"\n\nconst Testimonials = () => {\n  const isTablet = useMediaQuery({\n    query: \"(max-width: 768px)\",\n  })\n\n  const reviews = miscl.testimonial\n\n  return (\n    <div className=\"testimonial\">\n      <div className=\"container\">\n        <h1 className=\"testimonial_title\">\n          See what past and current Students say about us\n        </h1>\n        <div className=\"row_main\">\n          <CarouselSlider\n            slidesToShow={isTablet ? 1 : 2}\n            slidesToScroll={isTablet ? 1 : 1}\n            showSlideDots={true}\n          >\n            {reviews?.map((review, i) => (\n              <Testimony key={i} review={review} />\n            ))}\n          </CarouselSlider>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Testimonials\n","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 React from \"react\"\nimport Slider from \"react-slick\"\nimport \"./slider.scss\"\nimport { StaticImage } from \"gatsby-plugin-image\"\n\nconst CarouselSlider = (props) => {\n  const {\n    children,\n    slidesToShow,\n    slidesToScroll,\n    showSlideDots,\n  } = props\n\n  const NextArrow = (props) => {\n    const { className, onClick } = props\n\n    return (\n      <div\n        className={`${className} nextBtnCover`}\n        onClick={onClick}\n      >\n        <StaticImage\n          src=\"../../assets/images/forward-arrow.png\"\n          alt=\"\"\n        />\n      </div>\n    )\n  }\n\n  const PrevArrow = (props) => {\n    const { className, onClick } = props\n\n    return (\n      <div\n        className={`${className} prevBtnCover`}\n        onClick={onClick}\n      >\n        <StaticImage\n          src=\"../../assets/images/back-arrow.png\"\n          alt=\"\"\n        />\n      </div>\n    )\n  }\n\n  const settings = {\n    dots: showSlideDots,\n    infinite: true,\n    speed: 500,\n    slidesToShow: slidesToShow,\n    slidesToScroll: slidesToScroll,\n    nextArrow: <NextArrow />,\n    prevArrow: <PrevArrow />,\n  }\n\n  return (\n    <div className=\"sliderContainer\">\n      <Slider {...settings}>{children}</Slider>\n    </div>\n  )\n}\n\nexport default CarouselSlider\n","import React from \"react\"\nimport \"./training.scss\"\nimport { useMediaQuery } from \"react-responsive\"\nimport CarouselSlider from \"../../slider/Slider\"\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport { Link as GatsbyLink } from \"gatsby\"\n\nconst TrainingCourses = () => {\n  const isTablet = useMediaQuery({\n    query: \"(max-width: 768px)\",\n  })\n  return (\n    <div className=\"trainingSection\">\n      <div className=\"container\">\n        <div className=\"trainingSectionTitle\">\n          <h2 className=\"trainingTitle\">\n            See Training Courses from Different Categories\n          </h2>\n          <p className=\"trainingContent\">\n            All courses are taught by Industry\n            Practitioners. Technical training and in-person\n            instruction inclusive\n          </p>\n        </div>\n        {!isTablet && (\n          <div className=\"testiInner\">\n            <div className=\"traningBoxWrapper\">\n              <div className=\"trainingBox\">\n                <div className=\"trainingBoxIcon\">\n                  <StaticImage\n                    src=\"../../../assets/images/autodesk-logo.png\"\n                    alt=\"\"\n                  />\n                </div>\n                <h3 className=\"trainingTitle\">\n                  Autodesk <span>BIM Courses</span>\n                </h3>\n                <div className=\"trainingButtonWrapper\">\n                  <GatsbyLink\n                    className=\"trainingLink\"\n                    to=\"/courses-autodesk\"\n                  >\n                    Explore{\" \"}\n                    <span className=\"btnArrow\">\n                      <StaticImage\n                        src=\"../../../assets/images/arrow.png\"\n                        alt=\"\"\n                      />\n                    </span>\n                  </GatsbyLink>\n                </div>\n              </div>\n\n              <div className=\"trainingBox\">\n                <div className=\"trainingBoxIcon\">\n                  <StaticImage\n                    src=\"../../../assets/images/b-logo.png\"\n                    alt=\"\"\n                  />\n                </div>\n                <h3 className=\"trainingTitle\">\n                  Bentley <span>BIM Courses</span>\n                </h3>\n                <div className=\"trainingButtonWrapper\">\n                  <GatsbyLink\n                    className=\"trainingLink\"\n                    to=\"/courses-bentley\"\n                  >\n                    Explore{\" \"}\n                    <span className=\"btnArrow\">\n                      <StaticImage\n                        src=\"../../../assets/images/arrow.png\"\n                        alt=\"\"\n                      />\n                    </span>\n                  </GatsbyLink>\n                </div>\n              </div>\n\n              <div className=\"trainingBox\">\n                <div className=\"trainingIcon\">\n                  <div className=\"trainingBoxIcon\">\n                    <StaticImage\n                      src=\"../../../assets/images/autodesk-logo.png\"\n                      alt=\"\"\n                    />\n                  </div>\n                  <div className=\"trainingBoxIcon\">\n                    <StaticImage\n                      src=\"../../../assets/images/pearson vue logo.png\"\n                      alt=\"\"\n                    />\n                  </div>\n                </div>\n                <h3 className=\"trainingTitle\">\n                  Autodesk Professional Certifications\n                </h3>\n                <div className=\"trainingButtonWrapper\">\n                  <GatsbyLink\n                    className=\"trainingLink\"\n                    to=\"/courses-autodesk\"\n                  >\n                    Explore{\" \"}\n                    <span className=\"btnArrow\">\n                      <StaticImage\n                        src=\"../../../assets/images/arrow.png\"\n                        alt=\"\"\n                      />\n                    </span>\n                  </GatsbyLink>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n        {isTablet && (\n          <div className=\"testiInner\">\n            <div className=\"traningBoxWrapper\">\n              <CarouselSlider\n                slidesToShow={1}\n                slidesToScroll={1}\n                showSlideDots={false}\n              >\n                <div className=\"trainingBox\">\n                  <div className=\"trainingBoxIcon\">\n                    <StaticImage\n                      src=\"../../../assets/images/autodesk-logo.png\"\n                      alt=\"\"\n                    />\n                  </div>\n                  <h3 className=\"trainingTitle\">\n                    Autodesk <span>BIM Courses</span>\n                  </h3>\n                  <div className=\"trainingButtonWrapper\">\n                    <GatsbyLink\n                      className=\"trainingLink\"\n                      to=\"/courses-autodesk\"\n                    >\n                      Explore{\" \"}\n                      <span className=\"btnArrow\">\n                        <StaticImage\n                          src=\"../../../assets/images/arrow.png\"\n                          alt=\"\"\n                        />\n                      </span>\n                    </GatsbyLink>\n                  </div>\n                </div>\n\n                <div className=\"trainingBox\">\n                  <div className=\"trainingBoxIcon\">\n                    <StaticImage\n                      src=\"../../../assets/images/b-logo.png\"\n                      alt=\"\"\n                    />\n                  </div>\n                  <h3 className=\"trainingTitle\">\n                    Bentley <span>BIM Courses</span>\n                  </h3>\n                  <div className=\"trainingButtonWrapper\">\n                    <GatsbyLink\n                      className=\"trainingLink\"\n                      to=\"/courses-bentley\"\n                    >\n                      Explore{\" \"}\n                      <span className=\"btnArrow\">\n                        <StaticImage\n                          src=\"../../../assets/images/arrow.png\"\n                          alt=\"\"\n                        />\n                      </span>\n                    </GatsbyLink>\n                  </div>\n                </div>\n\n                <div className=\"trainingBox\">\n                  <div className=\"trainingIcon\">\n                    <div className=\"trainingBoxIcon\">\n                      <StaticImage\n                        src=\"../../../assets/images/autodesk-logo.png\"\n                        alt=\"\"\n                      />\n                    </div>\n                    <div className=\"trainingBoxIcon\">\n                      <StaticImage\n                        src=\"../../../assets/images/pearson vue logo.png\"\n                        alt=\"\"\n                      />\n                    </div>\n                  </div>\n                  <h3 className=\"trainingTitle\">\n                    Autodesk Professional Certifications\n                  </h3>\n                  <div className=\"trainingButtonWrapper\">\n                    <GatsbyLink\n                      className=\"trainingLink\"\n                      to=\"/courses-autodesk\"\n                    >\n                      Explore{\" \"}\n                      <span className=\"btnArrow\">\n                        <StaticImage\n                          src=\"../../../assets/images/arrow.png\"\n                          alt=\"\"\n                        />\n                      </span>\n                    </GatsbyLink>\n                  </div>\n                </div>\n              </CarouselSlider>\n            </div>\n          </div>\n        )}\n\n        {/* <div className=\"testiInner\">\n          <div className=\"traningBoxWrapper\">\n            <div className=\"trainingBox\">\n              <div className=\"trainingBoxIcon\">\n                <StaticImage\n                  src=\"../../../assets/images/aws-training.png\"\n                  alt=\"\"\n                />\n              </div>\n              <h3 className=\"trainingTitle\">\n                Amazon<span>Web Services</span>\n              </h3>\n              <div className=\"trainingButtonWrapper\">\n                <GatsbyLink\n                  className=\"trainingLink\"\n                  to=\"/courses-aws\"\n                >\n                  Explore{\" \"}\n                  <span className=\"btnArrow\">\n                    <StaticImage\n                      src=\"../../../assets/images/arrow.png\"\n                      alt=\"\"\n                    />\n                  </span>\n                </GatsbyLink>\n              </div>\n            </div>\n          </div>\n        </div> */}\n      </div>\n    </div>\n  )\n}\n\nexport default TrainingCourses\n","import React from \"react\"\nimport \"./academy.scss\"\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport { Link as GatsbyLink } from \"gatsby\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport { useMediaQuery } from \"react-responsive\"\n\nconst WhyAcademy = () => {\n  const isSmallDevice = useMediaQuery({\n    query: \"(max-width: 767px)\",\n  })\n\n  const data = useStaticQuery(graphql`\n    query {\n      person: file(relativePath: { eq: \"acadamy.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      mobilePerson: file(\n        relativePath: { eq: \"mobilePersonImage.png\" }\n      ) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  return (\n    <div className=\"aceindustrial_academy\">\n      <div className=\"container\">\n        <div className=\"row_main\">\n          <div className=\"academy_content\">\n            <h2 className=\"acdemy_title\">\n              Why Ace Industrial Academy?\n            </h2>\n            <p className=\"academy_description\">\n              Ace Industrial Academy is the leading training\n              and certification center for BIM in Singapore.\n              Since 2007, we have worked with consultants,\n              contractors, and government agencies in the\n              built-environment sector to provide skills\n              training in BIM.\n              <br />\n              <br />\n              We develop training programmes based on SSG\n              guidelines that ensure that learners obtain\n              the necessary skills to perform on their jobs.\n              <br />\n              <br />\n              Find out more about{\" \"}\n              <GatsbyLink to=\"/courses\">\n                our full list of courses.\n              </GatsbyLink>\n            </p>\n          </div>\n          <div className=\"acadamy_img\">\n            {/* {isSmallDevice ? (\n              <Img\n                fluid={\n                  data.mobilePerson.childImageSharp.fluid\n                }\n              />\n            ) : (\n              <Img\n                fluid={data.person.childImageSharp.fluid}\n              />\n            )} */}\n            <StaticImage\n              src=\"../../../assets/images/traning_3.png\"\n              alt=\"\"\n            />\n            <div className=\"acadamyimg_content\">\n              <div className=\"learning_icon\">\n                <StaticImage\n                  src=\"../../../assets/images/school.svg\"\n                  alt=\"\"\n                />\n              </div>\n              <div className=\"instiute_name\">\n                <p>\n                  Training & Certification Center for Center\n                  for Autodesk and Bentley Systems\n                </p>\n              </div>\n            </div>\n\n            <div className=\"acadamyimg_bottomcontent\">\n              <div className=\"learning_icon\">\n                <StaticImage\n                  src=\"../../../assets/images/person.svg\"\n                  alt=\"\"\n                />\n              </div>\n              <div className=\"subs_count\">\n                <p>Established</p>\n                <span className=\"student_title\">\n                  Since 1996\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default WhyAcademy\n","import React from \"react\"\nimport \"./goTraining.scss\"\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport { Link as GatsbyLink } from \"gatsby\"\n// import { graphql, useStaticQuery } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport { useMediaQuery } from \"react-responsive\"\n\nconst WhyShouldIGoTraining = () => {\n  const isSmallDevice = useMediaQuery({\n    query: \"(max-width: 767px)\",\n  })\n\n  return (\n    <div className=\"goTraining_container\">\n      <div className=\"container\">\n        <h2 className=\"acdemy_title\">\n          Why should I go for training?\n        </h2>\n        <div className=\"row_main\">\n          <div className=\"training_img\">\n            <StaticImage\n              src=\"../../../assets/images/traning_1.png\"\n              alt=\"\"\n            />\n          </div>\n          <div className=\"training_content\">\n            <h3>Fresh Graduate</h3>\n            <p className=\"academy_description\">\n              Our short training courses are suitable for\n              aspiring and existing professionals to\n              Singapore's Built Environment. Fresh graduates\n              will find that our course offers you a glimpse\n              into the digital workspace of the Built\n              Environment. This allows you to be more\n              intentional and deliberate about your\n              intention to establish a career in our Built\n              Environment.\n            </p>\n            <br />\n            <h3>Professional</h3>\n            <p className=\"academy_description\">\n              Existing professionals will find that our\n              course is developed with a focus on\n              transferability of BIM and CAD skills to your\n              projects. Simply take a few days off work to\n              train with us, and you will find that you\n              return to your projects having closed a\n              knowledge gap and do even better at your\n              workplace.\n              <br />\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default WhyShouldIGoTraining\n","import React from \"react\"\nimport \"./goTraining.scss\"\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport { Link as GatsbyLink } from \"gatsby\"\n// import { graphql, useStaticQuery } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport { useMediaQuery } from \"react-responsive\"\n\nconst WhySendMyStuff = () => {\n  const isSmallDevice = useMediaQuery({\n    query: \"(max-width: 767px)\",\n  })\n\n  return (\n    <div className=\"sendMyStaff_container\">\n      <div className=\"container\">\n        <div className=\"row_main\">\n          <div className=\"academy_content\">\n            <h2 className=\"acdemy_title\">\n              Why send my staff for training?\n            </h2>\n            <p className=\"academy_description\">\n              Every new hire requires the time and attention\n              of one or more senior staff in your\n              organisation to complete the training and\n              onboarding process. New hires may also have\n              knowledge gaps that needs to be addressed\n              before they can start pulling their weights on\n              project delivery. Existing professionals in\n              your team that needs reskilling also exhausts\n              time and energy from a more experienced staff.\n              <br />\n              <br />\n              Sending your staff for training with us means\n              you save time and energy of precious human\n              resource in your company to focus on project\n              delivery, while your new hire or existing\n              professional is, in tandem, trained up to\n              speed.\n            </p>\n          </div>\n          <div className=\"acadamy_img\">\n            <StaticImage\n              src=\"../../../assets/images/training_2.png\"\n              alt=\"\"\n            />\n            <div className=\"learningImg_content\">\n              <div className=\"learning_icon\">\n                <StaticImage\n                  src=\"../../../assets/images/square_aim.svg\"\n                  alt=\"\"\n                />\n              </div>\n              <div className=\"instiute_name\">\n                <p>Focus on Transferability</p>\n              </div>\n            </div>\n\n            <div className=\"learningImg_bottomcontent\">\n              <div className=\"learning_icon\">\n                <StaticImage\n                  src=\"../../../assets/images/circle_check.svg\"\n                  alt=\"\"\n                />\n              </div>\n              <div className=\"subs_count\">\n                {/* <p>Do Better</p> */}\n                <span className=\"student_title\">\n                  Do Better\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default WhySendMyStuff\n","import React, { useContext } from \"react\"\nimport \"./courses.scss\"\nimport { Link as GatsbyLink } from \"gatsby\"\nimport CarouselSlider from \"../../slider/Slider\"\nimport { useMediaQuery } from \"react-responsive\"\nimport ItemCard from \"../../common/ItemCard/ItemCard\"\n\nconst PopularCourses = (props) => {\n  const isTablet = useMediaQuery({\n    query: \"(max-width: 768px)\",\n  })\n  const isMobile = useMediaQuery({\n    query: \"(max-width: 480px)\",\n  })\n\n  const { featured } = props\n\n  return (\n    <div className=\"mostpopular_detailes\">\n      <div className=\"container\">\n        <div className=\"populartitles_detailes\">\n          <div className=\"row_main\">\n            <div className=\"mostpopularleft_titledata\">\n              <h2 className=\"courses_title\">\n                Check out our most Popular Courses\n              </h2>\n              <p className=\"courses_description\">\n                All Courses are ISO-Compliant BIM Courses\n              </p>\n            </div>\n            <div className=\"allcourses_btn\">\n              <GatsbyLink\n                to=\"/courses\"\n                className=\"seecorses\"\n              >\n                See All courses\n              </GatsbyLink>\n            </div>\n          </div>\n        </div>\n        <div className=\"corces_data\">\n          <div className=\"row_main\">\n            {isTablet ? (\n              <CarouselSlider\n                slidesToShow={isMobile ? 1 : 2}\n                slidesToScroll={isMobile ? 1 : 2}\n                showSlideDots={false}\n              >\n                {featured\n                  ? featured.map((item, i) => (\n                      <ItemCard\n                        key={i}\n                        slug={item.slug}\n                        coverPhoto={item.coverPhoto}\n                        title={item.title}\n                        category={item.category}\n                        courseReference={\n                          item.courseReference\n                        }\n                        netFee={item.product?.netFee}\n                        duration={item.duration}\n                        trainingMode={item.trainingMode}\n                        courseRuns={item.courseRuns}\n                      />\n                    ))\n                  : null}\n              </CarouselSlider>\n            ) : (\n              <>\n                {featured\n                  ? featured.map((item, i) => (\n                      <ItemCard\n                        key={i}\n                        slug={item.slug}\n                        coverPhoto={item.coverPhoto}\n                        title={item.title}\n                        category={item.category}\n                        courseReference={\n                          item.courseReference\n                        }\n                        netFee={item.product?.netFee}\n                        duration={item.duration}\n                        trainingMode={item.trainingMode}\n                        courseRuns={item.courseRuns}\n                      />\n                    ))\n                  : null}\n              </>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default PopularCourses\n","import React from \"react\"\nimport \"./partners.scss\"\nimport { graphql, useStaticQuery } from \"gatsby\"\n// import { useStaticQuery, graphql } from \"gatsby\"\n// import { Carousel, ResponsiveContext } from \"grommet\"\nimport Img from \"gatsby-image\"\n\nconst Partners = () => {\n  //   const { allContentfulCategory } = useStaticQuery(\n  //     graphql`\n  //       query {\n  //         allContentfulCategory {\n  //           nodes {\n  //             id\n  //             name\n  //             icon {\n  //               fluid {\n  //                 ...GatsbyContentfulFluid\n  //               }\n  //             }\n  //           }\n  //         }\n  //       }\n  //     `\n  //   )\n\n  //   const partners = allContentfulCategory.nodes\n\n  //   const size = useContext(ResponsiveContext)\n\n  //   const renderPartners = () => {\n  //     if (size !== \"small\") {\n  //       return (\n  //         <>\n  //           {partners?.map((partner, i) => (\n  //             <li key={i}>\n  //               <Img\n  //                 fluid={partner?.icon.fluid}\n  //                 alt={partner?.name}\n  //               />\n  //             </li>\n  //           ))}\n  //         </>\n  //       )\n  //     }\n  //     return (\n  //       <Carousel>\n  //         {partners?.map((partner, i) => (\n  //           <li key={i}>\n  //             <Img\n  //               fluid={partner?.icon.fluid}\n  //               alt={partner?.name}\n  //             />\n  //           </li>\n  //         ))}\n  //       </Carousel>\n  //     )\n  //   }\n\n  const data = useStaticQuery(graphql`\n    query {\n      autodesk: file(relativePath: { eq: \"autodesk2.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      bentely: file(relativePath: { eq: \"bentely2.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      bimcollab: file(relativePath: { eq: \"bimcollab2.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      buildingsmart: file(relativePath: { eq: \"buildingsmart2.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      tekla: file(relativePath: { eq: \"tekla1.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  return (\n    <div className=\"CompanyLogoSection\">\n      <div className=\"container\">\n        <div className=\"logoWrapper\">\n          <ul className=\"logoList\">\n            {/* {renderPartners()} */}\n            <li>\n              <Img\n                fluid={data.autodesk.childImageSharp.fluid}\n              />\n            </li>\n            <li>\n              <Img\n                fluid={data.bentely.childImageSharp.fluid}\n              />\n            </li>\n            <li>\n              <Img\n                fluid={data.bimcollab.childImageSharp.fluid}\n              />\n            </li>\n            <li>\n              <Img\n                fluid={data.buildingsmart.childImageSharp.fluid}\n              />\n            </li>\n            <li>\n              <Img\n                fluid={data.tekla.childImageSharp.fluid}\n              />\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Partners\n","import React from \"react\"\nimport HeroBanner from \"./heroBanner/HeroBanner\"\nimport \"./home.scss\"\nimport TrainingCourses from \"./trainingCourses/TrainingCourses\"\nimport WhyAcademy from \"./whyAcademy/WhyAcademy\"\nimport WhyShouldIGoTraining from \"./whyShouldIGoTraining/WhyShouldIGoTraining\"\nimport WhySendMyStuff from \"./whySendMyStaff/WhySendMyStuff\"\nimport PopularCourses from \"./popularCourses/PopularCourses\"\nimport Testimonials from \"./testimonials/Testimonials\"\nimport Subscription from \"./subscriptionSection/Subscription\"\nimport Partners from \"./partners/Partners\"\n\nconst Home = (props) => {\n  const { featured } = props\n  return (\n    <div className=\"homeContainer\">\n      <HeroBanner />\n      <TrainingCourses />\n      <Partners />\n      <WhyAcademy />\n      <WhyShouldIGoTraining />\n      <WhySendMyStuff />\n      <PopularCourses featured={featured} />\n      <Testimonials />\n      <Subscription />\n    </div>\n  )\n}\n\nexport default Home\n","import React, { useContext, useEffect } from \"react\"\nimport { graphql } from \"gatsby\"\nimport SEO from \"../components/seo\"\nimport Home from \"../components/home/Home\"\nimport {\n  GlobalDispatchContext,\n  GlobalStateContext,\n} from \"../context/GlobalContextProvider\"\n\nconst Index = ({ data }) => {\n  const {\n    featured,\n    courses,\n    autodeskCourses,\n    bentleyCourses,\n  } = data\n  const state = useContext(GlobalStateContext)\n  const dispatch = useContext(GlobalDispatchContext)\n\n  useEffect(() => {\n    dispatch({\n      type: \"SET_COURSES\",\n      payload: Object.values(courses.nodes),\n    })\n  }, [])\n\n  useEffect(() => {\n    dispatch({\n      type: \"SET_FEATURED\",\n      payload: Object.values(featured.nodes),\n    })\n  }, [])\n\n  useEffect(() => {\n    dispatch({\n      type: \"SET_AUTODESK\",\n      payload: Object.values(autodeskCourses.nodes),\n    })\n  }, [])\n\n  useEffect(() => {\n    dispatch({\n      type: \"SET_BENTLEY\",\n      payload: Object.values(bentleyCourses.nodes),\n    })\n  }, [])\n\n  return (\n    <>\n      <SEO\n        title=\"Top BIM & CAD courses and training in Singapore | Ace Industrial Academy\"\n        description=\"Ace Industrial Academy is the leading BIM training in Singapore. We have a wide range of BIM & CAD training courses that will help you learn more about BIM for construction design.\"\n      />\n      <Home featured={featured.nodes} />\n    </>\n  )\n}\n\nexport default Index\n\nexport const query = graphql`\n  query {\n    featured: allContentfulTraining(\n      filter: { category: { eq: \"featured\" } }\n    ) {\n      nodes {\n        id\n        title\n        category\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        courseRuns\n      }\n    }\n    courses: allContentfulTraining {\n      nodes {\n        id\n        title\n        category\n        courseReference\n        trainingMode\n        updatedAt\n        slug\n        skillsFramework\n        requirements\n        lessons\n        duration\n        overview\n        product {\n          id\n          name\n          netFee\n          price\n        }\n        coverPhoto {\n          gatsbyImageData\n        }\n        courseRuns\n      }\n    }\n    autodeskCourses: allContentfulTraining(\n      filter: { category: { eq: \"autodesk\" } }\n    ) {\n      nodes {\n        id\n        title\n        category\n        courseReference\n        trainingMode\n        updatedAt\n        slug\n        skillsFramework\n        requirements\n        lessons\n        product {\n          id\n          name\n          netFee\n          price\n        }\n        duration\n        coverPhoto {\n          gatsbyImageData\n        }\n        courseRuns\n      }\n    }\n    bentleyCourses: allContentfulTraining(\n      filter: { category: { eq: \"bentley\" } }\n    ) {\n      nodes {\n        id\n        title\n        category\n        courseReference\n        trainingMode\n        updatedAt\n        slug\n        skillsFramework\n        requirements\n        lessons\n        product {\n          id\n          name\n          netFee\n          price\n        }\n        duration\n        coverPhoto {\n          gatsbyImageData\n        }\n        courseRuns\n      }\n    }\n  }\n`\n"],"names":["props","isCertificate","isAutodeskCertificate","title","courseReference","netFee","trainingMode","duration","category","slug","coverPhoto","courseRuns","image","getImage","data","useStaticQuery","useState","modal","setModal","toggle","className","to","G","alt","fluid","cources","childImageSharp","map","tag","i","key","S","src","href","isOpen","price","selectedCourse","handleClick","navigate","sliderimg","type","name","placeholder","value","isTablet","useMediaQuery","query","reviews","miscl","slidesToShow","slidesToScroll","showSlideDots","review","fromDetailPage","allFile","edges","find","edge","node","relativePath","includes","gatsbyImageData","content","person","role","children","NextArrow","onClick","PrevArrow","settings","dots","infinite","speed","nextArrow","prevArrow","isMobile","featured","item","ItemCard","product","autodesk","bentely","bimcollab","buildingsmart","tekla","HeroBanner","Testimonials","Subscription","courses","autodeskCourses","bentleyCourses","dispatch","useContext","GlobalStateContext","GlobalDispatchContext","useEffect","payload","Object","values","nodes","description"],"sourceRoot":""}