{"version":3,"sources":["webpack:///./src/templates/product-page.tsx"],"names":["ProductPage","_ref","_data$prismicProductP","_product$top_section_","_product$gains","_product$extended_fea","_product$workflow_fea","data","product","prismicProductPage","React","Layout","HelmetSeo","Section","PageMaxWidth","Gutter","size","Grid","alignColumns","reverseColumns","Column","MaxWidth","width","Img","fluid","fluidImage","top_section_main_image","Text","typeface","as","bold","top_section_main_title","FormattedText","RichText","render","top_section_main_description","raw","HorizontalAlign","align","Button","colorTheme","label","top_section_main_button","to","CurvedSectionDivider","frontColor","position","backColor","SectionQuotes","quotes","md","gains","map","gain","i","Gain","preTitle","gain_pre_title","title","gain_title","content","gain_description","image","gain_image","features_title","extended_feature_title","extended_feature","feature","_feature$extended_fea","key","extended_feature_description_title","color","extended_feature_description","workflow_feature_title","workflow_feature","_feature$workflow_fea","workflow_feature_description_title","workflow_feature_description","SectionUseCases"],"mappings":"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","file":"component---src-templates-product-page-tsx-7cd8333c072349963ffa.js","sourcesContent":["import { graphql } from \"gatsby\";\nimport { RichText } from \"prismic-reactjs\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport {\n  Button,\n  Column,\n  CurvedSectionDivider,\n  FormattedText,\n  Gain,\n  Grid,\n  Gutter,\n  HelmetSeo,\n  HorizontalAlign,\n  Layout,\n  MaxWidth,\n  PageMaxWidth,\n  Section,\n  SectionQuotes,\n  SectionUseCases,\n} from \"../components\";\nimport Text from \"../components/Text\";\nimport { fixedImage, fluidImage } from \"../prismic-tools\";\nimport Img from \"gatsby-image\";\n\nexport const pageQuery = graphql`\n  query Product($uid: String!) {\n    prismicProductPage(uid: { eq: $uid }) {\n      uid\n      data {\n        top_section_main_title\n        top_section_main_description {\n          raw\n        }\n        top_section_main_button\n        top_section_main_image {\n          alt\n          dimensions {\n            width\n            height\n          }\n          url\n        }\n\n        quote_author_image {\n          alt\n          dimensions {\n            width\n            height\n          }\n          url\n        }\n        quote_company_logo {\n          alt\n          dimensions {\n            width\n            height\n          }\n          url\n        }\n        quote_author_name\n        quote_author_role\n        quote_title\n        quote_content {\n          raw\n        }\n\n        gains {\n          gain_title\n          gain_pre_title\n          gain_description {\n            raw\n          }\n          gain_image {\n            alt\n            dimensions {\n              width\n              height\n            }\n            url\n          }\n        }\n\n        features_title\n\n        extended_feature_title\n\n        extended_feature {\n          extended_feature_description_title\n          extended_feature_description {\n            raw\n          }\n        }\n\n        workflow_feature_title\n\n        workflow_feature {\n          workflow_feature_description_title\n          workflow_feature_description {\n            raw\n          }\n        }\n\n        seo_title\n        seo_description\n        share_image {\n          alt\n          dimensions {\n            width\n            height\n          }\n          url\n        }\n      }\n    }\n  }\n`;\n\ntype Props = {\n  data: GatsbyTypes.ProductQuery;\n};\n\nexport default function ProductPage({ data }: Props) {\n  const product = data.prismicProductPage?.data;\n  if (!product) {\n    return null;\n  }\n\n  return (\n    <Layout>\n      <HelmetSeo {...product} />\n\n      <Section>\n        <PageMaxWidth>\n          <Gutter size={3} />\n          <Grid alignColumns=\"center\" reverseColumns>\n            <Column size={6}>\n              <MaxWidth width={528}>\n                <Img fluid={fluidImage(product.top_section_main_image, 528)} />\n              </MaxWidth>\n            </Column>\n            <Column size={1} />\n            <Column size={5}>\n              <Text typeface=\"h1\" as=\"h1\" bold>\n                {product.top_section_main_title}\n              </Text>\n              <Gutter />\n              <FormattedText>\n                <RichText render={product.top_section_main_description?.raw} />\n              </FormattedText>\n              <Gutter />\n\n              <HorizontalAlign align=\"flex-start\">\n                <Button\n                  colorTheme=\"orange\"\n                  label={product.top_section_main_button}\n                  to=\"/contact\"\n                />\n              </HorizontalAlign>\n            </Column>\n          </Grid>\n          <Gutter size={5} />\n        </PageMaxWidth>\n      </Section>\n\n      <CurvedSectionDivider\n        frontColor=\"newDark2\"\n        position=\"top\"\n        backColor=\"light1\"\n      />\n      <SectionQuotes quotes={[product]} />\n      <CurvedSectionDivider\n        frontColor=\"newDark2\"\n        position=\"bottom\"\n        backColor=\"light1\"\n      />\n      <Section>\n        <PageMaxWidth>\n          <Gutter size={6} md={2.5} />\n          {product.gains?.map(\n            (gain, i) =>\n              gain && (\n                <>\n                  <Gain\n                    reverseColumns={i % 2 === 0}\n                    preTitle={gain.gain_pre_title}\n                    title={gain.gain_title}\n                    content={gain.gain_description}\n                    image={gain.gain_image}\n                  />\n                  <Gutter size={6} md={2.5} />\n                </>\n              )\n          )}\n          <Grid>\n            <Column size={12}>\n              <Text typeface=\"h3\" as=\"h3\" bold>\n                {product.features_title}\n              </Text>\n            </Column>\n          </Grid>\n\n          <Gutter size={2} />\n          <Grid>\n            <Column size={6}>\n              <Text typeface=\"h5\" bold>\n                {product.extended_feature_title}\n              </Text>\n              <Gutter size={1.5} />\n              {product.extended_feature?.map((feature) => {\n                if (!feature) return null;\n                return (\n                  <React.Fragment\n                    key={feature.extended_feature_description_title}\n                  >\n                    <Text>\n                      <Text color=\"orange1\">\n                        {feature.extended_feature_description_title}\n                      </Text>\n                      <FormattedText>\n                        <RichText\n                          render={feature.extended_feature_description?.raw}\n                        />\n                      </FormattedText>\n                    </Text>\n                    <Gutter />\n                  </React.Fragment>\n                );\n              })}\n            </Column>\n            <Column size={1} />\n            <Column size={5}>\n              <Text typeface=\"h5\" bold>\n                {product.workflow_feature_title}\n              </Text>\n              <Gutter />\n              {product.workflow_feature?.map((feature) => {\n                if (!feature) return null;\n                return (\n                  <React.Fragment\n                    key={feature.workflow_feature_description_title}\n                  >\n                    <Text>\n                      <Text color=\"orange1\">\n                        {feature.workflow_feature_description_title}\n                      </Text>\n                      <FormattedText>\n                        <RichText\n                          render={feature.workflow_feature_description?.raw}\n                        />\n                      </FormattedText>\n                    </Text>\n                    <Gutter />\n                  </React.Fragment>\n                );\n              })}\n            </Column>\n          </Grid>\n          <Gutter size={6} />\n        </PageMaxWidth>\n      </Section>\n\n      <SectionUseCases />\n      <Gutter size={6} />\n    </Layout>\n  );\n}\n"],"sourceRoot":""}