component---src-pages-deploy-js-7578684506593ce31f9f.js.map

{"version":3,"sources":["webpack:///./src/images/deploy-background-pattern.svg","webpack:///./src/components/features/deploy/deploy-rolling.mp4","webpack:///./src/images/deploy-icon.svg","webpack:///./src/components/features/deploy/deploy-canary.mp4","webpack:///./src/images/deploy-icon-automated.svg","webpack:///./src/components/features/deploy/DeployHero.js","webpack:///./src/components/features/deploy/DeploymentStrategies.js","webpack:///./src/pages/deploy.js","webpack:///./src/components/features/deploy/deploy-shadow.mp4","webpack:///./src/components/features/deploy/deploy-blue-green.mp4","webpack:///./src/images/deploy-icon-scale.svg","webpack:///./src/images/icon-arrow-next.svg","webpack:///./src/components/imageWithTextDetail/ImageAndTextDetail.js","webpack:///./src/components/twoColumnSection/TwoColumnSection.js"],"names":["module","exports","HeroImageContainer","posed","div","show","opacity","delay","hide","DeployHero","state","showImage","componentDidMount","this","setState","render","className","styles","hero","inner","top","left","pose","src","backgroundPattern","alt","deployBackground","deployBackground1","join","deployBackground2","deployBackground3","deployBackground4","deployBackground5","deployIcon","mainIcon","right","href","bottomDeploy","textAndIconWrapper","textAndIcon","lowerIcon","deployAutomated","deployScale","React","Component","DeploymentStrategies","toggleControls","e","console","log","TwoColumnSection","columnGap","rowGap","backgroundColor","strategyCard","videoWrapper","poster","autoPlay","controls","rollingVideo","type","text","blueGreenVideo","canaryVideo","shadowVideo","PureComponent","DeployPage","data","props","title","keywords","howDeployWorks","Row","howDeployWorksText","fluid","deployCombine","childImageSharp","isImageOnLeft","deployDeploy","deployConfigure","deploymentStrategies","deploymentStrategiesInner","rollbackToPrevious","ImageAndTextDetail","description","deployRollback","ContactFormContainer","pageQuery","logos","linkText","linkUrl","children","logoImagesWidth","noPadding","isComingSoon","imageContainer","comingSoon","logoContainer","style","maxWidth","to","arrow","rowHeight","paddingStyle","gridStyles","gridColumnGap","gridAutoRows","columnStyles","innerReverse","twoColumns","titleContainer"],"mappings":"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","file":"component---src-pages-deploy-js-7578684506593ce31f9f.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDI0MHB4IiBoZWlnaHQ9IjEyODBweCIgdmlld0JveD0iMCAwIDQyNDAgMTI4MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTQuMSAoNzY0OTApIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmRlcGxveS1iYWNrZ3JvdW5kLXBhdHRlcm48L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjA0MTIiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkZXBsb3ktYmFja2dyb3VuZC1wYXR0ZXJuIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjQyNDAgMTI4MCAwIDEyODAgMjEyMC41IDAiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+\"","module.exports = __webpack_public_path__ + \"static/deploy-rolling-e63a2b11311c0356109f27382d722b5c.mp4\";","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTQwcHgiIGhlaWdodD0iMTQwcHgiIHZpZXdCb3g9IjAgMCAxNDAgMTQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+ZGVwbG95LWljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iV0lQLS0tTWF5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iNS0tLWRlcGxveS0tLW5ldXRlcmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTkwLjAwMDAwMCwgLTE0MC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Im1haW4iPgogICAgICAgICAgICAgICAgPGcgaWQ9ImNvbnRlbnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDYwLjAwMDAwMCwgLTMyMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0idG9wIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImFydCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA1MC4wMDAwMDAsIDQ2MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAzLjU2NjI2NSwzOS4wMDM2MDA1IEwxMTAuOTg5NzAzLDQzLjI2OTk0NDQgQzExMi44NTE5MSw0NC4zNDAxNzgyIDExNCw0Ni4zMjQxODg2IDExNCw0OC40NzIwMjgxIEwxMTQsOTEuNTI3OTcxOSBDMTE0LDkzLjY3NTgxMTQgMTEyLjg1MTkxLDk1LjY1OTgyMTggMTEwLjk4OTcwMyw5Ni43MzAwNTU2IEw3My40ODk3MDMzLDExOC4yODE3OCBDNzEuNjM4NTM3NCwxMTkuMzQ1NjY4IDY5LjM2MTQ2MjYsMTE5LjM0NTY2OCA2Ny41MTAyOTY3LDExOC4yODE3OCBMMzAuMDEwMjk2Nyw5Ni43MzAwNTU2IEMyOC4xNDgwOSw5NS42NTk4MjE4IDI3LDkzLjY3NTgxMTQgMjcsOTEuNTI3OTcxOSBMMjcsNDguNDcyMDI4MSBDMjcsNDYuMzI0MTg4NiAyOC4xNDgwOSw0NC4zNDAxNzgyIDMwLjAxMDI5NjcsNDMuMjY5OTQ0NCBMMzcuNDMzNzM1MSwzOS4wMDM2MDA1IEwzMS42NTg5ODQ1LDQ1Ljk4OTg5OTUgQzMxLjM4MzAzOTgsNDYuMzIzNzM3NyAzMS4xODI2NTM1LDQ2LjcxMzM2ODIgMzEuMDcxNTk5MSw0Ny4xMzIwMDkzIEMzMC45NjI5OTMsNDcuNTQxNDIxNiAzMC45NDQ0OTIyLDQ3Ljk1MzUyNDUgMzEuMDAzODgxOCw0OC4zNDcyODI4IEMzMS4wMDEzMDM1LDQ4LjM4ODY0NTQgMzEsNDguNDMwMjQzNyAzMSw0OC40NzIwMjgxIEwzMSw5MS41Mjc5NzE5IEMzMSw5Mi4yNDM5MTg0IDMxLjM4MjY5NjcsOTIuOTA1MjU1MiAzMi4wMDM0MzIyLDkzLjI2MTk5OTggTDY5LjUwMzQzMjIsMTE0LjgxMzcyNCBDNzAuMTIwNDg3NSwxMTUuMTY4MzUzIDcwLjg3OTUxMjUsMTE1LjE2ODM1MyA3MS40OTY1Njc4LDExNC44MTM3MjQgTDEwOC45OTY1NjgsOTMuMjYxOTk5OCBDMTA5LjYxNzMwMyw5Mi45MDUyNTUyIDExMCw5Mi4yNDM5MTg0IDExMCw5MS41Mjc5NzE5IEwxMTAsNDguNDcyMDI4MSBDMTEwLDQ4LjQyOTA2NDggMTA5Ljk5ODYyMiw0OC4zODYyOTgyIDEwOS45OTU4OTcsNDguMzQzNzgyMiBDMTEwLjExNjc5OSw0Ny41MzEzNTA2IDEwOS45MDU1Miw0Ni42NzI4MzgxIDEwOS4zNDEwMTUsNDUuOTg5ODk5NSBMMTAzLjU2NjI2NSwzOS4wMDM2MDA1IFoiIGlkPSJiYXNlIiBmaWxsPSIjRjVGOUZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNzAuNSw3My40NzIwMjgxIEw3MC41LDExNi41NDM4MDcgQzcwLjUsMTE3LjY0ODM3NiA2OS42MDQ1Njk1LDExOC41NDM4MDcgNjguNSwxMTguNTQzODA3IEM2OC4xNTAyNjk4LDExOC41NDM4MDcgNjcuODA2NjUzMiwxMTguNDUyMSA2Ny41MDM0MzIyLDExOC4yNzc4MzUgTDMwLjAxMDI5NjcsOTYuNzMwMDU1NiBDMjguMTQ4MDksOTUuNjU5ODIxOCAyNyw5My42NzU4MTE0IDI3LDkxLjUyNzk3MTkgTDI3LDQ4LjQ1NjE5MzMgQzI3LDQ3LjM1MTYyMzggMjcuODk1NDMwNSw0Ni40NTYxOTMzIDI5LDQ2LjQ1NjE5MzMgQzI5LjM0OTczMDIsNDYuNDU2MTkzMyAyOS42OTMzNDY4LDQ2LjU0NzkwMDQgMjkuOTk2NTY3OCw0Ni43MjIxNjU0IEw2Ny40ODk3MDMzLDY4LjI2OTk0NDQgQzY5LjM1MTkxLDY5LjM0MDE3ODIgNzAuNSw3MS4zMjQxODg2IDcwLjUsNzMuNDcyMDI4MSBaIiBpZD0ibGVmdCIgZmlsbD0iI0ZGRkZGRiIgb3BhY2l0eT0iMC41OTc4NzkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNzAuNSwyMy40NTYxOTMzIEw3MC41LDY2LjUyNzk3MTkgQzcwLjUsNjguNjc1ODExNCA2OS4zNTE5MSw3MC42NTk4MjE4IDY3LjQ4OTcwMzMsNzEuNzMwMDU1NiBMMjkuOTk2NTY3OCw5My4yNzc4MzQ2IEMyOS4wMzg4OTA2LDkzLjgyODIyMzggMjcuODE2MzYxMyw5My40OTgwNTE2IDI3LjI2NTk3MjEsOTIuNTQwMzc0NSBDMjcuMDkxNzA3Miw5Mi4yMzcxNTM1IDI3LDkxLjg5MzUzNjkgMjcsOTEuNTQzODA2NyBMMjcsNDguNDcyMDI4MSBDMjcsNDYuMzI0MTg4NiAyOC4xNDgwOSw0NC4zNDAxNzgyIDMwLjAxMDI5NjcsNDMuMjY5OTQ0NCBMNjcuNTAzNDMyMiwyMS43MjIxNjU0IEM2OC40NjExMDk0LDIxLjE3MTc3NjIgNjkuNjgzNjM4NywyMS41MDE5NDg0IDcwLjIzNDAyNzksMjIuNDU5NjI1NSBDNzAuNDA4MjkyOCwyMi43NjI4NDY1IDcwLjUsMjMuMTA2NDYzMSA3MC41LDIzLjQ1NjE5MzMgWiIgaWQ9ImJhY2siIGZpbGw9IiNGRkZGRkYiIG9wYWNpdHk9IjAuMTk3ODc5Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTczLjQ4OTcwMzMsMjEuNzE4MjIwMyBMMTEwLjk4Mjc5MSw0My4yNjU5NzIxIEMxMTEuOTQwNDY5LDQzLjgxNjM2MTMgMTEyLjI3MDY0MSw0NS4wMzg4OTA2IDExMS43MjAyNTIsNDUuOTk2NTY3OCBDMTExLjU0Mzk3OSw0Ni4zMDMyODI3IDExMS4yODk1MDYsNDYuNTU3NzU0OSAxMTAuOTgyNzkxLDQ2LjczNDAyNzkgTDczLjQ4OTcwMzMsNjguMjgxNzc5NyBDNzEuNjM4NTM3NCw2OS4zNDU2NjgyIDY5LjM2MTQ2MjYsNjkuMzQ1NjY4MiA2Ny41MTAyOTY3LDY4LjI4MTc3OTcgTDMwLjAxNzIwODUsNDYuNzM0MDI3OSBDMjkuMDU5NTMxNCw0Ni4xODM2Mzg3IDI4LjcyOTM1OTIsNDQuOTYxMTA5NCAyOS4yNzk3NDg0LDQ0LjAwMzQzMjIgQzI5LjQ1NjAyMTMsNDMuNjk2NzE3MyAyOS43MTA0OTM2LDQzLjQ0MjI0NTEgMzAuMDE3MjA4NSw0My4yNjU5NzIxIEw2Ny41MTAyOTY3LDIxLjcxODIyMDMgQzY5LjM2MTQ2MjYsMjAuNjU0MzMxOCA3MS42Mzg1Mzc0LDIwLjY1NDMzMTggNzMuNDg5NzAzMywyMS43MTgyMjAzIFoiIGlkPSJ0b3AiIGZpbGw9IiNGRkZGRkYiIG9wYWNpdHk9IjAuMTAwMDAwMDAxIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImFpcnBsYW5lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MC4wMTAyOTcsIDcuOTIyMjYzKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIGZpbGw9IiNEOUQ3RjgiIHBvaW50cz0iNjAuOTc5NDA2NSAzNy4zNDc2ODE1IDM3Ljk4OTcwMzMgMzQuMDc3NzM3MSAzMC40ODk3MDMzIDQ5LjE1NzQxMzMgMjIuOTg5NzAzMyAzNC4wNzc3MzcxIDAgMzcuMzQ3NjgxNSAzMC40ODk3MDMzIDEuMDgwMDI0OTZlLTEyIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLUNvcHktMiIgZmlsbD0iI0U2RTdGQiIgcG9pbnRzPSI2MC45Nzk0MDY1IDM3LjM0NzY4MTUgMzcuOTg5NzAzMyAzNC4wNzc3MzcxIDMwLjQ4OTcwMzMgNDkuMTU3NDEzMyAzMC40ODk3MDMzIDEuMDc4Njc5MzVlLTEyIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLUNvcHktNCIgZmlsbD0iI0Y1RjlGRiIgcG9pbnRzPSIyMi45ODk3MDMzIDM0LjA3NzczNzEgMS40NTUxOTE1MmUtMTEgMzcuMzQ3NjgxNSAzMC40ODk3MDMzIC0yLjI3MzczNjc1ZS0xMyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aC1Db3B5LTMiIGZpbGw9IiNGNUY5RkYiIHBvaW50cz0iNjAuOTc5NDA2NSAzNy4zNDc2ODE1IDM3Ljk4OTcwMzMgMzQuMDc3NzM3MSAzMC40ODk3MDMzIC01LjEwMDEwMzQ4ZS0xMyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"","module.exports = __webpack_public_path__ + \"static/deploy-canary-9c0d2446623a72ae3b3047b628298c07.mp4\";","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjBweCIgaGVpZ2h0PSI2MHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5kZXBsb3ktaWNvbi1hdXRvbWF0ZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iV0lQLS0tTWF5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iNS0tLWRlcGxveS0tLW5ldXRlcmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzgwLjAwMDAwMCwgLTQ4MC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Im1haW4iPgogICAgICAgICAgICAgICAgPGcgaWQ9ImNvbnRlbnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDYwLjAwMDAwMCwgLTMyMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ic2VjIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDYwLjAwMDAwMCwgNzYwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iZGVwbG95LWljb24tYXV0b21hdGVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODAuMDAwMDAwLCA0MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9IkNvbWJpbmVkLVNoYXBlLUNvcHkiIGZpbGw9IiNGRkZGRkYiIG9wYWNpdHk9IjAuMDk4NjMyODEyNSIgY3g9IjMwIiBjeT0iMzAiIHI9IjMwIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJDdXJzb3JzLS8tRGVmYXVsdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAuMDAwMDAwLCAxOS4wMDAwMDApIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuNjgyMzI0MzMsMTguMTE2MDYxNyBMLTAuNTE2NDU4MzMzLDIyLjE2OTIxNDQgTC0wLjUxNjQ1ODMzMywxLjczMjc1MDA1IEwxNC4xMjg5MzU3LDE2LjQxMDk5MzUgTDguMjI4MTcyMzYsMTYuNDEwOTkzNSBMMTEuNTU5NjAyNiwyMy43MjIyMzYxIEw2Ljk2MDc0NzcsMjUuNjY3MTg3MSBMMy42ODIzMjQzMywxOC4xMTYwNjE3IFoiIGlkPSJBcnJvdyIgZmlsbC1vcGFjaXR5PSIwLjQiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBwb2ludHM9IjEzLjUgNC41IDE3LjY0ODkyNTggOS4wMjM5MjU3OCAyNC4xMDQwMDM5IDAuMDA2MzQ3NjU2MjUiPjwvcG9seWxpbmU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","import React from \"react\"\nimport styles from \"../featuresHero.module.sass\"\nimport posed from \"react-pose\"\nimport backgroundPattern from \"../../../images/deploy-background-pattern.svg\"\nimport deployIcon from \"../../../images/deploy-icon.svg\"\nimport deployAutomated from \"../../../images/deploy-icon-automated.svg\"\nimport deployScale from \"../../../images/deploy-icon-scale.svg\"\n\nconst HeroImageContainer = posed.div({\n  show: { opacity: 1, delay: 400 },\n  hide: { opacity: 0 },\n})\n\nclass DeployHero extends React.Component {\n  state = {\n    showImage: false,\n  }\n\n  componentDidMount() {\n    this.setState({ showImage: true })\n  }\n\n  render() {\n    return (\n      <div className={styles.hero}>\n        <div className={styles.inner}>\n          <div className={styles.top}>\n            <div className={styles.left}>\n              <HeroImageContainer\n                pose={!this.state.showImage ? \"hide\" : \"show\"}\n              >\n                <img\n                  src={backgroundPattern}\n                  alt=\"\"\n                  className={[\n                    styles.deployBackground,\n                    styles.deployBackground1,\n                    ].join(\" \")}\n                />\n                <img\n                  src={backgroundPattern}\n                  alt=\"\"\n                  className={[\n                    styles.deployBackground,\n                    styles.deployBackground2,\n                    ].join(\" \")}\n                />\n                <img\n                  src={backgroundPattern}\n                  alt=\"\"\n                  className={[\n                    styles.deployBackground,\n                    styles.deployBackground3,\n                    ].join(\" \")}\n                />\n                <img\n                  src={backgroundPattern}\n                  alt=\"\"\n                  className={[\n                    styles.deployBackground,\n                    styles.deployBackground4,\n                    ].join(\" \")}\n                />\n                <img\n                  src={backgroundPattern}\n                  alt=\"\"\n                  className={[\n                    styles.deployBackground,\n                    styles.deployBackground5,\n                    ].join(\" \")}\n                />\n\n                <img src={deployIcon} alt=\"\" className={styles.mainIcon} />\n              </HeroImageContainer>\n            </div>\n            <div className={styles.right}>\n              <h2>Deploy</h2>\n              <h5>\n                Empower your team with the tools to understand problems quickly\n                and react to mission-critical events to provide your customers\n                the best in class experience.\n              </h5>\n              <a\n                href=\"https://app.kintohub.com/sign-up\"\n                className=\"button white arrow\"\n              >\n                Start Deploying\n              </a>\n            </div>\n          </div>\n        </div>\n        <div className={styles.bottomDeploy}>\n          <div className={styles.inner}>\n            <ul className={styles.textAndIconWrapper}>\n              <li className={styles.textAndIcon}>\n                <div className={styles.lowerIcon}>\n                  <img src={deployAutomated} alt=\"\" />\n                </div>\n                <h3>Fully Automated</h3>\n                <h5>\n                  It only takes one click to upgrade hundreds of services all\n                  over the planet without interrupting a single user’s\n                  experience.\n                </h5>\n              </li>\n              <li className={styles.textAndIcon}>\n                <div className={styles.lowerIcon}>\n                  <img src={deployScale} alt=\"\" />\n                </div>\n                <h3>Scale by Default</h3>\n                <h5>\n                  KintoHub uses battle-tested open source software built such as\n                  <b> Google</b>'s inspired <b>Kubernetes</b> and <b>Lyft</b>'s\n                  millions of requests per second <b>Envoy</b> proxy.\n                </h5>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default DeployHero\n","import React from \"react\"\nimport TwoColumnSection from \"../../twoColumnSection/TwoColumnSection\"\nimport canaryVideo from \"./deploy-canary.mp4\"\nimport rollingVideo from \"./deploy-rolling.mp4\"\nimport blueGreenVideo from \"./deploy-blue-green.mp4\"\nimport shadowVideo from \"./deploy-shadow.mp4\"\nimport styles from \"./deploymentStrategies.module.sass\"\n\nclass DeploymentStrategies extends React.PureComponent {\n  toggleControls = e => {\n    console.log(e)\n  }\n\n  render() {\n    return (\n      <>\n        <TwoColumnSection\n          columnGap=\"20px\"\n          rowGap=\"20px\"\n          backgroundColor=\"transparent\"\n        >\n          <div className={styles.strategyCard}>\n            <div className={styles.videoWrapper}>\n              <video poster=\"deploy-strategies-rollback.png\" autoPlay controls>\n                <source src={rollingVideo} type=\"video/mp4\" />\n              </video>\n            </div>\n            <div className={styles.text}>\n              <h3>Rolling</h3>\n              <h5>\n                Deploy the new version of your service alongside your existing\n                service before taking it down. This ensures no downtime while\n                upgrading your product while safely and automatically rolling\n                back your changes if any problems are detected.\n              </h5>\n            </div>\n          </div>\n\n          <div className={styles.strategyCard}>\n            <div className={styles.videoWrapper}>\n              <video poster=\"deploy-strategies-bluegreen.png\" controls>\n                <source src={blueGreenVideo} type=\"video/mp4\" />\n              </video>\n            </div>\n            <div className={styles.text}>\n              <h3>\n                Blue/Green <span>Coming Soon</span>\n              </h3>\n              <h5>\n                The <b>new service (blue)</b> is deployed alongside your\n                <b> existing service (green)</b>. You can run automated tests or\n                manual checks to ensure everything is working correctly before\n                promoting the new version. The old version stays online for\n                safety until explicitly shut down.\n              </h5>\n            </div>\n          </div>\n        </TwoColumnSection>\n\n        <TwoColumnSection columnGap=\"20px\" backgroundColor=\"transparent\">\n          <div className={styles.strategyCard}>\n            <div className={styles.videoWrapper}>\n              <video poster=\"deploy-strategies-canary.png\" controls>\n                <source src={canaryVideo} type=\"video/mp4\" />\n              </video>\n            </div>\n            <div className={styles.text}>\n              <h3>\n                Canary <span>Coming Soon</span>\n              </h3>\n              <h5>\n                If you want to test specific websites or new features to a\n                subset of users or slowly roll out a new idea, canary release is\n                the best solution. Roll out your KintoBlocks incrementally (1% >\n                10% > 50% > 100% of your users) over time.\n              </h5>\n            </div>\n          </div>\n\n          <div className={styles.strategyCard}>\n            <div className={styles.videoWrapper}>\n              <video poster=\"deploy-strategies-shadowtraffic.png\" controls>\n                <source src={shadowVideo} type=\"video/mp4\" />\n              </video>\n            </div>\n            <div className={styles.text}>\n              <h3>\n                Shadow Traffic <span>Coming Soon</span>\n              </h3>\n              <h5>\n                See how the new version (blue) performs with live, real user\n                data & production traffic load. Your users do not see the new\n                version or what’s going on as all responses from your new\n                version are automatically discarded.\n              </h5>\n            </div>\n          </div>\n        </TwoColumnSection>\n      </>\n    )\n  }\n}\n\nexport default DeploymentStrategies\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\nimport Layout from \"../components/layout\"\n\nimport DeployHero from \"../components/features/deploy/DeployHero\"\nimport DeploymentStrategies from \"../components/features/deploy/DeploymentStrategies\"\nimport SEO from \"../components/seo\"\nimport TwoColumnSection from \"../components/twoColumnSection/TwoColumnSection\"\nimport ImageAndTextDetail from \"../components/imageWithTextDetail/ImageAndTextDetail\"\nimport ContactFormContainer from \"../containers/ContactFormContainer\"\nimport styles from \"../pageStyles/features.module.sass\"\n\nclass DeployPage extends React.Component {\n  render() {\n    const { data } = this.props\n    return (\n      <Layout>\n        <SEO\n          title=\"Deploy\"\n          keywords={[`kintohub`, `microservices`, `serverside`, `features`]}\n        />\n        <DeployHero />\n        <div className={styles.howDeployWorks}>\n          <h2>How Deploy Works</h2>\n\n          <div className={styles.Row}>\n            <TwoColumnSection columnGap=\"80px\">\n              <div className={styles.howDeployWorksText}>\n                <h3>Combine Any Number of KintoBlocks</h3>\n                <h5>\n                  Manage and configure your fleet of potentially hundreds of\n                  services in a single click. Override configuration to be\n                  different in <strong>dev</strong> and <strong>prod</strong> like API Keys, beta\n                  features and more.\n                </h5>\n              </div>\n\n              <Img\n                fluid={data.deployCombine.childImageSharp.fluid}\n                className=\"rounded-corner-8\"\n              />\n            </TwoColumnSection>\n          </div>\n\n          <div className={styles.Row}>\n            <TwoColumnSection columnGap=\"80px\" isImageOnLeft={true}>\n              <Img\n                fluid={data.deployDeploy.childImageSharp.fluid}\n                className=\"rounded-corner-8\"\n              />\n              <div className={styles.howDeployWorksText}>\n                <h3>Deploy</h3>\n                <h5>\n                  Safely deploy your services into an environment with the\n                  strategy of your choice. <b>Rolling</b>, <b>Canary</b>,{\" \"}\n                  <b>A/B</b> testable and <b>shadow</b> deployments{\" \"}\n                  <a href=\"https://github.com/kintohub/kintohub-docs/issues\">\n                    (coming soon)\n                  </a>{\" \"}\n                  are all possible with KintoHub.\n                </h5>\n              </div>\n            </TwoColumnSection>\n          </div>\n\n          <div className={styles.Row}>\n            <TwoColumnSection columnGap=\"80px\">\n              <div className={styles.howDeployWorksText}>\n                <h3>Configure Any Environment</h3>\n                <h5>\n                  Create one or many environments to create your development\n                  workflow. Each environment can set or override any setting\n                  such as <b>hostnames</b> and <b>SSL encryption</b> (coming\n                  soon),{\" \"}\n                  <b>environment variables</b> or <b>high availability</b>.\n                </h5>\n              </div>\n              <Img\n                fluid={data.deployConfigure.childImageSharp.fluid}\n                className=\"rounded-corner-8\"\n              />\n            </TwoColumnSection>\n          </div>\n        </div>\n\n        <div className={styles.deploymentStrategies}>\n          <div className={styles.deploymentStrategiesInner}>\n            <h2>Deployment Strategies</h2>\n            <DeploymentStrategies />\n          </div>\n        </div>\n        <div className={styles.rollbackToPrevious}>\n          <ImageAndTextDetail\n            isImageOnLeft={true}\n            title=\"Rollback to Previous Version\"\n            description=\"When an issue arises, you can simply rollback to any previous version with one click. Restore your environment to its original state in seconds.\"\n          >\n            <Img\n              fluid={data.deployRollback.childImageSharp.fluid}\n              className=\"rounded-corner-8\"\n            />\n          </ImageAndTextDetail>\n        </div>\n        <ContactFormContainer />\n      </Layout>\n    )\n  }\n}\n\nexport default DeployPage\n\nexport const pageQuery = graphql`\n  query {\n    deployCombine: file(relativePath: { eq: \"deploy-combine@2x.png\" }) {\n      ...fluidImage\n    }\n    deployDeploy: file(relativePath: { eq: \"deploy-deploy@2x.png\" }) {\n      ...fluidImage\n    }\n    deployConfigure: file(relativePath: { eq: \"deploy-config@2x.png\" }) {\n      ...fluidImage\n    }\n    deployRollback: file(relativePath: { eq: \"deploy-rollback@2x.png\" }) {\n      ...fluidImage\n    }\n  }\n`\n","module.exports = __webpack_public_path__ + \"static/deploy-shadow-036209f7e67749777af1a3f9f2fab417.mp4\";","module.exports = __webpack_public_path__ + \"static/deploy-blue-green-4f1cebdd15b937ecb874aa17d10ec9ba.mp4\";","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjBweCIgaGVpZ2h0PSI2MHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5kZXBsb3ktaWNvbi1zY2FsZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJXSVAtLS1NYXkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSI1LS0tZGVwbG95LS0tbmV1dGVyZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODAuMDAwMDAwLCAtNDgwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0ibWFpbiI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iY29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0NjAuMDAwMDAwLCAtMzIwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJzZWMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NjAuMDAwMDAwLCA3NjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJkZXBsb3ktaWNvbi1zY2FsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTgwLjAwMDAwMCwgNDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJDb21iaW5lZC1TaGFwZS1Db3B5IiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjA5ODYzMjgxMjUiIGN4PSIzMCIgY3k9IjMwIiByPSIzMCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzAuODk2NTkyNSwxMS4yMzYxMjU5IEw0Ni4wODY0NjYsMTkuODQxNTc1MSBDNDYuNjUwMjQ1NCwyMC4xNjA5NzA0IDQ3LDIwLjc1Njc2OTkgNDcsMjEuNDA0MDM0OSBMNDcsMzguNTk1OTY1MSBDNDcsMzkuMjQzMjMwMSA0Ni42NTAyNDU0LDM5LjgzOTAyOTYgNDYuMDg2NDY2LDQwLjE1ODQyNDkgTDMwLjg5NjU5MjUsNDguNzYzODc0MSBDMzAuMzQwODYzOCw0OS4wNzg3MDg2IDI5LjY1OTEzNjIsNDkuMDc4NzA4NiAyOS4xMDM0MDc1LDQ4Ljc2Mzg3NDEgTDEzLjkxMzUzNCw0MC4xNTg0MjQ5IEMxMy4zNDk3NTQ2LDM5LjgzOTAyOTYgMTMsMzkuMjQzMjMwMSAxMywzOC41OTU5NjUxIEwxMywyMS40MDQwMzQ5IEMxMywyMC43NTY3Njk5IDEzLjM0OTc1NDYsMjAuMTYwOTcwNCAxMy45MTM1MzQsMTkuODQxNTc1MSBMMjkuMTAzNDA3NSwxMS4yMzYxMjU5IEMyOS42NTkxMzYyLDEwLjkyMTI5MTQgMzAuMzQwODYzOCwxMC45MjEyOTE0IDMwLjg5NjU5MjUsMTEuMjM2MTI1OSBaIiBpZD0iUGF0aC1Db3B5LTUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNSwyMyBMMzcuODQsMTkuMjEzMzMzMyBDMzcuOTA2Mjc0MiwxOS4xMjQ5Njc4IDM4LjAzMTYzNDQsMTkuMTA3MDU5MiAzOC4xMiwxOS4xNzMzMzMzIEMzOC4xMzUxNjExLDE5LjE4NDcwNDIgMzguMTQ4NjI5MiwxOS4xOTgxNzIyIDM4LjE2LDE5LjIxMzMzMzMgTDQxLDIzIEwzOSwyMyBMMzguNTI3NzM1LDMxLjUwMDc2OTggQzM4LjUxMjE3NDYsMzEuNzgwODU2NiAzOC4yODA1MTg3LDMyIDM4LDMyIEwzOCwzMiBDMzcuNzE5NDgxMywzMiAzNy40ODc4MjU0LDMxLjc4MDg1NjYgMzcuNDcyMjY1LDMxLjUwMDc2OTggTDM3LDIzIEwzNSwyMyBaIiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjYwMDAwMDAyNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzguMDAwMDAwLCAyNS41NjY2NjEpIHJvdGF0ZSg2MC4wMDAwMDApIHRyYW5zbGF0ZSgtMzguMDAwMDAwLCAtMjUuNTY2NjYxKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOSwyMSBMMzEuODQsMTcuMjEzMzMzMyBDMzEuOTA2Mjc0MiwxNy4xMjQ5Njc4IDMyLjAzMTYzNDQsMTcuMTA3MDU5MiAzMi4xMiwxNy4xNzMzMzMzIEMzMi4xMzUxNjExLDE3LjE4NDcwNDIgMzIuMTQ4NjI5MiwxNy4xOTgxNzIyIDMyLjE2LDE3LjIxMzMzMzMgTDM1LDIxIEwzMywyMSBMMzIuNTQ5NzUxOSwyNS41MDI0ODE0IEMzMi41MjE1MDgzLDI1Ljc4NDkxNzIgMzIuMjgzODQ0NSwyNiAzMiwyNiBMMzIsMjYgQzMxLjcxNjE1NTUsMjYgMzEuNDc4NDkxNywyNS43ODQ5MTcyIDMxLjQ1MDI0ODEsMjUuNTAyNDgxNCBMMzEsMjEgTDI5LDIxIFoiIGlkPSJSZWN0YW5nbGUtQ29weS00NSIgZmlsbD0iI0ZGRkZGRiIgb3BhY2l0eT0iMC40MDAwMDAwMDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyLjAwMDAwMCwgMjEuNTY2NjYxKSByb3RhdGUoNDAuMDAwMDAwKSB0cmFuc2xhdGUoLTMyLjAwMDAwMCwgLTIxLjU2NjY2MSkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzUuMDk2OTMxNCwzMi4zMDQ5MDAxIEwzNy45MzY5MzE0LDI4LjUxODIzMzQgQzM4LjAwMzIwNTUsMjguNDI5ODY3OSAzOC4xMjg1NjU4LDI4LjQxMTk1OTMgMzguMjE2OTMxNCwyOC40NzgyMzM0IEMzOC4yMzIwOTI1LDI4LjQ4OTYwNDMgMzguMjQ1NTYwNSwyOC41MDMwNzIzIDM4LjI1NjkzMTQsMjguNTE4MjMzNCBMNDEuMDk2OTMxNCwzMi4zMDQ5MDAxIEwzOS4wOTY5MzE0LDMyLjMwNDkwMDEgTDM4LjY0NjY4MzIsMzYuODA3MzgxNSBDMzguNjE4NDM5NiwzNy4wODk4MTczIDM4LjM4MDc3NTgsMzcuMzA0OTAwMSAzOC4wOTY5MzE0LDM3LjMwNDkwMDEgTDM4LjA5NjkzMTQsMzcuMzA0OTAwMSBDMzcuODEzMDg2OSwzNy4zMDQ5MDAxIDM3LjU3NTQyMzEsMzcuMDg5ODE3MyAzNy41NDcxNzk1LDM2LjgwNzM4MTUgTDM3LjA5NjkzMTQsMzIuMzA0OTAwMSBMMzUuMDk2OTMxNCwzMi4zMDQ5MDAxIFoiIGlkPSJSZWN0YW5nbGUtQ29weS05NyIgZmlsbD0iI0ZGRkZGRiIgb3BhY2l0eT0iMC40MDAwMDAwMDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4LjA5NjkzMSwgMzIuODcxNTYxKSByb3RhdGUoODAuMDAwMDAwKSB0cmFuc2xhdGUoLTM4LjA5NjkzMSwgLTMyLjg3MTU2MSkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjMuMTc2NjA2OSwyNS41NDcyMDAzIEMyMy4wNjcyNTU0LDI1LjQ4NDI2NjYgMjIuOTMyNzQ0NiwyNS40ODQyNjY2IDIyLjgyMzM5MzEsMjUuNTQ3MjAwMyBMMTYuMTc3ODIzNCwyOS4zNzE4NDQ0IEMxNi4wNjc4MTk3LDI5LjQzNTE1MzYgMTYsMjkuNTUyNTE2NyAxNiwyOS42Nzk1NzExIEwxNiwzNy4zMjA0Mjg5IEMxNiwzNy40NDc0ODMzIDE2LjA2NzgxOTcsMzcuNTY0ODQ2NCAxNi4xNzc4MjM0LDM3LjYyODE1NTYgTDIyLjgyMzM5MzEsNDEuNDUyNzk5NyBDMjIuOTMyNzQ0Niw0MS41MTU3MzM0IDIzLjA2NzI1NTQsNDEuNTE1NzMzNCAyMy4xNzY2MDY5LDQxLjQ1Mjc5OTcgTDI5LjgyMjE3NjYsMzcuNjI4MTU1NiBDMjkuOTMyMTgwMywzNy41NjQ4NDY0IDMwLDM3LjQ0NzQ4MzMgMzAsMzcuMzIwNDI4OSBMMzAsMjkuNjc5NTcxMSBDMzAsMjkuNTUyNTE2NyAyOS45MzIxODAzLDI5LjQzNTE1MzYgMjkuODIyMTc2NiwyOS4zNzE4NDQ0IEwyMy4xNzY2MDY5LDI1LjU0NzIwMDMgWiIgaWQ9IlBhdGgiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=\"","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uLWFycm93LW5leHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iV0lQLS0tTGF0ZXN0IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMHphLS0tZmVhdHVyZS0tLXdvcmtmbG93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDQwLjAwMDAwMCwgLTI3MC4wMDAwMDApIiBmaWxsPSIjMDgzQTQ1Ij4KICAgICAgICAgICAgPGcgaWQ9Im1haW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJ0b3AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOTAuMDAwMDAwLCAtOTIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImJ1dHRvbi9sYXJnZS9zZWNvbmRhcnkvcmVndWxhciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjQwLjAwMDAwMCwgMzUyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMC4wMDAwMDAsIDEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb24vbmF2L2JhY2svcmVndWxhciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuMDAwMDAwLCAxNS4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTE1LjAwMDAwMCwgLTE1LjAwMDAwMCkgIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbi9kYXJrL2Nsb3NlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0LjYxNjMxNywxNC4yMTA4NzM1IEMyNC44NDk5MDI1LDE0LjM5MzkyNzkgMjUsMTQuNjc4NjQ4OSAyNSwxNC45OTg0MjcxIEMyNSwxNS4zMTgyMDUzIDI0Ljg0OTkwMjUsMTUuNjAyOTI2NCAyNC42MTYzMTcsMTUuNzg1OTgwOCBDMjQuNTkxNTU3LDE1LjgxNzU2OTIgMjQuNTY0NjI5MywxNS44NDgwMTE0IDI0LjUzNTUzMzksMTUuODc3MTA2OCBMMTguODc4Njc5NywyMS41MzM5NjEgQzE4LjQ4ODE1NTQsMjEuOTI0NDg1MyAxNy44NTQ5OTA0LDIxLjkyNDQ4NTMgMTcuNDY0NDY2MSwyMS41MzM5NjEgQzE3LjA3Mzk0MTgsMjEuMTQzNDM2NyAxNy4wNzM5NDE4LDIwLjUxMDI3MTggMTcuNDY0NDY2MSwyMC4xMTk3NDc1IEwyMS41ODU3ODY0LDE1Ljk5ODQyNzEgTDYsMTUuOTk4NDI3MSBDNS40NDc3MTUyNSwxNS45OTg0MjcxIDUsMTUuNTUwNzExOSA1LDE0Ljk5ODQyNzEgQzUsMTQuNDQ2MTQyNCA1LjQ0NzcxNTI1LDEzLjk5ODQyNzEgNiwxMy45OTg0MjcxIEwyMS41ODU3ODY0LDEzLjk5ODQyNzEgTDE3LjQ2NDQ2NjEsOS44NzcxMDY3OCBDMTcuMDczOTQxOCw5LjQ4NjU4MjQ5IDE3LjA3Mzk0MTgsOC44NTM0MTc1MSAxNy40NjQ0NjYxLDguNDYyODkzMjIgQzE3Ljg1NDk5MDQsOC4wNzIzNjg5MyAxOC40ODgxNTU0LDguMDcyMzY4OTMgMTguODc4Njc5Nyw4LjQ2Mjg5MzIyIEwyNC41MzU1MzM5LDE0LjExOTc0NzUgQzI0LjU2NDYyOTMsMTQuMTQ4ODQyOSAyNC41OTE1NTcsMTQuMTc5Mjg1MSAyNC42MTYzMTcsMTQuMjEwODczNSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjAwMDAwMCwgMTQuOTk4NDI3KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xNS4wMDAwMDAsIC0xNC45OTg0MjcpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport TwoColumnSection from \"../twoColumnSection/TwoColumnSection\"\nimport styles from \"./imageAndTextDetail.module.sass\"\nimport arrow from \"../../images/icon-arrow-next.svg\"\n\nclass ImageAndTextDetail extends React.Component {\n  render() {\n    const {\n      title,\n      description,\n      logos,\n      linkText,\n      linkUrl,\n      children,\n      isImageOnLeft,\n      logoImagesWidth,\n      noPadding,\n      rowGap,\n      columnGap,\n      isComingSoon,\n    } = this.props\n    return (\n      <TwoColumnSection\n        noPadding={noPadding}\n        rowGap={rowGap}\n        isImageOnLeft={isImageOnLeft}\n        columnGap={columnGap ? columnGap : \"80px\"}\n      >\n        {isImageOnLeft && (\n          <div className={styles.imageContainer}>{children}</div>\n        )}\n        <div className={styles.text}>\n          <h3>\n            {title}{\" \"}\n            {isComingSoon && (\n              <span className={styles.comingSoon}>Coming Soon</span>\n            )}\n          </h3>\n          <h5>{description}</h5>\n          {logos && (\n            <>\n              <h6>KintoHub abstracts:</h6>\n              <div\n                className={styles.logoContainer}\n                style={{ maxWidth: logoImagesWidth }}\n              >\n                <img\n                  src={logos}\n                  className={styles.logos}\n                  alt=\"companies replaced by KintoHub\"\n                />\n              </div>\n            </>\n          )}\n          {linkUrl && (\n            <Link to={linkUrl}>\n              {linkText} <img src={arrow} alt=\"\" />\n            </Link>\n          )}\n        </div>\n        {!isImageOnLeft && (\n          <div className={styles.imageContainer}>{children}</div>\n        )}\n      </TwoColumnSection>\n    )\n  }\n}\n\nexport default ImageAndTextDetail\n","import React from \"react\"\nimport styles from \"./twoColumns.module.sass\"\n\nclass TwoColumnSection extends React.Component {\n  render() {\n    const {\n      children,\n      rowHeight,\n      columnGap,\n      noPadding,\n      isImageOnLeft,\n      backgroundColor,\n      title\n    } = this.props\n    const paddingStyle = noPadding ? styles.noPadding : \"\"\n    const gridStyles = {\n      gridColumnGap: columnGap ? columnGap : \"20px\",\n      gridAutoRows: rowHeight ? rowHeight : \"auto\",\n      backgroundColor: backgroundColor ? backgroundColor : \"#FFFFFF\",\n    }\n    const columnStyles = isImageOnLeft ? styles.innerReverse : styles.inner\n    return (\n      <div className={[styles.twoColumns, paddingStyle].join(\" \")}>\n        {title && (\n          <div className={styles.titleContainer}>\n            <h2>{title}</h2>\n          </div>\n        )}\n        <div className={columnStyles} style={gridStyles}>\n          {children}\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default TwoColumnSection\n"],"sourceRoot":""}