{"version":3,"sources":["components/ContentBlock/LeftContentBlock/styles.ts","components/ContentBlock/LeftContentBlock/index.tsx","components/ContentBlock/RightContentBlock/index.tsx","components/ContentBlock/index.tsx"],"names":["LeftContentSection","styled","Content","ContentWrapper","ServiceWrapper","MinTitle","MinPara","withTranslation","icon","title","content","section","button","t","id","direction","justify","align","lg","md","sm","xs","SvgIcon","src","width","height","style","border","map","item","span","Button","color","fixedWidth","onClick","window","location","href","link","document","getElementById","scrollIntoView","behavior","scrollTo","ContentBlock","props","type","RightContentBlock"],"mappings":"sMAEaA,EAAqBC,YAAO,UAAPA,CAAH,+JASlBC,EAAUD,YAAO,IAAPA,CAAH,wDAIPE,EAAiBF,YAAO,MAAPA,CAAH,sJASdG,EAAiBH,YAAO,MAAPA,CAAH,qGAMdI,EAAWJ,YAAO,KAAPA,CAAH,2LASRK,EAAUL,YAAO,IAAPA,CAAH,gD,uBCkCLM,iBAzDU,SAAC,GAQA,IAPxBC,EAOuB,EAPvBA,KACAC,EAMuB,EANvBA,MACAC,EAKuB,EALvBA,QACAC,EAIuB,EAJvBA,QACAC,EAGuB,EAHvBA,OACAC,EAEuB,EAFvBA,EACAC,EACuB,EADvBA,GAEA,OACE,cAACd,EAAD,UACE,cAAC,IAAD,CAAMe,UAAU,OAAhB,SACE,eAAC,IAAD,CAAKC,QAAQ,gBAAgBC,MAAM,SAASH,GAAIA,EAAhD,UACE,cAAC,IAAD,CAAKI,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAjC,SACE,cAACC,EAAA,EAAD,CAASC,IAAKf,EAAMgB,MAAM,OAAOC,OAAO,OAAQC,MAAO,CAAEC,OAAQ,uBAEnE,cAAC,IAAD,CAAKT,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAjC,SACE,eAAClB,EAAD,WACE,6BAAKU,EAAEJ,KACP,cAACP,EAAD,UAAUW,EAAEH,KACZ,cAACN,EAAD,UACE,cAAC,IAAD,CAAKY,QAAQ,gBAAb,SACsB,kBAAZL,GACNA,EAAQiB,KAAI,SAACC,EAAWf,GACtB,OACE,eAAC,IAAD,CAAcgB,KAAM,GAApB,UACE,cAACR,EAAA,EAAD,CAASC,IAAKM,EAAKrB,KAAMgB,MAAM,OAAOC,OAAO,SAC7C,cAACpB,EAAD,UAAWQ,EAAEgB,EAAKpB,SAClB,cAACH,EAAD,UAAUO,EAAEgB,EAAKnB,aAHTI,UASpB,cAAC,IAAD,UACqB,kBAAXF,GACNA,EAAOgB,KAAI,SAACC,EAAWf,GACrB,OACE,cAACiB,EAAA,EAAD,CAEEC,MAAOH,EAAKG,MACZC,YAAY,EACZC,QAAS,WAAQC,OAAOC,SAASC,KAAOR,EAAKS,MAJ/C,SAMGzB,EAAEgB,EAAKpB,QALHK,uBCMdP,iBAhDI,SAAC,GAOM,IANxBE,EAMuB,EANvBA,MACAC,EAKuB,EALvBA,QACAE,EAIuB,EAJvBA,OACAJ,EAGuB,EAHvBA,KACAK,EAEuB,EAFvBA,EACAC,EACuB,EADvBA,GAQA,OACE,cAAC,IAAD,UACE,cAAC,IAAD,CAAMC,UAAU,QAAhB,SACE,eAAC,IAAD,CAAKC,QAAQ,gBAAgBC,MAAM,SAASH,GAAIA,EAAhD,UACE,cAAC,IAAD,CAAKI,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAjC,SACE,eAAC,IAAD,WACE,6BAAKR,EAAEJ,KACP,cAAC,IAAD,UAAUI,EAAEH,KACZ,cAAC,IAAD,UACqB,kBAAXE,GACNA,EAAOgB,KAAI,SAACC,EAAWf,GACrB,OACE,cAACiB,EAAA,EAAD,CAEEC,MAAOH,EAAKG,MACZC,YAAY,EACZC,QAAS,kBAtBd,SAACpB,GACAyB,SAASC,eAAe1B,GAChC2B,eAAe,CACrBC,SAAU,WAmBuBC,CAAS,UAJ1B,SAMG9B,EAAEgB,EAAKpB,QALHK,aAYnB,cAAC,IAAD,CAAKI,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAjC,SACE,cAACC,EAAA,EAAD,CAASC,IAAKf,EAAMgB,MAAM,OAAOC,OAAO,OAAOC,MAAO,CAAEC,OAAQ,iCC3C7DiB,UANM,SAACC,GACpB,MAAmB,SAAfA,EAAMC,KAAwB,cAAC,EAAD,eAAsBD,IACrC,UAAfA,EAAMC,KAAyB,cAACC,EAAD,eAAuBF,IACnD","file":"static/js/6.f9fc4c25.chunk.js","sourcesContent":["import styled from \"styled-components\";\r\n\r\nexport const LeftContentSection = styled(\"section\")`\r\n  position: relative;\r\n  padding: 10rem 0 8rem;\r\n\r\n  @media only screen and (max-width: 1024px) {\r\n    padding: 4rem 0 4rem;\r\n  }\r\n`;\r\n\r\nexport const Content = styled(\"p\")`\r\n  margin: 1.5rem 0 2rem 0;\r\n`;\r\n\r\nexport const ContentWrapper = styled(\"div\")`\r\n  position: relative;\r\n  max-width: 540px;\r\n\r\n  @media only screen and (max-width: 575px) {\r\n    padding-top: 4rem;\r\n  }\r\n`;\r\n\r\nexport const ServiceWrapper = styled(\"div\")`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  max-width: 100%;\r\n`;\r\n\r\nexport const MinTitle = styled(\"h6\")`\r\n  font-size: 15px;\r\n  line-height: 1rem;\r\n  padding: 0.5rem 0;\r\n  text-transform: uppercase;\r\n  color: #000;\r\n  font-family: \"Motiva Sans Light\", sans-serif;\r\n`;\r\n\r\nexport const MinPara = styled(\"p\")`\r\n  font-size: 13px;\r\n`;\r\n","import { Row, Col } from \"antd\";\r\nimport { withTranslation } from \"react-i18next\";\r\nimport { SvgIcon } from \"../../../common/SvgIcon\";\r\nimport { ContentBlockProps } from \"../types\";\r\nimport { Fade } from \"react-awesome-reveal\";\r\nimport {\r\n  LeftContentSection,\r\n  Content,\r\n  ContentWrapper,\r\n  ServiceWrapper,\r\n  MinTitle,\r\n  MinPara,\r\n} from \"./styles\";\r\nimport { ButtonWrapper } from \"../RightContentBlock/styles\";\r\nimport { Button } from \"../../../common/Button\";\r\n\r\nconst LeftContentBlock = ({\r\n  icon,\r\n  title,\r\n  content,\r\n  section,\r\n  button,\r\n  t,\r\n  id,\r\n}: ContentBlockProps) => {\r\n  return (\r\n    <LeftContentSection>\r\n      <Fade direction=\"left\">\r\n        <Row justify=\"space-between\" align=\"middle\" id={id}>\r\n          <Col lg={11} md={11} sm={12} xs={24}>\r\n            <SvgIcon src={icon} width=\"100%\" height=\"100%\"  style={{ border: \"10px solid #fff\" }} />\r\n          </Col>\r\n          <Col lg={11} md={11} sm={11} xs={24}>\r\n            <ContentWrapper>\r\n              <h6>{t(title)}</h6>\r\n              <Content>{t(content)}</Content>\r\n              <ServiceWrapper>\r\n                <Row justify=\"space-between\">\r\n                  {typeof section === \"object\" &&\r\n                    section.map((item: any, id: number) => {\r\n                      return (\r\n                        <Col key={id} span={11}>\r\n                          <SvgIcon src={item.icon} width=\"60px\" height=\"60px\" />\r\n                          <MinTitle>{t(item.title)}</MinTitle>\r\n                          <MinPara>{t(item.content)}</MinPara>\r\n                        </Col>\r\n                      );\r\n                    })}\r\n                </Row>\r\n              </ServiceWrapper>\r\n              <ButtonWrapper>\r\n                {typeof button === \"object\" &&\r\n                  button.map((item: any, id: number) => {\r\n                    return (\r\n                      <Button\r\n                        key={id}\r\n                        color={item.color}\r\n                        fixedWidth={true}\r\n                        onClick={() => { window.location.href = item.link }}\r\n                      >\r\n                        {t(item.title)}\r\n                      </Button>\r\n                    );\r\n                  })}\r\n              </ButtonWrapper>              \r\n            </ContentWrapper>\r\n          </Col>\r\n        </Row>\r\n      </Fade>\r\n    </LeftContentSection>\r\n  );\r\n};\r\n\r\nexport default withTranslation()(LeftContentBlock);\r\n","import { Row, Col } from \"antd\";\r\nimport { withTranslation } from \"react-i18next\";\r\nimport { SvgIcon } from \"../../../common/SvgIcon\";\r\nimport { Button } from \"../../../common/Button\";\r\nimport { ContentBlockProps } from \"../types\";\r\nimport { Fade } from \"react-awesome-reveal\";\r\nimport {\r\n  RightBlockContainer,\r\n  Content,\r\n  ContentWrapper,\r\n  ButtonWrapper,\r\n} from \"./styles\";\r\n\r\nconst RightBlock = ({\r\n  title,\r\n  content,\r\n  button,\r\n  icon,\r\n  t,\r\n  id,\r\n}: ContentBlockProps) => {\r\n  const scrollTo = (id: string) => {\r\n    const element = document.getElementById(id) as HTMLDivElement;\r\n    element.scrollIntoView({\r\n      behavior: \"smooth\",\r\n    });\r\n  };\r\n  return (\r\n    <RightBlockContainer>\r\n      <Fade direction=\"right\">\r\n        <Row justify=\"space-between\" align=\"middle\" id={id}>\r\n          <Col lg={11} md={11} sm={11} xs={24}>\r\n            <ContentWrapper>\r\n              <h6>{t(title)}</h6>\r\n              <Content>{t(content)}</Content>\r\n              <ButtonWrapper>\r\n                {typeof button === \"object\" &&\r\n                  button.map((item: any, id: number) => {\r\n                    return (\r\n                      <Button\r\n                        key={id}\r\n                        color={item.color}\r\n                        fixedWidth={true}\r\n                        onClick={() => scrollTo(\"about\")}\r\n                      >\r\n                        {t(item.title)}\r\n                      </Button>\r\n                    );\r\n                  })}\r\n              </ButtonWrapper>\r\n            </ContentWrapper>\r\n          </Col>\r\n          <Col lg={11} md={11} sm={12} xs={24}>\r\n            <SvgIcon src={icon} width=\"100%\" height=\"100%\" style={{ border: \"10px solid #fff\" }} />\r\n          </Col>\r\n        </Row>\r\n      </Fade>\r\n    </RightBlockContainer>\r\n  );\r\n};\r\n\r\nexport default withTranslation()(RightBlock);\r\n","import LeftContentBlock from \"./LeftContentBlock\";\r\nimport RightContentBlock from \"./RightContentBlock\";\r\nimport { ContentBlockProps } from \"./types\";\r\n\r\nconst ContentBlock = (props: ContentBlockProps) => {\r\n  if (props.type === \"left\") return <LeftContentBlock {...props} />;\r\n  if (props.type === \"right\") return <RightContentBlock {...props} />;\r\n  return null;\r\n};\r\n\r\nexport default ContentBlock;\r\n"],"sourceRoot":""}