{"version":3,"file":"component---src-pages-us-operational-phase-tsx-dbab28bc3a1fa840dced.js","mappings":"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","sources":["webpack://sgnl-site/./src/components/Common/Section/Section.module.scss","webpack://sgnl-site/./src/components/Common/Section/index.tsx","webpack://sgnl-site/./src/components/RequestDemo/RequestDemo.module.scss","webpack://sgnl-site/./src/components/RequestDemo/index.tsx","webpack://sgnl-site/./src/pages-us/operational-phase.tsx","webpack://sgnl-site/./src/pages/news.module.scss"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport var section = \"Section-module--section--t2Kke\";\nexport var bg_white = \"Section-module--bg_white--K-nBF\";\nexport var bg_light = \"Section-module--bg_light--kwwQL\";\nexport var bg_dark = \"Section-module--bg_dark--vZSrp\";","import React from 'react'\nimport cn from 'classnames'\n\nimport * as s from './Section.module.scss'\n\ninterface SectionProps {\n  className?: string\n  bgColor?: 'white' | 'light' | 'dark'\n  id?: string\n}\n\nconst Section: React.FC<SectionProps> = ({\n  className,\n  id,\n  bgColor,\n  children,\n}) => {\n  return (\n    <section\n      className={cn(s.section, bgColor && s[`bg_${bgColor}`], className)}\n      id={id}\n    >\n      {children}\n    </section>\n  )\n}\n\nexport default Section\n","// extracted by mini-css-extract-plugin\nexport var section = \"RequestDemo-module--section--lqrh1\";\nexport var container = \"RequestDemo-module--container---Nrbe\";\nexport var column = \"RequestDemo-module--column--4qFr6\";\nexport var description = \"RequestDemo-module--description--W6r9t\";\nexport var text = \"RequestDemo-module--text--gqdtY\";\nexport var btns = \"RequestDemo-module--btns--YXjOW\";\nexport var image_bg = \"RequestDemo-module--image_bg--JCsKj\";\nexport var overlay = \"RequestDemo-module--overlay--7GCcj\";\nexport var image = \"RequestDemo-module--image--rtVis\";","import React from 'react'\nimport { graphql, useStaticQuery } from 'gatsby'\nimport { GatsbyImage, IGatsbyImageData } from 'gatsby-plugin-image'\n\nimport Typography from '../Common/Typography'\nimport { Button, Color } from '../Common/Button'\nimport Container from '../Common/Container'\nimport { useTranslations } from '../../hooks/use-translations'\n\nimport * as s from './RequestDemo.module.scss'\n\ninterface RequestDemoProps {\n  title: string\n  id?: string\n  bgImage?: IGatsbyImageData\n  moduleData: {\n    text?: string\n    btnText: string\n    onClick: () => void\n    btnColor?: Color\n  }\n  appData?: {\n    text: string\n    btnText: string\n    onClick: () => void\n    hasBtnIcon?: boolean\n    btnColor?: Color\n  }\n  buttonsElements?: React.ReactNode\n  imageData?: {\n    image: IGatsbyImageData\n    title: string\n  }\n}\n\nconst RequestDemo: React.FC<RequestDemoProps> = ({\n  title,\n  imageData,\n  bgImage,\n  moduleData,\n  appData,\n  buttonsElements,\n  id,\n}) => {\n  const { t } = useTranslations()\n  const images = useStaticQuery(imagesQuery)\n\n  return (\n    <section className={s.section} id={id}>\n      <div className={s.image_bg}>\n        <GatsbyImage\n          alt={t('Building')}\n          title={t('Building')}\n          className=\"w-100 h-100\"\n          image={bgImage || images.bg.childImageSharp.gatsbyImageData}\n        />\n      </div>\n      <div className={s.overlay} />\n      <Container className={s.container}>\n        <div className={s.column}>\n          <Typography variant=\"h2\" size={40} color=\"white\">\n            {title}\n          </Typography>\n          {(moduleData.text || appData) && (\n            <div className={s.description}>\n              {moduleData.text && (\n                <Typography variant=\"body1\" color=\"white\" className={s.text}>\n                  {moduleData.text}\n                </Typography>\n              )}\n              {appData && (\n                <Typography variant=\"body1\" color=\"white\" className={s.text}>\n                  {appData.text}\n                </Typography>\n              )}\n            </div>\n          )}\n          <div className={s.btns}>\n            {appData && (\n              <Button\n                size=\"large\"\n                color={appData.btnColor}\n                onClick={appData.onClick}\n                hasIcon={appData.hasBtnIcon}\n                style={{ marginBottom: 10 }}\n              >\n                {appData.btnText}\n              </Button>\n            )}\n            <Button\n              size=\"large\"\n              color={moduleData.btnColor}\n              onClick={moduleData.onClick}\n              style={buttonsElements ? { marginBottom: 10 } : undefined}\n            >\n              {moduleData.btnText}\n            </Button>\n            {buttonsElements}\n          </div>\n        </div>\n        {imageData && (\n          <GatsbyImage\n            image={imageData.image}\n            title={imageData.title}\n            alt={imageData.title}\n            className={s.image}\n          />\n        )}\n      </Container>\n    </section>\n  )\n}\n\nexport default RequestDemo\n\nconst imagesQuery = graphql`\n  query {\n    bg: file(relativePath: { eq: \"demo-bg.png\" }) {\n      childImageSharp {\n        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED)\n      }\n    }\n  }\n`\n","import React from 'react'\nimport { graphql, navigate, useStaticQuery } from 'gatsby'\nimport { StaticImage } from 'gatsby-plugin-image'\nimport cn from 'classnames'\n\nimport SEO from '../components/seo'\nimport Section from '../components/Common/Section'\nimport Container from '../components/Common/Container'\nimport Typography from '../components/Common/Typography'\nimport Link from '../components/Common/Link'\nimport { Button } from '../components/Common/Button'\nimport RequestDemo from '../components/RequestDemo'\nimport ContactForm from '../components/contact-form'\nimport { useTranslations } from '../hooks/use-translations'\n\nimport * as s from '../pages/news.module.scss'\n\nconst OperationalPhase = () => {\n  const { t, getPath } = useTranslations()\n  const images = useStaticQuery(imagesQuery)\n  const [modal, setModal] = React.useState(false)\n  return (\n    <>\n      <SEO\n        title={t('seo_title_operational_phase')}\n        description=\"In the project's operational stage, the focus shifts to the construction project's ongoing maintenance and operation. Digital twins are employed to replicate physical assets virtually, allowing for real-time monitoring and analysis. This enables predictive maintenance, where potential issues can be identified and addressed before they lead to costly disruptions, ensuring optimal performance.\"\n      />\n      <Section>\n        <Container>\n          <Typography variant=\"body1\" color=\"gray\" style={{ marginBottom: 8 }}>\n            {t('date_operational_phase')}\n          </Typography>\n          <Typography variant=\"h1\" color=\"blue\" size={40} mb={48}>\n            {t('title_operational_phase')}\n          </Typography>\n          <Typography variant=\"body1\" size={18}>\n            {t('operational_phase_text')}\n          </Typography>\n          <div className={cn(s.contentWrap, s.margin_top_48)}>\n            <div className={s.textWrap}>\n              <Typography variant=\"h2\" size={24} mb={16}>\n                {t('operational_phase_subtitle')}\n              </Typography>\n              <Typography variant=\"body1\" size={18}>\n                {t('operational_phase_text1.1')}{' '}\n                <Link\n                  href=\"https://bimforum.org/resource/lod-level-of-development-lod-specification\"\n                  target=\"_blank\"\n                  rel=\"nofollow noreferrer\"\n                >\n                  {t('operational_phase_text1.2')}\n                </Link>{' '}\n                {t('operational_phase_text1.3')}\n              </Typography>\n            </div>\n            <div className=\"flex flex-col\">\n              <StaticImage\n                width={564}\n                className=\"mb-8\"\n                src=\"../assets/images/solutions/operational-phase/image-1.png\"\n                alt=\"Digital Twin Development\"\n                title=\"Digital Twin Development\"\n                placeholder=\"blurred\"\n              />\n              <StaticImage\n                width={564}\n                src=\"../assets/images/solutions/operational-phase/image-2.png\"\n                alt=\"Digital Twin Development 2\"\n                title=\"Digital Twin Development 2\"\n                placeholder=\"blurred\"\n              />\n            </div>\n          </div>\n          <Typography\n            variant=\"h2\"\n            size={24}\n            className={s.margin_top_48}\n            mb={16}\n          >\n            {t('operational_phase_subtitle2')}\n          </Typography>\n          <Typography variant=\"body1\" size={18}>\n            {t('operational_phase_text2')}\n          </Typography>\n          <div className={cn(s.contentWrap, s.margin_top_48)}>\n            <div className={s.textWrap}>\n              <Typography variant=\"h2\" size={24} mb={16}>\n                {t('operational_phase_subtitle3')}\n              </Typography>\n              <Typography variant=\"body1\" size={18}>\n                {t('operational_phase_text3')}\n              </Typography>\n            </div>\n            <div>\n              <StaticImage\n                width={564}\n                src=\"../assets/images/solutions/operational-phase/image-3.png\"\n                alt=\"Virtual Training\"\n                title=\"Virtual Training\"\n                placeholder=\"blurred\"\n              />\n            </div>\n          </div>\n          <Button\n            size=\"large\"\n            className={cn('mx-auto', s.margin_top_48)}\n            onClick={() => navigate(getPath('/bim-services/'))}\n          >\n            {t('Other BIM services')}\n          </Button>\n        </Container>\n      </Section>\n      <RequestDemo\n        title={t('Know more')}\n        bgImage={images.demoBg.childImageSharp.gatsbyImageData}\n        moduleData={{\n          btnText: t('Request a call'),\n          onClick: () => setModal(true),\n          btnColor: 'white',\n        }}\n      />\n      {modal && (\n        <ContactForm\n          onClose={() => setModal(false)}\n          title={t('Request a call')}\n          requestType=\"Request a call\"\n        />\n      )}\n    </>\n  )\n}\n\nexport default OperationalPhase\n\nconst imagesQuery = graphql`\n  query {\n    demoBg: file(relativePath: { eq: \"services-solutions-demo.png\" }) {\n      childImageSharp {\n        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED)\n      }\n    }\n  }\n`\n","// extracted by mini-css-extract-plugin\nexport var section = \"news-module--section--g5uoe\";\nexport var maxContent = \"news-module--maxContent--mpYRW\";\nexport var content = \"news-module--content--v60SD\";\nexport var textTitle = \"news-module--textTitle--nitTa\";\nexport var textLists = \"news-module--textLists--IMoga\";\nexport var disc = \"news-module--disc--AqJ0s\";\nexport var auto = \"news-module--auto--u9wuf\";\nexport var decimal = \"news-module--decimal--+OTUr\";\nexport var check_mark = \"news-module--check_mark--P6DHG\";\nexport var imageBlock = \"news-module--imageBlock--TmnyQ\";\nexport var imageText = \"news-module--imageText--DgNcO\";\nexport var imageFullWidth = \"news-module--imageFullWidth--Rg4vs\";\nexport var imageEvent = \"news-module--imageEvent--y9m8O\";\nexport var imageClickable = \"news-module--imageClickable--wN1YK\";\nexport var imageClickable_bottom = \"news-module--imageClickable_bottom--6ol01\";\nexport var brandButtons = \"news-module--brandButtons--Alw1o\";\nexport var text = \"news-module--text--5E1Q6\";\nexport var video = \"news-module--video--6ohKO\";\nexport var videoSize = \"news-module--videoSize--WLsUN\";\nexport var authorWrapper = \"news-module--authorWrapper--pKcye\";\nexport var author = \"news-module--author--F1DUO\";\nexport var special_offer_image = \"news-module--special_offer_image--2F8hV\";\nexport var columnWrapper = \"news-module--columnWrapper--805HQ\";\nexport var boxShadow = \"news-module--boxShadow--zn30v\";\nexport var youtubeVideo = \"news-module--youtubeVideo---NENF\";\nexport var imageWrap = \"news-module--imageWrap--wN+Es\";\nexport var textWrap = \"news-module--textWrap--sagCF\";\nexport var textWrapCentered = \"news-module--textWrapCentered--Gc1WE\";\nexport var margin_top_48 = \"news-module--margin_top_48--icjNV\";\nexport var contentWrap = \"news-module--contentWrap--+JWDB\";\nexport var productLinksWrapper = \"news-module--productLinksWrapper--s8uye\";"],"names":["section","bg_white","bg_light","bg_dark","className","id","bgColor","children","cn","s","title","imageData","bgImage","moduleData","appData","buttonsElements","t","useTranslations","images","useStaticQuery","imagesQuery","G","alt","image","bg","childImageSharp","gatsbyImageData","Container","Typography","variant","size","color","text","Button","btnColor","onClick","hasIcon","hasBtnIcon","style","marginBottom","btnText","undefined","getPath","React","modal","setModal","description","mb","href","target","rel","S","width","src","placeholder","navigate","demoBg","onClose","requestType","textLists","decimal","check_mark","imageBlock","imageClickable","authorWrapper","columnWrapper","youtubeVideo","imageWrap","textWrap","textWrapCentered","margin_top_48","contentWrap","productLinksWrapper"],"sourceRoot":""}