{"version":3,"sources":["webpack:///./src/images/security.svg","webpack:///./src/pages/features/recurring-payments.tsx"],"names":["module","exports","SubscriptionBackground","styled","Background","withConfig","displayName","componentId","IndexBackground","_IndexBackground","ScreenSizes","lg","Section3Content","Content","sm","ReviewsBackground","div","logos","src","visa","height","masterCard","discover","jcb","dinersClub","applePay","googlePay","clickToPay","CheckGreen","img","RecurringPayments","props","t","useI18next","data","place","rating","googlePlacesPlace","user_ratings_total","reviews","allGooglePlacesReview","nodes","faqs","header","text","content","React","createElement","Trans","SupportLink","slug","AnchorLink","href","InternalPageLink","schemaFaqs","mainEntity","map","faq","name","acceptedAnswer","Fragment","SEO","path","title","description","schema","Section","reverseOnMobile","style","paddingTop","paddingBottom","IndexContent","maxWidth","LargeSectionHeader","underline","tagName","parent","SectionActions","SignUpButton","variant","marginRight","ContactSalesButton","IndexImage","width","top","left","recurring_payments","alt","hideLtMd","StyledDiv","sx","marginBottom","CompatibleWith","marginTop","textAlign","color","CardsContainer","Card","padding","CardImage","transform","margin","modular","CardWrapper","click1","security","justifyContent","gap","display","flexWrap","StyledImg","payByLinkFeature","all","md","SectionHeader","List","check","BlogLink","alignItems","column","centered","LearnMoreLinks","GoogleReviews","GradientBox","wrapperStyle","overflow","contentStyle","GradientSectionDescription","GradientCtaImage","maskImage","bottom","right","site_template","FaqsSection","query","id","source","toString","this"],"mappings":"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","file":"component---src-pages-features-recurring-payments-tsx-34701973c8dfb872b7b0.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjZweCIgaGVpZ2h0PSI5MXB4IiB2aWV3Qm94PSIwIDAgNjYgOTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+R3JvdXAgODwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWFpbi1wYWdlLUNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNjguMDAwMDAwLCAtMjU2My4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjIuMDAwMDAwLCAyMTIxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkwNy4wMDAwMDAsIDQ0My4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzUuMDMzNjkwMiw4OSBMMzIuMjM2ODA4MSw4Mi45NDYwMDk4IEM1My4yMzc4NzE3LDU2LjU0MzI1MDkgNTcuNzA5NDYwMiwzMC41MzE0MjEzIDU4LjQ4OTM2LDE3LjIwMzc0MTYgQzYwLjg1ODM5NzQsMTQuNDQxOTc3IDY0LDEwLjczOTU3NjQgNjQsMTAuNzM5NTc2NCBMNTguMDA1Mjg0Myw2LjYzNzgyNjY1IEM1NC4yOTUyNTk0LDcuODAwOTkxNDcgNTEuNzQyODYsOC45ODQ2MDQ4OSA0OS40Mzg2MTA2LDcuNzY2MTA4NTUgTDUwLjIyOTUxMjEsNC4xMzEwNjgxMyBMNDQuMjM0Nzk2NCwwLjAyOTMxODM0NCBDNDQuMjM0Nzk2NCwwLjAyOTMxODM0NCA0MS4xMTc2NDIxLC0wLjc0MDUxMTUyNyAyOS45Mzk4OTMyLDUuNjA5MzgyMDUgTDI4LjE1NzYxNDMsNi42MjgyMDM3NyBDMTYuOTgxMDg3OSwxMi45NzgwOTc0IDEzLjgzODI2MjgsMTcuMzA0NzgxOCAxMy44MzgyNjI4LDE3LjMwNDc4MTggQzEyLjE0NjQ0MjYsMjUuMDM1NTU3NyA3LjQ4NjYwMjM3LDMzLjQ1NDM2OTEgMC4wNjc3NzQ5NTQ2LDM5LjU1ODg3OTQgQzAuMDY3Nzc0OTU0NiwzOS41NTg4Nzk0IC0yLjg4NTU3NjAyLDg2LjQ3ODgwNzIgMzAuMTk5MDQ0OCw4Ny44NzUzMjY3IEwzMC4yOTQzOTMxLDg4LjA2Mjk3MjcgQzMwLjg2NjQ4MjYsODcuMzg4MTY4NyAzMC42MzMwMDE2LDg0LjkyOTUyNDYgMzEuMTg0MzEwMSw4NC4yNTU5MjM0IEwzNS4wMzM2OTAyLDg5IFoiIGlkPSJGaWxsLTU1NCIgZmlsbD0iI0MzRDVFOCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNS4wMzM2OTAyLDg5IEwzMi4yMzY4MDgxLDgyLjk0NjAwOTggQzUzLjIzNzg3MTcsNTYuNTQzMjUwOSA1Ny43MDk0NjAyLDMwLjUzMTQyMTMgNTguNDg5MzYsMTcuMjAzNzQxNiBDNjAuODU4Mzk3NCwxNC40NDE5NzcgNjQsMTAuNzM5NTc2NCA2NCwxMC43Mzk1NzY0IEw1OC4wMDUyODQzLDYuNjM3ODI2NjUgQzU0LjI5NTI1OTQsNy44MDA5OTE0NyA1MS43NDI4Niw4Ljk4NDYwNDg5IDQ5LjQzODYxMDYsNy43NjYxMDg1NSBMNTAuMjI5NTEyMSw0LjEzMTA2ODEzIEw0NC4yMzQ3OTY0LDAuMDI5MzE4MzQ0IEM0NC4yMzQ3OTY0LDAuMDI5MzE4MzQ0IDQxLjExNzY0MjEsLTAuNzQwNTExNTI3IDI5LjkzOTg5MzIsNS42MDkzODIwNSBMMjguMTU3NjE0Myw2LjYyODIwMzc3IEMxNi45ODEwODc5LDEyLjk3ODA5NzQgMTMuODM4MjYyOCwxNy4zMDQ3ODE4IDEzLjgzODI2MjgsMTcuMzA0NzgxOCBDMTIuMTQ2NDQyNiwyNS4wMzU1NTc3IDcuNDg2NjAyMzcsMzMuNDU0MzY5MSAwLjA2Nzc3NDk1NDYsMzkuNTU4ODc5NCBDMC4wNjc3NzQ5NTQ2LDM5LjU1ODg3OTQgLTIuODg1NTc2MDIsODYuNDc4ODA3MiAzMC4xOTkwNDQ4LDg3Ljg3NTMyNjcgTDMwLjI5NDM5MzEsODguMDYyOTcyNyBDMzAuODY2NDgyNiw4Ny4zODgxNjg3IDMwLjYzMzAwMTYsODQuOTI5NTI0NiAzMS4xODQzMTAxLDg0LjI1NTkyMzQgTDM1LjAzMzY5MDIsODkgWiIgaWQ9IlN0cm9rZS01NTYiIHN0cm9rZT0iIzAwNDY4MCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjY0ODU5MjI2LDU3LjkzODY3NCBDOC40MDU3NDk2NSw3MC45MTI2MDY0IDE0LjU5NTk1NzIsODguMTMyOTAzNCAzNS4wMDI4MzM1LDg5IEwzNC45OTY3NDkyLDg4Ljk5NzU5MTQgQzY3LjkzMTI4MTUsNDkuOTYxMzg1NiA2My44Mzc3Mzc2LDEwLjY0NTc4MiA2My44Mzc3Mzc2LDEwLjY0NTc4MiBDNTYuNDUxMzQ4OCwxMi45NzM2OTU0IDUxLjgxMjY0OCw5Ljg0NDkyMiA1MC4xMjg1MDI3LDQuMDI5MzUzNDggQzUwLjEyODUwMjcsNC4wMjkzNTM0OCA0Ny4wMjY3MDYyLDMuMjU4NjAwOTggMzUuODk5NjY1Miw5LjYxNjEwNDg1IEwzNC4xMjU0NzE3LDEwLjYzNjE0NzYgQzIyLjk5ODQzMDcsMTYuOTkzNjUxNSAxOS44Njk4NjMxLDIxLjMyNTUyMTQgMTkuODY5ODYzMSwyMS4zMjU1MjE0IEMxOC4xODU3MTc4LDI5LjA2NTU2MjYgMTMuNTQ3MDE2OSwzNy40OTQ0NjM4IDYuMTYzMDYxOTMsNDMuNjA3NDk0NiBDNi4xNjMwNjE5Myw0My42MDc0OTQ2IDUuODg4MDQ5NzYsNDYuNTUyMDEwMSA2LjA1MjMyNjk0LDUwLjk0MDQ4MjEiIGlkPSJGaWxsLTU1OCIgZmlsbD0iI0RDRTdGMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjY0ODU5MjI2LDU3LjkzODY3NCBDOC40MDU3NDk2NSw3MC45MTI2MDY0IDE0LjU5NTk1NzIsODguMTMyOTAzNCAzNS4wMDI4MzM1LDg5IEwzNC45OTY3NDkyLDg4Ljk5NzU5MTQgQzY3LjkzMTI4MTUsNDkuOTYxMzg1NiA2My44Mzc3Mzc2LDEwLjY0NTc4MiA2My44Mzc3Mzc2LDEwLjY0NTc4MiBDNTYuNDUxMzQ4OCwxMi45NzM2OTU0IDUxLjgxMjY0OCw5Ljg0NDkyMiA1MC4xMjg1MDI3LDQuMDI5MzUzNDggQzUwLjEyODUwMjcsNC4wMjkzNTM0OCA0Ny4wMjY3MDYyLDMuMjU4NjAwOTggMzUuODk5NjY1Miw5LjYxNjEwNDg1IEwzNC4xMjU0NzE3LDEwLjYzNjE0NzYgQzIyLjk5ODQzMDcsMTYuOTkzNjUxNSAxOS44Njk4NjMxLDIxLjMyNTUyMTQgMTkuODY5ODYzMSwyMS4zMjU1MjE0IEMxOC4xODU3MTc4LDI5LjA2NTU2MjYgMTMuNTQ3MDE2OSwzNy40OTQ0NjM4IDYuMTYzMDYxOTMsNDMuNjA3NDk0NiBDNi4xNjMwNjE5Myw0My42MDc0OTQ2IDUuODg4MDQ5NzYsNDYuNTUyMDEwMSA2LjA1MjMyNjk0LDUwLjk0MDQ4MjEiIGlkPSJTdHJva2UtNTYwIiBzdHJva2U9IiMwMDQ2ODAiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzgsNTEuMTUxODM4NCBDNDUuOTQ0NzA0OSw0Ni44NDQ4ODM3IDUxLjM1MjEyMDIsNDQuMTQxODgyMSA2MCwzNiBDNTcuNzcwOTM1NCw0OC43MzUzNDA5IDUyLjAyMjQ4MDMsNjYuMTcyMTY2NiAzOC4wMzc1MDI3LDg0IEwzOCw1Ny42Mjc1MzQ5IiBpZD0iRmlsbC01NjIiIGZpbGw9IiNBMEJCRkIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzgsNTEuMTUxODM4NCBDNDUuOTQ0NzA0OSw0Ni44NDQ4ODM3IDUxLjM1MjEyMDIsNDQuMTQxODgyMSA2MCwzNiBDNTcuNzcwOTM1NCw0OC43MzUzNDA5IDUyLjAyMjQ4MDMsNjYuMTcyMTY2NiAzOC4wMzc1MDI3LDg0IEwzOCw1Ny42Mjc1MzQ5IiBpZD0iU3Ryb2tlLTU2NCIgc3Ryb2tlPSIjMDA0NjgwIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM4LDQyLjgxNzMyNjEgTDM4LDE5IEwzNi45NjM5NDU5LDE5LjU3MjYzNDkgQzMxLjIyMTE3NDYsMjIuNzIyNzIyMSAyNy45MjAwODMzLDI1LjIwOTY5NTcgMjYuMjczOTIyNCwyNi42MTIxMTU1IEMyMy44NjEwNTY0LDM0LjQ5Njg1NzYgMTkuMTI1NTI1LDQyLjE2MDE2NSAxMy4wMDA2NTM5LDQ4LjE0MTI4MyBDMTIuOTg1NjIwNSw1MS40MDMyNzgxIDEzLjIyMjM5Nyw1Ni41NTIyMzAxIDE0LjQ4MjY5OTgsNjIgQzIzLjcyNzAwODMsNjAuMTEwNjYyIDI5LjUwNzM2MzIsNTYuNTA5MzcxOCAzOCw1MS41NTY4NTM3IiBpZD0iRmlsbC01NjYiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzgsNDIuODE3MzI2MSBMMzgsMTkgTDM2Ljk2Mzk0NTksMTkuNTcyNjM0OSBDMzEuMjIxMTc0NiwyMi43MjI3MjIxIDI3LjkyMDA4MzMsMjUuMjA5Njk1NyAyNi4yNzM5MjI0LDI2LjYxMjExNTUgQzIzLjg2MTA1NjQsMzQuNDk2ODU3NiAxOS4xMjU1MjUsNDIuMTYwMTY1IDEzLjAwMDY1MzksNDguMTQxMjgzIEMxMi45ODU2MjA1LDUxLjQwMzI3ODEgMTMuMjIyMzk3LDU2LjU1MjIzMDEgMTQuNDgyNjk5OCw2MiBDMjMuNzI3MDA4Myw2MC4xMTA2NjIgMjkuNTA3MzYzMiw1Ni41MDkzNzE4IDM4LDUxLjU1Njg1MzciIGlkPSJTdHJva2UtNTY4IiBzdHJva2U9IiMwMDQ2ODAiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"","// i18next-extract-mark-ns-start recurring-payments\nimport React from 'react';\nimport styled from 'styled-components';\nimport {List} from 'components/List';\nimport {SEO} from 'components/SEO';\nimport {PageProps, graphql} from 'gatsby';\nimport {Trans, useI18next} from 'gatsby-plugin-react-i18next';\n\nimport recurring_payments from 'images/recurring_payments.png';\nimport modular from 'images/modular.svg';\nimport click1 from 'images/click1.svg';\nimport security from 'images/security.svg';\nimport {AnchorLink} from 'components/AnchorLink';\nimport {IndexBackground as _IndexBackground} from 'components/landings/IndexBackground';\nimport {Section, SectionActions, SectionHeader} from 'components/Section';\nimport {IndexContent} from 'components/landings/IndexContent';\nimport {LargeSectionHeader} from 'components/landings/LargeSectionHeader';\nimport {SignUpButton} from 'components/SignUpButton';\nimport {ContactSalesButton} from 'components/ContactSalesButton';\nimport {IndexImage} from 'components/landings/IndexImage';\nimport {Background} from 'components/Background';\nimport {Content} from 'components/Content';\nimport {Card} from 'components/Card';\nimport CardsContainer from 'components/CardsContainer';\nimport {BlogLink} from 'components/links/Blog';\nimport {InternalPageLink} from 'components/links/Pages';\nimport {CompatibleWith, Logo} from 'components/monei-pay/CompatibleWith';\nimport visa from 'images/visa-logo-small.svg';\nimport masterCard from 'images/mastercard-logo-small.svg';\nimport discover from 'images/discover-logo-small.svg';\nimport jcb from 'images/jcb-logo-small.svg';\nimport dinersClub from 'images/dinersclub-logo-small.svg';\nimport applePay from 'images/applepay-logo-small.svg';\nimport googlePay from 'images/google_pay_color.svg';\nimport clickToPay from 'images/click_to_pay.svg';\nimport payByLinkFeature from 'images/pay-by-link-feature.svg';\nimport site_template from 'images/site_template.svg';\nimport {SupportLink} from 'components/links/Support';\nimport {LearnMoreLinks} from 'components/LearnMoreLinks';\nimport {\n  GradientBox,\n  GradientCtaImage,\n  GradientSectionDescription\n} from 'components/landings/GradientBox';\nimport {FaqsSection} from 'components/FaqsSection';\nimport check from 'images/check_green.svg';\nimport {StyledDiv, StyledImg} from 'components/StyledSx';\nimport {ScreenSizes} from '../../../types/responsive';\nimport {GoogleReviews, Place} from 'components/GoogleReviews';\n\nconst SubscriptionBackground = styled(Background)`\n  &:after {\n    content: none;\n  }\n  &:before {\n    @media (max-width: 768px) {\n      top: -100px;\n    }\n  }\n`;\n\nconst IndexBackground = styled(_IndexBackground)`\n  &:before {\n    transform: rotate(-64deg) matrix(1, 0, 0, 1, 650, 0);\n    height: 2700px;\n    width: 2080px;\n    left: 75%;\n    @media (max-width: ${ScreenSizes.lg}) {\n      display: none;\n    }\n  }\n`;\n\nconst Section3Content = styled(Content)`\n  margin-top: 150px;\n  display: flex;\n  align-items: center;\n  @media (max-width: ${ScreenSizes.sm}) {\n    margin-top: 0;\n  }\n  ul {\n    margin-left: 0;\n\n    li {\n      list-style: none;\n    }\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 logos: Logo[] = [\n  {src: visa, height: '21px'},\n  {src: masterCard, height: '28px'},\n  {src: discover, height: '20px'},\n  {src: jcb, height: '24px'},\n  {src: dinersClub, height: '24px'},\n  {src: applePay, height: '23px'},\n  {src: googlePay, height: '23px'},\n  {src: clickToPay, height: '21px'}\n];\n\nconst CheckGreen = styled.img`\n  margin: 4px 8px -2px 0;\n  svg {\n    fill: white;\n  }\n`;\nconst RecurringPayments: React.FC<PageProps> = (props) => {\n  const {t} = useI18next();\n\n  const {data} = props;\n  const place: Place = {\n    rating: data.googlePlacesPlace.rating,\n    user_ratings_total: data.googlePlacesPlace.user_ratings_total,\n    reviews: data.allGooglePlacesReview.nodes\n  };\n  const faqs = [\n    {\n      header: t('In what countries is MONEI’s recurring payments system available?'),\n      text: t(\n        'MONEI Recurring Payments are available to merchants based in Spain and Andorra, for transactions made anywhere in the world.'\n      ),\n      content: (\n        <Trans>\n          MONEI Recurring Payments are available to merchants based in Spain and Andorra, for\n          transactions made anywhere in the world.\n        </Trans>\n      )\n    },\n    {\n      header: t('What is the maximum amount for recurring payments with MONEI?'),\n      text: t(\n        'The maximum amount for recurring payments is €2,500 per transaction. Contact support to request an increase.'\n      ),\n      content: (\n        <Trans>\n          The maximum amount for recurring payments is €2,500 per transaction.{' '}\n          <SupportLink slug=\"/requests/new\">Contact support</SupportLink> to request an increase.\n        </Trans>\n      )\n    },\n    {\n      header: t('Is there a minimum amount for recurring payments with MONEI?'),\n      text: t(\n        'Depending on the payment processor, there is either no minimum or a minimum amount of €0.01 required to authorize recurring payments. If a charge is required to activate recurring payments, it’s automatically refunded unless the first charge is for the real payment amount. Recurring payments are considered active after the first real transaction.'\n      ),\n      content: (\n        <Trans>\n          Depending on the payment processor, there is either no minimum or a minimum amount of\n          €0.01 required to authorize recurring payments. If a charge is required to activate\n          recurring payments, it’s automatically refunded unless the first charge is for the real\n          payment amount. Recurring payments are considered active after the first real transaction.\n        </Trans>\n      )\n    },\n    {\n      header: t('Can I schedule recurring payments with MONEI?'),\n      text: t(\n        'Yes. Use MONEI’s Subscriptions API to automate recurring payments. You can create subscription names, set prices and billing cycles, and let customers manage their subscriptions.'\n      ),\n      content: (\n        <Trans>\n          Yes. Use MONEI’s{' '}\n          <AnchorLink href=\"https://docs.monei.com/api/#tag/Subscriptions\">\n            Subscriptions API\n          </AnchorLink>{' '}\n          to automate recurring payments. You can create subscription names, set prices and billing\n          cycles, and let customers manage their{' '}\n          <InternalPageLink slug=\"features/subscriptions\">subscriptions</InternalPageLink>.\n        </Trans>\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  return (\n    <>\n      <SEO\n        path=\"subscriptions\"\n        title={t('Accept Recurring Payments: Increase Your Income')}\n        description={t(\n          'Save time and increase revenue with MONEI’s Recurring Payments. Accept credit cards, Google Pay, Apple Pay, and Click to Pay. Get started ››'\n        )}\n        schema={schemaFaqs}\n      />\n      <IndexBackground>\n        <Content>\n          <Section reverseOnMobile style={{paddingTop: '60px', paddingBottom: '30px'}}>\n            <IndexContent maxWidth=\"660px\">\n              <LargeSectionHeader underline tagName=\"h1\">\n                <Trans>Save time and improve revenue with recurring payments</Trans>\n              </LargeSectionHeader>\n              <Trans parent=\"p\">\n                Use MONEI’s Recurring Payments API to easily bill your customers for recurring\n                payments and let them pay via their preferred payment methods including credit card,\n                Apple Pay, Google Pay, and Click to Pay. Activate recurring payments via a unique\n                payment link or integrate with your existing subscriptions infrastructure to\n                streamline workflows, increase sales, and accept international payments.\n              </Trans>\n              <SectionActions>\n                <SignUpButton variant=\"light\" style={{marginRight: 15}}>\n                  <Trans>Open an Account</Trans>\n                </SignUpButton>\n                <ContactSalesButton />\n              </SectionActions>\n            </IndexContent>\n            <IndexImage\n              width=\"366px\"\n              top=\"27%\"\n              left=\"60%\"\n              src={recurring_payments}\n              alt=\"MONEI recurring payments\"\n              title=\"MONEI recurring payments\"\n              hideLtMd\n            />\n          </Section>\n          <StyledDiv sx={{marginBottom: '90px'}}>\n            <CompatibleWith logos={logos} />\n          </StyledDiv>\n        </Content>\n      </IndexBackground>\n      <SubscriptionBackground>\n        <Content style={{marginTop: '120px'}}>\n          <div style={{textAlign: 'center', color: '#ffffff', marginBottom: '80px'}}>\n            <Trans parent=\"h2\">Securely process recurring payments with tokenization</Trans>\n          </div>\n          <CardsContainer style={{paddingBottom: '50px'}}>\n            <Card padding=\"76px 32px 52px 32px\">\n              <CardImage\n                style={{transform: 'translateY(-50%)', top: 0, margin: 0, width: '130px'}}\n                src={modular}\n                alt=\"Recurring payments\"\n                title=\"Recurring payments\"\n              />\n              <CardWrapper>\n                <Trans parent=\"h3\">Step 1</Trans>\n                <Trans parent=\"h5\">\n                  Integrate the{' '}\n                  <AnchorLink href=\"https://docs.monei.com/api/#operation/payments_recurring\">\n                    Recurring Payment API\n                  </AnchorLink>{' '}\n                  with your custom-built website\n                </Trans>\n              </CardWrapper>\n            </Card>\n            <Card padding=\"76px 32px 52px 32px\">\n              <CardImage\n                style={{transform: 'translateY(-40%)', top: 0, margin: 0, width: '105px'}}\n                src={click1}\n                alt=\"pay by link\"\n                title=\"pay by link\"\n              />\n              <CardWrapper>\n                <Trans parent=\"h3\">Step 2</Trans>\n                <Trans parent=\"h5\">\n                  Send a payment request via{' '}\n                  <InternalPageLink slug=\"features/pay-by-link\">Pay By Link</InternalPageLink> to\n                  your customer\n                </Trans>\n              </CardWrapper>\n            </Card>\n            <Card padding=\"76px 32px 52px 32px\">\n              <CardImage\n                style={{transform: 'translateY(-50%)', top: 0, margin: 0, width: '80px'}}\n                src={security}\n                alt=\"Tokenization\"\n                title=\"Tokenization\"\n              />\n              <CardWrapper>\n                <Trans parent=\"h3\">Step 3</Trans>\n                <Trans parent=\"h5\">\n                  Payment information is{' '}\n                  <AnchorLink href=\"https://docs.monei.com/docs/guides/save-payment-method/\">\n                    tokenized\n                  </AnchorLink>{' '}\n                  for future transactions\n                </Trans>\n              </CardWrapper>\n            </Card>\n          </CardsContainer>\n          <SectionActions\n            sx={{\n              justifyContent: 'center',\n              width: '100%',\n              gap: '15px',\n              display: 'flex',\n              flexWrap: 'wrap'\n            }}>\n            <SignUpButton variant=\"dark\">\n              <Trans>Open an Account</Trans>\n            </SignUpButton>\n            <ContactSalesButton />\n          </SectionActions>\n        </Content>\n      </SubscriptionBackground>\n      <Section3Content>\n        <StyledImg\n          src={payByLinkFeature}\n          alt=\"Recurring payments phone\"\n          title=\"Recurring payments phone\"\n          sx={{\n            width: {all: '550px', md: '450px'},\n            marginBottom: '0',\n            display: {all: 'block', sm: 'none'}\n          }}\n        />\n        <StyledDiv sx={{marginTop: {all: '-80px', md: '0'}}}>\n          <SectionHeader>\n            <Trans>Increase income and improve operations with recurring payments</Trans>\n          </SectionHeader>\n          <List>\n            <Trans parent=\"li\">\n              <CheckGreen src={check} width={16} height={16} alt=\"Check\" />\n              Use recurring payments to charge customers on a recurring basis without having to\n              chase them for payment details, thanks to{' '}\n              <BlogLink slug=\"what-is-tokenization-and-its-benefits-for-e-commerce\">\n                tokenization\n              </BlogLink>\n              .\n            </Trans>\n            <Trans parent=\"li\">\n              <CheckGreen src={check} width={16} height={16} alt=\"Check\" />\n              Grow internationally with{' '}\n              <SupportLink slug=\"/articles/360017801897\">multi-currency support</SupportLink>.\n            </Trans>\n            <Trans parent=\"li\">\n              <CheckGreen src={check} width={16} height={16} alt=\"Check\" />\n              Integrate with your existing subscriptions infrastructure to tokenize payment\n              information (or use MONEI’s{' '}\n              <AnchorLink href=\"https://docs.monei.com/api/#tag/Subscriptions\">\n                Subscriptions API\n              </AnchorLink>\n              ).\n            </Trans>\n            <Trans parent=\"li\">\n              <CheckGreen src={check} width={16} height={16} alt=\"Check\" />\n              Save money on transaction fees with{' '}\n              <InternalPageLink slug=\"pricing\">dynamic billing</InternalPageLink>.\n            </Trans>\n            <Trans parent=\"li\">\n              <CheckGreen src={check} width={16} height={16} alt=\"Check\" />\n              Get built-in payment security and compliance (\n              <InternalPageLink slug=\"pci-dss\">PCI DSS</InternalPageLink>,{' '}\n              <BlogLink slug=\"psd2\">PSD2</BlogLink>, <BlogLink slug=\"sca\">SCA</BlogLink>, and{' '}\n              <BlogLink slug=\"what-is-3d-secure-and-its-advantages-for-e-commerce\">\n                3D Secure\n              </BlogLink>\n              ).\n            </Trans>\n          </List>\n          <SectionActions\n            sx={{display: 'flex', alignItems: 'center', gap: '10px', flexWrap: 'wrap'}}>\n            <SignUpButton variant=\"light\">\n              <Trans>Open an Account</Trans>\n            </SignUpButton>\n            <ContactSalesButton />\n          </SectionActions>\n        </StyledDiv>\n      </Section3Content>\n      <Content>\n        <Section column centered sx={{textAlign: 'center'}}>\n          <SectionHeader underline>\n            <Trans>Learn more about MONEI</Trans>\n          </SectionHeader>\n          <LearnMoreLinks />\n        </Section>\n      </Content>\n      <ReviewsBackground>\n        <div style={{display: 'flex', justifyContent: 'center', width: '100%'}}>\n          <SectionHeader underline sx={{textAlign: 'center'}}>\n            <Trans>What MONEI merchants are saying</Trans>\n          </SectionHeader>\n        </div>\n        <GoogleReviews place={place} />\n      </ReviewsBackground>\n      <Content>\n        <GradientBox\n          wrapperStyle={{overflow: 'visible', marginTop: '100px'}}\n          contentStyle={{maxWidth: '600px'}}>\n          <SectionHeader tagName=\"h3\" underline style={{color: 'white'}}>\n            <Trans>Start accepting recurring payments today</Trans>\n          </SectionHeader>\n          <GradientSectionDescription>\n            <Trans parent=\"p\">\n              Speed up the billing process by saving payment information for future transactions.\n              Skip the headache of chasing customers to authorize subsequent charges. Get started\n              with MONEI Recurring Payments.\n            </Trans>\n          </GradientSectionDescription>\n          <SectionActions>\n            <SignUpButton variant=\"dark\">\n              <Trans>Open an Account</Trans>\n            </SignUpButton>\n          </SectionActions>\n          <GradientCtaImage\n            sx={{\n              maskImage: 'linear-gradient(180deg, #000000 94%, rgba(0, 0, 0, 0) 100%)',\n              bottom: '0',\n              right: '70px',\n              width: '25%'\n            }}\n            src={site_template}\n          />\n        </GradientBox>\n      </Content>\n\n      <Content>\n        <Section centered column>\n          <FaqsSection faqs={faqs} title={<Trans>Recurring payments FAQ</Trans>} />\n        </Section>\n      </Content>\n    </>\n  );\n};\n\nexport default RecurringPayments;\n\nconst CardImage = styled.img`\n  position: absolute;\n`;\n\nconst CardWrapper = styled.div`\n  max-width: 230px;\n  h5 {\n    font-size: 1rem;\n    margin-bottom: 1rem;\n  }\n  p {\n    font-size: 0.8rem;\n  }\n`;\n\nexport const query = graphql`\n  query ($language: String!) {\n    locales: allLocale(\n      filter: {ns: {in: [\"common\", \"recurring-payments\"]}, 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"],"sourceRoot":""}