{"version":3,"file":"component---src-templates-training-la-page-js-6d14e8ffbbdaa355d777.js","mappings":"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","sources":["webpack://uae.bsc-icc.com/./src/components/SEO.js","webpack://uae.bsc-icc.com/./src/templates/TrainingLAPage.js","webpack://uae.bsc-icc.com/./src/utils/generateTableOfContent.js","webpack://uae.bsc-icc.com/./src/utils/standardToName.js","webpack://uae.bsc-icc.com/./src/images/bgimage2.png"],"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","import { graphql } from \"gatsby\";\nimport React from \"react\";\nimport Layout from \"../components/Layout\";\nimport { Heading, Text, Box, Link, Stack, Flex } from \"@chakra-ui/react\";\n\n// import PageHeadingSection from \"../components/PageHeadingSection\";\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\";\nimport Bgimage2 from \".././images/bgimage2.png\";\nimport ContactForm from \"../components/ContactForm\";\n\nconst Cta = ({ standard }) => {\n  return (\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\"}>\n          <Text as=\"span\" display=\"block\" textAlign={\"center\"}>\n            Get {standard} Training from us\n          </Text>\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  );\n};\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      <Box\n        sx={{\n          background: `url(${Bgimage2}) 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                <Box flex={1} textAlign={{ base: \"center\", md: \"left\" }}>\n                  <Heading as=\"h1\" size=\"2xl\" color={\"#ffffff\"}>\n                    {data.title.text}\n                  </Heading>\n                  <Heading as=\"h1\" size=\"lg\" mt={3} color={\"#ffffff\"}>\n                    {standardToName(standard)}\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      {/* <PageHeadingSection\n        title={data.title.text}\n        subtitle={standardToName(standard)}\n      /> */}\n      <Container display={\"flex\"}>\n        <Box flex=\"1\" pe={4}>\n          <RichText\n            render={data.content.richText}\n            htmlSerializer={htmlSerializer}\n          />\n        </Box>\n        <Box width={\"275px\"} borderLeft={\"1px solid black\"} px={4}>\n          <Box pos=\"sticky\" top={0}>\n            <Heading as=\"h2\" size=\"sm\">\n              Table of Content\n            </Heading>\n            {tableOfContent}\n          </Box>\n        </Box>\n      </Container>\n      <Cta standard={data.title.text} />\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query TrainingLAPageData($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","export default __webpack_public_path__ + \"static/bgimage2-d2bb677b00738123a93fea5818043ef8.png\";"],"names":["SEO","title","result","useStaticQuery","site","siteMetadata","Cta","standard","maxW","w","md","lg","mx","base","my","bg","boxShadow","py","px","rounded","display","flexDirection","alignItems","justifyContent","as","color","textAlign","border","fontWeight","shadow","textDecoration","href","mt","data","allPrismicTrainings","edges","node","uid","split","tableOfContent","generateTableOfContent","content","richText","text","sx","background","Bgimage2","backgroundSize","d","align","flex","direction","justify","position","size","standardToName","marginTop","marginBottom","width","height","backgroundColor","id","pe","RichText","render","htmlSerializer","borderLeft","pos","top","filterHeadings","filter","item","type","forEach","push","toLowerCase","replace","_hover","fontSize","spacing"],"sourceRoot":""}