{"version":3,"file":"component---src-pages-blog-js-c9bda6153fd77bb6a787.js","mappings":"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","sources":["webpack://ace-industrial-academy/./src/components/blog/blogs-list/styles.js","webpack://ace-industrial-academy/./src/components/blog/latestBlog/styles.js","webpack://ace-industrial-academy/./src/components/common/blog-card/styles.js","webpack://ace-industrial-academy/./src/components/common/blog-card/Blog.js","webpack://ace-industrial-academy/./src/components/home/subscriptionSection/Subscription.js","webpack://ace-industrial-academy/./src/components/slider/Slider.js","webpack://ace-industrial-academy/./src/context/mailto.tsx","webpack://ace-industrial-academy/./src/components/titleBanner/TitleBanner.js","webpack://ace-industrial-academy/./src/components/blog/blogs-list/BlogsList.js","webpack://ace-industrial-academy/./src/components/blog/latestBlog/LatestBlog.js","webpack://ace-industrial-academy/./src/pages/blog.js"],"sourcesContent":["import styled from \"styled-components\"\n\nexport const BlogsListContainer = styled.div`\n  padding-top: 70px;\n`\nexport const BlogsListCover = styled.div`\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 200px;\n  @media (max-width: 1024px) {\n    margin-bottom: 100px;\n  }\n  @media (max-width: 767px) {\n    flex-direction: column;\n  }\n`\n\nexport const BlogsSliderContainer = styled.div`\n    .nextBtnCover {\n      @media (max-width: 767px) {\n        transform: translateY(-42px) !important;\n        right: -5px;\n        top: 45%;\n      }\n    }\n    .prevBtnCover {\n      @media (max-width: 767px) {\n        transform: translateY(-42px) !important;\n        left: -5px;\n        top: 45%;\n      }\n    }\n  }\n`\n","import styled from \"styled-components\"\n\nexport const BlogContainer = styled.div`\n  padding-top: 70px;\n  @media (max-width: 480px) {\n    padding-top: 40px;\n  }\n`\n\nexport const BlogTitle = styled.h2`\n  padding-bottom: 40px;\n  text-transform: capitalize;\n  font-family: \"Roboto Slab\";\n  font-style: normal;\n  font-weight: 700;\n  font-size: 30px;\n  line-height: 40px;\n  color: #000000;\n  @media (max-width: 480px) {\n    font-size: 30px;\n    padding-bottom: 30px;\n  }\n`\nexport const BlogTop = styled.div`\n  display: flex;\n  justify-content: space-between;\n  @media (max-width: 767px) {\n    flex-direction: column;\n  }\n`\nexport const BlogTopLeft = styled.div`\n  width: 50%;\n  margin-bottom: 40px;\n  @media (max-width: 767px) {\n    width: 100%;\n  }\n`\nexport const BlogTopRight = styled.div`\n  width: 50%;\n  margin-bottom: 40px;\n  @media (max-width: 1024px) {\n    padding-left: 15px;\n  }\n  @media (max-width: 767px) {\n    width: 100%;\n    padding-left: 0px;\n  }\n  @media (max-width: 480px) {\n    margin-bottom: 0px;\n  }\n`\nexport const BlogImgCover = styled.div`\n  margin-bottom: 30px;\n  max-width: 560px;\n  width: 100%;\n  img {\n    width: 100%;\n  }\n`\nexport const BlogContent = styled.div`\n  h6 {\n    font-family: \"Roboto Slab\";\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 21px;\n    text-transform: capitalize;\n    color: #777777;\n    margin-bottom: 10px;\n  }\n\n  h2 {\n    font-family: \"Roboto Slab\";\n    font-style: normal;\n    font-weight: 600;\n    font-size: 28px;\n    line-height: 37px;\n    text-transform: capitalize;\n    color: #000000;\n    max-width: 552px;\n    margin-bottom: 15px;\n    @media (max-width: 480px) {\n      font-size: 22px;\n      line-height: 29px;\n    }\n  }\n\n  p {\n    font-family: \"Roboto Slab\";\n    font-style: normal;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 29px;\n    color: #555555;\n    max-width: 560px;\n    @media (max-width: 480px) {\n      font-size: 16px;\n      line-height: 25px;\n    }\n  }\n`\n\nexport const BlogSideContent = styled.div`\n  h6 {\n    font-family: \"Roboto Slab\";\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 21px;\n    text-transform: capitalize;\n    color: #777777;\n    @media (max-width: 480px) {\n      font-size: 12px;\n      line-height: 16px;\n    }\n  }\n  h2 {\n    font-family: \"Roboto Slab\";\n    font-style: normal;\n    font-weight: 600;\n    font-size: 20px;\n    line-height: 26px;\n    text-transform: capitalize;\n    color: #000000;\n    max-width: 270px;\n    @media (max-width: 480px) {\n      font-size: 18px;\n      line-height: 24px;\n    }\n  }\n`\n\nexport const BlogLink = styled.div`\n  margin-top: 15px;\n  font-family: \"Roboto Slab\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 16px;\n  text-align: center;\n  text-transform: capitalize;\n  color: #003591;\n  text-align: left;\n\n  a {\n    display: flex;\n    align-items: center;\n    font-family: \"Roboto Slab\";\n    font-style: normal;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 16px;\n    text-align: center;\n    text-transform: capitalize;\n    color: #003591;\n    transition: 200ms all ease-in-out;\n\n    span {\n      display: flex;\n      margin-left: 16px;\n    }\n    &:hover {\n      opacity: 0.7;\n      transition: 200ms all ease-in-out;\n    }\n    @media (max-width: 480px) {\n      font-size: 16px;\n      line-height: 16px;\n    }\n  }\n`\nexport const BlogList = styled.div`\n  display: flex;\n  align-items: center;\n  margin-bottom: 25px;\n  @media (max-width: 1024px) {\n    align-items: flex-start;\n  }\n`\nexport const BlogListImgCover = styled.div`\n  margin-right: 20px;\n  max-width: 266px;\n  width: 100%;\n`\n","import styled from \"styled-components\"\nexport const BlogCover = styled.div`\n  cursor: pointer;\n  width: calc(100% / 3 - 20px);\n  margin-bottom: 40px;\n  margin-right: 20px;\n  &:nth-child(3n) {\n    margin-right: 0;\n  }\n  @media (max-width: 767px) {\n    width: 100%;\n    margin-bottom: 30px;\n    margin-right: 0;\n  }\n`\n\nexport const BogListBlogContent = styled.div`\n  h6 {\n    font-family: \"Roboto Slab\";\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 18px;\n    text-transform: capitalize;\n    color: #777777;\n  }\n  h2 {\n    font-family: \"Roboto Slab\";\n    font-style: normal;\n    font-weight: 600;\n    font-size: 22px;\n    line-height: 29px;\n    text-transform: capitalize;\n    color: #000000;\n    max-width: 362px;\n    @medi (max-width:767px) {\n      max-width: 100%;\n    }\n  }\n  p {\n    font-family: \"Roboto Slab\";\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 25px;\n    color: #555555;\n  }\n`\n","import React from \"react\"\nimport {\n  BlogImgCover,\n  BlogLink,\n} from \"../../blog/latestBlog/styles\"\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport { BlogCover, BogListBlogContent } from \"./styles\"\nimport { Link as GatsbyLink } from \"gatsby\"\nimport { graphql, useStaticQuery, navigate } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\nconst Blog = () => {\n  const handleredirect = () => {\n    navigate(\"/blog/revit-skillsfuture-funding\")\n  }\n\n  const data = useStaticQuery(graphql`\n    query {\n      blog: file(relativePath: { eq: \"blog-image.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  return (\n    <BlogCover onClick={handleredirect}>\n      <BlogImgCover>\n        <Img fluid={data.blog.childImageSharp.fluid} />\n      </BlogImgCover>\n      <BogListBlogContent>\n        <h6>11th January 2022</h6>\n        <h2>How to Apply for Absentee Payroll Funding</h2>\n        <p>\n          We go through the key steps required for employers\n          to apply for skillsfuture absentee payroll funding\n          via the enterprisejobskills website.\n        </p>\n        <BlogLink>\n          <GatsbyLink to=\"/blog/revit-skillsfuture-funding\">\n            Read post\n            <span>\n              <StaticImage\n                src=\"../../../assets/images/link.png\"\n                alt=\"\"\n              />\n            </span>\n          </GatsbyLink>\n        </BlogLink>\n      </BogListBlogContent>\n    </BlogCover>\n  )\n}\n\nexport default Blog\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 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 { 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 {\n  BlogsListContainer,\n  BlogsListCover,\n  BlogsSliderContainer,\n} from \"./styles\"\nimport { BlogTitle } from \"../latestBlog/styles\"\nimport Blog from \"../../common/blog-card/Blog\"\nimport { useMediaQuery } from \"react-responsive\"\nimport CarouselSlider from \"../../slider/Slider\"\n\nconst BlogsList = () => {\n  const isMobile = useMediaQuery({\n    query: \"(max-width: 480px)\",\n  })\n\n  return (\n    <BlogsListContainer>\n      <div className=\"container\">\n        <BlogTitle>All posts</BlogTitle>\n\n        {isMobile ? (\n          <BlogsSliderContainer>\n            <CarouselSlider\n              slidesToShow={1}\n              slidesToScroll={1}\n              showSlideDots={false}\n            >\n              <Blog />\n              <Blog />\n              <Blog />\n              <Blog />\n              <Blog />\n              <Blog />\n            </CarouselSlider>\n          </BlogsSliderContainer>\n        ) : (\n          <BlogsListCover>\n            <Blog />\n            <Blog />\n            <Blog />\n            <Blog />\n            <Blog />\n            <Blog />\n          </BlogsListCover>\n        )}\n      </div>\n    </BlogsListContainer>\n  )\n}\n\nexport default BlogsList\n","import React from \"react\"\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport {\n  BlogContainer,\n  BlogContent,\n  BlogImgCover,\n  BlogLink,\n  BlogList,\n  BlogListImgCover,\n  BlogSideContent,\n  BlogTitle,\n  BlogTop,\n  BlogTopLeft,\n  BlogTopRight,\n} from \"./styles\"\nimport {\n  Link as GatsbyLink,\n  graphql,\n  useStaticQuery,\n} from \"gatsby\"\nimport Img from \"gatsby-image\"\n\nconst LatestBlog = () => {\n  const data = useStaticQuery(graphql`\n    query {\n      blog: file(relativePath: { eq: \"blog-image.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      bloglist: file(\n        relativePath: { eq: \"blog-list-image.png\" }\n      ) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 400) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  return (\n    <BlogContainer>\n      <div className=\"container\">\n        <BlogTitle>Latest posts</BlogTitle>\n        <BlogTop>\n          <BlogTopLeft>\n            <BlogImgCover>\n              <Img\n                fluid={data.blog.childImageSharp.fluid}\n              />\n            </BlogImgCover>\n            <BlogContent>\n              <h6>11th January 2022</h6>\n              <h2>\n                How to Apply for Absentee Payroll Funding\n              </h2>\n              <p>\n                We go through the key steps required for\n                employers to apply for skillsfuture absentee\n                payroll funding via the enterprisejobskills\n                website.\n              </p>\n              <BlogLink>\n                <GatsbyLink to=\"/blog/revit-skillsfuture-funding\">\n                  Read post\n                  <span>\n                    <StaticImage\n                      src=\"../../../assets/images/link.png\"\n                      alt=\"\"\n                    />\n                  </span>\n                </GatsbyLink>\n              </BlogLink>\n            </BlogContent>\n          </BlogTopLeft>\n\n          <BlogTopRight>\n            <BlogList>\n              <BlogListImgCover>\n                <Img\n                  fluid={\n                    data.bloglist.childImageSharp.fluid\n                  }\n                />\n              </BlogListImgCover>\n              <BlogSideContent>\n                <h6>11th January 2022</h6>\n                <h2>\n                  How to Apply for Absentee Payroll Funding\n                </h2>\n                <BlogLink>\n                  <GatsbyLink to=\"/blog/revit-skillsfuture-funding\">\n                    Read post\n                    <span>\n                      <StaticImage\n                        src=\"../../../assets/images/link.png\"\n                        alt=\"\"\n                      />\n                    </span>\n                  </GatsbyLink>\n                </BlogLink>\n              </BlogSideContent>\n            </BlogList>\n            <BlogList>\n              <BlogListImgCover>\n                <Img\n                  fluid={\n                    data.bloglist.childImageSharp.fluid\n                  }\n                />\n              </BlogListImgCover>\n              <BlogSideContent>\n                <h6>11th January 2022</h6>\n                <h2>\n                  How to Apply for Absentee Payroll Funding\n                </h2>\n                <BlogLink>\n                  <GatsbyLink to=\"/blog/revit-skillsfuture-funding\">\n                    Read post\n                    <span>\n                      <StaticImage\n                        src=\"../../../assets/images/link.png\"\n                        alt=\"\"\n                      />\n                    </span>\n                  </GatsbyLink>\n                </BlogLink>\n              </BlogSideContent>\n            </BlogList>\n            <BlogList>\n              <BlogListImgCover>\n                <Img\n                  fluid={\n                    data.bloglist.childImageSharp.fluid\n                  }\n                />\n              </BlogListImgCover>\n              <BlogSideContent>\n                <h6>11th January 2022</h6>\n                <h2>\n                  How to Apply for Absentee Payroll Funding\n                </h2>\n                <BlogLink>\n                  <GatsbyLink to=\"/blog/revit-skillsfuture-funding\">\n                    Read post\n                    <span>\n                      <StaticImage\n                        src=\"../../../assets/images/link.png\"\n                        alt=\"\"\n                      />\n                    </span>\n                  </GatsbyLink>\n                </BlogLink>\n              </BlogSideContent>\n            </BlogList>\n          </BlogTopRight>\n        </BlogTop>\n      </div>\n    </BlogContainer>\n  )\n}\n\nexport default LatestBlog\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport SEO from \"../components/seo\"\nimport TitleBanner from \"../components/titleBanner/TitleBanner\"\nimport BlogsList from \"../components/blog/blogs-list/BlogsList\"\nimport LatestBlog from \"../components/blog/latestBlog/LatestBlog\"\nimport Subscription from \"../components/home/subscriptionSection/Subscription\"\n\nlet BlogPage = ({ data }) => {\n  return (\n    <>\n      <SEO\n        title=\"All BIM & CAD Modeling Courses | BIM & CAD Training Center\"\n        description=\"Ace Industrial Academy conducts BIM courses for Autocad 2D/3D, Revit, Synchro 4D, OpenPlant, and more\"\n      />\n      <TitleBanner\n        title=\"Blogs\"\n        description=\"Read and enjoy our collection of articles on the skills-in-demand by the industry.        \"\n        withOnlyDescription\n        hasPlainBanner\n      />\n\n      <LatestBlog />\n\n      <BlogsList />\n      <Subscription />\n    </>\n  )\n}\n\nexport const allQuery = graphql`\n  query allBlogQuery {\n    allContentfulAiaBlog {\n      edges {\n        node {\n          id\n          slug\n          title\n          description\n          coverPhoto {\n            fluid(\n              maxWidth: 400\n              maxHeight: 250\n              resizingBehavior: SCALE\n            ) {\n              ...GatsbyContentfulFluid_tracedSVG\n            }\n          }\n        }\n      }\n    }\n  }\n`\n\nexport default BlogPage\n"],"names":["BlogsListContainer","styled","BlogsListCover","BlogsSliderContainer","BlogContainer","BlogTitle","BlogTop","BlogTopLeft","BlogTopRight","BlogImgCover","BlogContent","BlogSideContent","BlogLink","BlogList","BlogListImgCover","BlogCover","BogListBlogContent","data","useStaticQuery","onClick","navigate","fluid","blog","childImageSharp","to","S","src","alt","className","type","name","placeholder","value","props","children","slidesToShow","slidesToScroll","NextArrow","PrevArrow","settings","dots","showSlideDots","infinite","speed","nextArrow","prevArrow","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","BannerBGImage2","background2","href","target","rel","MailTo","Modal","isOpen","ModalHeader","ModalBody","price","selectedCourse","isMobile","Blog","bloglist","TitleBanner","Subscription"],"sourceRoot":""}