{"version":3,"sources":["webpack:///./src/components/RelatedBlogPosts.tsx","webpack:///./src/components/Background.tsx","webpack:///./src/utils/blog-utils.ts","webpack:///./src/components/Accordion.tsx","webpack:///./src/components/links/Blog.tsx","webpack:///./src/components/landings/IndexBackground.ts","webpack:///./src/images/payment-methods.svg","webpack:///./src/images/monei_pay_form_en.png","webpack:///./src/components/landings/IndexImage.ts","webpack:///./src/images/mbway-logo.svg","webpack:///./src/images/click_to_pay.svg","webpack:///./src/images/monei_pay_form_es.png","webpack:///./node_modules/@wp-pay/logos/dist/methods/bancontact/method-bancontact-640x360.svg","webpack:///./src/images/arrow-bottom.svg","webpack:///./src/components/Bold.ts","webpack:///./src/components/FaqsSection.tsx","webpack:///./src/pages/payment-methods/index.tsx","webpack:///./src/components/landings/GradientBox.tsx"],"names":["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","Background","StyledDiv","Section","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","Header","ArrowIcon","arrow","Content","Container","Accordion","header","children","_objectWithoutPropertiesLoose","_excluded","anchor","language","useI18next","origin","setOrigin","window","location","AnchorLink","target","href","targetLanguage","IndexBackground","xl","sx","keys","key","_props$sx","_props$sx$key","_props$sx2","_props$sx2$key","all","_all","_props$sx3","_props$sx3$left","_all2","_props$sx4","_props$sx4$top","top","_all3","_props$sx5","_props$sx5$height","_all4","_props$sx6","_props$sx6$width","_all5","_props$sx7","_props$sx7$transform","transform","_props$sx8","_props$sx9","_props$sx9$key","_xl","_props$sx10","_props$sx10$left","_xl2","_props$sx11","_props$sx11$top","_xl3","_props$sx12","_props$sx12$height","_xl4","_props$sx13","_props$sx13$width","_xl5","_props$sx14","_props$sx14$transform","_props$sx15","_props$sx16","_ref3","_lg","_props$sx17","_props$sx17$left","_lg2","_props$sx18","_props$sx18$top","_lg3","_props$sx19","_props$sx19$height","_lg4","_props$sx20","_props$sx20$width","_lg5","_props$sx21","_props$sx21$transform","module","exports","IndexImage","StyledImg","hideLtMd","span","FaqSection","section","DefaultAccordion","FaqTitle","SectionHeader","FaqsSection","Fragment","underline","faq","content","IndexSection","IndexContent","PaymentsSection","PaymentsBackground","SectionDescription","CtaImage","ReviewsBackground","Index","_useI18next","t","monei_pay_form","LanguageEnum","es","ca","monei_pay_form_es","monei_pay_form_en","data","place","rating","googlePlacesPlace","user_ratings_total","reviews","allGooglePlacesReview","nodes","prismic","allCategorys","edges","popularPosts","allPosts","parent","InternalPageLink","schemaFaqs","mainEntity","name","acceptedAnswer","description","SEO","schema","tagName","Bold","SectionActions","align","SignUpButton","variant","ContactSalesButton","payment_methods","PaymentMethodsContainer","PaymentMethodLogo","visa_logo","mastercard_logo","jcb_logo","dinners_logo","discover_logo","bancontact_logo","sepa_logo","multibanco_logo","mbWay_logo","bizum_logo","paypal_logo","applepay_logo","googlepay_logo","click_to_pay_logo","justifyContent","textAlign","GoogleReviews","centered","column","paddingBottom","marginTop","GradientBox","wrapperStyle","overflow","color","IosDownloadLink","AndroidDownloadLink","query","source","toString","this","Cta","StyledSection","CtaWrapper","CtaContent","GradientSectionDescription","GradientCtaImage","contentStyle"],"mappings":"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","file":"component---src-pages-payment-methods-index-tsx-5fa82d0e2e88d9237071.js","sourcesContent":["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","import { Section } from \"components/Section\";\nimport styled from \"styled-components\";\nimport { StyledDiv } from \"./StyledSx\";\n\nexport const Background = styled(StyledDiv)`\n  position: relative;\n  padding-top: 100px;\n  margin-bottom: 100px;\n  ${Section} {\n    color: #ffffff;\n    a {\n      color: #ffffff;\n    }\n    a:hover {\n      color: #efefef;\n    }\n  }\n\n  @media (max-width: 768px) {\n    padding-top: 0;\n  }\n\n  &:before {\n    display: block;\n    content: '';\n    position: absolute;\n    transform: skew(0, -15deg);\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    background-image: linear-gradient(40deg, #12e0c2 0%, #7984d9 40%);\n  }\n  &:after {\n    display: block;\n    position: absolute;\n    content: '';\n    z-index: -1;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    height: 80%;\n    background-image: linear-gradient(30deg, #12e0c2 0%, #7984d9 40%);\n  }\n`;\n","// 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 from 'react';\nimport styled from 'styled-components';\nimport arrow from 'images/arrow-bottom.svg';\n\nexport type AccordionProps = {\n  header: string;\n};\n\nexport const Header = styled.summary`\n  background-color: #eaeaea;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-weight: bold;\n  padding: 1rem 2.5rem 1rem 0.625rem;\n  position: relative;\n  text-align: left;\n  cursor: pointer;\n  &::-webkit-details-marker {\n    display: none;\n  }\n`;\n\nexport const ArrowIcon = styled.div`\n  background: url(${arrow}) no-repeat;\n  width: 1.25rem;\n  height: 0.6875rem;\n  flex-shrink: 0;\n  margin-left: 0.625rem;\n  position: absolute;\n  top: calc(50% - 0.3437rem);\n  right: 1.25rem;\n`;\n\nexport const Content = styled.div`\n  p {\n    margin-top: 0.625rem;\n\n    @media (max-width: 768px) {\n      margin-top: 0.3125rem;\n    }\n  }\n`;\n\nexport const Container = styled.details`\n  font-size: 0.9375rem;\n  line-height: 1.0625rem;\n  text-align: left;\n\n  \n  ${ArrowIcon} {\n    transition: all 0.3s ease;\n  }\n  &[open] {\n    ${ArrowIcon} {\n      transform: rotateX(180deg);\n    }\n  }\n`;\n\nexport const Accordion: React.FC<\n  AccordionProps & React.DetailsHTMLAttributes<HTMLDetailsElement>\n> = ({header, children, ...props}) => {\n  return (\n    <Container {...props}>\n      <Header>\n        {header}\n        <ArrowIcon></ArrowIcon>\n      </Header>\n      <Content>{children}</Content>\n    </Container>\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","import styled from 'styled-components';\nimport {Responsive, ScreenSizes, Sx} from '../../../types/responsive';\n\nexport const IndexBackground = styled.div<{sx?: Sx}>`\n  position: relative;\n\n  &:before {\n    display: block;\n    content: '';\n    position: absolute;\n    z-index: -1;\n    background: #7984d9;\n    -webkit-mask-image: linear-gradient(270deg,white 80%, 80%,transparent 100%);\n    @media (min-width: ${ScreenSizes.xl}) {\n      ${(props) =>\n          props.sx &&\n          Object.keys(props.sx).map((key: any) => ({\n            ...((props.sx?.[key] as Responsive)?.all\n                ? { [key]: (props.sx?.[key] as Responsive)?.all + '!important' }\n                : {})\n          }))};\n      left: ${(props) => (props.sx?.left as Responsive)?.all ?? '70%'};\n      top: ${(props) => (props.sx?.top as Responsive)?.all ?? 0};\n      height: ${(props) => (props.sx?.height as Responsive)?.all ?? '2000px'};\n      width: ${(props) => (props.sx?.width as Responsive)?.all ?? '1800px'};\n      transform: ${(props) => (props.sx?.transform as Responsive)?.all ?? 'rotate(-58deg)'};\n    }\n    \n    @media (max-width: ${ScreenSizes.xl}) {\n      ${(props) =>\n        props.sx &&\n        Object.keys(props.sx).map((key: any) => ({\n          ...((props.sx?.[key] as Responsive).xl\n            ? {[key]: (props.sx?.[key] as Responsive)?.xl + '!important'}\n            : {})\n        }))};\n      left: ${(props) => (props.sx?.left as Responsive)?.xl ?? '70%'};\n      top: ${(props) => (props.sx?.top as Responsive)?.xl ?? 0};\n      height: ${(props) => (props.sx?.height as Responsive)?.xl ?? '2000px'};\n      width: ${(props) => (props.sx?.width as Responsive)?.xl ?? '1800px'};\n      transform: ${(props) => (props.sx?.transform as Responsive)?.xl ?? 'rotate(-58deg)'};\n    }\n\n    @media (max-width: ${ScreenSizes.lg}) {\n      ${(props) =>\n        props.sx &&\n        Object.keys(props.sx).map((key: any) => ({\n          ...((props.sx?.[key] as Responsive).lg\n            ? {[key]: (props.sx?.[key] as Responsive).lg + '!important'}\n            : {})\n        }))};\n      left: ${(props) => (props.sx?.left as Responsive)?.lg ?? '70%'};\n      top: ${(props) => (props.sx?.top as Responsive)?.lg ?? 0};\n      height: ${(props) => (props.sx?.height as Responsive)?.lg ?? '2000px'};\n      width: ${(props) => (props.sx?.width as Responsive)?.lg ?? '1800px'};\n      transform: ${(props) => (props.sx?.transform as Responsive)?.lg ?? 'rotate(-58deg)'};\n    }\n    @media (max-width: ${ScreenSizes.md}) {\n      display: none;\n    }\n  }\n`;\n","module.exports = __webpack_public_path__ + \"static/payment-methods-6faa31127b431f536b35c43e04a6a77e.svg\";","module.exports = __webpack_public_path__ + \"static/monei_pay_form_en-9481e848b4bb0ac1200fcfed17b684b8.png\";","import styled from \"styled-components\";\nimport React from \"react\";\nimport { ScreenSizes } from \"../../../types/responsive\";\nimport { StyledImg } from \"../StyledSx\";\n\ntype Props = React.ImgHTMLAttributes<HTMLImageElement> & {\n  left?: string;\n  top?: string;\n  width?: string;\n  hideLtMd?: boolean;\n};\nexport const IndexImage = styled(StyledImg)<Props>`\n  position: absolute;\n  left: ${(props) => props.left || '52%'};\n  top: ${(props) => props.top || '100px'};\n  width: ${(props) => props.width || '600px'};\n  z-index: 10;\n  filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.2));\n\n  @media (max-width: ${ScreenSizes.lg}) {\n    transform: translateY(-30px);\n  }\n  @media (max-width: ${ScreenSizes.md}) {\n    ${(props) => props.hideLtMd && 'display: none'};\n  }\n\n  @media (max-width: ${ScreenSizes.sm}) {\n    position: initial;\n  }\n`;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJDYW1hZGFfMSIgZGF0YS1uYW1lPSJDYW1hZGEgMSIgdmlld0JveD0iMCAwIDE0My4yIDY5LjU3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6cmVkfS5jbHMtMntmaWxsOmN1cnJlbnRDb2xvcn08L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJtNS41NyA2MC42OC0uMjQgMS44OGExLjU0IDEuNTQgMCAwIDAgMS4zNSAxLjcyaDYxLjExYTEuNTYgMS41NiAwIDAgMCAxLjU4LTEuNTQgMS4xNSAxLjE1IDAgMCAwIDAtLjE5bC0uMjUtMS44OGEyLjY4IDIuNjggMCAwIDEgMi4zOC0yLjkzIDIuNjQgMi42NCAwIDAgMSAyLjkxIDIuMzRsLjI0IDEuODNjLjQ3IDQuMDctMS44NCA3LjY1LTYgNy42NUg2LjAxYy00LjEyIDAtNi40Mi0zLjU4LTUuOTUtNy42NWwuMjQtMS44M2EyLjYyIDIuNjIgMCAwIDEgMi44OC0yLjM0IDIuNjkgMi42OSAwIDAgMSAyLjM4IDIuOTQiIGNsYXNzPSJjbHMtMSIvPjxwYXRoIGQ9Ik02MS44NyA0Ni41NWE1IDUgMCAwIDAgNS4yNi00LjcxIDIuMzUgMi4zNSAwIDAgMCAwLS4yNmMtLjA2LTIuOTEtMi43MS00Ljc5LTUuNjYtNC44SDU1LjVhMi41IDIuNSAwIDAgMSAwLTVoNGMyLjY5LS4xMSA0Ljc2LTEuNzQgNC44OS00LjI3LjEzLTIuNzMtMi4yMS00Ljc3LTUuMDYtNC43N2gtOS42OHYyMy43N2gxMi4yMm03LjMzLTE5YTcuODQgNy44NCAwIDAgMS0yLjMzIDUuNjFsLS4xNS4xNy4yLjEyYTkuNzQgOS43NCAwIDAgMSA1IDguMTQgMTAgMTAgMCAwIDEtOS44IDEwLjEzaC0xNWEyLjYzIDIuNjMgMCAwIDEtMi41OS0yLjY1VjIwLjVhMi42MiAyLjYyIDAgMCAxIDIuNjUtMi42NmgxMi4xNWE5LjYxIDkuNjEgMCAwIDEgOS44NyA5LjMzdi4zM00yMS43NiA0MS45MmwuMDcuMi4wNy0uMmMuNjgtMS44OCAxLjUxLTQgMi4zOC02LjIzczEuOC00LjY3IDIuNjktNi44NSAxLjc2LTQuMTggMi41OC01LjlhMTkuOTEgMTkuOTEgMCAwIDEgMi0zLjYxIDQgNCAwIDAgMSAzLjIxLTEuNDloLjYxYTIuOTEgMi45MSAwIDAgMSAxLjkyLjYyIDIuMTUgMi4xNSAwIDAgMSAuNzYgMS4zOGwzLjgxIDI5LjVhMi40NyAyLjQ3IDAgMCAxLS42NSAxLjc5IDIuNiAyLjYgMCAwIDEtMS44NS42IDMgMyAwIDAgMS0xLjkyLS41NiAyLjA3IDIuMDcgMCAwIDEtLjg5LTEuNDhjLS4xMy0xLS4yNC0yLjA3LS4zNi0zLjI3cy0uNzYtNi4zMy0uOTMtNy42NC0xLjIyLTkuNjYtMS41OS0xMi42OXYtLjI2bC0xLjIyIDIuNTZjLS40MS44OC0uODYgMS45My0xLjM1IDMuMTZzLTEgMi41My0xLjQ3IDMuOTEtMi44OSA4LjA2LTIuODkgOC4wNmMtLjIyLjYxLS42NCAxLjg0LTEgM3MtLjczIDIuMTUtLjgyIDIuMzRhMy40MiAzLjQyIDAgMCAxLTQuNiAxLjQ5IDMuNDYgMy40NiAwIDAgMS0xLjUzLTEuNTFjLS4xLS4xOS0uNDQtMS4yMS0uODMtMi4zNHMtLjc3LTIuMzUtMS0zYzAgMC0yLjM1LTYuNzQtMi44OC04LjA2cy0xLTIuNjctMS40Ny0zLjkxLS45NS0yLjI4LTEuMzUtMy4xNmwtMS4yMy0yLjUzdi4yNmMtLjM3IDMtMS40MyAxMS4zNi0xLjYgMTIuNjlzLS43OSA2LjQxLS45MyA3LjYtLjI1IDIuMjktLjM3IDMuMjdhMi4wNyAyLjA3IDAgMCAxLS44OSAxLjQ4IDMgMyAwIDAgMS0xLjkxLjU2IDIuNTcgMi41NyAwIDAgMS0xLjgzLS42IDIuNDcgMi40NyAwIDAgMS0uNjUtMS43OWwzLjc2LTI5LjQ3YTIuMTYgMi4xNiAwIDAgMSAuNzctMS4zMiAyLjg4IDIuODggMCAwIDEgMS45Mi0uNjhoLjYxYTQgNCAwIDAgMSAzLjE5IDEuNDYgMTkuMzMgMTkuMzMgMCAwIDEgMiAzLjYxcTEuMjMgMi41OCAyLjU4IDUuOXQyLjcgNi44NWMuODcgMi4yNiAxLjY5IDQuMzUgMi4zNyA2LjIzIiBjbGFzcz0iY2xzLTIiLz48cGF0aCBkPSJNMTQuMyAwaDQ2LjI2YzQuMzYgMCA2LjUzIDMuMjcgNyA3LjU5bC4yIDEuMzhhMi43MiAyLjcyIDAgMCAxLTIuMzkgMyAyLjY3IDIuNjcgMCAwIDEtMi44Ny0yLjQybC0uMi0xLjMzYy0uMTktMS42NC0uODgtMi45MS0yLjU1LTIuOTFIMTUuMTJjLTEuNjcgMC0yLjM2IDEuMjctMi41NiAyLjkxbC0uMTggMS4zMWEyLjY2IDIuNjYgMCAwIDEtMi44OCAyLjQxIDIuNzEgMi43MSAwIDAgMS0yLjM5LTNsLjE5LTEuMzhjLjUyLTQuMzEgMi42OC03LjU5IDctNy41OSIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0iTTk3LjUgMzEuMWMtLjMyIDEuMjMtLjY1IDIuNTUtMSA0cy0uNyAyLjc1LTEgNC0uNjUgMi4zOS0xIDMuMzZhMTAuODkgMTAuODkgMCAwIDEtLjc2IDIgMiAyIDAgMCAxLTEuODkuOTQgNC4wOSA0LjA5IDAgMCAxLTEtLjE1IDEuNjMgMS42MyAwIDAgMS0xLS44NiAxMi4wNiAxMi4wNiAwIDAgMS0uNzYtMi4wOGMtLjMtMS0uNjItMi4yMi0xLTMuNTdzLS42Ny0yLjc3LTEtNC4yOC0uNjUtMi45MS0uOTEtNC4yLS41LTIuNC0uNjgtMy4zLS4yOC0xLjQ1LS4zMS0xLjY0YTEuNiAxLjYgMCAwIDEgMC0uMjN2LS4xM2ExLjEzIDEuMTMgMCAwIDEgLjQ0LS45MyAxLjYzIDEuNjMgMCAwIDEgMS4wOC0uMzUgMS43NiAxLjc2IDAgMCAxIDEgLjI2IDEuMzkgMS4zOSAwIDAgMSAuNTQuODlzLjA2LjM3LjE4IDEgLjI5IDEuMzguNDggMi4zMS40MSAyIC42NCAzLjE3LjQ4IDIuMzYuNzUgMy41Ni41MiAyLjM1Ljc4IDMuNDguNDkgMi4wOS43MiAyLjljLjIyLS43Ni40Ny0xLjYzLjc0LTIuNjFzLjU1LTIgLjgyLTMgLjUyLTIuMDkuNzctMy4xM2wuNy0yLjkyYy4yMi0uOTIuMzktMS42OS41NS0yLjM5cy4yOC0xLjIxLjM3LTEuNTVhMS45IDEuOSAwIDAgMSAuNjQtMSAxLjc4IDEuNzggMCAwIDEgMS4xMS0uNDYgMS44NCAxLjg0IDAgMCAxIDEuMjIuMzkgMS43MSAxLjcxIDAgMCAxIC42IDFjLjI3IDEuMDkuNTMgMi4zMy44MiAzLjY5cy42IDIuNzMuOTEgNC4xMi42NSAyLjc2IDEgNC4xLjY3IDIuNTIgMSAzLjU1Yy4yMi0uODEuNDctMS43Ny43My0yLjg5cy41MS0yLjI4Ljc4LTMuNDguNTQtMi4zNi43OC0zLjUzLjQ4LTIuMjIuNjgtMy4xNS4zNy0xLjY5LjQ4LTIuMjcuMTktLjkuMTktLjkyYTEuNDkgMS40OSAwIDAgMSAuNTQtLjg4IDEuNzIgMS43MiAwIDAgMSAxLS4yNiAxLjY5IDEuNjkgMCAwIDEgMS4wOS4zNSAxLjE2IDEuMTYgMCAwIDEgLjQ0Ljkzdi4xM2EyIDIgMCAwIDEgMCAuMjRjMCAuMTgtLjEzLjcyLS4zMiAxLjY0cy0uNDIgMi0uNjkgMy4yOS0uNTggMi42OS0uOTEgNC4xOC0uNjggMi45MS0xIDQuMjYtLjY0IDIuNTQtMSAzLjU2YTExLjU3IDExLjU3IDAgMCAxLS43NiAyLjA2IDEuNzcgMS43NyAwIDAgMS0xIC45IDMuNDUgMy40NSAwIDAgMS0xIC4xOCAyLjgzIDIuODMgMCAwIDEtLjQxIDAgMy43NSAzLjc1IDAgMCAxLS41OC0uMTMgMi4zMSAyLjMxIDAgMCAxLS42LS4zMiAxLjQ5IDEuNDkgMCAwIDEtLjQ4LS42IDE1LjExIDE1LjExIDAgMCAxLS43Mi0yLjEyYy0uMjktMS0uNTktMi4xLS45Mi0zLjM0cy0uNjQtMi41Ni0xLTMuOTItLjYxLTIuNjMtLjg4LTMuODFNMTE1LjE5IDM5LjE0Yy0uMzQgMS4wOC0uNjQgMi4wOC0uODkgM3MtLjUxIDEuNjctLjczIDIuMjZhMS41MTMgMS41MTMgMCAwIDEtMy0uNCAxLjMxIDEuMzEgMCAwIDEgLjA3LS40NGwuNDItMS4zOWMuMjQtLjc4LjU1LTEuNzUuOTMtMi45M3MuODEtMi40NCAxLjI3LTMuODMuOTQtMi43NyAxLjQzLTQuMTMgMS0yLjYzIDEuNDYtMy44YTIzLjA3IDIzLjA3IDAgMCAxIDEuMzUtMi44NiAxLjU2IDEuNTYgMCAwIDEgLjczLS43NyAzLjExIDMuMTEgMCAwIDEgMS4yNC0uMiAzLjI1IDMuMjUgMCAwIDEgMS4yNy4yMyAxLjQgMS40IDAgMCAxIC43Mi44MWMuMzIuNjcuNyAxLjU4IDEuMTMgMi43MXMuOTEgMi4zNiAxLjM5IDMuNjggMSAyLjY2IDEuNDQgNCAuOTEgMi42NCAxLjMgMy44Mi43MyAyLjE5IDEgMyAuNDYgMS4zNy41MiAxLjYyYTEuMzEgMS4zMSAwIDAgMSAuMDcuNDQgMS4yNiAxLjI2IDAgMCAxLS40MSAxIDEuNTYgMS41NiAwIDAgMS0xLjE3LjM5IDEuMjQgMS4yNCAwIDAgMS0uODctLjI1IDEuNjYgMS42NiAwIDAgMS0uNDUtLjcyYy0uMjMtLjU5LS40OS0xLjM0LS44LTIuMjZzLS42My0xLjkyLTEtM2gtOC40NW03LjUtMi45M2MtLjQ4LTEuNDYtLjkyLTIuOC0xLjM1LTRzLS44MS0yLjM1LTEuMjktMy40OWMtLjExLS4yNS0uMjMtLjUzLS4zNS0uODdzLS4yLS41MS0uMjItLjU3YTIuNTUgMi41NSAwIDAgMC0uMjIuNTRjLS4xMy4zNi0uMjQuNjUtLjM2LjktLjQ1IDEuMS0uODggMi4yNi0xLjMgMy40OXMtLjg2IDIuNTYtMS4zMyA0Wk0xMzQuMTUgMzYuODlhMi45MiAyLjkyIDAgMCAxLS4zMi0uMzhsLS4zMy0uNDZjLS4zMi0uNDUtLjY1LTEtMS0xLjY0cy0uNzUtMS4zMi0xLjEyLTItLjczLTEuNDUtMS4wNy0yLjE4LS42OC0xLjQxLS45NS0yLS41My0xLjE4LS43My0xLjY0YTYuNTYgNi41NiAwIDAgMS0uMzctMSAxLjM0IDEuMzQgMCAwIDEtLjA5LS4yNnMwLS4xMyAwLS4yNWExLjM4IDEuMzggMCAwIDEgLjQyLTEgMS41OCAxLjU4IDAgMCAxIDEuMTctLjQxIDEuMjQgMS4yNCAwIDAgMSAxIC4zNCAyLjIgMi4yIDAgMCAxIC40MS42N2wuMzMuNzRjLjE3LjM4LjM4Ljg1LjYyIDEuNDFzLjUzIDEuMTguODUgMS44Ni42MyAxLjMzIDEgMmwuOTUgMS44N2ExNC4zMSAxNC4zMSAwIDAgMCAuODYgMS40NiAyNC44NSAyNC44NSAwIDAgMCAxLjM5LTIuNDdjLjQ5LTEgMS0xLjk1IDEuNDEtMi45MnMuODQtMS44MiAxLjE4LTIuNTVsLjU5LTEuMzlhMi4yMyAyLjIzIDAgMCAxIC40Mi0uNjcgMS4xNiAxLjE2IDAgMCAxIDEtLjM0IDEuNTYgMS41NiAwIDAgMSAxLjE3LjQxIDEuMzEgMS4zMSAwIDAgMSAuNDIgMSAxIDEgMCAwIDEgMCAuMjVsLS4wOC4yNi0uMzkgMWMtLjE5LjQ3LS40MyAxLS43MiAxLjY0cy0uNTkgMS4zMS0uOTMgMi0uNzIgMS40NS0xLjA5IDIuMTgtLjc0IDEuNC0xLjExIDItLjcyIDEuMjEtMSAxLjY1YTUuMzggNS4zOCAwIDAgMS0uNjUuNzh2N2ExLjQ5IDEuNDkgMCAwIDEtLjQyIDEuMTEgMS41MyAxLjUzIDAgMCAxLTIuMTUgMCAxLjU1IDEuNTUgMCAwIDEtLjQ3LTEuMTV2LTciIGNsYXNzPSJjbHMtMiIvPjwvc3ZnPgo=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTUgMjMiPjxwYXRoIGlkPSJGaWxsLTEiIGQ9Ik0zMS44LDkuOSwyNC4xLjlhMS4yLDEuMiwwLDAsMC0uOC0uNC45LjksMCwwLDAtLjkuOS42LjYsMCwwLDAsLjMuNmw3LDguNS02LjksOC4zaC0zbDYuNS03LjZoMGEuOS45LDAsMCwwLC4zLS43LjkuOSwwLDAsMC0uMy0uNmgwTDE4LjUsMWgwYTEsMSwwLDAsMC0uOC0uNUgxMi4yYS45LjksMCwwLDAtLjkuOWMwLC4yLDAsLjMuMS40bDcuMiw4LjgtNi4xLDcuM2ExLjgsMS44LDAsMCwxLTEuNS44SDMuN2ExLjgsMS44LDAsMCwxLTEuOC0xLjhWNC4xQTEuOSwxLjksMCwwLDEsMy43LDIuM0g4LjNhLjkuOSwwLDAsMCwuOS0uOS45LjksMCwwLDAtLjktMUgzLjdBMy43LDMuNywwLDAsMCwwLDQuMVYxNi45YTMuNywzLjcsMCwwLDAsMy43LDMuNmg4LjRhMy41LDMuNSwwLDAsMCwxLjgtMS4ybDYuOS04LjFhLjkuOSwwLDAsMCwwLTEuM2gwTDE0LjIsMi4yaDNsNi45LDguMy03LjIsOC43aDBjLS4xLjItLjIuMy0uMi40YTEsMSwwLDAsMCwuOS45aDUuNWEuOS45LDAsMCwwLC44LS40aDBsNy43LTloMGEuOC44LDAsMCwwLC4yLTEuMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC40KSIgc3R5bGU9ImZpbGw6IzM4NDI1MjtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik0zOC42LDEwLjRjMC01LjIsMy4xLTguMyw3LjEtOC4zYTUuNiw1LjYsMCwwLDEsNC40LDJMNDksNS40YTQuMyw0LjMsMCwwLDAtMy4yLTEuNmMtMywwLTUuMSwyLjUtNS4xLDYuNXMxLjksNi41LDUsNi41QTQuNiw0LjYsMCwwLDAsNDkuNCwxNWwxLjEsMS4zYTYuMSw2LjEsMCwwLDEtNC45LDIuM0M0MS42LDE4LjYsMzguNiwxNS42LDM4LjYsMTAuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuNCkiIHN0eWxlPSJmaWxsOiMzODQyNTIiLz48cGF0aCBkPSJNNTMuMywxNlYxaDJWMTYuMXEwLC45LjYuOWguNGwuMywxLjUtMS4xLjJDNTMuOSwxOC42LDUzLjMsMTcuNyw1My4zLDE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC40KSIgc3R5bGU9ImZpbGw6IzM4NDI1MiIvPjxwYXRoIGQ9Ik01OS4xLDIuOGExLjQsMS40LDAsMCwxLDIuOCwwLDEuNCwxLjQsMCwwLDEtMi44LDBabS40LDMuN2gyVjE4LjNoLTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjQpIiBzdHlsZT0iZmlsbDojMzg0MjUyIi8+PHBhdGggZD0iTTY0LjYsMTIuNGMwLTMuOSwyLjctNi4yLDUuNy02LjJhNS4xLDUuMSwwLDAsMSwzLjQsMS40bC0xLDEuM2EzLjQsMy40LDAsMCwwLTIuMy0xYy0yLjIsMC0zLjgsMS44LTMuOCw0LjZTNjguMSwxNyw3MC4zLDE3YTQuMiw0LjIsMCwwLDAsMi44LTEuMmwuOCwxLjRhNS43LDUuNywwLDAsMS0zLjgsMS40QzY3LDE4LjYsNjQuNiwxNi4zLDY0LjYsMTIuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuNCkiIHN0eWxlPSJmaWxsOiMzODQyNTIiLz48cGF0aCBkPSJNNzYuNiwxaDJWMTIuOGgwbDUuMS02LjNoMi4ybC00LDQuOCw0LjUsNy4xSDg0LjJsLTMuNS01LjctMi4yLDIuNnYzLjFoLTJWMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuNCkiIHN0eWxlPSJmaWxsOiMzODQyNTIiLz48cGF0aCBkPSJNOTMuOCwxNC43VjguMUg5MlY2LjZoMS45bC4yLTMuM2gxLjdWNi41aDMuM1Y4LjFIOTUuOHY2LjZjMCwxLjUuNSwyLjMsMS45LDIuM2wxLjMtLjMuNCwxLjVhOC41LDguNSwwLDAsMS0yLjIuNEM5NC43LDE4LjYsOTMuOCwxNyw5My44LDE0LjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjQpIiBzdHlsZT0iZmlsbDojMzg0MjUyIi8+PHBhdGggZD0iTTEwMC44LDEyLjRjMC0zLjksMi42LTYuMiw1LjUtNi4yczUuNSwyLjMsNS41LDYuMi0yLjYsNi4yLTUuNSw2LjJTMTAwLjgsMTYuMywxMDAuOCwxMi40Wm04LjksMGMwLTIuNy0xLjMtNC42LTMuNC00LjZzLTMuNCwxLjktMy40LDQuNiwxLjQsNC42LDMuNCw0LjZTMTA5LjcsMTUuMSwxMDkuNywxMi40WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC40KSIgc3R5bGU9ImZpbGw6IzM4NDI1MiIvPjxwYXRoIGQ9Ik0xMjAsMi40aDQuNWMzLjYsMCw2LDEuMiw2LDQuN3MtMi40LDQuOS01LjksNC45SDEyMnY2LjRoLTJWMi40Wm00LjQsOGMyLjgsMCw0LjEtMS4xLDQuMS0zLjNTMTI3LjEsNCwxMjQuMyw0SDEyMnY2LjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjQpIiBzdHlsZT0iZmlsbDojMzg0MjUyIi8+PHBhdGggZD0iTTEzMi44LDE1LjNjMC0yLjYsMi4zLTMuOSw3LjMtNC40LDAtMS42LS41LTMtMi40LTNhNi4zLDYuMywwLDAsMC0zLjYsMS4zbC0uOC0xLjRBOSw5LDAsMCwxLDEzOCw2LjNjMi45LDAsNC4xLDEuOSw0LjEsNC44djcuM2gtMS42bC0uMi0xLjRoLS4xYTYuMyw2LjMsMCwwLDEtMy45LDEuN0EzLjMsMy4zLDAsMCwxLDEzMi44LDE1LjNabTcuMy4xVjEyLjFjLTQsLjUtNS4zLDEuNS01LjMsM2ExLjgsMS44LDAsMCwwLDIsMS45QTQuNyw0LjcsMCwwLDAsMTQwLjEsMTUuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuNCkiIHN0eWxlPSJmaWxsOiMzODQyNTIiLz48cGF0aCBkPSJNMTQ0LjYsMjMuMmwuNC0xLjZoLjljMS40LDAsMi4yLTEsMi43LTIuNWwuMy0uOUwxNDQuMiw2LjRoMmwyLjUsNi42LDEuMSwzLjNoLjFjLjMtMSwuNy0yLjIsMS0zLjNMMTUzLDYuNGgybC00LjUsMTIuOWMtLjgsMi4zLTIsNC4xLTQuNCw0LjFBMy40LDMuNCwwLDAsMSwxNDQuNiwyMy4yWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC40KSIgc3R5bGU9ImZpbGw6IzM4NDI1MiIvPjwvc3ZnPg==\"","module.exports = __webpack_public_path__ + \"static/monei_pay_form_es-87f01216fc36823ac1732368edd43b0f.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iMzYwIiBmaWxsPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSIxODMuMDIxIiB4Mj0iMzA4Ljc4MSIgeTE9IjE4MC4wNTUiIHkyPSIxMzMuMzQ0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDA1YWI5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWUzNzY0Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImIiIHgxPSIzMzAuNTY5IiB4Mj0iNDY0LjEiIHkxPSIxNDguMzE4IiB5Mj0iMTAyLjc2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmJhOTAwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZkODAwIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTI1LjQgMzZoMzg5LjUxOGExNC40IDE0LjQgMCAwIDEgMTQuNCAxNC40djI1OS4yYTE0LjQwMSAxNC40MDEgMCAwIDEtMTQuNCAxNC40SDEyNS40YTE0LjM5NyAxNC4zOTcgMCAwIDEtMTAuMTgyLTQuMjE4QTE0LjM5NyAxNC4zOTcgMCAwIDEgMTExIDMwOS42VjUwLjRBMTQuMzk4IDE0LjM5OCAwIDAgMSAxMjUuNCAzNnoiLz48cGF0aCBmaWxsPSIjMWUzNzY0IiBkPSJNMTQ4LjI0OSAyODUuOTAxdi00OS42NjRoMTUuMzI1YzExLjEzOSAwIDE4LjMwNSA0LjE4NiAxOC4zMDUgMTIuODQyIDAgNC44OTUtMi4yNzEgOC4zMDEtNS40NjMgMTAuMjg3IDQuNjExIDIuMTI4IDcuMzA3IDYuMjQzIDcuMzA3IDExLjg0OCAwIDEwLjAwNC03LjMwNyAxNC42ODctMTguNjU5IDE0LjY4N3ptOS44NjItMjkuMDE4aDcuMzA4YzQuNDY5IDAgNi4zODUtMi4yIDYuMzg1LTYuMjQ0IDAtNC4zMjgtMy40NzYtNS43NDYtOC4xNTktNS43NDZoLTUuNTM0em0wIDIwLjM2Mmg2LjEwMWM1Ljk2IDAgOS40MzctMS40OSA5LjQzNy02LjE3MiAwLTQuNjEyLTIuOTgtNi41MjgtOC41ODUtNi41MjhoLTYuOTUzem00NC43MzcgOS41MDdjLTkuNzIgMC0xNC42MTUtNC43NTMtMTQuNjE1LTExLjEzOSAwLTcuMDI0IDUuNzQ3LTExLjEzOSAxNC4yNi0xMS4yMSAyLjExNi4wMzkgNC4yMjYuMjI5IDYuMzE1LjU2OHYtMS43MDNjMC00LjMyOC0yLjQ4My02LjM4NS03LjIzNy02LjM4NWEyNC44ODkgMjQuODg5IDAgMCAwLTkuMzY1IDEuNzAzbC0xLjc3NC03LjY2M2MzLjA1MS0xLjI3NyA3Ljk0Ni0yLjEyOCAxMi4yNzQtMi4xMjggMTAuNDMgMCAxNS42MDkgNS41MzQgMTUuNjA5IDE1LjExMnYxOS43MjRjLTIuOTA5IDEuNDktOC4zNzIgMy4xMjEtMTUuNDY3IDMuMTIxem01Ljk2LTguMDE3di03LjU5MWEyMy43NzggMjMuNzc4IDAgMCAwLTUuMDM3LS41NjhjLTMuMjY0IDAtNS44MTggMS4yNzctNS44MTggNC42MTIgMCAyLjk4IDIuMTI4IDQuNTQgNS44ODggNC41NCAxLjcxLjA1NiAzLjQxLS4yODQgNC45NjctLjk5M3ptMTYuNCA3LjE2NnYtMzMuOTg1YTQzLjMxNiA0My4zMTYgMCAwIDEgMTYuMDM1LTMuMTIxYzEwLjM1OCAwIDE2LjMxOCA1LjEwOCAxNi4zMTggMTQuNTQ0djIyLjU2MmgtOS43OTF2LTIxLjg1MmMwLTQuODk2LTIuMjcxLTcuMTY2LTYuNTk4LTcuMTY2YTE0Ljg4IDE0Ljg4IDAgMCAwLTYuMjQ0IDEuMjc3djI3Ljc0MXptNjYuNTY5LTM0Ljk3OC0xLjg0NSA3LjczNGEyMS41ODMgMjEuNTgzIDAgMCAwLTguMDE3LTEuNzc0Yy01Ljc0NyAwLTguODY5IDQuMDQ0LTguODY5IDEwLjcxMyAwIDcuMzA4IDMuMjY0IDExLjA2OCA5LjM2NiAxMS4wNjhhMjAuMDY5IDIwLjA2OSAwIDAgMCA3Ljg3NS0xLjg0NWwxLjU2MSA3Ljg3NmEyMy44NzUgMjMuODc1IDAgMCAxLTEwLjIxNyAyLjA1N2MtMTEuNzc4IDAtMTguNTg5LTcuMzA3LTE4LjU4OS0xOC44NzIgMC0xMS40OTQgNi43NDEtMTkuMDg1IDE4LjAyMi0xOS4wODVhMjcuMzY1IDI3LjM2NSAwIDAgMSAxMC43MTMgMi4xMjh6bTIxLjE1MSAzNS44MjljLTEwLjkyNiAwLTE3LjczNy03LjU5MS0xNy43MzctMTkuMDE0IDAtMTEuMzUyIDYuODExLTE4Ljk0MyAxNy43MzctMTguOTQzIDEwLjk5NyAwIDE3LjY2NyA3LjU5MSAxNy42NjcgMTguOTQzIDAgMTEuNDIzLTYuNjcgMTkuMDE0LTE3LjY2NyAxOS4wMTR6bTAtOC4wODhjNS4wMzggMCA3LjY2My00LjE4NiA3LjY2My0xMC45MjYgMC02LjY2OS0yLjYyNS0xMC44NTUtNy42NjMtMTAuODU1LTQuOTY2IDAtNy43MzMgNC4xODYtNy43MzMgMTAuODU1IDAgNi43NCAyLjc2NyAxMC45MjYgNy43MzMgMTAuOTI2em0yMy4zMzIgNy4yMzd2LTMzLjk4NWE0My4zMiA0My4zMiAwIDAgMSAxNi4wMzUtMy4xMjFjMTAuMzU4IDAgMTYuMzE4IDUuMTA4IDE2LjMxOCAxNC41NDR2MjIuNTYyaC05Ljc5MXYtMjEuODUyYzAtNC44OTYtMi4yNy03LjE2Ni02LjU5OC03LjE2NmExNC44OCAxNC44OCAwIDAgMC02LjI0NCAxLjI3N3YyNy43NDF6bTU0LjQzNC44NTFjLTguNDQzIDAtMTIuNzcxLTQuNjExLTEyLjc3MS0xMy45Nzd2LTE1LjMyNGgtNC44MjR2LTcuODA1aDQuODI0di03Ljg3NWw5Ljc5MS0uNDk3djguMzcyaDcuODc1djcuODA1aC03Ljg3NXYxNS4xODNjMCA0LjExNSAxLjcwMyA2LjAzIDQuODk2IDYuMDNhMTcuMjM3IDE3LjIzNyAwIDAgMCAzLjc2LS40MjVsLjQ5NyA3Ljg3NWEyNy4wMzUgMjcuMDM1IDAgMCAxLTYuMTczLjYzOHptMjQuNzEzIDBjLTkuNzIgMC0xNC42MTYtNC43NTMtMTQuNjE2LTExLjEzOSAwLTcuMDI0IDUuNzQ3LTExLjEzOSAxNC4yNjEtMTEuMjEgMi4xMTYuMDM5IDQuMjI2LjIyOSA2LjMxNS41Njh2LTEuNzAzYzAtNC4zMjgtMi40ODQtNi4zODUtNy4yMzctNi4zODVhMjQuODg5IDI0Ljg4OSAwIDAgMC05LjM2NSAxLjcwM2wtMS43NzQtNy42NjNjMy4wNTEtMS4yNzcgNy45NDYtMi4xMjggMTIuMjc0LTIuMTI4IDEwLjQzIDAgMTUuNjA5IDUuNTM0IDE1LjYwOSAxNS4xMTJ2MTkuNzI0Yy0yLjkwOSAxLjQ5LTguMzcyIDMuMTIxLTE1LjQ2NyAzLjEyMXptNS45Ni04LjAxN3YtNy41OTFhMjMuNzg3IDIzLjc4NyAwIDAgMC01LjAzOC0uNTY4Yy0zLjI2MyAwLTUuODE3IDEuMjc3LTUuODE3IDQuNjEyIDAgMi45OCAyLjEyOCA0LjU0IDUuODg4IDQuNTQgMS43MS4wNTYgMy40MS0uMjg0IDQuOTY3LS45OTN6bTQzLjAwNS0yNy44MTItMS44NDUgNy43MzRhMjEuNTgzIDIxLjU4MyAwIDAgMC04LjAxNy0xLjc3NGMtNS43NDcgMC04Ljg2OCA0LjA0NC04Ljg2OCAxMC43MTMgMCA3LjMwOCAzLjI2MyAxMS4wNjggOS4zNjUgMTEuMDY4YTIwLjA2OSAyMC4wNjkgMCAwIDAgNy44NzUtMS44NDVsMS41NjEgNy44NzZhMjMuODg0IDIzLjg4NCAwIDAgMS0xMC4yMTcgMi4wNTdjLTExLjc3NyAwLTE4LjU4OC03LjMwNy0xOC41ODgtMTguODcyIDAtMTEuNDk0IDYuNzQtMTkuMDg1IDE4LjAyMS0xOS4wODVhMjcuMzYxIDI3LjM2MSAwIDAgMSAxMC43MTMgMi4xMjh6bTIxLjUyNiAzNS44MjljLTguNDQyIDAtMTIuNzctNC42MTEtMTIuNzctMTMuOTc3di0xNS4zMjRoLTQuODI1di03LjgwNWg0LjgyNXYtNy44NzVsOS43OTEtLjQ5N3Y4LjM3Mmg3Ljg3NXY3LjgwNWgtNy44NzV2MTUuMTgzYzAgNC4xMTUgMS43MDIgNi4wMyA0Ljg5NSA2LjAzYTE3LjIzNyAxNy4yMzcgMCAwIDAgMy43Ni0uNDI1bC40OTcgNy44NzVhMjcuMDI0IDI3LjAyNCAwIDAgMS02LjE3My42Mzh6Ii8+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTIxNi41NDMgMjExLjQwNWM1MS44MDggMCA3Ny43MTMtMzQuNTM5IDEwMy42MTctNjkuMDc5SDE0OC4yNDl2NjkuMDc5eiIvPjxwYXRoIGZpbGw9InVybCgjYikiIGQ9Ik00MjMuNzc3IDczLjI0OGMtNTEuODA4IDAtNzcuNzEzIDM0LjUzOS0xMDMuNjE3IDY5LjA3OGgxNzEuOTExVjczLjI0OHoiLz48L3N2Zz4=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzMuMDkgNzYuOTQiPgogIDxwb2x5Z29uIGZpbGw9IiM4NDg0ODQiIHBvaW50cz0iMTMzLjA5IDEwLjM5IDEyMi43IDAgNjYuNTQgNTYuMTYgMTAuMzkgMCAwIDEwLjM5IDY2LjU0IDc2Ljk0IDEzMy4wOSAxMC4zOSIgLz4KPC9zdmc+\"","import styled from 'styled-components';\n\nexport default styled.span`\n  font-weight: 600;\n`;\n","import styled from \"styled-components\";\nimport { Accordion as DefaultAccordion } from \"./Accordion\";\nimport React from \"react\";\nimport { containerSize, ScreenSizes, Sx } from \"../../types/responsive\";\nimport { SectionHeader } from \"./Section\";\n\nconst FaqSection = styled.section`\n  padding: 0.5rem 30px 0.625rem;\n  width: 100%;\n  max-width: ${containerSize};\n  margin: auto;\n  p {\n    line-height: 150%;\n  }\n  @media (max-width: ${ScreenSizes.md}) {\n    padding: 0.5rem 0 0.625rem;\n  }\n`;\n\nconst Accordion = styled(DefaultAccordion)`\n  margin-bottom: 0.625rem;\n`;\n\nconst FaqTitle = styled(SectionHeader)`\n  padding: 0 40px;\n  margin: auto;\n  text-align: center;\n  @media (max-width: ${ScreenSizes.md}) {\n    padding: 0;\n    width: 100%;\n  }\n`\ntype Faq = {\n  header: string;\n  content?: JSX.Element|string;\n  text?: string;\n}\nexport const FaqsSection: React.FC<{title: string|JSX.Element; faqs: Faq[], sx?: Sx}> = ({faqs, title}) => {\n  return (\n    <>\n      <FaqTitle underline>\n        {title}\n      </FaqTitle>\n      <FaqSection className=\"faqs-section\">\n        {faqs.map((faq, index) => (\n          <Accordion key={index} header={faq.header}>\n            <p>{faq.content}</p>\n          </Accordion>\n        ))}\n      </FaqSection>\n    </>\n\n  )\n}\n","// i18next-extract-mark-ns-start payment-methods\nimport {Background} from 'components/Background';\nimport {ContactSalesButton} from 'components/ContactSalesButton';\nimport {Content} from 'components/Content';\nimport {PaymentMethodLogo, PaymentMethodsContainer} from 'components/PaymentMethods';\nimport {Section, SectionActions, SectionHeader} 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 React from 'react';\nimport styled from 'styled-components';\nimport {IndexBackground} from 'components/landings/IndexBackground';\n\n// logos\nimport bizum_logo from 'images/bizum_payment_gateway.svg';\nimport click_to_pay_logo from 'images/click_to_pay.svg';\nimport multibanco_logo from 'images/multibanco_logo.svg';\nimport payment_methods from 'images/payment-methods.svg';\nimport paypal_logo from 'images/paypal_payment_gateway.svg';\nimport dinners_logo from '@wp-pay/logos/dist/cards/diners-club/card-diners-club-logo-_x80.svg';\nimport jcb_logo from '@wp-pay/logos/dist/cards/jcb/card-jcb-logo-_x80.svg';\nimport discover_logo from '@wp-pay/logos/dist/cards/discover/card-discover-logo-_x80.svg';\nimport applepay_logo from '@wp-pay/logos/dist/methods/apple-pay/method-apple-pay-640x360.svg';\nimport googlepay_logo from '@wp-pay/logos/dist/methods/google-pay/method-google-pay-640x360.svg';\nimport mastercard_logo from '@wp-pay/logos/dist/methods/mastercard/method-mastercard-640x360.svg';\nimport sepa_logo from 'images/sepa-logo.svg';\nimport visa_logo from '@wp-pay/logos/dist/methods/visa/method-visa-640x360.svg';\nimport bancontact_logo from '@wp-pay/logos/dist/methods/bancontact/method-bancontact-640x360.svg';\nimport monei_pay_form_en from 'images/monei_pay_form_en.png';\nimport monei_pay_form_es from 'images/monei_pay_form_es.png';\nimport mbWay_logo from 'images/mbway-logo.svg';\nimport {GradientBox} from 'components/landings/GradientBox';\nimport {IosDownloadLink} from 'components/DownloadOnAppleStore';\nimport {AndroidDownloadLink} from 'components/DownloadOnGooglePlay';\nimport {ScreenSizes} from '../../../types/responsive';\nimport {LanguageEnum} from '../../../locales/types';\nimport {IndexImage} from 'components/landings/IndexImage';\nimport {InternalPageLink} from 'components/links/Pages';\nimport {BlogLink} from 'components/links/Blog';\nimport Bold from 'components/Bold';\nimport {FaqsSection} from 'components/FaqsSection';\nimport {GoogleReviews, Place} from 'components/GoogleReviews';\nimport {BlogPost} from '../../../types/BlogTypes';\nimport {mapCategory} from 'utils/blog-utils';\nimport {getPostsFromPrismicEdges} from 'utils/blog-utils';\nimport {BlogCategoryType} from '../../../types/BlogTypes';\nimport {RelatedBlogPosts} from 'components/RelatedBlogPosts';\n\ntype Props = {\n  pageContext: {\n    pagePath: string;\n    title: string;\n  };\n};\n\nconst IndexSection = styled.div`\n  position: relative;\n`;\n\nconst IndexContent = styled.div`\n  padding-top: 100px;\n  padding-bottom: 90px;\n  max-width: 515px;\n`;\n\nconst PaymentsSection = styled(Section)`\n  padding-top: 30px;\n  padding-bottom: 30px;\n  text-align: center;\n`;\n\nconst PaymentsBackground = styled(Background)`\n  padding-top: 150px;\n  padding-bottom: 120px;\n  @media (max-width: 768px) {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n`;\n\nconst SectionDescription = styled.p`\n  font-weight: 500;\n  color: #fafafa;\n  font-size: 16px;\n\n  p {\n    font-size: 1.25rem;\n  }\n\n  a {\n    color: #ffffff;\n    text-decoration: underline;\n  }\n`;\n\nconst CtaImage = styled.img`\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\nconst EmptyPMCard = styled.div`\n  width: 270px;\n  @media (max-width: ${ScreenSizes.lg}) {\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 Index: React.FC<PageProps> = (props: any) => {\n  const {t, language} = useI18next();\n  const isSpanish = [LanguageEnum.es, LanguageEnum.ca].includes(language as LanguageEnum);\n  const monei_pay_form = isSpanish ? monei_pay_form_es : monei_pay_form_en;\n  const title = t('Accept More Payment Methods');\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\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  const faqs = [\n    {\n      header: t('What is a payment method?'),\n      text: t(\n        'Ranging from credit and debit cards to prepaid cards to mobile wallets (and more), a payment method is a way customers pay for products or services online or in person.'\n      ),\n      content: (\n        <Trans parent=\"p\">\n          Ranging from credit and debit cards to prepaid cards to mobile wallets (and more), a{' '}\n          <BlogLink slug=\"types-of-payment-methods\">payment method</BlogLink> is a way customers pay\n          for products or services online or in person.\n        </Trans>\n      )\n    },\n    {\n      header: t('What is a default payment method?'),\n      text: t(\n        'A default payment method is an option that automatically appears on your payment page or physical point of sale as the main method of payment.'\n      ),\n      content: (\n        <Trans parent=\"p\">\n          A default payment method is an option that automatically appears on your payment page or\n          physical point of sale as the main method of payment.\n        </Trans>\n      )\n    },\n    {\n      header: t('What is an alternative payment method?'),\n      text: t(\n        'Alternative payment methods (APMs) are essentially any payment type that isn’t cash or a credit/debit card from a major network like Visa or Mastercard. For example, digital wallets, peer-to-peer payment apps, or wearables are all considered alternative payment methods.'\n      ),\n      content: (\n        <Trans parent=\"p\">\n          <BlogLink slug=\"alternative-payment-methods\">Alternative payment methods (APMs)</BlogLink>{' '}\n          are essentially any payment type that isn’t cash or a credit/debit card from a major\n          network like Visa or Mastercard. For example,{' '}\n          <BlogLink slug=\"digital-wallet-ecommerce\">digital wallets</BlogLink>, peer-to-peer payment\n          apps, or wearables are all considered alternative payment methods.\n        </Trans>\n      )\n    },\n    {\n      header: t('What is a local payment method?'),\n      text: t(\n        'Payment methods that are popular and/or only available in certain countries are considered local payment methods. For example, Bizum is a local payment method in Spain.'\n      ),\n      content: (\n        <Trans parent=\"p\">\n          Payment methods that are popular and/or only available in certain countries are considered{' '}\n          <BlogLink slug=\"local-payment-methods\">local payment methods</BlogLink>. For example,{' '}\n          <InternalPageLink slug=\"bizum-empresas\">Bizum</InternalPageLink> is a local payment method\n          in Spain.\n        </Trans>\n      )\n    },\n    {\n      header: t('What are the most popular payment methods in Spain?'),\n      text: t(\n        'According to our data, the most popular payment methods in Spain include credit cards, Bizum, and PayPal. But Click to Pay is gaining popularity. Mobile purchases are also growing with the number of consumers making purchases via mobile devices nearly doubling the number of desktop purchases.'\n      ),\n      content: (\n        <Trans parent=\"p\">\n          According to our data, the{' '}\n          <BlogLink slug=\"black-friday-cyber-monday-payment-trends-2022\">\n            most popular payment methods in Spain\n          </BlogLink>{' '}\n          include credit cards, Bizum, and PayPal. But{' '}\n          <BlogLink slug=\"click-to-pay-ecommerce\">Click to Pay</BlogLink> is gaining popularity.\n          Mobile purchases are also growing with the number of consumers making purchases via mobile\n          devices nearly doubling the number of desktop purchases.\n        </Trans>\n      )\n    },\n    {\n      header: t('How many payment methods should I accept?'),\n      text: t(\n        'The more payment methods you accept, the more customers you can reach. But you also need to consider the cost of accepting each payment method and the potential for fraud.'\n      ),\n      content: (\n        <Trans parent=\"p\">\n          Whether you’re selling online or in person, you can never accept too many payment methods.\n          Reduce abandoned cart rates and speed up customer queues by accepting a wide range of\n          payment methods at your business.\n        </Trans>\n      )\n    }\n  ];\n\n  const schemaFaqs = {\n    '@type': 'FAQPage',\n    mainEntity: faqs.map((faq) => ({\n      '@type': 'Question',\n      name: faq.header,\n      acceptedAnswer: {\n        '@type': 'Answer',\n        text: faq.text\n      }\n    }))\n  };\n\n  const description = t(\n    `Accept more payment methods online and in-person and do it all with a single integration. Manage your entire omnichannel payment stack with MONEI. Start here ››`\n  );\n  return (\n    <>\n      <IndexBackground sx={{left: {xl: '50%'}, height: {xl: '1000px'}, width: {xl: '2000px'}}}>\n        <Content>\n          <SEO title={title} description={description} schema={schemaFaqs} />\n          <IndexSection>\n            <IndexContent>\n              <SectionHeader underline tagName=\"h1\">\n                <Trans>\n                  Accept more <br />\n                  payment methods\n                </Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                Boost customer satisfaction and sales by{' '}\n                <Bold>accepting more payment methods (online and off)</Bold>. Save time and money by\n                managing your entire omnichannel payment stack — from cards to digital wallets to\n                local payment methods like Bizum in Spain — <Bold>from a single platform</Bold>.\n              </Trans>\n              <Trans parent=\"p\">\n                <Bold>Get MONEI</Bold> to integrate with all major{' '}\n                <Bold>e-commerce platforms or your custom-built website</Bold>. Add alternative\n                payment methods to your checkout and take physical card, Google Pay, Apple Pay, and\n                Bizum <Bold>payments from anywhere using your phone</Bold> — no website required.\n              </Trans>\n              <SectionActions align=\"left\">\n                <SignUpButton variant=\"light\">\n                  <Trans>Open an Account</Trans>\n                </SignUpButton>\n                <ContactSalesButton />\n              </SectionActions>\n            </IndexContent>\n            <IndexImage\n              left=\"50%\"\n              top=\"120px\"\n              width=\"700px\"\n              src={payment_methods}\n              title={title}\n              alt={title}\n              className=\"hide-on-mobile\"\n            />\n          </IndexSection>\n        </Content>\n      </IndexBackground>\n      <PaymentsBackground>\n        <Content>\n          <PaymentsSection>\n            <div>\n              <SectionHeader tagName=\"h3\">\n                <Trans>Credit Card Payments</Trans>\n              </SectionHeader>\n              <PaymentMethodsContainer>\n                <InternalPageLink slug=\"payment-methods/credit-cards\">\n                  <PaymentMethodLogo\n                    src={visa_logo}\n                    alt=\"Visa payment gateway\"\n                    title=\"Visa payment gateway\"\n                    width={150}\n                  />\n                </InternalPageLink>\n                <InternalPageLink slug=\"payment-methods/credit-cards\">\n                  <PaymentMethodLogo\n                    src={mastercard_logo}\n                    alt=\"Mastercard payment gateway\"\n                    title=\"Mastercard payment gateway\"\n                    width={200}\n                  />\n                </InternalPageLink>\n                <InternalPageLink slug=\"payment-methods/credit-cards\">\n                  <PaymentMethodLogo\n                    src={jcb_logo}\n                    alt=\"JCB payment gateway\"\n                    title=\"JCB payment gateway\"\n                    width={110}\n                  />\n                </InternalPageLink>\n                <InternalPageLink slug=\"payment-methods/credit-cards\">\n                  <PaymentMethodLogo\n                    src={dinners_logo}\n                    alt=\"Dinners Club payment gateway\"\n                    title=\"Dinners Club payment gateway\"\n                    width={180}\n                  />\n                </InternalPageLink>\n                <InternalPageLink slug=\"payment-methods/credit-cards\">\n                  <PaymentMethodLogo\n                    src={discover_logo}\n                    alt=\"Discover payment gateway\"\n                    title=\"Discover payment gateway\"\n                    width={180}\n                  />\n                </InternalPageLink>\n                <InternalPageLink slug=\"payment-methods/bancontact\">\n                  <PaymentMethodLogo\n                    src={bancontact_logo}\n                    alt=\"Bancontact payment gateway\"\n                    title=\"Bancontact payment gateway\"\n                    width={130}\n                  />\n                </InternalPageLink>\n              </PaymentMethodsContainer>\n            </div>\n          </PaymentsSection>\n          <PaymentsSection>\n            <div>\n              <SectionHeader tagName=\"h3\">\n                <Trans>Direct Debit or Bank Transfer Payments</Trans>\n              </SectionHeader>\n              <PaymentMethodsContainer>\n                <InternalPageLink slug=\"payment-methods/sepa-direct-debit\">\n                  <PaymentMethodLogo\n                    src={sepa_logo}\n                    alt=\"SEPA payment gateway\"\n                    title=\"SEPA payment gateway\"\n                    width={170}\n                  />\n                </InternalPageLink>\n                <InternalPageLink slug=\"payment-methods/multibanco\">\n                  <PaymentMethodLogo\n                    src={multibanco_logo}\n                    alt=\"Multibanco payment gateway\"\n                    title=\"Multibanco payment gateway\"\n                    width={130}\n                  />\n                </InternalPageLink>\n                <InternalPageLink slug=\"payment-methods/mb-way\">\n                  <PaymentMethodLogo\n                    src={mbWay_logo}\n                    alt=\"MB Way payment gateway\"\n                    title=\"MB Way payment gateway\"\n                    width={200}\n                  />\n                </InternalPageLink>\n                <InternalPageLink slug=\"payment-methods/bizum\">\n                  <PaymentMethodLogo\n                    src={bizum_logo}\n                    alt=\"Bizum payment gateway\"\n                    title=\"Bizum payment gateway\"\n                    width={170}\n                  />\n                </InternalPageLink>\n              </PaymentMethodsContainer>\n            </div>\n          </PaymentsSection>\n          <PaymentsSection>\n            <div>\n              <SectionHeader tagName=\"h3\">\n                <Trans>E-wallet or Digital Wallet Payments</Trans>\n              </SectionHeader>\n              <PaymentMethodsContainer>\n                <InternalPageLink slug=\"payment-methods/paypal\">\n                  <PaymentMethodLogo\n                    src={paypal_logo}\n                    alt=\"PayPal payment gateway\"\n                    title=\"PayPal payment gateway\"\n                    width={190}\n                  />\n                </InternalPageLink>\n                <InternalPageLink slug=\"payment-methods/apple-pay\">\n                  <PaymentMethodLogo\n                    src={applepay_logo}\n                    alt=\"Apple Pay payment gateway\"\n                    title=\"Apple Pay payment gateway\"\n                    width={180}\n                  />\n                </InternalPageLink>\n                <InternalPageLink slug=\"payment-methods/google-pay\">\n                  <PaymentMethodLogo\n                    src={googlepay_logo}\n                    alt=\"Google Pay payment gateway\"\n                    title=\"Google Pay payment gateway\"\n                    width={180}\n                  />\n                </InternalPageLink>\n                <InternalPageLink slug=\"payment-methods/click-to-pay\">\n                  <PaymentMethodLogo\n                    src={click_to_pay_logo}\n                    alt=\"Click to Pay payment gateway\"\n                    title=\"Click to Pay payment gateway\"\n                    width={200}\n                  />\n                </InternalPageLink>\n              </PaymentMethodsContainer>\n            </div>\n          </PaymentsSection>\n        </Content>\n      </PaymentsBackground>\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>\n        <Section centered column>\n          <FaqsSection faqs={faqs} title={<Trans>Payment method FAQs</Trans>} />\n        </Section>\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>Latest payment methods related news</Trans>\n                </SectionHeader>\n              </div>\n            </Section>\n          </Content>\n          <RelatedBlogPosts posts={popularPosts} />\n        </>\n      )}\n      <Content sx={{marginTop: {sm: '70px', md: '150px'}}}>\n        <GradientBox wrapperStyle={{overflow: 'visible'}}>\n          <SectionHeader tagName=\"h3\" underline style={{color: 'white'}}>\n            <Trans>Power your omnichannel payments with MONEI</Trans>\n          </SectionHeader>\n          <SectionDescription>\n            <Trans parent=\"p\">\n              Get started today (without obligation) and download your mobile payment app on one or\n              many <IosDownloadLink>iOS</IosDownloadLink> or{' '}\n              <AndroidDownloadLink>Android</AndroidDownloadLink> mobile devices.\n            </Trans>\n          </SectionDescription>\n          <SectionActions>\n            <SignUpButton variant=\"dark\">\n              <Trans>Open an Account</Trans>\n            </SignUpButton>\n          </SectionActions>\n          <CtaImage src={monei_pay_form} />\n        </GradientBox>\n      </Content>\n    </>\n  );\n};\n\nexport default Index;\n\nexport const query = graphql`\n  query ($language: String!, $prismicLang: String) {\n    locales: allLocale(\n      filter: {ns: {in: [\"common\", \"payment-methods\"]}, language: {eq: $language}}\n    ) {\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: \"Métodos de pago\"\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","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":""}