{"version":3,"file":"component---src-templates-benefits-js-76b079b1e71e3e49860c.js","mappings":"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","sources":["webpack://the-connor-group-careers/./src/templates/benefits.js"],"sourcesContent":["import * as React from \"react\"\nimport {useState, useEffect} from \"react\"\n\n// components\nimport Header from \"../components/header\"\nimport Banner from \"../components/banner\"\nimport MediaBox from \"../components/media-box\"\nimport MediaEmbed from \"../components/media-embed\"\nimport Footer from \"../components/footer\"\nimport SEO from \"../components/seo\"\n\nimport { Container, Button, Modal } from 'react-bootstrap'\nimport BackgroundImage from 'gatsby-background-image'\nimport { renderToString } from 'react-dom/server';\nimport { Parallax, Background } from 'react-parallax';\n\n// images\n\nimport play from '../images/play.png'\n\n\nimport grayLinesBG from '../images/background_stack.jpg'\n\n\n///////\n\n\nimport * as styles from './page.module.scss'\n\n\nconst Page = ({ pageContext }) => {\n  const post = pageContext\n  const [show, setShow] = useState(false);\n  const handleClose = () => setShow(false);\n  const handleShow = () => setShow(true);\n  const videoBackgroundFluidImageStack = [\n    post.acfPageHeader.videoBoxImage.localFile.childImageSharp.fluid,\n    `linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.8))`,\n  ].reverse()\n\n  useEffect(() => {\n      let blar = document.getElementById('content');\n      if (blar !== null) {\n          blar.outerHTML = blar.innerHTML;\n      }\n  });\n\n  return (\n    <main>\n        <style>\n                {`.react-parallax-background-children { width: 100%; min-width: 1600px;}`}\n                {/*{`.parallax-wrapper { background-color: #040e18;}`}*/}\n                {/*{`.react-parallax { background: linear-gradient(90deg,rgba(0,156,101,0.7),rgba(0,156,101,0.2));}`}*/}\n\n                {`.react-parallax-background.custom-bg:before {\n                  content: \"\";\n                  display: block;\n                  width: 100%;\n                  height: 100%;\n                  position: absolute;\n                  background: linear-gradient(90deg,rgba(0,156,101,0.7),rgba(0,156,101,0.2));\n                }`}\n\n                {`#partnership-box h2 {\n                  color: #4a4747;\n                }\n                #partnership-box .container .row {\n                    display: flex;\n                }\n\n                #partnership-box .container .row div:first-child {\n                    order: 2;\n                }\n\n                #partnership-box .container .row .col div {\n                    padding-top: 0;\n                }\n\n                #partnership-box .container hr,\n                #partnership-box .container h4,\n                #partnership-box .container h2 {\n                  display: none;\n                }\n                `}\n\n                {`.page-content .container > .row {\n                  background-color: white;\n                  margin: 0 !important;\n                  padding: 1rem calc(1.5rem - 15px);\n                }\n\n                .page-content .container.order-1 > .row,\n                .page-content .container.order-4 > .row {\n                  padding-top: 3rem;\n                }\n\n                .page-content .container:nth-last-child(2) > .row {\n                  padding-bottom: 3rem;\n                }\n                `}\n              </style>\n        <SEO\n          title={post.title}\n          description={post.acfSEO.metaDescription}\n          image={ (post.acfPageHeader.bannerBackgroundImage.localFile.childImageSharp.fluid.src !== undefined ) ? post.acfPageHeader.bannerBackgroundImage.localFile.childImageSharp.fluid.src : null }\n\n          />\n        <Header />\n\n        <div className=\"bg-light\" style={{backgroundImage: \"url(\" + grayLinesBG + \")\", backgroundSize: '100%'}}>\n          <Banner\n            title={post.acfPageHeader.headerTitle}\n            subtitle={post.acfPageHeader.headerSubtitle}\n            bodytext={post.acfPageHeader.headerBodyText}\n            backgroundImage={post.acfPageHeader.bannerBackgroundImage}\n            backgroundVideoUrl={post.acfPageHeader.backgroundVideoUrl}\n          >\n          </Banner>\n          <div style={{postion:'relative', marginTop:'-25vh'}}>\n            <MediaBox\n              orientation=\"right\"\n              title={post.acfPageHeader.videoBoxTitle}\n              subtitle={post.acfPageHeader.videoBoxSubtitle}\n              videoImage={post.acfPageHeader.videoBoxImage}\n              videoUrl={post.acfPageHeader.videoBoxVideoUrl}\n              >\n              <div dangerouslySetInnerHTML={{__html: post.acfPageHeader.videoBoxBodyText}} className=\"pb-5\" />\n              <div className=\"d-lg-block d-none my-5 py-5\" />\n                <div className=\"d-lg-none mb-4\">\n                  <BackgroundImage\n                    className=\"d-flex w-100\"\n                    Tag=\"div\"\n                    fluid={videoBackgroundFluidImageStack}\n                    backgroundColor={`#040e18`}\n                    style={{minHeight: \"225px\"}}\n                  >\n                    <div className=\"d-flex align-items-center justify-content-center w-100\">\n                      <button className=\"d-block h-100 w-100\" style={{background: \"none\", border: \"0\"}} onClick={handleShow}>\n                        <img src={play} alt=\"Play\" />\n                      </button>\n                    </div>\n                    <Modal show={show} onHide={handleClose} centered={true} size=\"xl\">\n                      <Modal.Header closeButton></Modal.Header>\n                      <Modal.Body>\n                        <MediaEmbed videoUrl={post.acfPageHeader.videoBoxVideoUrl}  autoplay={true} />\n                      </Modal.Body>\n                    </Modal>\n                  </BackgroundImage>\n                </div>\n            </MediaBox>\n          </div>\n          {/*<Container className={`bg-white p-4 ${styles.pageContent}`}>*/}\n          <div className={`page-content ${styles.pageContent}`}>\n            {/*<div dangerouslySetInnerHTML={{__html: post.content}} />*/}\n\n            <div className=\"d-flex flex-wrap\">\n              <div id=\"content\" dangerouslySetInnerHTML={{__html: post.content}} />\n              {/*{contentResult}*/}\n\n              <div className=\"order-3 w-100\">\n                <div className=\"parallax-wrapper\">\n                  <Parallax\n                    className={`text-white`}\n                    strength={600}\n                  >\n                    <Background className=\"custom-bg\">\n                      {/*<img src=\"https://tcgcareersdev.wpengine.com/wp-content/uploads/2021/03/connor-group-careers-3.jpg\" style={{width: \"100%\", maxHeight: \"1050px\"}} />*/}\n                      <img src={post.acfBenefitsPage.partnershipBackgroundImage.localFile.childImageSharp.fluid.src} style={{width: \"100%\", maxHeight: \"1050px\"}} />\n                    </Background>\n\n                    <Container className=\"background-image-only py-5 my-5\">\n                      <div>\n                        <Container className=\"bg-white px-0 px-md-5 py-5\"  id=\"partnership-box\">\n                          <h2 className=\"text-uppercase text-center mb-0\">{post.acfBenefitsPage.partnershipBoxTitle}</h2>\n                          <h4 className=\"text-primary text-center font-italic border-bottom pb-3\" style={{fontSize:'1.2rem', fontFamily: \"Calendas\", marginBottom: \"1.5rem\"}}>{post.acfBenefitsPage.partnershipBoxSubtitle}</h4>\n\n                          <MediaBox\n                            orientation=\"left\"\n                            title=\"\"\n                            subtitle=\"\"\n                            videoImage={post.acfBenefitsPage.partnershipBoxImage}\n                            videoUrl={post.acfBenefitsPage.partnershipVideoUrl}\n                            bgColor=\"bg-white\"\n                          >\n                            <div dangerouslySetInnerHTML={{__html: post.acfBenefitsPage.partnershipBodyText}} />\n                          </MediaBox>\n                        </Container>\n                      </div>\n                    </Container>\n                  </Parallax>\n                </div>\n              </div>\n            </div>\n\n            {/*<ContentBlockFull/>*/}\n          </div>\n          {/*</Container>*/}\n        </div>\n        <Footer />\n    </main>\n  )\n}\n\nexport default Page\n"],"names":["pageContext","post","show","setShow","useState","videoBackgroundFluidImageStack","acfPageHeader","videoBoxImage","localFile","childImageSharp","fluid","reverse","useEffect","blar","document","getElementById","outerHTML","innerHTML","title","description","acfSEO","metaDescription","image","undefined","bannerBackgroundImage","src","className","style","backgroundImage","grayLinesBG","backgroundSize","headerTitle","subtitle","headerSubtitle","bodytext","headerBodyText","backgroundVideoUrl","postion","marginTop","orientation","videoBoxTitle","videoBoxSubtitle","videoImage","videoUrl","videoBoxVideoUrl","dangerouslySetInnerHTML","__html","videoBoxBodyText","Tag","backgroundColor","minHeight","background","border","onClick","play","alt","onHide","centered","size","closeButton","autoplay","styles","id","content","Parallax","strength","Background","acfBenefitsPage","partnershipBackgroundImage","width","maxHeight","partnershipBoxTitle","fontSize","fontFamily","marginBottom","partnershipBoxSubtitle","partnershipBoxImage","partnershipVideoUrl","bgColor","partnershipBodyText"],"sourceRoot":""}