{"version":3,"file":"component---src-templates-tech-integration-js-27602757e362579cb87e.js","mappings":"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","sources":["webpack://verinite-gatsby/./src/components/SeoHeader.js","webpack://verinite-gatsby/./src/components/Stabkbox/StackBox.js","webpack://verinite-gatsby/./src/templates/tech-integration.js"],"sourcesContent":["import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport ReactHtmlParser from 'react-html-parser'\nconst orgSchema = {\n  '@context': 'https://schema.org',\n  '@type': 'Organization',\n  url: 'https://verinite.com/',\n  logo:\n    'https://admin.verinite.com/wp-content/uploads/2022/12/verinite-open-graph-logo.jpeg',\n}\nconst seoHeader = ({ seoData, alternative, linkhref }) => {\n  return (\n    <>\n      {seoData ? (\n        <Helmet>\n          {seoData.title ? (\n            <title>{ReactHtmlParser(seoData.title)}</title>\n          ) : (\n            <title>{ReactHtmlParser(alternative)}</title>\n          )}\n          {seoData.description && (\n            <meta\n              name=\"description\"\n              content={ReactHtmlParser(seoData.description)}\n            />\n          )}\n          {seoData.keywords && (\n            <meta name=\"keywords\" content={ReactHtmlParser(seoData.keywords)} />\n          )}\n          {seoData.schema && (\n            <script type=\"application/ld+json\">\n              {JSON.stringify(seoData.schema)}\n            </script>\n          )}\n        </Helmet>\n      ) : (\n        <Helmet>\n          <title>{ReactHtmlParser(alternative)}</title>\n        </Helmet>\n      )}\n      <Helmet encodeSpecialCharacters={true}>\n        <script type=\"application/ld+json\">{JSON.stringify(orgSchema)}</script>\n        <html lang=\"en\" />\n        {linkhref && <link rel=\"alternate\" href={linkhref} hrefLang=\"en\" />}\n      </Helmet>\n    </>\n  )\n}\n\nexport default seoHeader\n","import React from 'react'\nimport './StackIntegration.scss'\nimport { Link } from 'gatsby'\n\nconst StackBox = props => {\n  return (\n    <div\n      className=\"col-lg-4 visionbox mb_30\"\n      data-aos=\"fade-up\"\n      data-aos-delay=\"400\"\n    >\n      <a href={props.link} className=\"color-para\">\n        <div className=\"row\">\n          <div className=\"col-3\">\n            <div className=\"stackimgBox\">\n              <img src={props.icon} />\n            </div>\n          </div>\n          <div className=\"col-9 mb-auto mt-auto\">\n            <div className=\"stackContent\">\n              <h6>{props.heading}</h6>\n              <p>{props.subHeading}</p>\n            </div>\n          </div>\n        </div>\n      </a>\n    </div>\n  )\n}\n\nexport default StackBox\n","import React from 'react'\nimport CommonBanner from '../components/CommonBanner/CommonBanner'\nimport TemplateWrapper from '../components/Layout'\nimport Stackbox from '../components/Stabkbox/StackBox'\nimport { graphql } from 'gatsby'\nimport styled from 'styled-components'\nimport Helmet from 'react-helmet'\nimport GetInTouch from '../components/GetInTouch/GetInTouch'\nimport SeoHeader from '../components/SeoHeader'\n\nconst ServiceContent = styled.div`\n  p {\n    font-size: 20px;\n    line-height: 31px;\n    letter-spacing: 0.5px;\n    margin-top: 20px;\n    color: #4d6e81;\n  }\n  h6 {\n    text-align: center;\n  }\n  h4 {\n    margin-top: 25px;\n  }\n  h5 {\n    margin-top: 25px;\n    font-size: 1.25rem;\n  }\n  ul {\n    margin-top: 20px;\n  }\n  ol {\n    margin-top: 20px;\n    // font-size: 20px;\n    // font-weight: bold;\n  }\n`\n\nexport const TechIntegration = ({ data, integrations }) => {\n  return (\n    <main>\n      <CommonBanner\n        align=\"left\"\n        badge\n        title={data.acf.header.sub_heading}\n        image={data.acf.header.image.source_url}\n        subHeading={data.acf.header.second_heading}\n        description={data.acf.header.description}\n      />\n      <div className=\" section_padd personal_details_wrapper \">\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col-12\">\n              <div className=\" mb_15 \">\n                <h2 className=\"title text-center mb-5\">\n                  Our Application Stack Integrations\n                </h2>\n              </div>\n            </div>\n          </div>\n          <div className=\"row\">\n            {integrations.nodes.map((items, index, arr) => {\n              if (arr[index].tags[0].name === 'TechIntegration') {\n                return (\n                  <Stackbox\n                    icon={\n                      items.acf.image.source_url != null\n                        ? items.acf.image.source_url\n                        : ''\n                    }\n                    heading={items.acf.sub_heading}\n                    subHeading={items.acf.description}\n                    link={`/tech/${items.slug}/`}\n                    data-aos=\"fade-up\"\n                    data-aos-delay=\"400\"\n                  />\n                )\n              }\n            })}\n          </div>\n        </div>\n      </div>\n      {data.acf.integration.map((items, index, arr) => {\n        return (\n          <div\n            className={` section_padd personal_details_wrapper ${\n              (index % 2) + 1 === 1 ? 'service-product-bg' : ''\n            }`}\n            key={index}\n          >\n            <div className=\"container\">\n              <div className=\"row\">\n                <div className=\"col-12\">\n                  <div className=\" mb_15 \">\n                    <h2\n                      className=\"title_sm \"\n                      data-aos=\"fade-up\"\n                      data-aos-delay=\"200\"\n                    >\n                      {items.head}\n                    </h2>\n                    <ServiceContent\n                      dangerouslySetInnerHTML={{ __html: items.contents }}\n                      className=\"service-product\"\n                      data-aos=\"fade-up\"\n                      data-aos-delay=\"400\"\n                    />\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        )\n      })}\n    </main>\n  )\n}\nexport const TechIntegrations = ({ data }) => {\n  return (\n    <TemplateWrapper>\n      <SeoHeader\n        seoData={data.wordpressPage.acf.panel}\n        alternative={` Verinite | ${data.wordpressPage.acf.header.sub_heading}`}\n        linkhref={`https://verinite.com/tech/${data.wordpressPage.slug}/`}\n      />\n\n      <TechIntegration\n        data={data.wordpressPage}\n        integrations={data.allWordpressWpApplicationStack}\n      />\n\n      <GetInTouch />\n    </TemplateWrapper>\n  )\n}\nexport default TechIntegrations\nexport const TechIntegrationQuery = graphql`\n  query TechIntegrationPage($id: String!) {\n    allWordpressWpApplicationStack {\n      nodes {\n        slug\n        tags {\n          name\n        }\n        acf {\n          description\n          second_heading\n          sub_heading\n          image {\n            source_url\n          }\n        }\n      }\n    }\n\n    wordpressPage(id: { eq: $id }) {\n      slug\n      acf {\n        panel {\n          description\n          keywords\n          schema\n          title\n        }\n        header {\n          description\n          image {\n            source_url\n          }\n          sub_heading\n          second_heading\n          subheading\n        }\n        image {\n          source_url\n        }\n        heading\n        designation\n        description\n        second_heading\n\n        integration {\n          contents\n          head\n          text {\n            content\n          }\n          list {\n            contents\n          }\n        }\n      }\n    }\n  }\n`\n"],"names":["orgSchema","url","logo","_ref","seoData","alternative","linkhref","React","Helmet","title","ReactHtmlParser","description","name","content","keywords","schema","type","JSON","stringify","encodeSpecialCharacters","lang","rel","href","hrefLang","props","className","link","src","icon","heading","subHeading","ServiceContent","styled","div","withConfig","displayName","componentId","TechIntegration","data","integrations","CommonBanner","align","badge","acf","header","sub_heading","image","source_url","second_heading","nodes","map","items","index","arr","tags","Stackbox","slug","integration","key","head","dangerouslySetInnerHTML","__html","contents","TechIntegrations","_ref2","TemplateWrapper","SeoHeader","wordpressPage","panel","allWordpressWpApplicationStack","GetInTouch"],"sourceRoot":""}