{"version":3,"sources":["webpack:///./src/templates/newsletter.js","webpack:///./src/pages/newsletters/may-2021.js"],"names":["StyledSection","styled","section","media","mobile","arrow","ArrowButton","button","tablet","Content","props","link","title","description","page","useStaticQuery","allJavascriptFrontmatter","edges","filter","post","node","frontmatter","canonical","metaTitle","metaDescription","hideFooter","hideHeader","content","previous","placement","onClick","navigate","disabled","className","src","alt","next","width","border","cellPadding","cellSpacing","bgcolor","style","padding","display","margin","maxWidth","height","align","textAlign","fontSize","lineHeight","opacity","Date","getFullYear","href","textDecoration","Newsletter","NewsletterTemplate","backgroundColor","target","rel","marginTop","borderRadius","marginBottom","color","verticalAlign","paddingLeft","fontWeight","date"],"mappings":"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","file":"component---src-pages-newsletters-may-2021-js-17afaac04797a1ce08f4.js","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { graphql, useStaticQuery, navigate } from 'gatsby';\nimport { media } from 'theme/breakpoints';\nimport Layout from 'layout';\nimport arrow from 'img/ui/icon_arrow.svg';\nimport Tippy from '@tippyjs/react';\n\nconst StyledSection = styled.section`\n  background-color: #f1f5f9;\n  padding: 4rem 0;\n  ${media.mobile} {\n    padding: 2rem 0;\n  }\n  a {\n    text-decoration: none;\n    color: #0a4ed6;\n    &.with-arrow {\n      position: relative;\n      display: inline-block;\n      font-weight: 800;\n\n      &::after {\n        content: '';\n        background-image: url(${arrow});\n        background-repeat: no-repeat;\n        background-position: center;\n        background-size: contain;\n        display: inline-block;\n        clear: both;\n        margin-left: 16px;\n        width: 12px;\n        height: 12px;\n      }\n    }\n  }\n  p {\n    font-size: 16px;\n    line-height: 24px;\n    & a {\n      display: inline;\n    }\n  }\n  body {\n    font-family: 'Muli', sans-serif;\n    width: 100%;\n    color: #000;\n    background-color: #f1f5f9;\n  }\n  strong {\n    font-weight: 800;\n  }\n  h1 {\n    font-size: 30px;\n    line-height: 38px;\n    font-weight: 300;\n  }\n  h1 span {\n    font-weight: 800;\n  }\n  .logo {\n    display: block;\n    margin: 0 auto 40px;\n    max-width: 140px;\n    height: 21px;\n  }\n  .head {\n    display: block;\n    margin: 0 auto;\n    max-width: 100%;\n  }\n  .hero-img {\n    padding: 0 0 24px !important;\n  }\n  .text {\n    width: 100%;\n  }\n  .content {\n    max-width: 600px;\n    margin: 0 auto;\n    background-color: #fff;\n  }\n  .go-to-app {\n    font-size: 16px;\n    color: #fff;\n  }\n  .logo-bottom {\n    display: block;\n    margin: 40px auto 0;\n    max-width: 104px;\n    height: 16px;\n  }\n  .credits {\n    opacity: 0.5;\n    font-size: 14px;\n    line-height: 28px;\n    margin: 32px 0;\n    text-align: center;\n    width: 100%;\n  }\n  .bottom-info {\n    width: 100%;\n    text-align: center;\n  }\n  .bottom-info a {\n    margin: 0 16px;\n  }\n  .bottom-info a img {\n    width: 40px;\n  }\n  .divider {\n    width: 100%;\n    height: 1px;\n    background-color: #ddd;\n  }\n  .info {\n    margin: 0;\n    text-align: left;\n    font-weight: 400;\n    line-height: 140%;\n    font-size: 16px;\n  }\n`;\n\nconst ArrowButton = styled.button`\n  border: 2px solid #0a4ed6;\n  border-radius: 50%;\n  height: 50px;\n  width: 50px;\n  background-color: transparent;\n  position: fixed;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: background-color 0.2 ease;\n  z-index: 50;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  &:disabled {\n    opacity: 0.5;\n  }\n  &:disabled:hover {\n    background-color: transparent;\n  }\n  &:hover {\n    background-color: #fff;\n  }\n  &.right {\n    right: 40px;\n  }\n  &.left {\n    left: 40px;\n    & img {\n      transform: rotate(180deg);\n    }\n  }\n  ${media.tablet} {\n    height: 30px;\n    width: 30px;\n    top: 40px;\n    min-width: 30px;\n    min-height: 30px;\n    &.left {\n      left: 30px;\n    }\n    &.right {\n      right: 30px;\n    }\n  }\n`;\n\nexport default (Content) => (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { link, title, description } = props;\n  const {\n    allJavascriptFrontmatter: { edges },\n  } = useStaticQuery(graphql`\n    query SitePaths {\n      allJavascriptFrontmatter(\n        filter: { frontmatter: { link: { regex: \"/newsletters/\" } } }\n        sort: { fields: frontmatter___date, order: DESC }\n      ) {\n        edges {\n          node {\n            frontmatter {\n              link\n              title\n            }\n          }\n          next {\n            frontmatter {\n              link\n              title\n            }\n          }\n          previous {\n            frontmatter {\n              link\n              title\n            }\n          }\n        }\n      }\n    }\n  `);\n  const [page] = edges.filter((post) => post.node.frontmatter.link === link);\n  return (\n    <Layout canonical={link} metaTitle={title} metaDescription={description} hideFooter hideHeader>\n      <Tippy content={page.previous !== null && page.previous.frontmatter.title} placement=\"right\">\n        <ArrowButton\n          onClick={() =>\n            navigate(\n              page.previous !== null ? page.previous.frontmatter.link : page.node.frontmatter.link,\n            )\n          }\n          disabled={page.previous === null}\n          className=\"left\"\n        >\n          <img src={arrow} alt=\"left arrow\" title=\"arrow\" />\n        </ArrowButton>\n      </Tippy>\n      <Tippy content={page.next !== null && page.next.frontmatter.title} placement=\"left\">\n        <ArrowButton\n          onClick={() =>\n            navigate(page.next !== null ? page.next.frontmatter.link : page.node.frontmatter.link)\n          }\n          className=\"right\"\n          disabled={page.next === null}\n        >\n          <img src={arrow} alt=\"right arrow\" title=\"arrow\" />\n        </ArrowButton>\n      </Tippy>\n      <StyledSection>\n        <table width=\"100%\" border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\n          <tbody>\n            <tr>\n              <td bgcolor=\"#F1F5F9\" style={{ padding: '40px 16px' }}>\n                <img\n                  src=\"https://emails.livesession.io/logo-new.png\"\n                  className=\"logo\"\n                  style={{\n                    display: 'block',\n                    margin: '0 auto 40px',\n                    maxWidth: '150px',\n                    height: '21px',\n                  }}\n                  alt=\"Logo small\"\n                  title=\"LiveSession Logo\"\n                />\n                <Content {...props} />\n                <table\n                  className=\"bottom-info\"\n                  cellSpacing=\"0\"\n                  cellPadding=\"0\"\n                  align=\"center\"\n                  width=\"100%\"\n                  style={{ width: '100%', textAlign: 'center' }}\n                >\n                  <tbody>\n                    <tr>\n                      <td>\n                        <img\n                          src=\"https://emails.livesession.io/logo-new.png\"\n                          className=\"logo-bottom\"\n                          style={{\n                            display: 'block',\n                            margin: '40px auto 0',\n                            maxWidth: '104px',\n                            height: '16px',\n                          }}\n                          alt=\"Logo big\"\n                          title=\"LiveSession Logo\"\n                        />\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        <p\n                          className=\"credits\"\n                          style={{\n                            fontSize: '14px',\n                            lineHeight: '28px',\n                            opacity: 0.5,\n                            margin: '32px 0',\n                            textAlign: 'center',\n                            width: '100%',\n                          }}\n                        >\n                          &copy; {new Date().getFullYear()} LiveSession. All rights reserved. <br />\n                          LiveSession Sp. z o.o. Sikorskiego 3/2, Wroclaw, Poland\n                        </p>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        <a\n                          href=\"https://twitter.com/livesessionhq\"\n                          style={{ textDecoration: 'none', margin: '0 16px' }}\n                        >\n                          <img\n                            src=\"https://emails.livesession.io/twitter-logo.png\"\n                            style={{ width: '40px' }}\n                            alt=\"twitter\"\n                            title=\"LiveSession's Twitter\"\n                          />\n                        </a>\n                        <a\n                          href=\"https://www.facebook.com/LiveSessionIO/\"\n                          style={{ textDecoration: 'none', margin: '0 16px' }}\n                        >\n                          <img\n                            src=\"https://emails.livesession.io/fb-logo.png\"\n                            style={{ width: '40px' }}\n                            alt=\"facebook\"\n                            title=\"LiveSession's Facebook\"\n                          />\n                        </a>\n                        <a\n                          href=\"https://www.linkedin.com/company/livesession/\"\n                          style={{ textDecoration: 'none', margin: '0 16px' }}\n                        >\n                          <img\n                            src=\"https://emails.livesession.io/linkedin-logo.png\"\n                            style={{ width: '40px' }}\n                            alt=\"linkedIn\"\n                            title=\"LiveSession's LinkedIn\"\n                          />\n                        </a>\n                      </td>\n                    </tr>\n                  </tbody>\n                </table>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </StyledSection>\n    </Layout>\n  );\n};\n","import React from 'react';\nimport NewsletterTemplate from 'templates/newsletter';\n\nconst Content = () => {\n  return (\n    <table className=\"content\" cellSpacing=\"0\" cellPadding=\"0\" align=\"center\" width=\"100%\">\n      <tbody>\n        <tr>\n          <td>\n            <table className=\"text\" cellSpacing=\"0\" cellPadding=\"0\" style={{ width: '100%' }}>\n              <tbody>\n                <tr>\n                  <td style={{ padding: '32px 40px' }}>\n                    <p style={{ margin: 0, fontSize: '16px', lineHeight: '24px' }}>\n                      Hi 👋\n                      <br />\n                      <br />\n                      Today we&apos;d like to tell you about how our customers use LiveSession to\n                      achieve their goals and share some insightful new pieces we recently published\n                      on our blog. Stay tuned for more news in the near future!\n                    </p>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 0' }}>\n                    <div style={{ width: '100%', height: '1px', backgroundColor: '#ddd' }} />\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '32px 40px 12px' }}>\n                    <h1 style={{ margin: 0 }}>\n                      <span>Success Stories</span>\n                    </h1>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 40px 0 40px' }}>\n                    <div>\n                      <a href=\"/customers/databox/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <img\n                          src=\"https://emails.livesession.io/databox.jpeg\"\n                          alt=\"badge\"\n                          title=\"How Databox achieved a 223% increase in conversions to paid accounts after switching to LiveSession\"\n                          style={{\n                            maxWidth: '100%',\n                            height: 'auto',\n                            marginTop: '16px',\n                            borderRadius: '4px',\n                          }}\n                        />\n                      </a>\n                      <div style={{ marginTop: '24px', marginBottom: '32px' }}>\n                        <p style={{ fontSize: '20px', marginBottom: '12px' }}>\n                          <strong>\n                            How Databox achieved a 223% increase in conversions to paid accounts\n                            after switching to LiveSession\n                          </strong>\n                        </p>\n                        <p style={{ color: '#9b9b9b', marginBottom: '12px' }}>\n                          Although a great customer experience and a frustration-free onboarding\n                          process are important, the Return of Investment is essential for every\n                          company. Signup is not the end of the customer acquisition process.\n                          Success is achieved when the satisfied users are happily willing to pay\n                          for the app usage.\n                          <br />\n                          <br />\n                          The increase in conversions from trial to paid model has been essential to\n                          Databox.{' '}\n                          <strong>\n                            After switching to LiveSession, conversions from free to paid accounts\n                            have grown by 223%.\n                          </strong>\n                        </p>\n                        <a\n                          href=\"/customers/databox/\"\n                          className=\"with-arrow\"\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          style={{ fontSize: '16px', color: '#0a4ed6', marginTop: '12px' }}\n                        >\n                          Read more on our website\n                        </a>\n                      </div>\n                    </div>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 0' }}>\n                    <div style={{ width: '100%', height: '1px', backgroundColor: '#ddd' }} />\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '32px 40px 12px' }}>\n                    <h1 style={{ margin: 0 }}>\n                      <span>New on our blog</span>\n                    </h1>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 40px' }}>\n                    <div>\n                      <a\n                        href=\"/blog/get-more-leads-this-year/\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        <img\n                          src=\"https://emails.livesession.io/8_cro_tips.png\"\n                          alt=\"badge\"\n                          title=\"8 CRO Tips That Will Help You Get More Leads This Year\"\n                          style={{\n                            maxWidth: '100%',\n                            height: 'auto',\n                            marginTop: '16px',\n                            borderRadius: '4px',\n                          }}\n                        />\n                      </a>\n                      <div style={{ marginTop: '24px' }}>\n                        <p style={{ fontSize: '20px', marginBottom: '12px' }}>\n                          <strong>8 CRO Tips That Will Help You Get More Leads This Year</strong>\n                        </p>\n                        <p style={{ color: '#9b9b9b', marginBottom: '12px' }}>\n                          Lead generation, or creating interest in your brand, is an important step\n                          towards increasing your profit. But, if you can’t convert that interest\n                          into actual customers, all that effort is lost. That’s why a low\n                          conversion rate can be so damaging. You don’t just want views on your site\n                          — you want active visitors who interact with your content and invest in\n                          your products and services.\n                        </p>\n                        <a\n                          href=\"/blog/get-more-leads-this-year/\"\n                          className=\"with-arrow\"\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          style={{ fontSize: '16px', color: '#0a4ed6', marginTop: '12px' }}\n                        >\n                          Read more on our blog\n                        </a>\n                      </div>\n                    </div>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 40px' }}>\n                    <div>\n                      <a\n                        href=\"/blog/boost-websites-conversion-with-ux-improvements/\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        <img\n                          src=\"https://emails.livesession.io/5_ways_to_boost_conversions.png\"\n                          alt=\"badge\"\n                          title=\"5 Actionable Ways to Improve your Website’s UX Design and Boost conversion\"\n                          style={{\n                            maxWidth: '100%',\n                            height: 'auto',\n                            marginTop: '16px',\n                            borderRadius: '4px',\n                          }}\n                        />\n                      </a>\n                      <div style={{ marginTop: '24px' }}>\n                        <p style={{ fontSize: '20px', marginBottom: '12px' }}>\n                          <strong>\n                            5 Actionable Ways to Improve your Website’s UX Design and Boost\n                            conversion\n                          </strong>\n                        </p>\n                        <p style={{ color: '#9b9b9b', marginBottom: '12px' }}>\n                          While great UX design enjoys so much importance in web projects, it is\n                          more than just eye-catchy design layout, smooth user flow and quick\n                          loading time. A great web user experience is the neat outcome of an array\n                          of factors leading to ease of use, smooth engagement and user\n                          interactions, more web traffic and more business conversions. In short,\n                          better user experience helps a brand to convert more visitors into\n                          business leads and buyers.\n                        </p>\n                        <a\n                          href=\"/blog/boost-websites-conversion-with-ux-improvements/\"\n                          className=\"with-arrow\"\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          style={{ fontSize: '16px', color: '#0a4ed6', marginTop: '12px' }}\n                        >\n                          Read more on our blog\n                        </a>\n                      </div>\n                    </div>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 40px' }}>\n                    <div>\n                      <a\n                        href=\"/blog/boost-websites-conversion-with-ux-improvements/\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        <img\n                          src=\"https://emails.livesession.io/student_experience.png\"\n                          alt=\"badge\"\n                          title=\"10 best UX tricks you should adapt to improve student experience\"\n                          style={{\n                            maxWidth: '100%',\n                            height: 'auto',\n                            marginTop: '16px',\n                            borderRadius: '4px',\n                          }}\n                        />\n                      </a>\n                      <div style={{ marginTop: '24px' }}>\n                        <p style={{ fontSize: '20px', marginBottom: '12px' }}>\n                          <strong>\n                            10 best UX tricks you should adapt to improve &quot;student\n                            experience&quot;\n                          </strong>\n                        </p>\n                        <p style={{ color: '#9b9b9b', marginBottom: '12px' }}>\n                          14% of people visiting a college’s website want to know more about the\n                          institution. Now, if the website has poor UX, the conversion rate is\n                          lower. Meaning that because of bad UX, fewer students are going to\n                          consider signing up at that school. Surveys from Research in Higher\n                          Education Journal found that a college website was an\n                          &quot;important&quot; factor in deciding campus attendance. Participants\n                          also indicated that an &quot;attractive and clear&quot; website is more\n                          appealing and influenced them the most.\n                        </p>\n                        <a\n                          href=\"/blog/boost-websites-conversion-with-ux-improvements/\"\n                          className=\"with-arrow\"\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          style={{ fontSize: '16px', color: '#0a4ed6', marginTop: '12px' }}\n                        >\n                          Read more on our blog\n                        </a>\n                      </div>\n                    </div>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '12px 40px' }}>\n                    <p style={{ margin: 0, fontSize: '16px', lineHeight: '24px' }}>\n                      If you have any questions, let me know by replying to this email. Follow us on{' '}\n                      <a href=\"https://www.facebook.com/LiveSessionIO/\">Facebook</a>,{' '}\n                      <a href=\"https://twitter.com/livesessionhq/\">Twitter</a> and{' '}\n                      <a href=\"https://www.linkedin.com/company/livesession/\">LinkedIn</a>. Let’s\n                      stay in touch!\n                    </p>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '20px 40px 15px' }}>\n                    <p style={{ margin: 0, fontSize: '16px', lineHeight: '24px' }}>Best,</p>\n                  </td>\n                </tr>\n                <tr>\n                  <td style={{ padding: '15px 40px 32px' }}>\n                    <table className=\"kamil\" cellSpacing=\"0\" cellPadding=\"0\">\n                      <tr style={{ verticalAlign: 'middle' }}>\n                        <th>\n                          <img\n                            src=\"https://emails.livesession.io/pete_rounded.png\"\n                            className=\"kamil-img\"\n                            style={{ maxWidth: '56px' }}\n                            alt=\"Kamil - LiveSession's CEO\"\n                          />\n                        </th>\n                        <th style={{ paddingLeft: '16px' }}>\n                          <p className=\"info\">\n                            <strong style={{ fontWeight: 800 }}>Pete Pal</strong> <br />\n                            Marketing Manager @ LiveSession\n                          </p>\n                        </th>\n                      </tr>\n                    </table>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  );\n};\n\nconst Newsletter = NewsletterTemplate(Content);\n\nexport const frontmatter = {\n  title: 'LiveSession Newsletter May 2021',\n  description: \"Read LiveSession's monthly update from May 2021.\",\n  date: '2021-05-01',\n  link: '/newsletters/may-2021/',\n};\n\nexport default () => <Newsletter {...frontmatter} />;\n"],"sourceRoot":""}