{"version":3,"sources":["webpack:///./img/ui/patterns/hero_background_1.svg","webpack:///./src/pages/benefits-ai-vs-ocr.tsx"],"names":["module","exports","ComparisonDetailPage","_ref","_data$prismicComparis","_page$hero_sub_title","_page$shipamax_pros","_page$traditional_con","_page$steps","_page$rows","data","page","prismicComparisonDetailPage","Error","React","Layout","HelmetSeo","Hero","title","hero_title","subTitle","hero_sub_title","raw","customBackground","HeroCoverBackground","src","HERO_BACKGROUND_1","Section","HorizontalContainer","style","textAlign","maxWidth","margin","comparison_heading","Cols","Col","flex","StyledComparisonBox","$pro","shipamax_pros","map","item","key","shipamax_pro","traditional_cons","traditional_con","StyledButtonWrap","Button","label","comparison_button_label","color","to","StyledSectionSteps","steps_heading","className","steps_description","StyledSteps","steps","step","i","step_description","StyledTableScroll","StyledTable","cellPadding","cellSpacing","rows","row","_row$row_text_traditi","_row$row_text_shipama","row_title","row_description","FormattedRichText","fontSize","render","row_text_traditional","undefined","onDark","row_text_shipamax","styled","withConfig","displayName","componentId","p","div","Color","darkBlue","cyan","blue","table","white","lightGrey"],"mappings":"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","file":"component---src-pages-benefits-ai-vs-ocr-tsx-217ad000ecbc1a7a5ac9.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/hero_background_1-eae493b5cec77934174f1866b2d56bd3.svg\";","import { graphql } from \"gatsby\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport { unwrapFirst } from \"../util\";\nimport {\n Layout,\n HelmetSeo,\n Hero,\n HeroCoverBackground,\n Section,\n Cols,\n Col,\n HorizontalContainer,\n Button,\n FormattedRichText,\n} from \"../components/legacy\";\nimport HERO_BACKGROUND_1 from \"../../img/ui/patterns/hero_background_1.svg\";\nimport { Color } from \"../constants/legacy\";\n\ntype Props = {\n data: GatsbyTypes.ComparisonDetailPageQuery;\n};\n\nexport const query = graphql`\n query ComparisonDetailPage {\n prismicComparisonDetailPage {\n data {\n hero_title\n hero_sub_title {\n raw\n }\n\n comparison_heading\n shipamax_pros {\n shipamax_pro\n }\n traditional_cons {\n traditional_con\n }\n comparison_button_label\n\n steps_heading\n steps_description\n steps {\n step_description\n }\n\n rows {\n row_title\n row_description\n row_text_traditional {\n raw\n }\n row_text_shipamax {\n raw\n }\n }\n\n cta_heading\n cta_detail_text\n cta_button_label\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\nexport default function ComparisonDetailPage({ data }: Props) {\n const page = data.prismicComparisonDetailPage?.data;\n if (!page) throw new Error(\"page missing\");\n\n return (\n \n \n\n }\n />\n\n
\n \n \n {page.comparison_heading}\n \n\n \n \n \n

Document Processing with Shipamax

\n {page.shipamax_pros?.map((item) =>\n !item ? null : (\n
{item.shipamax_pro}
\n )\n )}\n \n \n \n \n \n

Document Processing with Traditional OCR

\n {page.traditional_cons?.map((item) =>\n !item ? null : (\n
{item.traditional_con}
\n )\n )}\n \n \n \n\n \n \n \n \n
\n\n \n \n

{page.steps_heading}

\n\n
{page.steps_description}
\n\n \n {page.steps?.map((step, i) =>\n !step ? null : (\n
\n

Step {i + 1}

\n

{step.step_description}

\n
\n )\n )}\n \n \n \n\n \n
\n \n \n \n \n \n Traditional Template OCR\n Shipamax\n \n \n \n {page.rows?.map((row, i) =>\n !row ? null : (\n \n \n

{row.row_title}

\n
{row.row_description}
\n \n \n \n \n = 1 ? \"dark\" : undefined}>\n \n \n \n )\n )}\n \n \n \n
\n \n \n );\n}\n\nconst StyledComparisonBox = styled(\"div\")<{ $pro: boolean }>`\n padding: 35px;\n background-color: #f6f8fa;\n\n > h3 {\n font-size: 16px;\n }\n\n > div {\n padding-left: 30px;\n margin-bottom: 15px;\n font-size: 14px;\n position: relative;\n\n &::before {\n content: \"${(p) => (p.$pro ? \"✅\" : \"❌\")}\";\n position: absolute;\n left: 0;\n }\n }\n\n @media (max-width: 600px) {\n padding: 20px;\n }\n`;\n\nconst StyledButtonWrap = styled.div`\n margin: 60px auto 0;\n max-width: 200px;\n`;\n\nconst StyledSectionSteps = styled(Section)`\n background-color: ${Color.darkBlue};\n color: #fff;\n\n h2 {\n text-align: center;\n }\n\n h2,\n h3 {\n color: ${Color.cyan};\n }\n\n .description-wrap {\n max-width: 640px;\n text-align: center;\n margin: 0 auto;\n }\n`;\n\nconst StyledSteps = styled.div`\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin-top: 55px;\n margin-right: -3%;\n\n > div {\n background-color: ${Color.blue};\n padding: 20px;\n width: 47%;\n margin-right: 3%;\n margin-bottom: 25px;\n\n &:last-of-type {\n width: 97%;\n margin-bottom: 0;\n }\n\n h3 {\n margin-bottom: 10px;\n }\n\n @media (max-width: 600px) {\n width: 100%;\n margin-bottom: 20px;\n\n &:last-of-type {\n width: 100%;\n }\n }\n\n p:last-of-type {\n margin-bottom: 0;\n }\n }\n\n @media (max-width: 600px) {\n flex-direction: column;\n margin-right: 0;\n }\n`;\n\nconst StyledTableScroll = styled.div`\n overflow-x: auto;\n`;\n\nconst StyledTable = styled.table`\n color: #000000;\n\n th,\n td {\n background-color: ${Color.white};\n padding: 15px 18px;\n border: #828282 solid;\n border-width: 0 1px 1px 0;\n\n &:first-child {\n border-left-width: 1px;\n }\n }\n\n th {\n font-size: 14px;\n text-align: center;\n color: ${Color.white};\n background-color: ${Color.blue};\n border-top-width: 1px;\n\n &.empty {\n background-color: ${Color.lightGrey};\n }\n }\n\n td {\n background-color: ${Color.white};\n font-size: 12px;\n width: 35%;\n min-width: 250px;\n vertical-align: top;\n\n &.dark {\n background-color: ${Color.darkBlue};\n color: ${Color.white};\n }\n\n &.title {\n background-color: #eaeaea33;\n text-align: left;\n width: 30%;\n\n h3 {\n font-size: 18px;\n font-weight: 600;\n margin: 0 0 15px;\n }\n\n div {\n font-size: 14px;\n }\n }\n }\n`;\n"],"sourceRoot":""}