{"version":3,"sources":["webpack:///./src/images/cart2.svg","webpack:///./src/pages/monei-pay/pos-for-freelancers.tsx","webpack:///./src/images/integrated_payments_header_image.png","webpack:///./src/images/megaphone.svg","webpack:///./src/components/landings/GradientBox.tsx"],"names":["module","exports","CardWrapper","styled","div","withConfig","displayName","componentId","CardImage","img","ReviewsBackground","RetailPosSytem","props","t","useI18next","data","place","rating","googlePlacesPlace","user_ratings_total","reviews","allGooglePlacesReview","nodes","React","createElement","Fragment","SEO","title","description","IndexBackground","Content","Section","columnLg","MainTitleContent","sx","maxWidth","all","lg","SectionHeader","underline","tagName","Trans","parent","SectionActions","SignUpButton","variant","style","marginRight","ContactSalesButton","CompatibleWith","MoneiVideoSection","marginTop","md","centered","paddingTop","Flex","direction","justifyContent","alignItems","textAlign","CardsContainer","Card","padding","src","cards","alt","top","width","InternalPageLink","slug","money","PricingLink","megaphone","SupportLink","cart2","mobile_payment","person","BlogLink","Bold","DownloadOnAppleStore","DownloadOnGooglePlay","Background","sm","display","flexDirection","fontSize","OrderedList","SignUpLink","RotatedScreenshots","reverseOnMobile","QrGroup","AndroidDownloadLink","IosDownloadLink","StyledDiv","GoogleReviews","GradientBox","wrapperStyle","overflow","color","GradientSectionDescription","ButtonLink","href","GradientCtaImage","maskImage","bottom","right","integrated_payments_header_image","query","id","source","toString","this","Cta","StyledSection","CtaWrapper","ScreenSizes","CtaContent","StyledImg","_ref","children","contentStyle"],"mappings":"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","file":"component---src-pages-monei-pay-pos-for-freelancers-tsx-c343daffdb66e0aca6b6.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/cart2-6e85243dbd58eeacd6a9a5b35ecf6da8.svg\";","// i18next-extract-mark-ns-start pos-for-freelancers\n\nimport {ContactSalesButton} from 'components/ContactSalesButton';\nimport {Content} from 'components/Content';\nimport {OrderedList} from 'components/List';\nimport 'keen-slider/keen-slider.min.css';\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';\n\nimport styled from 'styled-components';\nimport {Flex} from 'components/Flex';\nimport React from 'react';\nimport {DownloadOnAppleStore, IosDownloadLink} from 'components/DownloadOnAppleStore';\nimport {AndroidDownloadLink, DownloadOnGooglePlay} from 'components/DownloadOnGooglePlay';\nimport Bold from 'components/Bold';\nimport {MoneiVideoSection} from 'components/landings/MoneiVideoSection';\nimport {CompatibleWith} from 'components/monei-pay/CompatibleWith';\nimport IndexBackground from 'components/monei-pay/IndexBackground';\nimport {InternalPageLink, PricingLink} from 'components/links/Pages';\nimport CardsContainer from 'components/CardsContainer';\nimport {Card} from 'components/Card';\nimport cards from 'images/credit-cards.svg';\nimport mobile_payment from 'images/mobile_payment.svg';\nimport money from 'images/money.svg';\nimport cart2 from 'images/cart2.svg';\nimport megaphone from 'images/megaphone.svg';\nimport person from 'images/person.svg';\nimport {SignUpLink} from 'components/links/Other';\nimport {StyledDiv} from 'components/StyledSx';\nimport {Background} from 'components/Background';\nimport {QrGroup} from 'components/monei-pay/QrGroup';\nimport {RotatedScreenshots} from 'components/monei-pay/RotatedScreenshots';\nimport {SupportLink} from 'components/links/Support';\nimport {BlogLink} from 'components/links/Blog';\nimport {MainTitleContent} from 'components/monei-pay/MainTitleContent';\nimport {\n  GradientBox,\n  GradientCtaImage,\n  GradientSectionDescription\n} from 'components/landings/GradientBox';\nimport integrated_payments_header_image from 'images/integrated_payments_header_image.png';\nimport {ButtonLink} from 'components/Button';\nimport {GoogleReviews, Place} from 'components/GoogleReviews';\n\nconst CardWrapper = styled.div`\n  max-width: 230px;\n`;\n\nconst CardImage = styled.img`\n  position: absolute;\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 RetailPosSytem: 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  return (\n    <>\n      <SEO\n        title={t('POS for Freelancers')}\n        description={t(\n          'Use a POS for freelancers to charge your clients from your phone. Accept many payment methods and centralize your payment data in one app. Start now ››'\n        )}\n      />\n\n      <IndexBackground>\n        <Content>\n          <Section columnLg>\n            <MainTitleContent sx={{maxWidth: {all: '590px', lg: '100%'}}}>\n              <SectionHeader underline tagName=\"h1\">\n                <Trans>The most flexible POS for freelancers</Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                Regardless of the services you offer as a freelancer, physical payments are always a\n                time and money consuming part of the job. Whether you have a fixed business location\n                or you work on the go, the right mobile payment app let’s you ditch the outdated and\n                expensive traditional POS and use your phone to accept instant payments anywhere.\n              </Trans>\n              <Trans parent=\"p\">\n                Are you a personal trainer, an accountant, a performer, or a builder? Save time and\n                money, and gain flexibility with MONEI Pay.\n              </Trans>\n              <SectionActions>\n                <SignUpButton variant=\"light\" style={{marginRight: 15}}>\n                  <Trans>Get MONEI Pay Now</Trans>\n                </SignUpButton>\n                <ContactSalesButton />\n                <CompatibleWith />\n              </SectionActions>\n            </MainTitleContent>\n            <MoneiVideoSection />\n          </Section>\n        </Content>\n      </IndexBackground>\n      <Content sx={{marginTop: {md: '20px'}}}>\n        <Section centered sx={{paddingTop: '20px'}}>\n          <Flex direction=\"column\" justifyContent=\"center\" alignItems=\"center\">\n            <SectionHeader underline style={{marginTop: '10px', textAlign: 'center'}}>\n              <Trans>\n                The best POS for freelancers: the benefits of taking payments from your phone\n              </Trans>\n            </SectionHeader>\n            <p style={{textAlign: 'center'}}>\n              <Trans>\n                With MONEI Pay’s POS for freelancers, you’ll never need traditional POS hardware\n                again. Use your smartphone or another mobile device to collect instant payments from\n                your clients on location or on the go.\n              </Trans>\n            </p>\n            <p style={{textAlign: 'center'}}>\n              <Trans>\n                Avoid the hassle of bulky and expensive POS hardware that runs out of battery power,\n                requires paper, and fails when you need it most. Instead, use a device you already\n                own and carry all the time — turn your phone into a mobile POS.\n              </Trans>\n            </p>\n            <CardsContainer sx={{marginTop: '100px'}}>\n              <Card padding=\"80px 32px 32px 32px\">\n                <CardImage src={cards} alt=\"\" style={{top: -40, width: 80}} />\n                <CardWrapper>\n                  <Trans>\n                    Accept many{' '}\n                    <InternalPageLink slug=\"payment-methods\">payment methods</InternalPageLink>:{' '}\n                    <InternalPageLink slug=\"payment-methods/credit-cards\">cards</InternalPageLink>,{' '}\n                    <InternalPageLink slug=\"payment-methods/apple-pay\">Apple Pay</InternalPageLink>,{' '}\n                    <InternalPageLink slug=\"payment-methods/google-pay\">\n                      Google Pay\n                    </InternalPageLink>\n                    , and <InternalPageLink slug=\"payment-methods/bizum\">Bizum</InternalPageLink>\n                  </Trans>\n                </CardWrapper>\n              </Card>\n              <Card padding=\"80px 32px 32px 32px\">\n                <CardImage src={money} alt=\"\" style={{top: -48}} />\n                <CardWrapper>\n                  <Trans>\n                    Save up to 50% on <PricingLink>transaction fees</PricingLink>\n                  </Trans>\n                </CardWrapper>\n              </Card>\n              <Card padding=\"80px 32px 32px 32px\">\n                <CardImage src={megaphone} alt=\"\" style={{top: -40, width: 100}} />\n                <CardWrapper>\n                  <Trans>\n                    Build brand awareness and trust —{' '}\n                    <SupportLink slug=\"/articles/8797620433937\">customize</SupportLink> your mobile\n                    payment page\n                  </Trans>\n                </CardWrapper>\n              </Card>\n              <Card padding=\"80px 32px 32px 32px\">\n                <CardImage src={cart2} alt=\"\" style={{top: -55, width: 100}} />\n                <CardWrapper>\n                  <Trans>Charge clients from anywhere, at any time</Trans>\n                </CardWrapper>\n              </Card>\n              <Card padding=\"80px 32px 32px 32px\">\n                <CardImage src={mobile_payment} alt=\"\" style={{top: -45, width: 110}} />\n                <CardWrapper>\n                  <Trans>Process payments instantly</Trans>\n                </CardWrapper>\n              </Card>\n              <Card padding=\"80px 32px 32px 32px\">\n                <CardImage src={person} alt=\"\" style={{top: -60, width: 90}} />\n                <CardWrapper>\n                  <Trans>\n                    Offer a{' '}\n                    <BlogLink slug=\"frictionless-payments\">\n                      frictionless payment experience\n                    </BlogLink>\n                  </Trans>\n                </CardWrapper>\n              </Card>\n            </CardsContainer>\n          </Flex>\n        </Section>\n        <Flex alignItems=\"center\" direction=\"column\">\n          <Trans parent=\"p\">\n            👇 <Bold>Download your mobile payment app for freelancers today</Bold> 👇\n          </Trans>\n          <Flex>\n            <div style={{marginRight: '16px'}}>\n              <DownloadOnAppleStore />\n            </div>\n            <DownloadOnGooglePlay />\n          </Flex>\n        </Flex>\n      </Content>\n      <Background style={{marginTop: '50px'}}>\n        <Content>\n          <Section sx={{paddingTop: {sm: '100px'}, alignItems: 'center'}}>\n            <div style={{display: 'flex', flexDirection: 'column', alignItems: 'flex-start'}}>\n              <SectionHeader style={{fontSize: '2rem'}} underline>\n                <Trans>How does MONEI Pay for freelancers work?</Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                Taking payments for your{' '}\n                <BlogLink slug=\"freelancer-payment-methods\">freelance business</BlogLink> with MONEI\n                Pay is simple.\n              </Trans>\n              <OrderedList>\n                <Trans parent=\"li\">\n                  <SignUpLink>Create your MONEI account</SignUpLink>\n                </Trans>\n                <Trans parent=\"li\">\n                  <SupportLink slug=\"/articles/6167527597457\">Download</SupportLink> the MONEI Pay\n                  app to your smartphone or tablet\n                </Trans>\n                <Trans parent=\"li\">\n                  Enter the invoice amount to{' '}\n                  <SupportLink slug=\"/articles/4417709618193\">\n                    create digital QR code payments\n                  </SupportLink>{' '}\n                </Trans>\n                <Trans parent=\"li\">Have your client scan the QR code to pay</Trans>\n                <Trans parent=\"li\">\n                  Client selects their preferred{' '}\n                  <SupportLink slug=\"/articles/4417709486737\">payment method</SupportLink>\n                </Trans>\n                <Trans parent=\"li\">Client finishes the payment with the tap of a button</Trans>\n                <Trans parent=\"li\">Funds are instantly deposited into your account</Trans>\n              </OrderedList>\n              <Trans parent=\"p\">\n                If your client isn’t present, you can also use MONEI pay to{' '}\n                <BlogLink slug=\"email-payment-link\">send payment links via email</BlogLink>, SMS, or\n                WhatsApp with{' '}\n                <InternalPageLink slug=\"features/pay-by-link\">Pay By Link</InternalPageLink>.\n              </Trans>\n              <SignUpButton variant=\"dark\">\n                <Trans>Try MONEI Pay</Trans>\n              </SignUpButton>\n            </div>\n            <RotatedScreenshots />\n          </Section>\n        </Content>\n      </Background>\n\n      <Content>\n        <Section reverseOnMobile centered sx={{paddingTop: '40px'}}>\n          <QrGroup />\n          <div>\n            <SectionHeader underline tagName=\"h3\">\n              <Trans>Streamline your freelance payments with MONEI Pay</Trans>\n            </SectionHeader>\n            <Trans parent=\"p\">\n              What are you waiting for? Open your MONEI account today. Then download the{' '}\n              <AndroidDownloadLink>Android</AndroidDownloadLink> or{' '}\n              <IosDownloadLink>iOS</IosDownloadLink> mobile payment app on as many devices as you\n              need to start generating digital QR code payments for your freelance business.\n            </Trans>\n            <StyledDiv sx={{display: {all: 'inline', sm: 'none'}}}>\n              <Trans parent=\"p\">\n                👈 <Bold>Scan any QR code to test the payment experience.</Bold>\n              </Trans>\n            </StyledDiv>\n            <SignUpButton variant=\"light\">\n              <Trans>Open an Account</Trans>\n            </SignUpButton>\n          </div>\n        </Section>\n      </Content>\n      <ReviewsBackground>\n        <div style={{display: 'flex', justifyContent: 'center', width: '100%'}}>\n          <SectionHeader underline sx={{textAlign: 'center'}}>\n            <Trans>What MONEI merchants are saying</Trans>\n          </SectionHeader>\n        </div>\n        <GoogleReviews place={place} />\n      </ReviewsBackground>\n      <Content>\n        <GradientBox wrapperStyle={{overflow: 'visible', marginTop: '100px'}}>\n          <SectionHeader tagName=\"h3\" underline style={{color: 'white'}}>\n            <Trans>Do you have a platform or marketplace for freelancers?</Trans>\n          </SectionHeader>\n          <GradientSectionDescription>\n            <Trans parent=\"p\">\n              Use MONEI Connect to integrate payments and help your users accept more payment\n              methods in person or online.\n            </Trans>\n          </GradientSectionDescription>\n          <SectionActions>\n            <ButtonLink href=\"/connect/\" variant=\"dark\">\n              <Trans>Discover MONEI Connect</Trans>\n            </ButtonLink>\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={integrated_payments_header_image}\n          />\n        </GradientBox>\n      </Content>\n    </>\n  );\n};\n\nexport default RetailPosSytem;\n\nexport const query = graphql`\n  query ($language: String!) {\n    locales: allLocale(\n      filter: {ns: {in: [\"common\", \"pos-for-freelancers\"]}, 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","module.exports = __webpack_public_path__ + \"static/integrated_payments_header_image-10af460700155e606b346dfee8ab84f3.png\";","module.exports = __webpack_public_path__ + \"static/megaphone-f6dfb74c936090e31147e249de78c0f5.svg\";","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":""}