{"version":3,"sources":["webpack:///./src/proPages/why-us.tsx"],"names":["StyledImageContainer","styled","ImageContainer","WhyUsPage","page","data","components","sections","map","section","index","internal","type","hero","key","leftSpanDesk","rightSpanDesk","leftSpanTab","rightSpanTab","level","size","content","heading","imageElement","mobileBackgroundImage","desktopBackgroundImage","fullWidth","ignorePadding","borderRadius","heightMobile","bulletInfoSections","backgroundColor","colors","white","pro","contentBlock","proVersion","description","buttonsGroup","backgroundImageDesktop","backgroundImageTablet","backgroundImageMobile","contentTheme","contentPositionMobile","contentPositionDesktop","showAllButtonsDesktop","showAllButtonsMobile","enableBackgroundColor","contentBackground","mainHeroBlock","contentAlignCenterMobile","length","title","metadata","pageQuery"],"mappings":"wHAAA,sLA2BMA,EAAuBC,YAAOC,KAAV,+EAAGD,CAAH,2CA4GXE,UApGG,SAAC,GAAoB,MAC7BC,EAD6B,EAAlBC,KACXD,KACFE,EAAaF,SAAH,UAAGA,EAAMG,gBAAT,aAAG,EAAgBC,KAAI,SAACC,EAASC,GAAU,cACzD,OAAQD,SAAR,UAAQA,EAASE,gBAAjB,aAAQ,EAAmBC,MACzB,IAAK,uBACH,IAAMC,EAAOJ,EACb,OACE,kBAAC,WAAD,CAAUK,IAAG,0BAA4BJ,GACvC,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAQK,aAAc,EAAGC,cAAe,EAAGC,YAAa,EAAGC,aAAc,GACvE,kBAAC,IAAD,CAASC,MAAM,KAAKC,KAAK,KAAKC,QAASR,SAAF,UAAEA,EAAMS,eAAR,aAAE,EAAeA,aAKhE,IAAK,4BACH,IAAMC,EAAed,EACrB,OAAOc,aAAA,EAAAA,EAAcC,yBAAyBD,aAAvC,EAAuCA,EAAcE,wBAC1D,kBAAC,WAAD,CAAUX,IAAG,gCAAkCJ,GAClC,IAAVA,EACC,kBAAC,IAAD,CAAuBgB,WAAS,EAACC,eAAa,GAC5C,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEH,sBAAuBD,EAAaC,sBACpCC,uBAAwBF,EAAaE,uBACrCG,cAAY,MAKlB,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAQb,aAAc,EAAGC,cAAe,EAAGC,YAAa,EAAGC,aAAc,GACvE,kBAAClB,EAAD,CACEwB,sBAAuBD,EAAaC,sBACpCC,uBAAwBF,EAAaE,uBACrCG,cAAY,MAMpB,kBAAC,IAAD,CAAQC,aAAc,MAGxB,kBAAC,WAAD,CAAUf,IAAG,kBAAoBJ,IAErC,IAAK,+BACH,IAAMoB,EAAqBrB,EAC3B,OACE,kBAAC,WAAD,CAAUK,IAAG,mCAAqCJ,GAChD,kBAAC,IAAD,CAAuBiB,eAAa,GAClC,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEI,gBAAe,GAAKC,IAAOC,MAC3BC,KAAG,EACH3B,SAAUuB,EAAoBvB,aAIpC,kBAAC,IAAD,CAAQsB,aAAc,MAG5B,IAAK,yBACH,IAAMM,EAAe1B,EACrB,OACE,kBAAC,WAAD,CAAUK,IAAG,4BAA8BJ,GACzC,kBAAC,IAAD,CACE0B,YAAU,EACVd,QAAO,UAAEa,EAAab,eAAf,aAAE,EAAsBA,QAC/Be,YAAaF,EAAaE,YAC1BC,aAAcH,EAAaG,aAC3BC,uBAAwBJ,EAAaI,uBACrCC,sBAAuBL,EAAaK,sBACpCC,sBAAuBN,EAAaM,sBACpCC,aAAcP,EAAaO,aAC3BC,sBAAuBR,EAAaQ,sBACpCC,uBAAwBT,EAAaS,uBACrCC,sBAAuBV,EAAaU,sBACpCC,qBAAsBX,EAAaW,qBACnCC,sBAAuBZ,EAAaY,sBACpCC,kBAAiB,UAAEb,EAAaa,yBAAf,QAAoC,QACrDC,cAAed,EAAac,cAC5BC,yBAAwB,UAAEf,EAAae,gCAAf,YAEzB9C,aAAA,EAAAA,EAAMG,WAAYG,IAAUN,EAAKG,SAAS4C,OAAS,GAAK,kBAAC,IAAD,CAAQtB,aAAc,MAGrF,QACE,OAAO,SAIb,OACE,kBAAC,IAAD,CAASuB,MAAM,SAASC,SAAUjD,aAAF,EAAEA,EAAMiD,UACtC,kBAAC,IAAD,MACA,oCAAG/C,KAOF,IAAMgD,EAAY","file":"component---src-pro-pages-why-us-tsx-6f79a901b48d6fef9e28.js","sourcesContent":["import React, { Fragment } from \"react\"\nimport styled from \"styled-components\"\nimport { graphql } from \"gatsby\"\nimport {\n  WhyUsQuery,\n  ContentfulSimpleHero,\n  ContentfulImageSetElement,\n  ContentfulBulletInfoSections,\n  ContentfulBulletInfoSection,\n  ParagraphWithRemarkFragment,\n  ContentfulLink,\n  ContentfulContentBlock,\n} from \"../../types/graphql-types\"\nimport ProPage from \"../components/ProPage\"\nimport Heading from \"../components/heading\"\nimport ImageContainer from \"../components/ImageContainer\"\nimport BulletInfoSections from \"../components/index/bulletInfoSections\"\nimport ContentBlock from \"../components/ContentBlock\"\nimport { NavSpacer } from \"../components/page\"\nimport { SingleColumnContainer, Column, SizedColumn, Spacer } from \"../components/layout\"\n\nimport colors from \"../utils/colors\"\n\ninterface Props {\n  data: WhyUsQuery\n}\n\nconst StyledImageContainer = styled(ImageContainer)`\n  max-height: 70vh;\n\n  img {\n    max-height: 70vh;\n  }\n`\n\nconst WhyUsPage = ({ data }: Props) => {\n  const { page } = data\n  const components = page?.sections?.map((section, index) => {\n    switch (section?.internal?.type) {\n      case \"ContentfulSimpleHero\":\n        const hero = section as ContentfulSimpleHero\n        return (\n          <Fragment key={`contentful-simple-hero-${index}`}>\n            <SingleColumnContainer>\n              <Column leftSpanDesk={2} rightSpanDesk={2} leftSpanTab={1} rightSpanTab={1}>\n                <Heading level=\"h1\" size=\"h1\" content={hero?.heading?.heading} />\n              </Column>\n            </SingleColumnContainer>\n          </Fragment>\n        )\n      case \"ContentfulImageSetElement\":\n        const imageElement = section as ContentfulImageSetElement\n        return imageElement?.mobileBackgroundImage && imageElement?.desktopBackgroundImage ? (\n          <Fragment key={`contentful-image-set-element-${index}`}>\n            {index === 0 ? (\n              <SingleColumnContainer fullWidth ignorePadding>\n                <SizedColumn>\n                  <ImageContainer\n                    mobileBackgroundImage={imageElement.mobileBackgroundImage}\n                    desktopBackgroundImage={imageElement.desktopBackgroundImage}\n                    borderRadius\n                  />\n                </SizedColumn>\n              </SingleColumnContainer>\n            ) : (\n              <SingleColumnContainer>\n                <Column leftSpanDesk={0} rightSpanDesk={0} leftSpanTab={0} rightSpanTab={0}>\n                  <StyledImageContainer\n                    mobileBackgroundImage={imageElement.mobileBackgroundImage}\n                    desktopBackgroundImage={imageElement.desktopBackgroundImage}\n                    borderRadius\n                  />\n                </Column>\n              </SingleColumnContainer>\n            )}\n\n            <Spacer heightMobile={0.5} />\n          </Fragment>\n        ) : (\n          <Fragment key={`empty-fragment-${index}`}></Fragment>\n        )\n      case \"ContentfulBulletInfoSections\":\n        const bulletInfoSections = section as ContentfulBulletInfoSections\n        return (\n          <Fragment key={`contentful-bullet-info-sections-${index}`}>\n            <SingleColumnContainer ignorePadding>\n              <Column>\n                <BulletInfoSections\n                  backgroundColor={`${colors.white}`}\n                  pro\n                  sections={bulletInfoSections!.sections as ContentfulBulletInfoSection[]}\n                />\n              </Column>\n            </SingleColumnContainer>\n            <Spacer heightMobile={0.5} />\n          </Fragment>\n        )\n      case \"ContentfulContentBlock\":\n        const contentBlock = section as ContentfulContentBlock\n        return (\n          <Fragment key={`contentful-content-block-${index}`}>\n            <ContentBlock\n              proVersion\n              heading={contentBlock.heading?.heading!}\n              description={contentBlock.description as ParagraphWithRemarkFragment}\n              buttonsGroup={contentBlock.buttonsGroup as ContentfulLink[]}\n              backgroundImageDesktop={contentBlock.backgroundImageDesktop!}\n              backgroundImageTablet={contentBlock.backgroundImageTablet!}\n              backgroundImageMobile={contentBlock.backgroundImageMobile!}\n              contentTheme={contentBlock.contentTheme!}\n              contentPositionMobile={contentBlock.contentPositionMobile!}\n              contentPositionDesktop={contentBlock.contentPositionDesktop!}\n              showAllButtonsDesktop={contentBlock.showAllButtonsDesktop!}\n              showAllButtonsMobile={contentBlock.showAllButtonsMobile!}\n              enableBackgroundColor={contentBlock.enableBackgroundColor!}\n              contentBackground={contentBlock.contentBackground ?? \"white\"}\n              mainHeroBlock={contentBlock.mainHeroBlock!}\n              contentAlignCenterMobile={contentBlock.contentAlignCenterMobile ?? false}\n            />\n            {page?.sections && index !== page.sections.length - 1 && <Spacer heightMobile={0.5} />}\n          </Fragment>\n        )\n      default:\n        return null\n    }\n  })\n\n  return (\n    <ProPage title=\"Why Us\" metadata={page?.metadata}>\n      <NavSpacer />\n      <>{components}</>\n    </ProPage>\n  )\n}\n\nexport default WhyUsPage\n\nexport const pageQuery = graphql`\n  query WhyUs($locale: String = \"en\") {\n    navigation: contentfulNavigation {\n      links {\n        ...Link\n      }\n    }\n    page: contentfulPage(label: { eq: \"HMD ConnectPro - Why Us\" }, node_locale: { eq: $locale }) {\n      metadata {\n        ...Metadata\n      }\n      sections {\n        ... on ContentfulImageSetElement {\n          internal {\n            type\n          }\n          mobileBackgroundImage {\n            fluid(maxWidth: 767, quality: 90) {\n              ...GatsbyContentfulFluid_withWebp\n            }\n          }\n          desktopBackgroundImage {\n            fluid(maxWidth: 2000, quality: 90) {\n              ...GatsbyContentfulFluid_withWebp\n            }\n          }\n        }\n        ... on ContentfulSimpleHero {\n          internal {\n            type\n          }\n          heading {\n            heading\n          }\n        }\n        ... on ContentfulBulletInfoSections {\n          internal {\n            type\n          }\n          sections {\n            position\n            heading {\n              heading\n            }\n            description {\n              ...ParagraphWithRemark\n            }\n            image {\n              fluid(maxWidth: 500, quality: 90) {\n                ...GatsbyContentfulFluid_withWebp\n              }\n            }\n          }\n        }\n        ... on ContentfulContentBlock {\n          internal {\n            type\n          }\n          heading {\n            heading\n          }\n          description {\n            ...ParagraphWithRemark\n          }\n          buttonsGroup {\n            ...Link\n          }\n          backgroundImageMobile {\n            fluid(maxWidth: 767, quality: 80) {\n              ...GatsbyContentfulFluid_withWebp\n            }\n          }\n          backgroundImageTablet {\n            fluid(maxWidth: 991, quality: 80) {\n              ...GatsbyContentfulFluid_withWebp\n            }\n          }\n          backgroundImageDesktop {\n            fluid(maxWidth: 2000, quality: 80) {\n              ...GatsbyContentfulFluid_withWebp\n            }\n          }\n          contentTheme\n          contentPositionMobile\n          contentPositionDesktop\n          showAllButtonsDesktop\n          showAllButtonsMobile\n          enableBackgroundColor\n          contentAlignCenterMobile\n          contentBackground\n          mainHeroBlock\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}