{"version":3,"sources":["webpack:///./src/components/links/Blog.tsx","webpack:///./src/pages/connect/index.tsx","webpack:///./src/components/TrustedBy.tsx","webpack:///./src/components/monei-pay/MainTitleContent.tsx","webpack:///./src/images/revo_logo.png","webpack:///./src/components/links/Support.tsx","webpack:///./src/images/integrated_payments_header_image.png"],"names":["BlogLink","_ref","slug","anchor","children","style","language","useI18next","_useState","useState","origin","setOrigin","useEffect","window","location","React","createElement","AnchorLink","target","href","targetLanguage","CardWrapper","styled","div","withConfig","displayName","componentId","CardImage","img","CheckGreen","partnersLogos","logo","yumminn","url","es","alt","width","scale","glop","honei","qamarero","revoLogo","foodlus","lymon","hotelgest","SectionDescription","p","CodeSnippet","SyntaxHighlighter","ScreenSizes","md","IndexImage","StyledImg","lg","sm","CtaImage","PaymentCard","ReviewsBackground","Connect","props","t","codeSnippet","data","place","rating","googlePlacesPlace","user_ratings_total","reviews","allGooglePlacesReview","nodes","snippets","javascript","php","python","faqs","header","text","content","Trans","parent","List","sx","marginTop","test","schemaFaqs","mainEntity","map","faq","name","acceptedAnswer","Fragment","SEO","title","description","schema","IndexBackground","Content","Section","columnLg","paddingBottom","MainTitleContent","maxWidth","all","SectionHeader","underline","tagName","Bold","SectionActions","ContactSalesButton","variant","src","integrated_payments_header_image","TrustedBy","clientList","centered","column","textAlign","InternalPageLink","CardsContainer","marginBottom","Card","padding","mobile_payment","top","cards","security","Background","reverseOnMobile","columnMd","paddingTop","docco","className","listStyle","check","height","ButtonLink","margin","modular","coins","cart2","SupportLink","PaymentMethods","display","justifyContent","GoogleReviews","alignItems","SectionImage","yumminnCaseStudy","mobileWidth","GradientBox","wrapperStyle","overflow","color","integration","FaqsSection","query","id","source","toString","this","Title","_ref$isSlider","isSlider","_objectWithoutPropertiesLoose","_excluded","Clients","Object","assign","StyledDiv","module","exports","languageMap","en","pt","de","fr","it","ca","external","links","supportUrl"],"mappings":"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","file":"component---src-pages-connect-index-tsx-e3d634355f72d601997a.js","sourcesContent":["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 {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 {PageProps, graphql} from 'gatsby';\nimport {Trans, useI18next} from 'gatsby-plugin-react-i18next';\n\nimport styled from 'styled-components';\nimport React, {useState} from 'react';\nimport Bold from 'components/Bold';\nimport IndexBackground from 'components/monei-pay/IndexBackground';\nimport {InternalPageLink} from 'components/links/Pages';\nimport CardsContainer from 'components/CardsContainer';\nimport {Card} from 'components/Card';\nimport cards from 'images/credit-cards.svg';\nimport cart2 from 'images/cart2.svg';\nimport mobile_payment from 'images/mobile_payment.svg';\nimport coins from 'images/coins.svg';\nimport security from 'images/security.svg';\nimport {Background} from 'components/Background';\nimport {MainTitleContent} from 'components/monei-pay/MainTitleContent';\nimport yumminn from 'images/yumminn_logo_full.png';\nimport hotelgest from 'images/logo-hotelgest.png';\nimport foodlus from 'images/foodlus.png';\nimport lymon from 'images/lymon.png';\nimport glop from 'images/glop_logo.svg';\nimport honei from 'images/honei_logo.png';\nimport qamarero from 'images/qamarero_logo.png';\nimport revoLogo from 'images/revo_logo.png';\nimport yumminnCaseStudy from 'images/yummin_case_study.png';\nimport modular from 'images/modular.svg';\nimport {ButtonLink} from 'components/Button';\nimport check from 'images/check.svg';\nimport integration from 'images/integration.svg';\nimport {PaymentMethods} from 'components/PaymentMethods';\nimport {StyledImg} from 'components/StyledSx';\nimport {BlogLink} from 'components/links/Blog';\nimport {SupportLink} from 'components/links/Support';\nimport {AnchorLink} from 'components/AnchorLink';\nimport {GradientBox} from 'components/landings/GradientBox';\nimport {ScreenSizes} from '../../../types/responsive';\nimport {FaqsSection} from 'components/FaqsSection';\nimport integrated_payments_header_image from 'images/integrated_payments_header_image.png';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport {docco} from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport {TrustedBy} from 'components/TrustedBy';\nimport {GoogleReviews, Place} from 'components/GoogleReviews';\n\nconst CardWrapper = styled.div`\n  max-width: 255px;\n`;\n\nconst CardImage = styled.img`\n  position: absolute;\n`;\nconst CheckGreen = styled.img`\n  margin: 4px 8px 0 0;\n  svg {\n    fill: white;\n  }\n`;\nexport const partnersLogos = [\n  {\n    logo: yumminn,\n    url: {\n      es: 'https://yumminn.com/'\n    },\n    alt: 'Yumminn integration',\n    width: 200,\n    scale: 1\n  },\n  {\n    logo: glop,\n    url: {\n      es: 'https://www.glop.es/'\n    },\n    alt: 'Glop integration',\n    width: 90,\n    scale: 1\n  },\n  {\n    logo: honei,\n    url: {\n      es: 'https://honei.app/'\n    },\n    alt: 'Honei',\n    width: 180,\n    scale: 1\n  },\n  {\n    logo: qamarero,\n    url: {\n      es: 'https://www.qamarero.com/'\n    },\n    alt: 'Qamarero',\n    width: 200,\n    scale: 1\n  },\n  {\n    logo: revoLogo,\n    url: {\n      es: 'https://revo.works/'\n    },\n    alt: 'Revo',\n    width: 200,\n    scale: 1\n  },\n  {\n    logo: foodlus,\n    url: {\n      es: 'https://www.foodlus.com/'\n    },\n    alt: 'Foodlus',\n    width: 135,\n    scale: 1\n  },\n  {\n    logo: lymon,\n    url: {\n      es: 'https://www.lymon.es/'\n    },\n    alt: 'Lymon',\n    width: 135,\n    scale: 1\n  },\n  {\n    logo: hotelgest,\n    url: {\n      es: 'https://hotelgest.com/'\n    },\n    alt: 'Hotelgest',\n    width: 200,\n    scale: 1\n  }\n];\n\nconst SectionDescription = styled.p`\n  font-weight: 500;\n  color: #fafafa;\n  font-size: 16px;\n  p {\n    font-size: 1.25rem;\n  }\n  a {\n    color: #ffffff;\n    text-decoration: underline;\n  }\n`;\n\nconst CodeSnippet = styled(SyntaxHighlighter)`\n  border-radius: 4px;\n  padding: 1.5em !important;\n  @media (max-width: ${ScreenSizes.md}) {\n    margin-top: 2em;\n  }\n`;\n\nexport const IndexImage = styled(StyledImg)`\n  position: absolute;\n  left: 60%;\n  top: 70px;\n  width: 400px;\n  z-index: 10;\n  mask-image: linear-gradient(180deg, #000000 94%, rgba(0, 0, 0, 0) 100%);\n\n  @media (max-width: ${ScreenSizes.lg}) {\n    display: none;\n  }\n\n  @media (max-width: ${ScreenSizes.sm}) {\n    position: initial;\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 PaymentCard = styled.div`\n  padding: 24px 48px;\n  flex-basis: 100%;\n\n  @media (max-width: 768px) {\n    padding: 40px 32px;\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\ntype SnippetType = 'javascript' | 'php' | 'python';\n\nconst Connect: React.FC<PageProps> = (props) => {\n  const {t} = useI18next();\n  const [codeSnippet, setCodeSnippet] = useState<SnippetType>('javascript');\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 javascriptCodeSnippet = `const {Monei, PaymentTransactionType} = require('@monei-js/node-sdk');\nconst monei = new Monei('pk_test_36cf3e8a15eff3f5be983562ea6b13ec');\nmonei.payments.create({\n  amount: 110, // 1.10 EUR\n  currency: 'EUR',\n  orderId: '14379133960355',\n  paymentToken: '7cc38b08ff471ccd313ad62b23b9f362b107560b',\n  callbackUrl: 'https://example.com/checkout/callback',\n  completeUrl: 'https://example.com/checkout/complete',\n  customer: {\n    name: 'John Doe',\n    email: 'example@example.com',\n    phone: '+49123456789'\n  }\n});\n`;\n  const phpCodeSnippet = `<?php\n$monei = new Monei\\\\MoneiClient('pk_test_36cf3e8a15eff3f5be983562ea6b13ec');\n$monei->payments->create([\n    'amount' => 110, // 1.10 EUR\n    'orderId' => '14379133960355',\n    'currency' => 'EUR',\n    'payment_token' => '7cc38b08ff471ccd313ad62b23b9f362b107560b',\n    'callback_url' => 'https://example.com/checkout/callback',\n    'complete_url' => 'https://example.com/checkout/complete'\n]);\n`;\n  const pythonCodeSnippet = `import Monei\nfrom Monei import CreatePaymentRequest\n\nmonei = Monei.MoneiClient(api_key=\"pk_test_36cf3e8a15eff3f5be983562ea6b13ec\")\nmonei.Payments.create(CreatePaymentRequest(\n    amount=110,\n    currency=\"EUR\",\n    order_id=\"14379133960355\",\n    payment_token=\"7cc38b08ff471ccd313ad62b23b9f362b107560b\",\n    callback_url=\"https://example.com/checkout/callback\",\n    complete_url=\"https://example.com/checkout/complete\"\n))\n`;\n  const snippets: Record<SnippetType, string> = {\n    javascript: javascriptCodeSnippet,\n    php: phpCodeSnippet,\n    python: pythonCodeSnippet\n  };\n\n  const faqs = [\n    {\n      header: t('What are integrated payments?'),\n      text: t(`\n          Integrated payment solutions help streamline and automate the payment acceptance\n          process. It’s a payment system that communicates with the other software your\n          business uses, making the payment integration for each platform or marketplace\n          unique.`),\n      content: (\n        <Trans parent=\"p\">\n          Integrated payment solutions help streamline and automate the payment acceptance process.\n          It’s a payment system that communicates with the other software your business uses, making\n          the payment integration for each platform or marketplace unique.\n        </Trans>\n      )\n    },\n    {\n      header: t(\n        'What are the main benefits of integrated payment solutions for platforms and marketplaces via MONEI Connect?'\n      ),\n      text: t(\n        \"- Save time and money developing your own payments solution. - Earn a revenue share. - Leverage MONEI's billing system to charge your users/merchants for additional services. - Skip dealing with payment compliance. - Help your users accept more payment methods. - Make fewer errors.\"\n      ),\n      content: (\n        <List sx={{marginTop: '12px'}}>\n          <Trans parent=\"li\">Save time and money developing your own payments solution</Trans>\n          <Trans parent=\"li\">Earn a revenue share</Trans>\n          <Trans parent=\"li\">\n            Leverage MONEI's billing system to charge your users/merchants for additional services\n          </Trans>\n          <Trans parent=\"li\">Skip dealing with payment compliance</Trans>\n          <Trans parent=\"li\">Help your users accept more payment methods</Trans>\n          <Trans parent=\"li\">Make fewer errors</Trans>\n        </List>\n      )\n    },\n    {\n      header: t('What’s an example of integrated payments?'),\n      test: t(`Yumminn is a platform in Spain that helps restaurants accept orders and payments\n          via QR codes. By using MONEI Connect as an integrated payments partner, Yumminn\n          can let its users accept all the payment methods MONEI supports without having\n          to deal with the development, compliance, and KYC. It’s all handled by MONEI.\n          More platforms that use MONEI Connect for integrated payments are Honei, Glop,\n          Qamarero, Nuve, and Taxitronic.`),\n      content: (\n        <Trans parent=\"p\">\n          Yumminn is a platform in Spain that helps restaurants accept orders and payments via QR\n          codes. By using MONEI Connect as an integrated payments partner, Yumminn can let its users\n          accept all the payment methods MONEI supports without having to deal with the development,\n          compliance, and KYC. It’s all handled by MONEI. More platforms that use MONEI Connect for\n          integrated payments are Honei, Glop, Qamarero, Nuve, and Taxitronic.\n        </Trans>\n      )\n    },\n    {\n      header: t(\n        'How long does it take to integrate an integrated payment solution into my platform or marketplace?'\n      ),\n      text: t(`The time required for integration depends on various factors, including the\n          complexity of your platform, the chosen payment solution, and the availability\n          of developer resources. Generally, well-documented APIs and developer-friendly\n          tools provided by integrated payment solutions (like MONEI Connect) can expedite\n          the integration process.`),\n      content: (\n        <Trans parent=\"p\">\n          The time required for integration depends on various factors, including the complexity of\n          your platform, the chosen payment solution, and the availability of developer resources.\n          Generally, well-documented APIs and developer-friendly tools provided by integrated\n          payment solutions (like MONEI Connect) can expedite the integration process.\n        </Trans>\n      )\n    },\n    {\n      header: t(\n        'Are there any compliance requirements or security considerations I should be aware of?'\n      ),\n      text: t(`Absolutely. Compliance requirements and security considerations are crucial when\n          implementing an integrated payment solution. Make sure the solution adheres to\n          relevant industry standards, such as PCI-DSS (Payment Card Industry Data\n          Security Standard), to protect sensitive customer payment data.`),\n      content: (\n        <Trans parent=\"p\">\n          Absolutely. Compliance requirements and security considerations are crucial when\n          implementing an integrated payment solution. Make sure the solution adheres to relevant\n          industry standards, such as PCI-DSS (Payment Card Industry Data Security Standard), to\n          protect sensitive customer payment data.\n        </Trans>\n      )\n    },\n    {\n      header: t(\n        'What kind of customer support or technical assistance is provided with integrated payment solutions?'\n      ),\n      text: t(`At MONEI, we provide customer support and technical assistance to help you  \n          during the integration process and resolve any issues that may arise. This can  \n          include documentation, developer resources, dedicated support channels, and  \n          sometimes even on-site assistance depending on the specific service level  \n          agreement (SLA) in place. We also handle KYC, onboarding, and payment security  \n          and compliance for you.`),\n      content: (\n        <Trans parent=\"p\">\n          At MONEI, we provide customer support and technical assistance to help you during the\n          integration process and resolve any issues that may arise. This can include documentation,\n          developer resources, dedicated support channels, and sometimes even on-site assistance\n          depending on the specific service level agreement (SLA) in place. We also handle KYC,\n          onboarding, and payment security and compliance for you.\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  return (\n    <>\n      <SEO\n        title={t('Integrated Payment Solutions for Platforms and Marketplaces')}\n        description={t(\n          'Looking for an integrated payment partner for your platform or marketplace? Build payment experiences without the high development costs. Get MONEI Connect ››'\n        )}\n        schema={schemaFaqs}\n      />\n\n      <IndexBackground>\n        <Content>\n          <Section columnLg sx={{paddingBottom: '0'}}>\n            <MainTitleContent sx={{maxWidth: {all: '590px', lg: '100%'}}}>\n              <SectionHeader underline tagName=\"h1\">\n                <Trans>Integrated payment solutions for your platform or marketplace</Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                Quickly and easily integrate payments into your business platform or marketplace\n                with <Bold>MONEI Connect</Bold>. Build and scale end-to-end payment experiences with\n                a simple payment partner API. Save time and money with built-in onboarding,\n                fully-managed KYC, and payments compliance and security. Get the best integrated\n                payment solution for platforms and marketplaces — join MONEI.\n              </Trans>\n              <SectionActions>\n                <ContactSalesButton variant=\"light\" />\n              </SectionActions>\n            </MainTitleContent>\n            <IndexImage\n              src={integrated_payments_header_image}\n              alt=\"Integrated payments\"\n              title=\"Integrated payments\"\n            />\n          </Section>\n          <TrustedBy clientList={partnersLogos} />\n        </Content>\n      </IndexBackground>\n      <Content>\n        <Section centered column sx={{textAlign: 'center'}}>\n          <SectionHeader underline style={{textAlign: 'center'}}>\n            <Trans>Seamlessly let your users accept payments</Trans>\n          </SectionHeader>\n          <p style={{textAlign: 'center'}}>\n            <Trans>\n              Whether your users sell online or in person, quickly integrate with MONEI Connect to\n              help them accept{' '}\n              <InternalPageLink slug=\"payment-methods\">more payment methods</InternalPageLink>.\n            </Trans>\n          </p>\n          <CardsContainer sx={{marginTop: '100px', marginBottom: '40px'}}>\n            <Card padding=\"80px 24px 32px 24px\">\n              <CardImage src={mobile_payment} alt=\"\" style={{top: -45, width: 110}} />\n              <CardWrapper>\n                <p style={{marginBottom: '12px'}}>\n                  <Trans>\n                    <Bold>Easily onboard and payout users</Bold>\n                  </Trans>\n                </p>\n\n                <Trans>\n                  MONEI handles the{' '}\n                  <BlogLink slug=\"monei-connect-integrated-payments-kyc\">\n                    Know Your Customer (KYC)\n                  </BlogLink>{' '}\n                  and payout processes so you can onboard more users, faster, and spend time on\n                  sales instead of settlements\n                </Trans>\n              </CardWrapper>\n            </Card>\n            <Card padding=\"80px 32px 32px 32px\">\n              <CardImage src={cards} alt=\"\" style={{top: -40, width: 80}} />\n              <CardWrapper>\n                <p style={{marginBottom: '12px'}}>\n                  <Trans parent=\"p\">\n                    <Bold>Flexible out-of-the-box solution</Bold>\n                  </Trans>\n                </p>\n                <Trans>\n                  Save time and money on development by integrating with a single payment system\n                  that’s built to scale — add payments to your platform/marketplace or white label\n                  our payment solution and charge a fee\n                </Trans>\n              </CardWrapper>\n            </Card>\n            <Card padding=\"80px 32px 32px 32px\">\n              <CardImage src={security} alt=\"\" style={{top: -48}} />\n              <CardWrapper>\n                <p style={{marginBottom: '12px'}}>\n                  <Trans parent=\"p\">\n                    <Bold>Built in payment security</Bold>\n                  </Trans>\n                </p>\n                <Trans>\n                  Don’t worry about fraud and transaction security issues, MONEI is{' '}\n                  <InternalPageLink slug=\"pci-dss\">PCI DSS Level 1</InternalPageLink> compliant —\n                  we’ll take care of payment security for you\n                </Trans>\n              </CardWrapper>\n            </Card>\n          </CardsContainer>\n          <ContactSalesButton variant=\"light\" />\n        </Section>\n      </Content>\n      <Background>\n        <Content>\n          <Section centered reverseOnMobile columnMd sx={{paddingTop: {sm: '100px'}}}>\n            <CodeSnippet language=\"javascript\" style={docco}>\n              {snippets[codeSnippet]}\n            </CodeSnippet>\n            <div>\n              <SectionHeader>\n                <Trans>Use the Payment Partner Integration API</Trans>\n              </SectionHeader>\n              <List className=\"flex-list\" listStyle=\"none\">\n                <Trans parent=\"li\">\n                  <CheckGreen src={check} width={16} height={16} alt=\"Check\" />︎ Access our APIs on behalf of\n                  each MONEI account bound to your partner account.\n                </Trans>\n                <Trans parent=\"li\">\n                  <CheckGreen src={check} width={16} height={16} alt=\"Check\" />︎ Get a unique registration link\n                  to let your users register their MONEI account (they’ll always be bund to your\n                  partner account).\n                </Trans>\n                <Trans parent=\"li\">\n                  <CheckGreen src={check} width={16} height={16} alt=\"Check\" />︎ View the Partner Dashboard to\n                  see payment history, aggregated analytics, and details about each MONEI account\n                  bound to your partner account.\n                </Trans>\n              </List>\n              <SectionActions>\n                <ButtonLink href=\"https://docs.monei.com/docs/monei-connect/\" variant=\"dark\">\n                  <Trans>Go to Docs</Trans>\n                </ButtonLink>\n              </SectionActions>\n            </div>\n          </Section>\n        </Content>\n      </Background>\n      <Content>\n        <Section column>\n          <SectionHeader underline sx={{textAlign: 'center'}}>\n            <Trans>Help your users grow their businesses</Trans>\n          </SectionHeader>\n          <CardsContainer sx={{margin: '40px 0'}}>\n            <Card padding=\"80px 24px 32px 24px\">\n              <CardImage src={modular} alt=\"\" style={{top: -45, width: 105}} />\n              <CardWrapper>\n                <p style={{marginBottom: '12px'}}>\n                  <Trans parent=\"p\">\n                    <Bold>Accept more payment methods</Bold>\n                  </Trans>\n                </p>\n                <Trans>\n                  Help your platform or marketplace users accept the widest range of payment methods\n                  from{' '}\n                  <InternalPageLink slug=\"payment-methods/credit-cards\">\n                    credit cards\n                  </InternalPageLink>{' '}\n                  to <InternalPageLink slug=\"payment-methods/apple-pay\">Apple Pay</InternalPageLink>\n                  ,{' '}\n                  <InternalPageLink slug=\"payment-methods/google-pay\">Google Pay</InternalPageLink>,{' '}\n                  <InternalPageLink slug=\"payment-methods/bizum\">Bizum</InternalPageLink>, and more{' '}\n                  <BlogLink slug=\"local-payment-methods\">local payment methods</BlogLink>\n                </Trans>\n              </CardWrapper>\n            </Card>\n            <Card padding=\"80px 32px 32px 32px\">\n              <CardImage src={coins} alt=\"\" style={{top: -50, width: 80}} />\n              <CardWrapper>\n                <p style={{marginBottom: '12px'}}>\n                  <Trans parent=\"p\">\n                    <Bold>Save money</Bold>\n                  </Trans>\n                </p>\n                <Trans>\n                  As your users sell more, their transaction{' '}\n                  <InternalPageLink slug=\"pricing\">fees will decrease</InternalPageLink> in\n                  real-time and for in-person payments,{' '}\n                  <InternalPageLink slug=\"monei-pay\">MONEI Pay</InternalPageLink> is 50% cheaper\n                  than a traditional POS\n                </Trans>\n              </CardWrapper>\n            </Card>\n            <Card padding=\"80px 32px 32px 32px\">\n              <CardImage src={cart2} alt=\"\" style={{top: -48, width: 110}} />\n              <CardWrapper>\n                <p style={{marginBottom: '12px'}}>\n                  <Trans parent=\"p\">\n                    <Bold>Take online and physical payments</Bold>\n                  </Trans>\n                </p>\n                <Trans>\n                  Let users accept payments online via a{' '}\n                  <AnchorLink href=\"https://docs.monei.com/docs/integrations/use-prebuilt-payment-page/\">\n                    customizable payment page\n                  </AnchorLink>{' '}\n                  and in person from their phone or tablet, using{' '}\n                  <SupportLink slug=\"articles/4417709618193\">QR codes</SupportLink> or{' '}\n                  <SupportLink slug=\"articles/12253203762449\">payment requests</SupportLink>\n                </Trans>\n              </CardWrapper>\n            </Card>\n          </CardsContainer>\n        </Section>\n      </Content>\n      <Content sx={{maxWidth: '1440px', textAlign: 'center'}}>\n        <PaymentCard>\n          <PaymentMethods />\n          <SectionActions>\n            <ButtonLink href=\"/payment-methods\" variant=\"dark\">\n              <Trans>Vew all payment methods</Trans>\n            </ButtonLink>\n          </SectionActions>\n        </PaymentCard>\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      <Background sx={{marginTop: '150px', marginBottom: '190px'}}>\n        <Content>\n          <Section sx={{paddingBottom: '20px', paddingTop: {sm: '90px'}, alignItems: 'center'}}>\n            <div>\n              <SectionHeader>\n                <Trans>\n                  Case study: Yumminn increased contactless payments by 17% with MONEI Connect\n                </Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                Yumminn’s hospitality platfrom is the easiest and fastest way for restaurants, bars,\n                and hotels in Spain to take orders and accept payments, but without including Bizum\n                in its payment method offering, it was hard to meet the needs of Yumminn’s users and\n                their end customers. All this changed after switching to MONEI Connect for its\n                integrated payments.{' '}\n              </Trans>\n              <ButtonLink href=\"/blog/yumminn/\" variant=\"dark\">\n                <Trans>Read the Case Study</Trans>\n              </ButtonLink>\n            </div>\n            <SectionImage\n              src={yumminnCaseStudy}\n              height={480}\n              mobileWidth={400}\n              style={{width: 'auto'}}\n              className=\"hide-on-mobile\"\n            />\n          </Section>\n        </Content>\n      </Background>\n      <Content>\n        <GradientBox wrapperStyle={{overflow: 'visible', marginTop: '60px'}}>\n          <SectionHeader tagName=\"h3\" underline style={{color: 'white'}}>\n            <Trans>\n              Get started today with the best integrated payments solution for your platform or\n              marketplace\n            </Trans>\n          </SectionHeader>\n          <SectionDescription>\n            <Trans parent=\"p\">\n              Contact sales now to tell us more about your business and payment needs.\n            </Trans>\n          </SectionDescription>\n          <SectionActions>\n            <ContactSalesButton variant=\"dark\" />\n          </SectionActions>\n          <CtaImage src={integration} />\n        </GradientBox>\n      </Content>\n      <Content>\n        <Section centered column>\n          <FaqsSection faqs={faqs} title={<Trans>Integrated payment solutions FAQ</Trans>} />\n        </Section>\n      </Content>\n    </>\n  );\n};\n\nexport default Connect;\n\nexport const query = graphql`\n  query ($language: String!) {\n    locales: allLocale(\n      filter: {ns: {in: [\"common\", \"integrated-payments-partners\"]}, 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  }\n`;\n","import React from 'react';\n\n// Clients\nimport {Sx} from '../../types/responsive';\nimport {Client, Clients} from './Clients';\nimport {Trans} from 'gatsby-plugin-react-i18next';\nimport styled from 'styled-components';\n\nconst Title = styled.div`\n  color: #74858e;\n  font-size: 1.2rem;\n  margin-bottom: 0;\n  margin-top: 3rem;\n`;\n\ntype Props = {\n  clientList?: Client[];\n  isSlider?: boolean;\n};\n\nexport const TrustedBy: React.FC<Props & React.HTMLAttributes<any> & {sx?: Sx}> = ({\n  isSlider = false,\n  ...props\n}) => {\n  return (\n    <>\n      <Title>\n        <Trans>Trusted by</Trans>\n      </Title>\n      <Clients isSlider={isSlider} sx={{justifyContent: 'center'}} {...props} />\n    </>\n  );\n};\n","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","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQkAAAA+CAYAAAA4YO7FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACwlJREFUeNrsXV1y2kgQHlN5D1V7gCV7gYgTWD6B4W3fDCcwnABzAsMJkN/2zc4JrJzA+AKLcoCtcIRVe1sbhdiY+brnR6CuUtmVGDSa+fqbr1s9M2cmcvv7z9965Q+6Uv6nz+XVrf3Jtrye+ffsj7/+KQK2NSl/JNzej/y7eaOteXkVIdvbmlPMJrXx38Us2Vf+uWYcrGN9nrMIO5g6c1Bel0wMXYuPz8vOvvEMhnpbESuYML6UbX9w3F6kb9au22XR1yPgow+uHbCGg3MAs3V7wQG3OZrJ40NE5DBiZxs0YKagtl6/ohQQq8A/Kr+XlMYDk50LkJwDZFa1KbTNQJJYOMbBlWCC2LWUr9vyu4nYlkwY25NWEtzRM3YWqTlVEmVbJ9zWroeuybTJomw/AfAR+Oi4bEcWWF1+R/qwbPfYQVsmPEn4wMGWyWIRiiw6AQd+UF6b8teVEkG4bGvKbb31BAzDs+YTGCK8aiXIcpa0yCwe0ibopOFgQtt4nCgM34fut9HEQtRKguO3laJEc6YkeNaYCUCqZeTYQ42ZhIG+Aj46DJWbKNv8HXBKNRXhGLO2tmZl5y3R2fE82JRveIqks99ra8LSfBJBc1KeScQ5EA4bkBDmOmA4iszad4r3jwmzibbCjIYkyociqX7vUaZpEEQSUbOo3x41iAKU4SnnNHwbEurkHFpJcbBiBREjZmdl++5Z7TafJLizJ6YBViOIGIGhQhSsJpDQ5SqA8uz5zkWQ45UXYWAUOVwHjIduo0mCCWLUEoQ6UfSE37MEPjNSuK/rEKeQqAh2uMcmhMS18MMpUXRagvgFHN0GNLfLoZvEFqCamHkajxR0VOkbjdjCzOBE0WkJ4idwSDuZnI6kPGXVP5Uz2tnuVf57n/8flfz/A4PzPGjIsRWoCR9EioQ2haSegzHbNIL4iShcfPGZI4IgclgpfiUBmiTks/nxnn9d6xzDsw6UsOJM8UzYPqjgRaGY7AKV1xw6bJDZ2nHRGtquadmuBXhPypndKj7GuobZgjBCry05pO3yVVXAahITYXAaNUnwAD8pyXbq5DuX1X48aE9C2T6X1jCwKkCSu7S2ou9Z8W1ZKW0djYnXNilgYFdJLm0qZWvrUq6MTmGhak2LC5LQSPrk7Hi5cWyC9m555soU24IqMLhsWjBrOynV5lBmA0wysLrhalqpc86NQuk0q1ppybcqiXeUB3iiQBDkeBeeCGIkIIgLbSfh70OqBGeCe9KM9+Dznu/YBHSQhcApJQRBYUWfCErDKZno+gYrn6+sqxk6dRQdrqsQ1/fRmBI0tL3OymKZKGwz9D2uKUANSWD2mGS1DXntmYFhRs/IKknpvn1tLBBx00RpZCtYR1rFb5pKAp0B6jOzt3p0SaGO6zUMPJvY9sWV4H45OHNdKY/JCMQQ+tpTslBLfYXpK+MyBZWlqtrrKA1uV8DI3glCMGPlHje1sc1QD4SvJhE1oV2qPQOdtQBVxChWghAqy/r4JFGQhPmvPBQF6NA3QTBAUg+OKwFHDqiJgeB+pI4K4KPXSmOSgsoOXciFEsTaF0HsKEtUvV7HQhJoQxY+EpRKzpQFUDu2s/ul8H7IjDVQKtX2vZALCZVI9Q5NGBuDJC4ufhOTRG3TT1srjPKmII6d6S5AO21nD5H0FywjnwkxlBiPJdh8P4TYlqH2nuTELKpkB0FJQtCAeYjtuJhVbQFZhFA83D826qWrEIOGKNX2vZALLfm+MQGNQ0LkmS9Dk8Ql2OFZoL5GnOguIDZsQZEK75cZbE0JtBWAIIEoUaFIHy1NHLb09LyqJJE2zOlSD46qad8s//53BfWCAPEaVBOoioAmGW4jMlFkMTAEmGAWKUzRlvqC118ht2j/7PlZm6CUdm0B5Bmq81IyS4dFVMTSc/8E39b+Ff+xVW6psX9bJicJgyV/Qp9WhMx2j6Y51pN+ATlE6cAZ4MAzyxkXKcDbCmd1hOy/RDbGXwGSgBVmJwAgQx9nlprjtp7S9yAxv22pNpJAXApn9Y8NxKxG+JuEIgnEnk1r0Ru/6kNm7IMcn8kEITTp2p4E6It1ZGOzNdir6saQRNG6YGMMSTAfWqqNlmBvW7xC7WqUkmhJwrEpbbvv7MQvQQn2vMUrbHAdS6d1qaM0zT0o0TM6eg5URDvBBLCWJFo7RE0gMflsj8pJge8LVVvTPXUMtCRxvI6taZpndKBL9PNA3ZkcCSzg5GtLEq0dQjoZGJuPdlREz/gvwd41ZAerGNVE6vq5K/twgpgnsPcs/37cUsWLo9pu0kul2vXNYRGC0F5cR6/gB4BDPsQyEGBiuiUJhyRBf7uOrCw3hJGT3FrG6FXZ9UKwe9ncwfjb2nlMJGGwnA5cn3SK4QYSmw1OnCBEC79qKsJWtrtYLXwM43/p6blPliSePQ3KMRpyfmhVqo2oCPXl2Vw9iTxDGsMACLZezFuScNtZA8+nacesJhDZvTL2xVPShVzaGJhFMgxIO0ThcucEgV6YAFu0HZH5qnpcOswDIas609BqQvB2KJfc91RfgSKdNtIqdz4Cks083MrlIU1oEvI2cPej9xcVop0qSaD7A6xCNTiycMe1mnC6kEsQNiV8LGCI8ScFgSRQ19JVrCdJEoIzJhI+8do3QOitwH358z6Gwh5WE7nDW/gIadCk6Ex4pCIy/olARYiTv6dccQkf6uLoDMz3FEzCM8ljJBWArhzZy0IuwQrXl/HwFXryfWhnNGTMVV4hnzJJIK/z6iAZeQLJakdmEmg2ofMjQidzFj97Irouk3UaMUGoEfnJkgTHpRKWJaK4dQgQ2uH4ybyeza5AGrrIR9uhvS7kEhJdNQYTR+M/EhKEWiHaqS/wmgvUBNmkHMxH7aQiO//G7F+BWOUpRqE6T7DwK2QuYtek63JuNTFA30O5Jw4xuwGfqyWJmpqQApMk5xNlvaW5ApKvBDhyfguArEIkUx04dqhT0golDFAIuELJgsnhhrBk5GXgqmfsnglBTQ9lW2R0EXBvgLee48no7BtQvVpbHvraiYmFQHFlZDt509kQw0D9993IN2cZBzzVzTA5a+UY1hyK5ftwUNuA59zorQ9Zs4+pvUI+xVWgr9mQGVwK9GrVI70B2XK8+8ySvKj9DYHjIwNEKwEZcpXq0sgqUkMe+1jHwMbo7ESVVONa4qBy3O0OTlwknrdMtqpYaEmCJWc5mFOjWyxVKQQfyUUC4TRgF9KbomuBgy0jwAAdSHRhZMnCfaThJb/iYvv/dmeqHyDJTJjEWXTyEnEwgaO7XMhl+xwvfRlYlUkIwsmeFy1J/AySm1gAa0EQ40g2xEH7bRnThj4NJQqn+ZyWJH4FybghRFEpiHUk/VaA/baIEANNIYotY8ApXluSeJsophE3MQsdYrxhtuFaFuu2gEwUn0x854DuThK56xu1JPE2SBYRzibUlimRWIzOxWrCJi6eR46BbXn1I2znwqeKbEliP0hynk1i2ASV2tBn8orZDk1gNuZELs5VEVnkgZtSMDlMfU4SLUkcNpsMWVWEAHXOwBg2waks1kPcNQwHtC8DYWAcAAd0P1KPn0IUIrZ1EpaqgtdKSKsjD807LGM79t5CTezrnzy2qlsLHNC4ZJ5wsGYMZCGfuS3Lxp89YZBQsVRPKd9A/UK7Zj00/ZyPsn82e/rlKDDAz9kzP8rqNYqmCg4t72KZIM4UOsjWQY7uoJvaNuefGSjv9UvBF4Hgm3mnxr/BfdLbo8qOzngdTsoYoPUY75VfVzj4yj/zGEPKfwUYAFqV6e9Ff1+NAAAAAElFTkSuQmCC\"","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","module.exports = __webpack_public_path__ + \"static/integrated_payments_header_image-10af460700155e606b346dfee8ab84f3.png\";"],"sourceRoot":""}