{"version":3,"sources":["webpack:///./src/images/monei_pay_payment_es.png","webpack:///./src/components/RelatedBlogPosts.tsx","webpack:///./src/images/paypal-logo-small.svg","webpack:///./src/utils/blog-utils.ts","webpack:///./src/components/links/Blog.tsx","webpack:///./src/images/scanme_qr_group_en.svg","webpack:///./src/images/monei_pay_qr_es.png","webpack:///./src/images/bizum_payment_gateway.svg","webpack:///./src/images/applepay-logo-small.svg","webpack:///./src/images/baloon.svg","webpack:///./src/components/monei-pay/MainTitleContent.tsx","webpack:///./src/components/monei-pay/IndexBackground.tsx","webpack:///./src/images/video_left_top_corner.svg","webpack:///./src/images/scanme_qr_group_es.png","webpack:///./src/pages/monei-pay/qr.tsx","webpack:///./src/images/monei_qr.svg","webpack:///./src/components/links/Support.tsx","webpack:///./src/components/landings/MoneiVideoSection.tsx","webpack:///./src/images/googlepay-logo-small.svg","webpack:///./src/images/monei_pay_qr_en.png","webpack:///./src/components/monei-pay/QrGroup.tsx","webpack:///./src/components/monei-pay/CompatibleWith.tsx","webpack:///./src/components/Bold.ts","webpack:///./src/images/monei_pay_payment_en.png","webpack:///./src/images/video_left_bottom_corner.svg","webpack:///./src/components/List.tsx","webpack:///./src/components/landings/GradientBox.tsx"],"names":["module","exports","CardImage","styled","div","withConfig","displayName","componentId","Image","img","CardContent","Title","p","Summary","PostsWrapper","containerSize","Slider","ScreenSizes","md","Card","Wrapper","props","justify","direction","xs","ArrowContainer","left","right","SliderArrow","_ref","onClick","React","createElement","xmlns","viewBox","fill","d","RelatedBlogPosts","_ref2","_breakpoints","posts","_useKeenSlider","useKeenSlider","loop","mode","slides","perView","spacing","breakpoints","lg","ms","sm","sliderRef","instanceRef","_useState","useState","hasNext","setHasNext","_useState2","hasPrev","setHasPrev","useEffect","current","update","setArrowsState","on","animator","targetIdx","track","details","maxIdx","ref","className","style","margin","display","flexDirection","_instanceRef$current","prev","map","post","index","gap","src","imageUrl","alt","title","text","truncateText","summary","BlogLink","slug","uid","Trans","_instanceRef$current2","next","postCategory","category","categories","find","cat","getBlogPostFromEdge","_post$slice_zone","_post$image","_post$image2","_post$image3","_faq_section$fields","_faq_section$primary","_faq_section$primary$","_faq_section$primary2","_faq_section$primary3","faq_section","slice_zone","slice","type","blogPost","Object","assign","_meta","updated_at","moment","format","undefined","meta_title","RichText","asText","meta_description","categorySlug","secondary_category","body","cta","author","author_card","tags","image_source","image","url","imageWidth","dimensions","width","imageHeight","height","custom_html","imageRatio","firstPublicationDate","Date","lang","substr","faqs","fields","field","_field$title","_field$title$","faqsTitle","primary","faqs_title","faqsDescription","faqs_description","getPostsFromPrismicEdges","tag","filter","_post$node$_meta$tags","node","includes","decodeURI","sort","a","b","secondaryDiff","diff","removeDuplicatedPosts","Array","from","Set","id","Boolean","sortPostsByDate","sortedPosts","mostRecentDateA","isAfter","mostRecentDateB","setMomentLocale","mapCategory","order","maxLength","length","substring","anchor","children","language","useI18next","origin","setOrigin","window","location","AnchorLink","target","href","targetLanguage","MainTitleContent","StyledDiv","Background","SectionDescription","MaskedImage","ReviewsBackground","QrCodePayments","_useI18next","t","scanToPay","LanguageEnum","en","monei_pay_qr_en","monei_pay_qr_es","moneiPayPayment","monei_pay_payment_en","monei_pay_payment_es","data","place","rating","googlePlacesPlace","user_ratings_total","reviews","allGooglePlacesReview","nodes","prismic","allCategorys","edges","popularPosts","allPosts","Fragment","SEO","description","IndexBackground","Content","Section","columnLg","sx","maxWidth","all","SectionHeader","underline","tagName","parent","SectionActions","SignUpButton","variant","marginRight","ContactSalesButton","CompatibleWith","MoneiVideoSection","marginTop","centered","SectionImage","InternalPageLink","List","Flex","DownloadOnAppleStore","DownloadOnGooglePlay","padding","fontSize","SupportLink","mobileWidth","reverseOnMobile","paddingTop","QrGroup","Bold","justifyContent","textAlign","GoogleReviews","GradientBox","light","moneiQr","paddingBottom","query","source","toString","this","languageMap","es","pt","de","fr","it","ca","external","links","supportUrl","VideoSection","MoneiPayVideo","iframe","VideoLeftTopCorner","VideoLeftBottomCorner","Baloon","useTranslation","videoLeftTopCorner","videoLeftBottomCorner","allow","baloon","QrGroupContainer","scanme_qr_group","scanme_qr_group_es","scanme_qr_group_en","pmLogos","applePay","googlePay","bizum","paypal","_ref$title","_ref$logos","logos","StyledP","color","flexWrap","alignItems","logo","StyledImg","span","StyledUl","listStyle","OrderedList","ol","align","css","Cta","StyledSection","CtaWrapper","CtaContent","GradientSectionDescription","GradientCtaImage","wrapperStyle","contentStyle"],"mappings":"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","file":"component---src-pages-monei-pay-qr-tsx-821d466459a19ffabf1d.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/monei_pay_payment_es-b2684e0f306bf7cd41c801429d53a0e2.png\";","import React, {useEffect, useState} from 'react';\nimport {Trans} from 'react-i18next';\nimport {Section, SectionHeader} from './Section';\nimport styled from 'styled-components';\nimport {containerSize, ScreenSizes} from '../../types/responsive';\nimport {useKeenSlider} from 'keen-slider/react';\nimport {Button} from './Button';\nimport {truncateText} from 'utils/blog-utils';\nimport {Content} from './Content';\nimport { BlogLink } from './links/Blog';\n\n// Estilos de la imagen\nconst CardImage = styled.div`\n  overflow: hidden;\n  height: 200px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Image = styled.img`\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  margin-bottom: 0;\n`;\n\n// Estilos del contenido\nconst CardContent = styled.div`\n  flex-grow: 1; /* Allow content to grow and take available space */\n  display: flex;\n  flex-direction: column; /* Stack title and publication date vertically */\n  justify-content: space-between;\n  padding: 15px;\n`;\n\nconst Title = styled.p`\n  text-align: left;\n  margin-top: 0;\n`;\n\nconst Summary = styled.p`\n  text-align: left;\n  font-size: 0.9em;\n  color: #666;\n  margin: 8px 0;\n  border-top: 1px solid #e0e0e0;\n  padding-top: 8px;\n`;\n\nconst PostsWrapper = styled.div`\n  max-width: ${containerSize};\n  width: 100%;\n  margin: auto;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 18px;\n  padding: 4px 20px;\n`;\n\nconst Slider = styled.div`\n  overflow: hidden;\n  position: relative;\n  @media (max-width: ${ScreenSizes.md}) {\n    overflow: visible !important;\n  }\n`;\n\nconst Card = styled.div`\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 5px;\n  overflow: hidden;\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  height: 100%; /* Allow the card to take full height of the wrapper */\n  justify-content: space-between; /* Space between title and publication date */\n`;\n\nconst Wrapper = styled.div<{\n  direction?: 'row' | 'column';\n  gap?: string;\n  justify?:\n    | 'space-between'\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-around'\n    | 'space-evenly';\n}>`\n  height: 100%;\n  display: flex;\n  position: relative;\n  justify-content: ${(props) => props.justify || 'flex-start'};\n  align-items: center;\n  flex-direction: ${(props) => props.direction || 'row'};\n  gap: 6px;\n  margin-bottom: 1px;\n  @media (max-width: ${ScreenSizes.xs}) {\n    flex-direction: column;\n  }\n`;\n\nconst ArrowContainer = styled.div<{left?: boolean; right?: boolean}>`\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  margin: 0;\n  border-radius: 50%;\n  background-color: rgba(17, 17, 17, 0.5);\n  box-shadow: rgb(0 0 0 / 30%) 0 4px 12px 0;\n  top: calc(50% - 16px);\n  left: ${(props) => (props.left ? '6px' : 'unset')};\n  right: ${(props) => (props.right ? '6px' : 'unset')};\n  z-index: 100;\n  cursor: pointer;\n\n  svg {\n    position: absolute;\n    width: 18px;\n    height: 18px;\n    left: calc(50% - 9px);\n    top: calc(50% - 9px);\n    path {\n      fill: rgb(255, 255, 255);\n    }\n  }\n\n  &:hover {\n    box-shadow: rgb(0 0 0 / 50%) 0 4px 12px 0;\n    background-color: rgba(17, 17, 17);\n  }\n`;\nconst SliderArrow: React.FC<\n  {left?: boolean; right?: boolean; onClick: () => void} & React.HTMLAttributes<HTMLDivElement>\n> = ({left, right, onClick}) => {\n  return (\n    <ArrowContainer onClick={onClick} left={left} right={right}>\n      {left && (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14.2 24.1\">\n          <path fill=\"currentColor\" d=\"M12.05,24.1l-12-12L12.05,0,14.2,2.15l-9.9,9.9L14.2,22Z\" />\n        </svg>\n      )}\n      {right && (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14.2 24.1\">\n          <path fill=\"currentColor\" d=\"M2.15,24.1,0,22l9.9-9.9L0,2.15,2.15,0l12,12.05Z\" />\n        </svg>\n      )}\n    </ArrowContainer>\n  );\n};\nexport const RelatedBlogPosts = ({posts}: any) => {\n  const [sliderRef, instanceRef] = useKeenSlider<HTMLDivElement>({\n    loop: false,\n    mode: 'snap',\n    slides: {perView: 4, spacing: 18},\n    breakpoints: {\n      ['(max-width: ' + ScreenSizes.lg + ')']: {\n        slides: {perView: 3.5, spacing: 16}\n      },\n      ['(max-width: ' + ScreenSizes.md + ')']: {\n        slides: {perView: 3, spacing: 16}\n      },\n      ['(max-width: ' + ScreenSizes.ms + ')']: {\n        slides: {perView: 2.5, spacing: 14}\n      },\n      ['(max-width: ' + ScreenSizes.sm + ')']: {\n        slides: {perView: 2, spacing: 14}\n      },\n      ['(max-width: ' + ScreenSizes.xs + ')']: {\n        slides: {perView: 1, spacing: 12}\n      }\n    }\n  });\n  const [hasNext, setHasNext] = useState(true);\n  const [hasPrev, setHasPrev] = useState(true);\n  useEffect(() => {\n    if (!instanceRef.current) return;\n    instanceRef.current.update();\n    setArrowsState();\n  }, [instanceRef]);\n\n  useEffect(() => {\n    if (!instanceRef.current) return;\n    instanceRef.current.on('dragEnded', setArrowsState);\n  }, [sliderRef]);\n\n  const setArrowsState = () => {\n    setHasPrev(instanceRef.current.animator.targetIdx > 0);\n    setHasNext(instanceRef.current.animator.targetIdx < instanceRef.current.track.details.maxIdx);\n  };\n\n  return (\n        <PostsWrapper>\n          <Slider\n            ref={sliderRef}\n            className=\"keen-slider\"\n            style={{margin: 0, display: 'flex', flexDirection: 'row'}}>\n            {hasPrev && (\n              <SliderArrow\n                left\n                onClick={() => {\n                  instanceRef.current?.prev();\n                  setArrowsState();\n                }}\n              />\n            )}\n            {posts.map((post: any, index: number) => (\n              <Wrapper className=\"keen-slider__slide\" direction=\"column\" gap=\"8px\">\n                <Card>\n                  <CardImage>\n                    <Image src={post.imageUrl} alt=\"Imagen\" />\n                  </CardImage>\n                  <CardContent>\n                    <Title>{post.title[0].text}</Title>\n                    <Summary>{truncateText(post.summary[0].text, 100)}</Summary>\n                    <BlogLink slug={post.uid}>\n                      <Trans>Read more</Trans>\n                    </BlogLink>\n                  </CardContent>\n                </Card>\n              </Wrapper>\n            ))}\n            {hasNext && (\n              <SliderArrow\n                right\n                onClick={() => {\n                  instanceRef.current?.next();\n                  setArrowsState();\n                }}\n              />\n            )}\n          </Slider>\n        </PostsWrapper>\n  );\n};\n","module.exports = __webpack_public_path__ + \"static/paypal-logo-small-1b118a783f8a68d7c204822d5945dbec.svg\";","// i18next-extract-mark-ns-start blog\n\nimport {\n  Prismic_Author,\n  Prismic_Call_To_Action,\n  Prismic_CategoryConnectionEdge,\n  Prismic_Post,\n  Prismic_PostConnectionEdge\n} from '../../types/graphql-types';\nimport {RichText} from 'prismic-reactjs';\nimport moment from 'moment/moment';\nimport {BlogCategoryType, BlogLocale, BlogPost} from '../../types/BlogTypes';\nimport {Language} from '../../locales/types';\nimport {TFunction} from 'i18next';\nimport {setMomentLocale} from './helpers';\n\nfunction postCategory(category: string, categories: BlogCategoryType[]) {\n  return categories.find((cat) => cat.slug === category);\n}\n\nexport function getBlogPostFromEdge(post: Prismic_Post, categories: BlogCategoryType[]): BlogPost {\n  const faq_section = post.slice_zone?.find((slice) => slice.type === 'faq_section');\n  const blogPost: BlogPost = {\n    ...(post._meta.uid\n      ? {\n          uid: post._meta.uid,\n          slug: '/blog/' + post._meta.uid + '/'\n        }\n      : {}),\n    title: post.title || [],\n    updated_at: post.updated_at ? moment(post.updated_at).format('LL') : undefined,\n    meta_title: RichText.asText(post.meta_title || post.title || []),\n    meta_description: RichText.asText(post.meta_description || []),\n    summary: post.summary || [],\n    ...(post.category\n      ? {\n          category: postCategory(post.category, categories),\n          categorySlug: '/blog/' + post.category + '/'\n        }\n      : {}),\n    ...(post.secondary_category\n      ? {secondary_category: postCategory(post.secondary_category, categories)}\n      : {}),\n    body: post.body || [],\n    cta: post.cta as Prismic_Call_To_Action,\n    author: post.author as string,\n    author_card: post.author_card as Prismic_Author,\n    tags: post._meta.tags,\n    image_source: post.image_source || [],\n    imageUrl: post.image?.url,\n    imageWidth: post.image?.dimensions.width || 1,\n    imageHeight: post.image?.dimensions.height || 1,\n    custom_html: post.custom_html || '',\n    imageRatio: 100,\n    firstPublicationDate: moment(post._meta.firstPublicationDate || new Date()).format('LL'),\n    ...(post._meta.lang ? {lang: post._meta.lang.substr(0, 2) as Language} : {}),\n    faqs:\n      faq_section?.fields?.map((field) => ({\n        title: field?.title?.[0]?.text || '',\n        text: field?.text || []\n      })) || [],\n    faqsTitle: faq_section?.primary?.faqs_title?.[0].text || '',\n    faqsDescription: faq_section?.primary?.faqs_description?.[0].text || ''\n  };\n  blogPost.imageRatio = ((blogPost.imageHeight || 1) / (blogPost.imageWidth || 1)) * 100;\n\n  return blogPost;\n}\n\ntype GetPostsParams = {\n  posts: Prismic_PostConnectionEdge[];\n  categories: BlogCategoryType[];\n  tag?: string;\n};\nexport function getPostsFromPrismicEdges({posts, categories, tag}: GetPostsParams): BlogPost[] {\n  return posts\n    .filter((post) => !tag || post.node._meta.tags?.includes(decodeURI(tag)))\n    .map((post: Prismic_PostConnectionEdge) => getBlogPostFromEdge(post.node, categories))\n    .sort((a, b) => {\n      if (!a.updated_at && !b.updated_at) {\n        const secondaryDiff = moment(b.firstPublicationDate).diff(moment(a.firstPublicationDate));\n        return !secondaryDiff ? 0 : secondaryDiff < 0 ? -1 : 1;\n      }\n      if (!a.updated_at) {\n        return 1;\n      }\n      if (!b.updated_at) {\n        return -1;\n      }\n      const primaryDiff = moment(b.updated_at).diff(moment(a.updated_at));\n      return primaryDiff < 0 ? -1 : 1;\n    });\n}\n\nexport const removeDuplicatedPosts = (posts: BlogPost[]) => {\n  const postsIds = Array.from(new Set(posts.map((post) => post.uid)));\n  return postsIds\n    .map((id) => posts.find((post) => post.uid === id))\n    .filter((post) => Boolean(post)) as BlogPost[];\n};\n\nexport const sortPostsByDate = (posts: BlogPost[], lang: BlogLocale = 'en-gb') => {\n  const sortedPosts = posts.sort((a, b) => {\n    const mostRecentDateA = a.updated_at\n      ? moment(a.firstPublicationDate).isAfter(moment(a.updated_at))\n        ? a.firstPublicationDate\n        : a.updated_at\n      : a.firstPublicationDate;\n    const mostRecentDateB = b.updated_at\n      ? moment(b.firstPublicationDate).isAfter(moment(b.updated_at))\n        ? b.firstPublicationDate\n        : b.updated_at\n      : b.firstPublicationDate;\n    const isAfter = moment(mostRecentDateA).isAfter(mostRecentDateB);\n    return isAfter ? -1 : 1;\n  });\n  setMomentLocale(lang);\n  return sortedPosts.map((post) => ({\n    ...post,\n    firstPublicationDate: moment(post.firstPublicationDate).format('LL'),\n    updated_at: post.updated_at ? moment(post.updated_at).format('LL') : undefined\n  }));\n};\n\nexport const mapCategory = (category: Prismic_CategoryConnectionEdge) => ({\n  title: category.node.title,\n  slug: category.node._meta.uid,\n  order: category.node.order,\n  lang: category.node._meta.lang,\n  meta_description: category.node.meta_description\n});\n\nexport const getBlogCaption = (post: BlogPost, t: TFunction) => {\n  const author = post.author_card?.author_name\n    ? RichText.asText(post.author_card?.author_name) + ' | '\n    : '';\n  const publicationDate =\n    (post.updated_at ? t('Originally published') : t('Published')) +\n    ': ' +\n    post.firstPublicationDate;\n  const updatedAt = post.updated_at ? ' | ' + t('Updated') + ': ' + post.updated_at : '';\n  return author + publicationDate + updatedAt;\n};\n\n// Utility function to truncate text\nexport const truncateText = (text: string, maxLength: number) => {\n  if (text.length > maxLength) {\n    return text.substring(0, maxLength) + '...'; // Add ellipsis if truncated\n  }\n  return text;\n};\n\n","import React, {useEffect, useState} from 'react';\nimport {useI18next} from 'gatsby-plugin-react-i18next';\nimport {AnchorLink} from '../AnchorLink';\nimport {Language, targetLanguage} from '../../../locales/types';\n\nexport type BlogArticle =\n  | 'local-payment-methods'\n  | 'digital-wallet-ecommerce'\n  | 'alternative-payment-methods'\n  | 'buy-now-pay-later'\n  | 'cross-border-ecommerce'\n  | 'online-payment-failure-message'\n  | 'frictionless-payments'\n  | 'cross-border-payments'\n  | 'what-is-3d-secure-and-its-advantages-for-e-commerce'\n  | 'psd2-and-strong-customer-authentication-sca-explained'\n  | 'psd2'\n  | 'sca'\n  | 'contactless-payments-safer-faster-checkout'\n  | 'email-payment-link'\n  | 'understanding-pci-compliance'\n  | 'what-is-tokenization-and-its-benefits-for-e-commerce'\n  | 'what-is-credit-card-processing'\n  | 'acquiring-bank-vs-issuing-bank'\n  | 'customize-your-ecommerce-checkout-page-with-monei'\n  | 'what-are-interchange-fees'\n  | 'apple-pay-ecommerce-integration'\n  | 'benefits-of-mobile-payments'\n  | 'chargebacks-prevention'\n  | 'what-is-a-psp'\n  | 'instant-payments-europe-sepa-request-to-pay'\n  | 'accept-card-payments-on-phone'\n  | 'aws-startup-architecture-of-the-year-challenge-monei'\n  | 'qr-code-payments'\n  | 'omnichannel-payments'\n  | 'click-to-pay-with-visa'\n  | 'mastercard-click-to-pay'\n  | 'ecommerce-conversion-rate-tips-to-help-you-sell-more'\n  | 'black-friday-cyber-monday-payment-trends-2022'\n  | 'click-to-pay-ecommerce'\n  | 'types-of-payment-methods'\n  | 'taxi-card-payments'\n  | 'freelancer-payment-methods'\n  | 'contactless'\n  | 'accepting-credit-card-payments-without-merchant-account'\n  | 'what-is-recurring-payment'\n  | 'what-is-a-payment-gateway'\n  | 'how-to-accept-payments-online'\n  | 'secure-payments'\n  | 'strong-customer-authentication'\n  | 'payment-gateway-vs-virtual-pos'\n  | 'virtual-terminal'\n  | 'pan-number'\n  | 'incapto'\n  | 'monei-connect-integrated-payments-kyc';\n\nexport const BlogLink: React.FC<{slug: BlogArticle; anchor?: string, style?: any}> = ({\n  slug,\n  anchor,\n  children,\n  style\n}) => {\n  const {language} = useI18next();\n  const [origin, setOrigin] = useState('https://monei.com');\n\n  useEffect(() => {\n    setOrigin(window.location.origin);\n  }, []);\n  return (\n    <AnchorLink\n      target=\"_self\"\n      href={`${origin + targetLanguage[(language as Language) || 'en']}/blog/${slug}/${\n        anchor || ''\n      }`}\n      style={style}>\n      {children}\n    </AnchorLink>\n  );\n};\n","module.exports = __webpack_public_path__ + \"static/scanme_qr_group_en-5b2160ee01d9dc3f61b5bf462866c9b6.svg\";","module.exports = __webpack_public_path__ + \"static/monei_pay_qr_es-6fd284c3d88cee6762782095e8c3f88a.png\";","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjQxcHgiIGhlaWdodD0iMTkxcHgiIHZpZXdCb3g9IjAgMCA2NDEgMTkxIiB2ZXJzaW9uPSIxLjEiCiAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDIgKDM2NzgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5iaXp1bTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJiaXp1bSIgZmlsbD0iIzA1QzBDNyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMTYuNzg4OCw2Ny44MTU5IEMzMTEuMzAxOCw2Ny44MTU5IDMwNi44Nzc4LDcyLjIyOTkgMzA2Ljg3NzgsNzcuNTQ3OSBMMzA2Ljg3NzgsMTUwLjYzNjkgQzMwNi44Nzc4LDE1Ni4xMjc5IDMxMS4zMDE4LDE2MC41NTA5IDMxNi43ODg4LDE2MC41NTA5IEMzMjIuMjgxOCwxNjAuNTUwOSAzMjYuNzA4OCwxNTYuMTI3OSAzMjYuNzA4OCwxNTAuNjM2OSBMMzI2LjcwODgsNzcuNTQ3OSBDMzI2LjcwODgsNzIuMjI5OSAzMjIuMjgxOCw2Ny44MTU5IDMxNi43ODg4LDY3LjgxNTkgTDMxNi43ODg4LDY3LjgxNTkgWiBNMzE2Ljc4ODgsMzEuMzQ5OSBDMzEwLjYwMTgsMzEuMzQ5OSAzMDUuNjM3OCwzNi4zMDQ5IDMwNS42Mzc4LDQyLjQ5NzkgQzMwNS42Mzc4LDQ4LjY3NzkgMzEwLjYwMTgsNTMuODIxOSAzMTYuNzg4OCw1My44MjE5IEMzMjIuOTkwOCw1My44MjE5IDMyNy45NDc4LDQ4LjY3NzkgMzI3Ljk0NzgsNDIuNDk3OSBDMzI3Ljk0NzgsMzYuMzA0OSAzMjIuOTkwOCwzMS4zNDk5IDMxNi43ODg4LDMxLjM0OTkgTDMxNi43ODg4LDMxLjM0OTkgWiBNNDEzLjQxOTgsNzcuMzU5OSBDNDEzLjQxOTgsNzEuMTg1OSA0MDguNDcyOCw2OC44NzI5IDQwNC4yMjI4LDY4Ljg3MjkgTDM1NS4yMDU4LDY4Ljg3MjkgQzM1MC40MjE4LDY4Ljg3MjkgMzQ2LjUyOTgsNzIuNTk1OSAzNDYuNTI5OCw3Ny4zNTk5IEMzNDYuNTI5OCw4Mi4xNTM5IDM1MC40MjE4LDg2LjAzNTkgMzU1LjIwNTgsODYuMDM1OSBMMzg3LjQxMDgsODYuMDM1OSBMMzQ1LjY1NjgsMTQ0LjA4NjkgQzM0NC40MTI4LDE0NS44NTI5IDM0My43MTI4LDE0Ny45ODY5IDM0My43MTI4LDE0OS45Mjc5IEMzNDMuNzEyOCwxNTUuOTM1OSAzNDguNjYzOCwxNTkuNDgyOSAzNTIuNzMyOCwxNTkuNDgyOSBMNDA0Ljc2MzgsMTU5LjQ4MjkgQzQwOS41Mjk4LDE1OS40ODI5IDQxMy40MTk4LDE1NS41ODY5IDQxMy40MTk4LDE1MC44MDU5IEM0MTMuNDE5OCwxNDYuMDM4OSA0MDkuNzE2OCwxNDIuMTMzOSA0MDQuNzYzOCwxNDIuMTMzOSBMMzY5LjcyMDgsMTQyLjEzMzkgTDQxMC41OTU4LDg1LjMzNjkgQzQxMi43MTA4LDgyLjUxMDkgNDEzLjQxOTgsODAuMDMxOSA0MTMuNDE5OCw3Ny4zNTk5IEw0MTMuNDE5OCw3Ny4zNTk5IFogTTI2OC44ODM4LDEyMy4zODg5IEMyNjguODgzOCwxMzUuNDE3OSAyNjMuNTYzOCwxNDIuODQ3OSAyNTEuNzA1OCwxNDIuODQ3OSBDMjM5LjY3MTgsMTQyLjg0NzkgMjM0LjU0MTgsMTM1LjQxNzkgMjM0LjU0MTgsMTIzLjM4ODkgTDIzNC41NDE4LDg2LjAzNTkgTDI1Mi41NDk4LDg2LjAzNTkgQzI2Ny4wNjY4LDg2LjAzNTkgMjY4Ljg4MzgsOTQuMDAzOSAyNjguODgzOCwxMDIuODU5OSBMMjY4Ljg4MzgsMTIzLjM4ODkgWiBNMjg4LjUyNTgsMTAyLjUwNzkgQzI4OC41MjU4LDgxLjk2NzkgMjc3LjY4MTgsNjguODcyOSAyNTIuNzEzOCw2OC44NzI5IEwyMzQuNTQxOCw2OC44NzI5IEwyMzQuNTQxOCw0MS4yNTg5IEMyMzQuNTQxOCwzNS43NjE5IDIzMC4xMjM4LDMxLjM0OTkgMjI0LjgwNDgsMzEuMzQ5OSBDMjE5LjMxNTgsMzEuMzQ5OSAyMTQuODk4OCwzNS43NjE5IDIxNC44OTg4LDQxLjI1ODkgTDIxNC45MDE4LDEyMy4zODg5IEMyMTQuOTAxOCwxNDMuNzM1OSAyMjUuODY5OCwxNjAuNTUwOSAyNTEuNzA1OCwxNjAuNTUwOSBDMjc3LjM2NzgsMTYwLjU1MDkgMjg4LjUzMDgsMTQzLjczNTkgMjg4LjUzMDgsMTIzLjM4ODkgTDI4OC41MzA4LDEwMi44NTk5IEwyODguNTI1OCwxMDIuODU5OSBMMjg4LjUyNTgsMTAyLjUwNzkgWiBNNDkwLjY0MDgsNjcuODE1OSBDNDg1LjE1MDgsNjcuODE1OSA0ODAuNzI4OCw3Mi4yMjk5IDQ4MC43Mjg4LDc3LjcyNjkgTDQ4MC43Mjg4LDEyMy4zODg5IEM0ODAuNzI4OCwxMzUuNDE3OSA0NzUuNDEyOCwxNDIuODQ3OSA0NjMuNTUwOCwxNDIuODQ3OSBDNDUxLjUxOTgsMTQyLjg0NzkgNDQ2LjM4NjgsMTM1LjQxNzkgNDQ2LjM4NjgsMTIzLjM4ODkgTDQ0Ni4zODY4LDc3LjcyNjkgQzQ0Ni4zODY4LDcyLjIyOTkgNDQxLjk2ODgsNjcuODE1OSA0MzYuNjUwOCw2Ny44MTU5IEM0MzEuMTYyOCw2Ny44MTU5IDQyNi43NDQ4LDcyLjIyOTkgNDI2Ljc0NDgsNzcuNzI2OSBMNDI2Ljc0NzgsMTIzLjM4ODkgQzQyNi43NDc4LDE0My43MzU5IDQzNy43MTY4LDE2MC41NTA5IDQ2My41NTA4LDE2MC41NTA5IEM0ODkuMjEyOCwxNjAuNTUwOSA1MDAuMzc2OCwxNDMuNzM1OSA1MDAuMzc2OCwxMjMuMzg4OSBMNTAwLjM3NjgsNzcuNzI2OSBDNTAwLjM3NjgsNzIuMjI5OSA0OTUuOTU1OCw2Ny44MTU5IDQ5MC42NDA4LDY3LjgxNTkgTDQ5MC42NDA4LDY3LjgxNTkgWiBNNjQwLjgxODgsMTA0Ljk3MjkgQzY0MC44MTg4LDg0LjYyNzkgNjMxLjQwMjgsNjcuODAxOSA2MDUuNTcyOCw2Ny44MDE5IEM1OTQuMDU4OCw2Ny44MDE5IDU4NS43OTg4LDcxLjIwODkgNTgwLjE3NzgsNzYuNzgzOSBDNTc0LjU2MjgsNzEuMjA4OSA1NjYuMjk2OCw2Ny44MDE5IDU1NC43MTA4LDY3LjgwMTkgQzUyOS4wNDQ4LDY3LjgwMTkgNTE5LjQ3MDgsODQuNjI3OSA1MTkuNDcwOCwxMDQuOTcyOSBMNTE5LjQ1NjgsMTUwLjYzNjkgQzUxOS40NTY4LDE1Ni4xMjc5IDUyMy44Nzg4LDE2MC41NTA5IDUyOS4xOTM4LDE2MC41NTA5IEM1MzQuNjc5OCwxNjAuNTUwOSA1MzkuMTAzOCwxNTYuMTI3OSA1MzkuMTAzOCwxNTAuNjM2OSBMNTM5LjEwMzgsMTA0Ljk3MjkgQzUzOS4xMDM4LDkyLjkzNzkgNTQyLjg1MzgsODUuNTEwOSA1NTQuNzEwOCw4NS41MTA5IEM1NjYuNzQyOCw4NS41MTA5IDU3MC4zMTQ4LDkyLjkzNzkgNTcwLjMxNDgsMTA0Ljk3MjkgTDU3MC4zMTQ4LDE1MC42MzY5IEM1NzAuMzE0OCwxNTYuMTI3OSA1NzQuNzQyOCwxNjAuNTUwOSA1ODAuMDU4OCwxNjAuNTUwOSBDNTg1LjU0NDgsMTYwLjU1MDkgNTg5Ljk2ODgsMTU2LjEyNzkgNTg5Ljk2ODgsMTUwLjYzNjkgTDU4OS45Njg4LDEwNC45NzI5IEM1ODkuOTY4OCw5Mi45Mzc5IDU5My43MTA4LDg1LjUxMDkgNjA1LjU3MjgsODUuNTEwOSBDNjE3LjYwMzgsODUuNTEwOSA2MjEuMTc5OCw5Mi45Mzc5IDYyMS4xNzk4LDEwNC45NzI5IEw2MjEuMTc5OCwxNTAuNjM2OSBDNjIxLjE3OTgsMTU2LjEyNzkgNjI1LjU5NTgsMTYwLjU1MDkgNjMwLjkxOTgsMTYwLjU1MDkgQzYzNi40MDY4LDE2MC41NTA5IDY0MC44MjY4LDE1Ni4xMjc5IDY0MC44MjY4LDE1MC42MzY5IEw2NDAuODE4OCwxMDQuOTcyOSBaIE0zNC45MDA4LDY3LjkxODkgQzQxLjgyMDgsNzIuOTQ1OSA1MS41MDk4LDcxLjM5NjkgNTYuNTUyOCw2NC40NjY5IEw3NC43NjQ4LDM5LjQwMDkgQzc5LjgwMTgsMzIuNDc1OSA3OC4yNjc4LDIyLjc4MTkgNzEuMzM1OCwxNy43NTM5IEM2NC40MTI4LDEyLjcwNjkgNTQuNzIyOCwxNC4yNDU5IDQ5LjY5NDgsMjEuMTc5OSBMMzEuNDYzOCw0Ni4yNTU5IEMyNi40Mzk4LDUzLjE4NDkgMjcuOTU1OCw2Mi44NjU5IDM0LjkwMDgsNjcuOTE4OSBMMzQuOTAwOCw2Ny45MTg5IFogTTExOC4wNTg4LDMyLjU1NTkgQzExMS4xNDM4LDI3LjUwNzkgMTAxLjQ0ODgsMjkuMDU4OSA5Ni40MjA4LDM1Ljk3NDkgTDIzLjUzNDgsMTM2LjI5MTkgQzE4LjQ5NjgsMTQzLjIwNzkgMjAuMDM3OCwxNTIuOTEyOSAyNi45NTE4LDE1Ny45MzU5IEMzMy44ODU4LDE2Mi45Njg5IDQzLjU3NjgsMTYxLjQ0MTkgNDguNjAzOCwxNTQuNTA4OSBMMTIxLjQ5NTgsNTQuMTg5OSBDMTI2LjUzMzgsNDcuMjYzOSAxMjQuOTkzOCwzNy41ODA5IDExOC4wNTg4LDMyLjU1NTkgTDExOC4wNTg4LDMyLjU1NTkgWiBNMjguMDMyOCwyNC42MDM5IEMzMy4wNjk4LDE3LjY4NjkgMzEuNTI5OCw3Ljk4NDkgMjQuNjE5OCwyLjk1NjkgQzE3LjY3MzgsLTIuMDczMSA3Ljk4NDgsLTAuNTIzMSAyLjk2MjgsNi4zNzI5IEMtMi4wNzAyLDEzLjMwNzkgLTAuNTM2MiwyMy4wMDE5IDYuMzg4OCwyOC4wMjg5IEMxMy4zMDQ4LDMzLjA2MzkgMjMuMDA3OCwzMS41Mjc5IDI4LjAzMjgsMjQuNjAzOSBMMjguMDMyOCwyNC42MDM5IFogTTEzOC42MzU4LDE2Mi40MzY5IEMxMzEuNzIxOCwxNTcuNDE0OSAxMjIuMDE2OCwxNTguOTU0OSAxMTYuOTkyOCwxNjUuODY5OSBDMTExLjk2NjgsMTcyLjc5NDkgMTEzLjQ5MTgsMTgyLjQ4OTkgMTIwLjQxNDgsMTg3LjUxOTkgQzEyNy4zNDk4LDE5Mi41NTg5IDEzNy4wMzk4LDE5MS4wMTg5IDE0Mi4wNzM4LDE4NC4wODY5IEMxNDcuMTAxOCwxNzcuMTY5OSAxNDUuNTYwOCwxNjcuNDY2OSAxMzguNjM1OCwxNjIuNDM2OSBMMTM4LjYzNTgsMTYyLjQzNjkgWiBNMTEwLjEyNDgsMTIyLjU2NDkgQzEwMy4yMTA4LDExNy41MzY5IDkzLjUwNTgsMTE5LjA3NjkgODguNDg2OCwxMjYuMDAwOSBMNzAuMjYwOCwxNTEuMDg1OSBDNjUuMjM0OCwxNTguMDAyOSA2Ni43NTk4LDE2Ny42ODY5IDczLjY3OTgsMTcyLjczNDkgQzgwLjYxNDgsMTc3Ljc3NTkgOTAuMzA4OCwxNzYuMjI2OSA5NS4zMzU4LDE2OS4yOTY5IEwxMTMuNTcxOCwxNDQuMjIwOSBDMTE4LjU5MDgsMTM3LjI5NjkgMTE3LjA1OTgsMTI3LjYwMTkgMTEwLjEyNDgsMTIyLjU2NDkgTDExMC4xMjQ4LDEyMi41NjQ5IFoiIGlkPSJGaWxsLTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=\"","module.exports = __webpack_public_path__ + \"static/applepay-logo-small-62d2dfd33944c3737dc1968e128a3f96.svg\";","module.exports = __webpack_public_path__ + \"static/baloon-64e28077f52a85485c38045265363fbd.svg\";","import styled from 'styled-components';\nimport {ScreenSizes} from '../../../types/responsive';\nimport {StyledDiv} from '../StyledSx';\n\nexport const MainTitleContent = styled(StyledDiv)`\n  max-width: 500px;\n  @media (max-width: ${ScreenSizes.md}) {\n    padding-top: 0;\n    max-width: 100%;\n  }\n  @media (max-width: ${ScreenSizes.sm}) {\n    padding-top: 10px;\n  }\n`;\n","import styled from 'styled-components';\nimport {ScreenSizes} from '../../../types/responsive';\n\nexport default styled.div`\n  position: relative;\n  display: flex;\n\n  &:before {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 50%;\n    top: -8.9%;\n    height: 1256px;\n    width: 1225px;\n    background: linear-gradient(353.74deg, #41efd6 -47.57%, #7984d9 13.85%);\n    transform: matrix(2, 0, 0, -1, 1214, -91) rotate(47deg) skew(7deg, 1.6deg);\n    @media (max-width: ${ScreenSizes.lg}) {\n      content: none;\n    }\n  }\n\n  &:after {\n    display: block;\n    content: '';\n    position: absolute;\n    transform: rotate(34deg) matrix(1, 0, 0, -1, 459, -315);\n    left: 50%;\n    top: -3%;\n    opacity: 1;\n    height: 972px;\n    width: 1289px;\n    background: linear-gradient(353.74deg, #41efd6 -41.57%, #7984d9 53.85%);\n    @media (max-width: ${ScreenSizes.md}) {\n      content: none;\n    }\n  }\n\n  @media (max-width: 1280px) {\n    flex-direction: column;\n  }\n  @media (max-width: 1024px) {\n    margin-bottom: 48px;\n  }\n`;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjEuNDY1NSAwLjdDMjEuNDY1NSAwLjMxMzQwMSAyMS4xNTIxIDAgMjAuNzY1NSAwQzIwLjM3ODkgMCAyMC4wNjU1IDAuMzEzNDAxIDIwLjA2NTUgMC43VjkuNTMxQzIwLjA2NTUgOS45MTc2IDIwLjM3ODkgMTAuMjMxIDIwLjc2NTUgMTAuMjMxQzIxLjE1MjEgMTAuMjMxIDIxLjQ2NTUgOS45MTc2IDIxLjQ2NTUgOS41MzFWMC43Wk0xLjUyNTg4ZS0wNSAyMC43NDQ5QzEuNTI1ODhlLTA1IDIwLjM1ODMgMC4zMTM0MTYgMjAuMDQ0OSAwLjcwMDAxNSAyMC4wNDQ5SDMuMTYyMDJDMy41NDg2MSAyMC4wNDQ5IDMuODYyMDIgMjAuMzU4MyAzLjg2MjAyIDIwLjc0NDlDMy44NjIwMiAyMS4xMzE1IDMuNTQ4NjEgMjEuNDQ0OSAzLjE2MjAyIDIxLjQ0NDlIMC43MDAwMTVDMC4zMTM0MTYgMjEuNDQ0OSAxLjUyNTg4ZS0wNSAyMS4xMzE1IDEuNTI1ODhlLTA1IDIwLjc0NDlaTTcuNjgxMDIgMjAuNzQ0OUM3LjY4MTAyIDIwLjM1ODMgNy45OTQ0MiAyMC4wNDQ5IDguMzgxMDEgMjAuMDQ0OUgxMS43MDFDMTIuMDg3NiAyMC4wNDQ5IDEyLjQwMSAyMC4zNTgzIDEyLjQwMSAyMC43NDQ5QzEyLjQwMSAyMS4xMzE1IDEyLjA4NzYgMjEuNDQ0OSAxMS43MDEgMjEuNDQ0OUg4LjM4MTAxQzcuOTk0NDIgMjEuNDQ0OSA3LjY4MTAyIDIxLjEzMTUgNy42ODEwMiAyMC43NDQ5Wk0yLjY2NzA0IDEuNDgwNDNDMi45NDA0MSAxLjIwNzA2IDMuMzgzNjIgMS4yMDcwNiAzLjY1Njk5IDEuNDgwNDNMNC40ODg5OSAyLjMxMjQzQzQuNzYyMzYgMi41ODU3OSA0Ljc2MjM2IDMuMDI5MDEgNC40ODg5OSAzLjMwMjM3QzQuMjE1NjIgMy41NzU3NCAzLjc3MjQxIDMuNTc1NzQgMy40OTkwNCAzLjMwMjM3TDIuNjY3MDQgMi40NzAzN0MyLjM5MzY3IDIuMTk3MDEgMi4zOTM2NyAxLjc1Mzc5IDIuNjY3MDQgMS40ODA0M1pNOC4xMjE5MiA1Ljk0NDM2QzcuODQ4NTggNS42NzA5NyA3LjQwNTM2IDUuNjcwOTQgNy4xMzE5NyA1Ljk0NDI5QzYuODU4NTkgNi4yMTc2NCA2Ljg1ODU2IDYuNjYwODUgNy4xMzE5MSA2LjkzNDI0TDE0LjM3OTkgMTQuMTgzMkMxNC42NTMzIDE0LjQ1NjYgMTUuMDk2NSAxNC40NTY3IDE1LjM2OTkgMTQuMTgzM0MxNS42NDMyIDEzLjkxIDE1LjY0MzMgMTMuNDY2NyAxNS4zNjk5IDEzLjE5MzRMOC4xMjE5MiA1Ljk0NDM2WiIgZmlsbD0iIzAwNDY4MCIvPgo8L3N2Zz4K\"","module.exports = __webpack_public_path__ + \"static/scanme_qr_group_es-fdff5652eb637fa957502254cbae85cf.png\";","// i18next-extract-mark-ns-start qr\nimport {ContactSalesButton} from 'components/ContactSalesButton';\nimport {Content} from 'components/Content';\nimport {List} from 'components/List';\nimport 'keen-slider/keen-slider.min.css';\nimport {Section, SectionActions, SectionHeader, SectionImage} from 'components/Section';\nimport {SEO} from 'components/SEO';\nimport {SignUpButton} from 'components/SignUpButton';\nimport {PageProps, graphql} from 'gatsby';\nimport {Trans, useI18next} from 'gatsby-plugin-react-i18next';\nimport styled from 'styled-components';\nimport {Flex} from 'components/Flex';\nimport React from 'react';\nimport {DownloadOnAppleStore} from 'components/DownloadOnAppleStore';\nimport {LanguageEnum} from '../../../locales/types';\nimport {DownloadOnGooglePlay} from 'components/DownloadOnGooglePlay';\nimport {AnchorLink} from 'components/AnchorLink';\nimport {MoneiVideoSection} from 'components/landings/MoneiVideoSection';\nimport {GradientBox} from 'components/landings/GradientBox';\nimport {ScreenSizes} from '../../../types/responsive';\nimport {CompatibleWith} from 'components/monei-pay/CompatibleWith';\nimport IndexBackground from 'components/monei-pay/IndexBackground';\nimport {BlogLink} from 'components/links/Blog';\nimport {StyledDiv} from 'components/StyledSx';\nimport Bold from 'components/Bold';\n//Images\nimport monei_pay_qr_en from 'images/monei_pay_qr_en.png';\nimport monei_pay_qr_es from 'images/monei_pay_qr_es.png';\nimport moneiQr from 'images/monei_qr.svg';\nimport monei_pay_payment_en from 'images/monei_pay_payment_en.png';\nimport monei_pay_payment_es from 'images/monei_pay_payment_es.png';\nimport {QrGroup} from 'components/monei-pay/QrGroup';\nimport {MainTitleContent} from 'components/monei-pay/MainTitleContent';\nimport {InternalPageLink} from 'components/links/Pages';\nimport {SupportLink} from 'components/links/Support';\nimport {GoogleReviews, Place} from 'components/GoogleReviews';\nimport {mapCategory, getPostsFromPrismicEdges} from 'utils/blog-utils';\nimport {BlogCategoryType, BlogPost} from '../../../types/BlogTypes';\nimport {RelatedBlogPosts} from 'components/RelatedBlogPosts';\n\nconst Background = styled.div`\n  position: relative;\n  margin-bottom: 150px;\n\n  @media (max-width: ${ScreenSizes.md}) {\n    margin-bottom: 75px;\n  }\n  @media (max-width: ${ScreenSizes.sm}) {\n    padding-top: 0;\n  }\n\n  &:before {\n    display: block;\n    content: '';\n    height: 49%;\n    position: absolute;\n    transform: skew(0, -15deg);\n    top: 78%;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    background-image: linear-gradient(40deg, #12e0c2 0%, #7984d9 90%);\n    @media (max-width: ${ScreenSizes.lg}) {\n      top: 74%;\n      height: 45%;\n    }\n    @media (max-width: ${ScreenSizes.md}) {\n      display: none;\n    }\n  }\n`;\n\nconst SectionDescription = styled.p`\n  font-weight: 500;\n  color: #fafafa;\n  font-size: 16px;\n\n  a {\n    color: #ffffff;\n    text-decoration: underline;\n  }\n`;\n\nconst MaskedImage = styled.img`\n  position: absolute;\n  right: 35px;\n  bottom: -40px;\n  margin-bottom: 0;\n  transform: rotate(31deg);\n  @media (max-width: ${ScreenSizes.lg}) {\n    width: 250px;\n  }\n  @media (max-width: ${ScreenSizes.md}) {\n    width: 210px;\n  }\n  @media (max-width: ${ScreenSizes.sm}) {\n    display: none;\n  }\n`;\n\nconst ReviewsBackground = styled.div`\n  position: relative;\n  margin-top: 100px;\n\n  &:before {\n    display: block;\n    content: '';\n    z-index: -1;\n    height: 70%;\n    position: absolute;\n    transform: skew(0, -9deg);\n    left: 0;\n    right: 0;\n    bottom: 0;\n    top: 20%;\n    background: linear-gradient(96.34deg, #00e9d5 0%, #7984d9 100%);\n  }\n`;\n\nconst QrCodePayments: React.FC<PageProps> = (props: any) => {\n  const {t, language} = useI18next();\n  const scanToPay = language === LanguageEnum.en ? monei_pay_qr_en : monei_pay_qr_es;\n  const moneiPayPayment =\n    language === LanguageEnum.en ? monei_pay_payment_en : monei_pay_payment_es;\n  const {data} = props;\n  const place: Place = {\n    rating: data.googlePlacesPlace.rating,\n    user_ratings_total: data.googlePlacesPlace.user_ratings_total,\n    reviews: data.allGooglePlacesReview.nodes\n  };\n  const categories: BlogCategoryType[] = data.prismic.allCategorys.edges.map(mapCategory) || [];\n  const popularPosts: BlogPost[] = getPostsFromPrismicEdges({\n    posts: data.popularPosts.allPosts.edges,\n    categories\n  });\n  return (\n    <>\n      <SEO\n        title={t('In-store QR code Payments')}\n        description={t(\n          'Accept contactless payments in-store with QR codes. Support mobile payments including Apple Pay, Google Pay, Bizum, and more. Start now ››'\n        )}\n      />\n\n      <IndexBackground>\n        <Content>\n          <Section columnLg>\n            <MainTitleContent sx={{maxWidth: {all: '590px', lg: '100%'}}}>\n              <SectionHeader underline tagName=\"h1\">\n                <Trans>Accept QR code payments with ease</Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                Accept in-store contactless payments and support all the most popular payment\n                methods with QR codes using the MONEI Pay app.\n              </Trans>\n              <SectionActions>\n                <SignUpButton variant=\"light\" style={{marginRight: 15}}>\n                  <Trans>Open an Account</Trans>\n                </SignUpButton>\n                <ContactSalesButton />\n                <CompatibleWith />\n              </SectionActions>\n            </MainTitleContent>\n            <MoneiVideoSection />\n          </Section>\n        </Content>\n      </IndexBackground>\n      <Content sx={{marginTop: {all: '20px'}}}>\n        <Section centered>\n          <SectionImage\n            width={347}\n            height={650}\n            alt=\"Monei Pay\"\n            title=\"Monei Pay\"\n            className=\"hide-on-mobile\"\n            src={scanToPay}\n          />\n          <div>\n            <SectionHeader underline sx={{marginTop: {all: '0', md: '-20px'}}}>\n              <Trans>Grow your business by letting customers pay with QR codes</Trans>\n            </SectionHeader>\n            <Trans parent=\"p\">\n              Avoid expensive and complicated POS terminals and let your customers pay through their\n              smarphones. Use the <InternalPageLink slug=\"monei-pay\">MONEI Pay</InternalPageLink>{' '}\n              app to generate digital QR codes — then all shoppers have to do is scan the code,\n              choose their preferred payment method, and with the tap of a button the transaction is\n              complete.\n            </Trans>\n            <List>\n              <Trans parent=\"li\">No POS terminals necessary</Trans>\n              <Trans parent=\"li\">\n                <BlogLink slug=\"contactless-payments-safer-faster-checkout\">\n                  Contactless payments\n                </BlogLink>{' '}\n                are faster and more convenient\n              </Trans>\n              <Trans parent=\"li\">\n                Compatible with major and{' '}\n                <BlogLink slug=\"alternative-payment-methods\">alternative payment methods</BlogLink>\n              </Trans>\n              <Trans parent=\"li\">50% cheaper than your typical POS</Trans>\n            </List>\n            <Flex>\n              <div style={{marginRight: '16px'}}>\n                <DownloadOnAppleStore />\n              </div>\n              <DownloadOnGooglePlay />\n            </Flex>\n          </div>\n        </Section>\n      </Content>\n      <Background>\n        <Content>\n          <Section centered style={{padding: '0'}}>\n            <div>\n              <SectionHeader underline sx={{marginTop: {all: '30px', md: '0'}}}>\n                <Trans style={{fontSize: '2rem'}}>\n                  Support QR payments via{' '}\n                  <InternalPageLink slug=\"payment-methods/apple-pay\">Apple Pay</InternalPageLink>,{' '}\n                  <InternalPageLink slug=\"payment-methods/google-pay\">Google Pay</InternalPageLink>,\n                  and <InternalPageLink slug=\"payment-methods/bizum\">Bizum</InternalPageLink>\n                </Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                Accept the most popular{' '}\n                <InternalPageLink slug=\"payment-methods\">mobile payment methods</InternalPageLink>{' '}\n                using MONEI’s{' '}\n                <SupportLink slug=\"/categories/360003757258\">QR payment system</SupportLink>. This\n                includes Apple Pay, Google Pay, and Bizum payments in Spain.\n              </Trans>\n              <Trans parent=\"p\">\n                You’ll increase customer satisfaction by accepting{' '}\n                <BlogLink slug=\"frictionless-payments\">frictionless</BlogLink> in-store or{' '}\n                <InternalPageLink slug=\"monei-pay/qr-code-payment-restaurant\">\n                  restaurant mobile payments\n                </InternalPageLink>\n                , while removing the hassle of managing a fleet of POS terminals.\n              </Trans>\n              <SignUpButton variant=\"dark\">\n                <Trans>Try MONEI</Trans>\n              </SignUpButton>\n            </div>\n            <SectionImage\n              width={347}\n              height={650}\n              mobileWidth={370}\n              alt=\"Monei Pay\"\n              title=\"Monei Pay\"\n              className=\"hide-on-mobile\"\n              src={moneiPayPayment}\n            />\n          </Section>\n        </Content>\n      </Background>\n\n      <Content>\n        <Section reverseOnMobile centered sx={{paddingTop: {all: '0', sm: '80px'}}}>\n          <QrGroup />\n          <div>\n            <SectionHeader underline>\n              <Trans>Say goodbye to POS terminals and hello to QR codes</Trans>\n            </SectionHeader>\n            <Trans parent=\"p\">\n              Create an account to start generating digital QR codes in seconds on any device. All\n              you have to do is enter the payment amount and it will create a QR code on your\n              smartphone or tablet. Then your customer can scan to pay with their mobile phone.\n            </Trans>\n            <StyledDiv sx={{display: {all: 'inline', sm: 'none'}}}>\n              <Trans parent=\"p\">\n                👈 <Bold>Scan any QR code to test the payment experience.</Bold>\n              </Trans>\n            </StyledDiv>\n            <SignUpButton variant=\"light\">\n              <Trans>Discover MONEI</Trans>\n            </SignUpButton>\n          </div>\n        </Section>\n      </Content>\n      <ReviewsBackground>\n        <div style={{display: 'flex', justifyContent: 'center', width: '100%'}}>\n          <SectionHeader underline sx={{textAlign: 'center'}}>\n            <Trans>What MONEI merchants are saying</Trans>\n          </SectionHeader>\n        </div>\n        <GoogleReviews place={place} />\n      </ReviewsBackground>\n      <Content style={{marginTop: '100px'}}>\n        <GradientBox>\n          <SectionHeader tagName=\"h3\" underline light>\n            <Trans>Start accepting QR payments now</Trans>\n          </SectionHeader>\n          <SectionDescription>\n            <Trans parent=\"p\">\n              Speed up the checkout process, offer more payment methods, and boost customer\n              satisfaction. Streamline the payment process for you and your customers with an\n              easy-to-use QR code generator for payments.\n            </Trans>\n          </SectionDescription>\n          <SectionActions>\n            <SignUpButton variant=\"dark\">\n              {' '}\n              <Trans>Open an Account</Trans>\n            </SignUpButton>\n          </SectionActions>\n          <MaskedImage src={moneiQr} width={300} />\n        </GradientBox>\n      </Content>\n      {popularPosts.length > 0 && (\n        <>\n          <Content>\n            <Section sx={{paddingBottom: '0px'}}>\n              <div style={{display: 'flex', justifyContent: 'center', width: '100%'}}>\n                <SectionHeader underline sx={{textAlign: 'center'}}>\n                  <Trans>Articles on QR code payments</Trans>\n                </SectionHeader>\n              </div>\n            </Section>\n          </Content>\n          <RelatedBlogPosts posts={popularPosts} />\n        </>\n      )}\n    </>\n  );\n};\n\nexport default QrCodePayments;\n\nexport const query = graphql`\n  query ($language: String!, $prismicLang: String) {\n    locales: allLocale(filter: {ns: {in: [\"common\", \"qr\"]}, language: {eq: $language}}) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n    googlePlacesPlace {\n      user_ratings_total\n      rating\n    }\n    allGooglePlacesReview(sort: {fields: rating, order: DESC}, filter: {rating: {gt: 2}}) {\n      nodes {\n        id\n        rating\n        text\n        relative_time_description\n        profile_photo_url\n        author_name\n      }\n    }\n    prismic: prismic {\n      allCategorys(lang: $prismicLang) {\n        edges {\n          node {\n            title\n            _meta {\n              uid\n              lang\n            }\n            order\n          }\n        }\n      }\n    }\n    popularPosts: prismic {\n      allPosts(\n        sortBy: meta_lastPublicationDate_DESC\n        tags: \"Pagos con código QR\"\n        lang: $prismicLang\n        first: 4\n      ) {\n        edges {\n          node {\n            title\n            image\n            summary\n            _meta {\n              uid\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","module.exports = __webpack_public_path__ + \"static/monei_qr-5daa9d426af640531f1b8b3930d89ee9.svg\";","import React from 'react';\nimport {useI18next} from 'gatsby-plugin-react-i18next';\nimport {AnchorLink} from '../AnchorLink';\nimport {Language} from '../../../locales/types';\nimport {links} from '../../global.config';\n\nconst languageMap = {\n  es: 'es-es',\n  en: 'en-us',\n  pt: 'en-us',\n  de: 'en-us',\n  fr: 'en-us',\n  it: 'en-us',\n  ca: 'es-es',\n\n}\n\nexport const SupportLink: React.FC<{slug: string}> = ({slug, children}) => {\n  const {language} = useI18next();\n\n  return (\n    <AnchorLink\n      external\n      href={`${links.supportUrl + languageMap[(language as Language) || 'en-us']}${slug}/`}>\n      {children}\n    </AnchorLink>\n  );\n};\n","import videoLeftTopCorner from 'images/video_left_top_corner.svg';\nimport videoLeftBottomCorner from 'images/video_left_bottom_corner.svg';\nimport baloon from 'images/baloon.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {useTranslation} from 'gatsby-plugin-react-i18next';\n\nconst VideoSection = styled.div`\n  position: absolute;\n  left: 50%;\n  top: 150px;\n  z-index: 1;\n\n  @media (max-width: 1280px) {\n    position: relative;\n    left: auto;\n    top: auto;\n    margin: 24px auto;\n  }\n`;\n\nconst MoneiPayVideo = styled.iframe`\n  position: relative;\n  left: 50px;\n  width: 580px;\n  height: 326px;\n  border: 0;\n  @media (max-width: 1280px) {\n    left: 0;\n  }\n  @media (max-width: 768px) {\n    width: 90vw;\n  }\n`;\n\nconst VideoLeftTopCorner = styled.img`\n  position: absolute;\n  left: 29px;\n  top: -19px;\n\n  @media (max-width: 1280px) {\n    left: -19px;\n  }\n`;\n\nconst VideoLeftBottomCorner = styled.img`\n  position: absolute;\n  left: -9px;\n  bottom: -53px;\n\n  @media (max-width: 1280px) {\n    left: -55px;\n  }\n`;\n\nconst Baloon = styled.img`\n  position: absolute;\n  bottom: -75px;\n  right: -109px;\n  width: 125px;\n  @media (max-width: 1280px) {\n    right: -65px;\n  }\n  @media (max-width: 768px) {\n    display: none;\n  }\n`;\n\nexport const MoneiVideoSection: React.FC = () => {\n  const {t} = useTranslation();\n  return (\n    <VideoSection>\n      <VideoLeftTopCorner src={videoLeftTopCorner} />\n      <VideoLeftBottomCorner src={videoLeftBottomCorner} />\n      <MoneiPayVideo\n        src=\"https://www.youtube.com/embed/ZVmXRUFWqno\"\n        title={t('Monei Pay Video')}\n        allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; allowfullscreen; clipboard-write\"\n      />\n      <Baloon src={baloon} alt=\"MONEI\" title=\"MONEI\" />\n    </VideoSection>\n  );\n};\n","module.exports = __webpack_public_path__ + \"static/googlepay-logo-small-9b4b89eb62e70b6b896b5c9fc4c8de92.svg\";","module.exports = __webpack_public_path__ + \"static/monei_pay_qr_en-4941d900fd4893c7f9cf04e18e0488ed.png\";","import styled from 'styled-components';\nimport {ScreenSizes} from '../../../types/responsive';\nimport React from 'react';\nimport {useI18next} from 'gatsby-plugin-react-i18next';\nimport {LanguageEnum} from '../../../locales/types';\nimport scanme_qr_group_en from 'images/scanme_qr_group_en.svg';\nimport scanme_qr_group_es from 'images/scanme_qr_group_es.png';\n\nconst QrGroupContainer = styled.div`\n  margin: 0;\n  text-align: center;\n  img {\n    position: relative;\n    max-height: 650px;\n    height: 100%;\n\n    @media (max-width: ${ScreenSizes.md}) {\n      max-height: 500px;\n    }\n    @media (max-width: ${ScreenSizes.sm}) {\n      display: none;\n    }\n  }\n`;\n\nexport const QrGroup: React.FC = () => {\n  const {language} = useI18next();\n  const isSpanish = [LanguageEnum.es, LanguageEnum.ca].includes(language as LanguageEnum);\n  const scanme_qr_group = isSpanish ? scanme_qr_group_es : scanme_qr_group_en;\n\n  return (\n    <QrGroupContainer>\n      <img src={scanme_qr_group} alt=\"MONEI pay QR\" />\n    </QrGroupContainer>\n  );\n};\n","import React from \"react\";\nimport { StyledImg, StyledP } from \"../StyledSx\";\nimport { Trans } from \"gatsby-plugin-react-i18next\";\nimport { Flex } from \"../Flex\";\nimport applePay from \"images/applepay-logo-small.svg\";\nimport googlePay from \"images/googlepay-logo-small.svg\";\nimport bizum from \"images/bizum_payment_gateway.svg\";\nimport paypal from \"images/paypal-logo-small.svg\";\n\nexport type Logo = { src: string, height: string }\n\nconst pmLogos: Logo[] = [{src: applePay, height: '21px'}, {src: googlePay, height: '21px'}, {src: bizum, height: '21px'}, {src: paypal, height: '21px'}];\n\nexport const CompatibleWith: React.FC<{logos?: Logo[]; title?: JSX.Element, logoHeight?: string}> = ({\n  title = <Trans>Compatible with</Trans>,\n  logos = pmLogos\n}) => {\n  return (\n    <Flex direction=\"column\">\n      <StyledP sx={{color: '#74858E', marginTop: '16px'}}>{title}</StyledP>\n      <Flex sx={{gap: {all: '30px', xs: '12px 24px'}, flexWrap: 'wrap', alignItems: 'center'}}>\n        {logos.map((logo) => (\n          <StyledImg src={logo.src} sx={{height: logo.height}}/>\n        ))}\n      </Flex>\n    </Flex>\n  );\n};\n","import styled from 'styled-components';\n\nexport default styled.span`\n  font-weight: 600;\n`;\n","module.exports = __webpack_public_path__ + \"static/monei_pay_payment_en-9b2f3f2be3aeab74b4232b81c15ed732.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzgiIHZpZXdCb3g9IjAgMCA3MiA3OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguMzQ3OSAxMy4xNDU1QzIzLjE1ODUgMTYuNDYxNiAyNS43NDIyIDE4LjUxMjUgMjkuOTIxMiAxNy4wODg3QzM0LjEwMDYgMTUuNjY1NSAzNi4wNTAxIDE0LjIwNTkgNDAuNTk0MiAxNy4xNDI0QzQxLjg0NDQgMTUuMjI5OCA0Mi43NzY1IDEzLjgyMjQgNDIuNzc2NSAxMy44MjI0QzQyLjc3NjUgMTMuODIyNCAzOS43MTg4IDExLjkxNjIgMzUuNjE1NiAxMi42MjU4QzMxLjUxMjQgMTMuMzM1NCAyOS44MzI4IDE1LjQ1NTMgMjYuMzg1IDEzLjUzOTRDMjIuOTM3MSAxMS42MjM1IDIwLjQ2MzMgOS4xODI5IDIwLjQ2MzMgOS4xODI5TDE4LjM0NzkgMTMuMTQ1NVoiIGZpbGw9IndoaXRlIi8+Cgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LjM0NzkgMTMuMTQ1NUMyMy4xNTg1IDE2LjQ2MTYgMjUuNzQyMiAxOC41MTI1IDI5LjkyMTIgMTcuMDg4N0MzNC4xMDA2IDE1LjY2NTUgMzYuMDUwMSAxNC4yMDU5IDQwLjU5NDIgMTcuMTQyNEM0MS44NDQ0IDE1LjIyOTggNDIuNzc2NSAxMy44MjI0IDQyLjc3NjUgMTMuODIyNEM0Mi43NzY1IDEzLjgyMjQgMzkuNzE4OCAxMS45MTYyIDM1LjYxNTYgMTIuNjI1OEMzMS41MTI0IDEzLjMzNTQgMjkuODMyOCAxNS40NTUzIDI2LjM4NSAxMy41Mzk0QzIyLjkzNzEgMTEuNjIzNSAyMC40NjMzIDkuMTgyOSAyMC40NjMzIDkuMTgyOUwxOC4zNDc5IDEzLjE0NTVaIiBzdHJva2U9IiMwMDQ2ODAiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDYuOTg0NCA2OS41Mjc4TDUzLjM5NjkgNjYuNzU5MUM1My4zNjY4IDY2LjY1MDUgNTAuNTQ5MSA2MC4yNDc4IDU0LjQwMzYgNTYuNDU5OEM1OC41NDM0IDUyLjM5NCA2MC43MTgxIDUwLjIxOTkgNjEuNTY3NCA0Ni4zODI0QzYyLjQxNjYgNDIuNTQ2IDYxLjg4NzggNDEuOTU3NyA2MS44ODc4IDQxLjk1NzdMNTcuMTQ4MSA0NS4yNTE2QzU3LjE0ODEgNDUuMjUxNiA1OC41MDY3IDQ3Ljk5MTkgNTYuMzkxOCA0OS44ODJDNTQuMjc1NyA1MS43NzE5IDQ5LjI5NTcgNTQuODA5NSA0Ny40NTUxIDU4LjI4NzhDNDUuMjI1NyA2Mi40OTk5IDQ2Ljk4NDQgNjkuNTI3OCA0Ni45ODQ0IDY5LjUyNzhaIiBmaWxsPSJ3aGl0ZSIvPgoJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ni45ODQ0IDY5LjUyNzhMNTMuMzk2OSA2Ni43NTkxQzUzLjM2NjggNjYuNjUwNSA1MC41NDkxIDYwLjI0NzggNTQuNDAzNiA1Ni40NTk4QzU4LjU0MzQgNTIuMzk0IDYwLjcxODEgNTAuMjE5OSA2MS41Njc0IDQ2LjM4MjRDNjIuNDE2NiA0Mi41NDYgNjEuODg3OCA0MS45NTc3IDYxLjg4NzggNDEuOTU3N0w1Ny4xNDgxIDQ1LjI1MTZDNTcuMTQ4MSA0NS4yNTE2IDU4LjUwNjcgNDcuOTkxOSA1Ni4zOTE4IDQ5Ljg4MkM1NC4yNzU3IDUxLjc3MTkgNDkuMjk1NyA1NC44MDk1IDQ3LjQ1NTEgNTguMjg3OEM0NS4yMjU3IDYyLjQ5OTkgNDYuOTg0NCA2OS41Mjc4IDQ2Ljk4NDQgNjkuNTI3OFoiIHN0cm9rZT0iIzAwNDY4MCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMy4zMDI1IDMzLjIxMTNMMzIuMTY5NCAzNy44NTFDMzIuMDk0OCAzNy44NDQ2IDI3LjU4MzcgMzYuNzcxMSAyNS41MDY0IDM5LjgyOTFDMjMuMjc3MSA0My4xMTMgMjIuMDgwOCA0NC44NDMgMTkuNjQ5IDQ1Ljg5NzJDMTcuMjE3OSA0Ni45NTExIDE2Ljc3NDUgNDYuNjcyIDE2Ljc3NDUgNDYuNjcyTDE4LjQzMjEgNDMuMDg0NkMxOC40MzIxIDQzLjA4NDYgMjAuMzc5MSA0My42NDYyIDIxLjM5NTEgNDEuOTkyMUMyMi40MTA4IDQwLjMzNzQgMjMuODc0MiAzNi42MjE4IDI1Ljk2MzYgMzQuOTUwMUMyOC40OTM5IDMyLjkyNTMgMzMuMzAyNSAzMy4yMTEzIDMzLjMwMjUgMzMuMjExM1oiIGZpbGw9IndoaXRlIi8+Cgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMzLjMwMjUgMzMuMjExM0wzMi4xNjk0IDM3Ljg1MUMzMi4wOTQ4IDM3Ljg0NDYgMjcuNTgzNyAzNi43NzExIDI1LjUwNjQgMzkuODI5MUMyMy4yNzcxIDQzLjExMyAyMi4wODA4IDQ0Ljg0MyAxOS42NDkgNDUuODk3MkMxNy4yMTc5IDQ2Ljk1MTEgMTYuNzc0NSA0Ni42NzIgMTYuNzc0NSA0Ni42NzJMMTguNDMyMSA0My4wODQ2QzE4LjQzMjEgNDMuMDg0NiAyMC4zNzkxIDQzLjY0NjIgMjEuMzk1MSA0MS45OTIxQzIyLjQxMDggNDAuMzM3NCAyMy44NzQyIDM2LjYyMTggMjUuOTYzNiAzNC45NTAxQzI4LjQ5MzkgMzIuOTI1MyAzMy4zMDI1IDMzLjIxMTMgMzMuMzAyNSAzMy4yMTEzWiIgc3Ryb2tlPSIjMDA0NjgwIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=\"","import styled, {css} from 'styled-components';\nimport { StyledUl } from \"./StyledSx\";\n\nexport const List = styled(StyledUl)<{listStyle?: string}>`\n  list-style: ${props => props.listStyle || 'inherit'};\n  margin-left: ${props => props.listStyle === 'none' ? 0 : '1.64rem'};\n  .flex-list {\n    li {\n      display: flex;\n    }\n  }\n  .right-list {\n    margin-right: 1.64rem;\n    li {\n      position: relative;\n      text-align: right;\n      direction: rtl;\n    }\n  }\n`;\n\nexport const OrderedList = styled.ol<{align?: 'left' | 'right'}>`\n  ${(props) =>\n    props.align === 'right' &&\n    css`\n      margin-right: 1.64rem;\n      li {\n        position: relative;\n        text-align: right;\n        direction: rtl;\n      }\n    `}\n`;\n","import React, { PropsWithChildren } from \"react\";\nimport styled from \"styled-components\";\nimport { ScreenSizes, Sx } from \"../../../types/responsive\";\nimport { StyledDiv, StyledImg, StyledSection } from \"../StyledSx\";\n\nconst Cta = styled(StyledSection)`\n  padding-bottom: 80px;\n  @media (max-width: 768px) {\n    padding-top: 40px;\n    padding-bottom: 40px;\n  }\n`;\n\nconst CtaWrapper = styled(StyledDiv)`\n  background-image: linear-gradient(-56deg, #12e0c2 0%, #7984d9 41%);\n  border-radius: 16px;\n  padding: 80px 98px;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n  @media (max-width: ${ScreenSizes.lg}) {\n    padding: 80px 60px;\n  }\n  @media (max-width: ${ScreenSizes.sm}) {\n    padding: 40px 20px;\n  }\n`;\n\nconst CtaContent = styled(StyledDiv)`\n  display: flex;\n  flex-direction: column;\n  width: 680px;\n  @media (max-width: ${ScreenSizes.lg}) {\n    width: 630px;\n  }\n  @media (max-width: ${ScreenSizes.md}) {\n    width: 100%;\n    align-items: center;\n  }\n`;\n\ninterface Props {\n  wrapperStyle?: Sx;\n  contentStyle?: Sx;\n  sx?: Sx;\n}\n\nexport const GradientSectionDescription = styled.div`\n  font-weight: 500;\n  color: #fafafa;\n  font-size: 16px;\n  p {\n    font-size: 1.25rem;\n    @media (max-width: ${ScreenSizes.sm}) {\n      font-size: 1rem;\n    }\n  }\n  a {\n    color: #ffffff;\n    text-decoration: underline;\n  }\n`;\n\nexport const GradientCtaImage = styled(StyledImg)`\n  position: absolute;\n  bottom: -6px;\n  right: 98px;\n  width: 19.5%;\n\n  @media (max-width: ${ScreenSizes.lg}) {\n    bottom: 0;\n    width: 240px;\n    right: 60px;\n  }\n  @media (max-width: ${ScreenSizes.md}) {\n    display: none;\n  }\n`;\n\nexport const GradientBox: React.FC<Props & PropsWithChildren<any>> = ({children, wrapperStyle, contentStyle, sx}) => {\n  return (\n    <Cta sx={sx}>\n      <CtaWrapper sx={wrapperStyle}>\n        <CtaContent sx={contentStyle}>{children}</CtaContent>\n      </CtaWrapper>\n    </Cta>\n  );\n};\n"],"sourceRoot":""}