{"version":3,"file":"component---src-templates-training-awareness-page-js-ac6943bc46c17aca5612.js","mappings":"yLAIe,SAASA,EAAT,GAAyB,IAAVC,EAAS,EAATA,MACtBC,GAASC,EAAAA,EAAAA,gBAAe,aAS9B,OACE,gBAAC,IAAD,KACE,6BACGF,EADH,IACW,MADX,IACmBC,EAAOE,KAAKC,aAAaJ,U,uFCjBlD,EAAe,IAA0B,sDCc1B,SAASK,EAAT,GAKX,IAJFL,EAIC,EAJDA,MACAM,EAGC,EAHDA,SAGC,KAFDC,OAEC,EADDC,UAAAA,OACC,MADUC,EACV,EACD,OACE,gCACE,gBAAC,KAAD,CACEC,GAAI,CACFC,WAAW,OAAQH,EAAT,4BACVI,eAAgB,UAGlB,gBAAC,KAAD,CAAWC,KAAK,MAAMC,GAAI,GACxB,gBAAC,KAAD,CACEC,EAAE,OACFC,cAAe,CACbC,KAAM,SACNC,GAAI,QAGN,gBAAC,KAAD,CACEC,MAAO,SACPC,KAAM,EACNN,GAAI,CAAEG,KAAM,GAAIC,GAAI,IACpBG,UAAW,CAAEJ,KAAM,SAAUC,GAAI,QAEjC,gBAAC,KAAD,CACEE,KAAM,EACNE,QAAS,SACTH,MAAO,SACPI,SAAU,WACVC,EAAG,QAeH,gBAAC,KAAD,CAAKJ,KAAM,EAAGK,UAAW,CAAER,KAAM,SAAUC,GAAI,SAC7C,gBAAC,KAAD,CAASQ,GAAG,KAAKC,KAAK,MAAMC,MAAO,WAChC5B,GAEH,gBAAC,KAAD,CAAS0B,GAAG,KAAKC,KAAK,KAAKE,GAAI,EAAGD,MAAM,WACrCtB,GAEH,gBAAC,KAAD,CACEwB,GAAI,CAAEb,KAAM,OAAQC,GAAI,KACxBR,GAAI,CACFqB,UAAW,UACXC,aAAc,UACdC,MAAO,OACPC,OAAQ,UACRC,gBAAiB,aAGrB,gBAAC,KAAD,CAAST,GAAG,KAAKC,KAAK,KAAKE,GAAI,EAAGD,MAAM,WAAxC,iBACgB,2BADhB,4BAC+C,2BAAO,IADtD,iCAON,gBAAC,KAAD,CAAKR,KAAM,GACT,gBAAC,KAAD,CACEP,KAAM,QACNiB,GAAI,OACJpB,GAAI,CACF,QAAS,CACPuB,MAAO,UAIX,uBAAKG,GAAG,eACR,gBAACC,EAAA,EAAD,c,kICmBhB,UAxGa,SAAC,GAA2B,IACvC,EADsC,EAAxBC,KACoBC,oBAAoBC,MAAM,GAAGC,KAAvDH,EAAR,EAAQA,KACFI,EADN,EAAcC,IACOC,MAAM,KAAK,GAAGA,MAAM,KAAK,GACxCC,GAAiBC,EAAAA,EAAAA,GAAuBR,EAAKS,QAAQC,UAE3D,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKhD,MAAOsC,EAAKtC,MAAMiD,OACvB,gBAAC,IAAD,CACE1C,OAAQ,gBACRP,MAAOsC,EAAKtC,MAAMiD,KAClB3C,UAAU4C,EAAAA,EAAAA,GAAeR,KAE3B,gBAAC,IAAD,KACE,gBAAC,KAAD,CACErB,UAAW,MACX8B,QACE,gBAAC,KAAD,CACEhB,gBAAiB,WACjBiB,QAAS,CAAEnC,KAAM,OAAQoC,GAAI,YAIjC,gBAAC,KAAD,CAAKjC,KAAM,EAAGkC,GAAI,UAChB,gBAAC,EAAAC,SAAD,CACEC,OAAQlB,EAAKS,QAAQC,SACrBS,eAAgBA,EAAAA,KAGpB,gBAAC,KAAD,CACExB,MAAO,QACPyB,GAAI,SACJnC,SAAU,WACV6B,QAAS,CAAEnC,KAAM,OAAQoC,GAAI,UAE7B,gBAAC,KAAD,CAAK9B,SAAU,SAAUoC,IAAI,QAC3B,gBAAC,KAAD,CAASjC,GAAG,KAAKC,KAAK,KAAKC,MAAM,WAAjC,mBACmB,KAElBiB,MAKR,gBAAC,KAAD,KACD,gBAAC,KAAD,CACEhC,KAAK,MACLW,EAAG,CAAEN,GAAI,MAAOmC,GAAI,OACpBvB,GAAI,CAAEb,KAAM,EAAGoC,GAAI,QACnBO,GAAI,CAAE3C,KAAM,EAAGoC,GAAI,GACnBQ,GAAI,UACJC,UAAU,KACVhD,GAAI,CAAEG,KAAM,EAAGoC,GAAI,GACnBU,GAAI,CAAE9C,KAAM,EAAGoC,GAAI,GACnBW,QAAS,KACTZ,QAAS,OACTpC,cAAe,CAAEC,KAAM,SAAUoC,GAAI,OACrCY,WAAY,SACZC,eAAgB,CAAEb,GAAI,kBAEtB,gBAAC,KAAD,CAAS3B,GAAG,KAAKE,MAAO,WAAYH,UAAW,SAAUL,KAAM,GAA/D,OACOsB,EADP,qBAGA,gBAAC,KAAD,CACEU,QAAQ,QACRW,GAAI,EACJjD,GAAI,EACJqD,OAAO,oBACPC,WAAW,OACXJ,QAAQ,KACRK,OAAO,KACPR,GAAG,QACHS,eAAe,OACfC,KAAM,cACN1C,GAAI,GAXN,kB,6ECxEFiB,EAAyB,SAACR,GAC9B,IAAMkC,EAAiBlC,EAAKmC,QAAO,SAACC,GAAD,MAAwB,aAAdA,EAAKC,QAE5CnB,EAAS,GAsBf,OApBAgB,EAAeI,SAAQ,SAACF,GACJ,KAAdA,EAAKzB,MACTO,EAAOqB,KACL,gBAAC,KAAD,KACE,gBAAC,KAAD,CACEN,KACE,IACAG,EAAKzB,KAAK6B,cAAcC,QAAQ,4BAA6B,KAE/DC,OAAQ,CAAEpD,MAAO,WACjBA,MAAM,UACNqD,SAAS,KACTb,WAAW,YAEVM,EAAKzB,WAOZ,gBAAC,KAAD,CAAeiC,QAAS,UAAWrD,GAAG,UACnC2B,K,qDC9BP,IAAMN,EAAiB,SAACR,GACtB,OAAQA,GACN,IAAK,OACH,MAAO,4BACT,IAAK,QACH,MAAO,mCACT,IAAK,QACH,MAAO,+CACT,IAAK,QACH,MAAO,iCACT,IAAK,QACH,MAAO,yCACT,IAAK,QACH,MAAO,0CACT,IAAK,QACH,MAAO,kDACT,IAAK,QACH,MAAO,oDACT,IAAK,QACH,MAAO,yCACT,IAAK,MACH,MAAO,+BACT,QACE,MAAO","sources":["webpack://uae.bsc-icc.com/./src/components/SEO.js","webpack://uae.bsc-icc.com/./src/images/bgimage.png","webpack://uae.bsc-icc.com/./src/components/SinglePageHeadingSection.js","webpack://uae.bsc-icc.com/./src/templates/TrainingAwarenessPage.js","webpack://uae.bsc-icc.com/./src/utils/generateTableOfContent.js","webpack://uae.bsc-icc.com/./src/utils/standardToName.js"],"sourcesContent":["import React from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { useStaticQuery, graphql } from \"gatsby\";\n\nexport default function SEO({ title }) {\n  const result = useStaticQuery(graphql`\n    {\n      site {\n        siteMetadata {\n          title\n        }\n      }\n    }\n  `);\n  return (\n    <Helmet>\n      <title>\n        {title} {\" | \"} {result.site.siteMetadata.title}\n      </title>\n    </Helmet>\n  );\n}\n","export default __webpack_public_path__ + \"static/bgimage-291c88777fa4144ac0ff0f8bca5e6a22.png\";","import {\n  Heading,\n  Box,\n  Container,\n  Link,\n  Button,\n  Flex,\n  Stack,\n  Image,\n} from \"@chakra-ui/react\";\nimport React from \"react\";\nimport ContactForm from \"./ContactForm\";\nimport Bgimage from \"../images/bgimage.png\";\n\nexport default function SinglePageHeadingSection({\n  title,\n  subtitle,\n  imgSrc = null,\n  imageSrc = Bgimage,\n}) {\n  return (\n    <>\n      <Box\n        sx={{\n          background: `url(${imageSrc}) no-repeat center center`,\n          backgroundSize: \"cover\",\n        }}\n      >\n        <Container maxW=\"7xl\" py={5}>\n          <Box\n            d=\"flex\"\n            flexDirection={{\n              base: \"column\",\n              md: \"row\",\n            }}\n          >\n            <Stack\n              align={\"center\"}\n              flex={1}\n              py={{ base: 12, md: 16 }}\n              direction={{ base: \"column\", md: \"row\" }}\n            >\n              <Flex\n                flex={1}\n                justify={\"center\"}\n                align={\"center\"}\n                position={\"relative\"}\n                w={\"full\"}\n              >\n                {/* <Blob\n                  flexDirection={{\n                    base: \"column\",\n                    md: \"row\",\n                  }}\n                  w={\"200%\"}\n                  h={\"180%\"}\n                  position={\"absolute\"}\n                  top={\"-30%\"}\n                  left={\"-20%\"}\n                  zIndex={-1}\n                  color={\"blue.50\"}\n                /> */}\n                <Box flex={1} textAlign={{ base: \"center\", md: \"left\" }}>\n                  <Heading as=\"h1\" size=\"2xl\" color={\"#ffffff\"}>\n                    {title}\n                  </Heading>\n                  <Heading as=\"h2\" size=\"lg\" mt={3} color=\"#ffffff\">\n                    {subtitle}\n                  </Heading>\n                  <Box\n                    mx={{ base: \"auto\", md: \"0\" }}\n                    sx={{\n                      marginTop: \"1.25rem\",\n                      marginBottom: \"1.25rem\",\n                      width: \"8rem\",\n                      height: \"0.25rem\",\n                      backgroundColor: \"#29a6ff\",\n                    }}\n                  ></Box>\n                  <Heading as=\"h6\" size=\"md\" mt={2} color=\"#ffffff\">\n                    Value Process <br /> 15+ Years of experience <br />{\" \"}\n                    Certified 10000+ Companies\n                  </Heading>\n                </Box>\n              </Flex>\n            </Stack>\n            <Box flex={1}>\n              <Box\n                maxW={\"400px\"}\n                mx={\"auto\"}\n                sx={{\n                  \"& > *\": {\n                    width: \"100%\",\n                  },\n                }}\n              >\n                <div id=\"contact-us\"></div>\n                <ContactForm />\n              </Box>\n            </Box>\n          </Box>\n        </Container>\n      </Box>\n    </>\n  );\n}\n\n// export const Blob = (props) => {\n//   return (\n//     <Icon\n//       width={\"100%\"}\n//       viewBox=\"0 0 578 440\"\n//       fill=\"none\"\n//       xmlns=\"http://www.w3.org/2000/svg\"\n//       {...props}\n//     >\n//       <path\n//         fillRule=\"evenodd\"\n//         clipRule=\"evenodd\"\n//         d=\"M239.184 439.443c-55.13-5.419-110.241-21.365-151.074-58.767C42.307 338.722-7.478 282.729.938 221.217c8.433-61.644 78.896-91.048 126.871-130.712 34.337-28.388 70.198-51.348 112.004-66.78C282.34 8.024 325.382-3.369 370.518.904c54.019 5.115 112.774 10.886 150.881 49.482 39.916 40.427 49.421 100.753 53.385 157.402 4.13 59.015 11.255 128.44-30.444 170.44-41.383 41.683-111.6 19.106-169.213 30.663-46.68 9.364-88.56 35.21-135.943 30.551z\"\n//         fill=\"currentColor\"\n//       />\n//     </Icon>\n//   );\n// };\n","import { graphql } from \"gatsby\";\nimport React from \"react\";\nimport Layout from \"../components/Layout\";\nimport { Heading, Text, Box, Link, Stack, StackDivider } from \"@chakra-ui/react\";\nimport SinglePageHeadingSection from \"../components/SinglePageHeadingSection\";\nimport { RichText } from \"prismic-reactjs\";\nimport { standardToName } from \"../utils/standardToName\";\nimport { htmlSerializer } from \"../utils/htmlSerializer\";\nimport { generateTableOfContent } from \"../utils/generateTableOfContent\";\nimport Container from \"../components/PageContentContainer\";\nimport Seo from \"../components/SEO\";\n\nconst Page = ({ data: queryResult }) => {\n  const { data, uid } = queryResult.allPrismicTrainings.edges[0].node;\n  const standard = uid.split(\"_\")[2].split(\"-\")[1];\n  const tableOfContent = generateTableOfContent(data.content.richText);\n  \n  return (\n    <Layout>\n      <Seo title={data.title.text} />\n      <SinglePageHeadingSection\n        imgSrc={\"/bgimage2.png\"}\n        title={data.title.text}\n        subtitle={standardToName(standard)}\n      />\n      <Container>\n        <Stack\n          direction={\"row\"}\n          divider={\n            <StackDivider\n              backgroundColor={\"gray.500\"}\n              display={{ base: \"none\", lg: \"block\" }}\n            />\n          }\n        >\n          <Box flex={1} pe={\"1.5rem\"}>\n            <RichText\n              render={data.content.richText}\n              htmlSerializer={htmlSerializer}\n            />\n          </Box>\n          <Box\n            width={\"300px\"}\n            ps={\"1.5rem\"}\n            position={\"relative\"}\n            display={{ base: \"none\", lg: \"block\" }}\n          >\n            <Box position={\"sticky\"} top=\"1rem\">\n              <Heading as=\"h6\" size=\"lg\" color=\"#2b2f69\">\n                Table of Content{\" \"}\n              </Heading>\n              {tableOfContent}\n            </Box>\n          </Box>\n        </Stack>\n      </Container>\n       <Box>\n      <Box\n        maxW=\"7xl\"\n        w={{ md: \"3xl\", lg: \"4xl\" }}\n        mx={{ base: 3, lg: \"auto\" }}\n        my={{ base: 3, lg: 6 }}\n        bg={\"#2b2f69\"}\n        boxShadow=\"xl\"\n        py={{ base: 3, lg: 6 }}\n        px={{ base: 4, lg: 8 }}\n        rounded={\"md\"}\n        display={\"flex\"}\n        flexDirection={{ base: \"column\", lg: \"row\" }}\n        alignItems={\"center\"}\n        justifyContent={{ lg: \"space-between\" }}\n      >\n        <Heading as=\"h3\" color={\"gray.100\"} textAlign={\"center\"} flex={1}>\n          Get {standard} Training from us\n        </Heading>\n        <Link\n          display=\"block\"\n          px={5}\n          py={3}\n          border=\"solid transparent\"\n          fontWeight=\"bold\"\n          rounded=\"md\"\n          shadow=\"md\"\n          bg=\"white\"\n          textDecoration=\"none\"\n          href={\"#contact-us\"}\n          mt={3}\n        >\n          Apply Now\n        </Link>\n      </Box>\n    </Box>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query TrainingAwarenessPageData($slug: String) {\n    allPrismicTrainings(filter: { uid: { eq: $slug } }) {\n      edges {\n        node {\n          data {\n            content {\n              richText\n            }\n            title {\n              text\n            }\n          }\n          uid\n        }\n      }\n    }\n  }\n`;\n\nexport default Page;\n","import { Link, ListItem, UnorderedList } from \"@chakra-ui/react\";\nimport React from \"react\";\n\nconst generateTableOfContent = (data) => {\n  const filterHeadings = data.filter((item) => item.type === \"heading2\");\n\n  const render = [];\n\n  filterHeadings.forEach((item) => {\n    if (item.text === \"\") return;\n    render.push(\n      <ListItem>\n        <Link\n          href={\n            \"#\" +\n            item.text.toLowerCase().replace(/[&\\\\#, +()$~%.'\":*?<>{}]/g, \"-\")\n          }\n          _hover={{ color: \"#2b2f69\" }}\n          color=\"#3182ce\"\n          fontSize=\"lg\"\n          fontWeight=\"semibold\"\n        >\n          {item.text}\n        </Link>\n      </ListItem>\n    );\n  });\n\n  return (\n    <UnorderedList spacing={\"0.75rem\"} mt=\"1.5rem\">\n      {render}\n    </UnorderedList>\n  );\n};\n\nexport { generateTableOfContent };\n","const standardToName = (standard) => {\n  switch (standard) {\n    case \"9001\":\n      return \"Quality Management System\";\n    case \"14001\":\n      return \"Environmental Management Systems\";\n    case \"13485\":\n      return \"Medical Devices — Quality Management Systems\";\n    case \"22000\":\n      return \"Food Safety Management Systems\";\n    case \"22301\":\n      return \"Business Continuity Management Systems\";\n    case \"27001\":\n      return \"Information Security Management Systems\";\n    case \"45001\":\n      return \"Occupational Health & Safety Management Systems\";\n    case \"20000\":\n      return \"Information Technology Service Management Systems\";\n    case \"haccp\":\n      return \"Hazard Analysis Critical Control Point\";\n    case \"ims\":\n      return \"INTEGRATED MANAGEMENT SYSTEM\";\n    default:\n      return \"\";\n  }\n};\n\nexport { standardToName };\n"],"names":["SEO","title","result","useStaticQuery","site","siteMetadata","SinglePageHeadingSection","subtitle","imgSrc","imageSrc","Bgimage","sx","background","backgroundSize","maxW","py","d","flexDirection","base","md","align","flex","direction","justify","position","w","textAlign","as","size","color","mt","mx","marginTop","marginBottom","width","height","backgroundColor","id","ContactForm","data","allPrismicTrainings","edges","node","standard","uid","split","tableOfContent","generateTableOfContent","content","richText","text","standardToName","divider","display","lg","pe","RichText","render","htmlSerializer","ps","top","my","bg","boxShadow","px","rounded","alignItems","justifyContent","border","fontWeight","shadow","textDecoration","href","filterHeadings","filter","item","type","forEach","push","toLowerCase","replace","_hover","fontSize","spacing"],"sourceRoot":""}