{"version":3,"sources":["webpack:///./src/components/landingNew.js","webpack:///./src/templates/landing-new-page.js","webpack:///./src/components/questrade.module.css","webpack:///./src/containers/layout.js","webpack:///./src/components/graphql-error-list.js"],"names":["LandingNew","props","title","mainImage","publishedAt","tagline","description","btnUrl","btnCopy","feature","summaryTitle","_rawSummaryDesc","summary","howItWorksTitle","howItWorks","howItWorksDesc","_rawHowItWorksDesc","darkTitle","isPassivLandingPage","_rawDarkBody","referralCode","getReferralCode","trackingCode","getTrackingCode","apiBase","getAPIBase","signups","setSignups","getAppBase","useState","useEffect","axios","get","then","response","data","count","React","createElement","className","styles","landingNew","aboveFold","Container","ctaContainer","blurb","cn","emailSignup","inputContainer","emailContainer","formContainer","register","method","noValidate","action","Fragment","type","name","required","max_length","registerEmail","btn1","registerBtn","clickping","value","socialProof","Intl","NumberFormat","format","href","scrollCTA","FontAwesomeIcon","icon","faChevronDown","imgContainerAboveFold","src","imageUrlFor","buildImageObj","width","url","benefits","id","whyUs","videoWrapper","PortableText","blocks","copyContainerNoVid","map","itemSum","key","_key","alt","role","sumDesc","howCopyContainer","itemHow","itemFeature","features","flex","featureTitle","featureDesc","imgContainer","security","LandingNewTemplate","errors","Layout","SEO","image","GraphQLErrorList","module","exports","LayoutContainer","showNav","setShowNav","handleShowNav","handleHideNav","saveTrackingCode","saveReferralCode","StaticQuery","query","render","site","Error","Object","assign","siteTitle","onHideNav","onShowNav","_ref","error","message"],"mappings":"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","file":"component---src-templates-landing-new-page-js-ee678016eacf2b96ff42.js","sourcesContent":["import { format, distanceInWords, differenceInDays } from \"date-fns\";\nimport React, { useState, useEffect } from \"react\";\n\nimport { imageUrlFor } from \"../lib/image-url\";\nimport PortableText from \"./portableText\";\nimport Container from \"./container\";\nimport { Link } from \"gatsby\";\nimport SEO from \"../components/seo\";\nimport {\n  cn,\n  buildImageObj,\n  getReferralCode,\n  getTrackingCode,\n  getAppBase,\n  getAPIBase,\n} from \"../lib/helpers\";\nimport axios from \"axios\";\n\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faChevronDown } from \"@fortawesome/free-solid-svg-icons\";\n\nimport styles from \"./questrade.module.css\";\n\nfunction LandingNew(props) {\n  const {\n    title,\n    mainImage,\n    publishedAt,\n    tagline,\n    description,\n    btnUrl,\n    btnCopy,\n    feature,\n    summaryTitle,\n    _rawSummaryDesc,\n    summary,\n    howItWorksTitle,\n    howItWorks,\n    howItWorksDesc,\n    _rawHowItWorksDesc,\n    darkTitle,\n    isPassivLandingPage,\n    _rawDarkBody,\n  } = props;\n\n  const referralCode = getReferralCode();\n  const trackingCode = getTrackingCode();\n\n  const apiBase = getAPIBase();\n  const appBase = getAppBase();\n\n  const [signups, setSignups] = useState(null);\n\n  useEffect(() => {\n    axios\n      .get(`https://${apiBase}/api/v1/signups/`)\n      .then((response) => setSignups(response.data.count));\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <div className={styles.landingNew}>\n      <section className={styles.aboveFold}>\n        <Container>\n          <div className={styles.ctaContainer}>\n            <h1>{title}</h1>\n            <p className={styles.blurb}>{description}</p>\n            <div className={cn(styles.emailSignup, styles.inputContainer)}>\n              <div className={cn(styles.emailContainer, styles.formContainer)}>\n                <form\n                  className={styles.register}\n                  method=\"get\"\n                  noValidate\n                  action={btnUrl}\n                >\n                  {isPassivLandingPage &&\n                    <><label>\n                      <span>Enter your Email</span>\n                    </label>\n                      <input type=\"hidden\" name=\"type\" />\n                      <input\n                        type=\"email\"\n                        required\n                        max_length=\"512\"\n                        className={styles.registerEmail}\n                        name=\"email\"\n                      /></>\n                  }\n                  <input\n                    className={cn(styles.btn1, styles.registerBtn, styles.clickping)}\n                    type=\"submit\"\n                    value={btnCopy}\n                  />\n                  {referralCode !== null && <input type=\"hidden\" name=\"ref\" value={referralCode} />}\n                  {trackingCode !== null && <input type=\"hidden\" name=\"uid\" value={trackingCode} />}\n                  <p className={styles.socialProof}>\n                    {isPassivLandingPage && signups &&\n                      `Join ${new Intl.NumberFormat().format(\n                        signups\n                      )} new Passiv users this month!`}\n                  </p>\n                </form>\n              </div>\n            </div>\n            <a href=\"#whyus\" className={styles.scrollCTA}>\n              <p>Scroll down to learn more</p>\n              <FontAwesomeIcon icon={faChevronDown} className={styles.icon} />\n            </a>\n          </div>\n        </Container>\n        {mainImage && (\n          <div className={styles.imgContainerAboveFold}>\n            <img src={imageUrlFor(buildImageObj(mainImage)).width(1400).url()} />\n          </div>\n        )}\n      </section>\n\n      <section className={styles.benefits} id=\"whyus\">\n        <Container>\n          <div className={styles.whyUs}>\n            <div className={styles.videoWrapper}>\n              <h2>{summaryTitle}</h2>\n              <div>{_rawSummaryDesc && <PortableText blocks={_rawSummaryDesc} />}</div>\n            </div>\n            <div className={styles.copyContainerNoVid}>\n              <ul>\n                {summary.map((itemSum) => (\n                  <li key={itemSum._key}>\n                    {itemSum.icon && (\n                      <img\n                        alt=\"\"\n                        role=\"presentation\"\n                        src={imageUrlFor(buildImageObj(itemSum.icon)).width(500).url()}\n                      />\n                    )}\n                    {itemSum.sumDesc}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          </div>\n        </Container>\n        <div className={styles.howItWorks}>\n          <Container>\n            <div className={styles.howCopyContainer}>\n              <h2>{howItWorksTitle}</h2>\n              <ol>\n                {howItWorks.map((itemHow) => (\n                  <li key={itemHow._key}>\n                    <p>{itemHow.howItWorksDesc}</p>\n                  </li>\n                ))}\n              </ol>\n              <div>{_rawHowItWorksDesc && <PortableText blocks={_rawHowItWorksDesc} />}</div>\n            </div>\n          </Container>\n        </div>\n      </section>\n\n      {feature.map((itemFeature) => (\n        <section key={itemFeature._key} className={styles.features}>\n          <div className={styles.feature}>\n            <Container>\n              <div className={styles.flex}>\n                <div className={styles.ctaContainer}>\n                  <h2>{itemFeature.featureTitle}</h2>\n                  <p className={styles.blurb}>{itemFeature.featureDesc}</p>\n                </div>\n                <div className={styles.imgContainer}>\n                  <img\n                    alt=\"\"\n                    role=\"presentation\"\n                    src={imageUrlFor(buildImageObj(itemFeature.icon)).width(1000).url()}\n                  />\n                </div>\n              </div>\n            </Container>\n          </div>\n        </section>\n      ))}\n\n      <section className={styles.security}>\n        <Container>\n          <h2>{darkTitle}</h2>\n          <div>{_rawDarkBody && <PortableText blocks={_rawDarkBody} />}</div>\n        </Container>\n      </section>\n    </div>\n  );\n}\n\nexport default LandingNew;\n","import React from 'react'\nimport { graphql } from 'gatsby'\nimport Container from '../components/container'\nimport GraphQLErrorList from '../components/graphql-error-list'\nimport LandingNew from '../components/landingNew'\nimport SEO from '../components/seo'\nimport Layout from '../containers/layout'\n\nexport const query = graphql`\n  query LandingNewTemplateQuery($id: String!) {\n    landingNew: sanityLandingNew(id: {eq: $id}) {\n      id\n      title\n      slug {\n        current\n      }\n      publishedAt\n      tagline\n      description\n      btnUrl\n      btnCopy\n      mainImage {\n        ...SanityImage\n        alt\n      }\n      feature {\n        _key\n        _type\n        icon {\n          asset {\n            _id\n          }\n        }\n        featureTitle\n        featureDesc\n      }\n      summary{\n        _key\n        _type\n        icon {\n          asset {\n            _id\n          }\n        }\n        sumDesc\n\n      }\n      _rawSummaryDesc\n      summaryTitle\n      howItWorksTitle\n      howItWorks {\n        _key\n        _type\n        howItWorksDesc\n        howItWorksName\n      }\n      _rawHowItWorksDesc\n      darkTitle\n      isPassivLandingPage\n      _rawDarkBody\n    }\n  }\n`\n\nconst LandingNewTemplate = props => {\n  const { data, errors } = props\n  const landingNew = data && data.landingNew\n  return (\n    <Layout>\n      {errors && <SEO title='GraphQL Error' />}\n      {landingNew && <SEO title={landingNew.title || 'Untitled'} description={landingNew.description || 'Untitled'} image={landingNew.mainImage} />}\n\n      {errors && (\n        <Container>\n          <GraphQLErrorList errors={errors} />\n        </Container>\n      )}\n\n      {landingNew && <LandingNew {...landingNew} />}\n    </Layout>\n  )\n}\n\nexport default LandingNewTemplate\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"home\":\"questrade-module--home--210Bl\",\"stayInformed\":\"questrade-module--stay-informed--2Yfzn\",\"subscribe\":\"questrade-module--subscribe--36UYj\",\"success\":\"questrade-module--success--25_RK\",\"formContainer\":\"questrade-module--formContainer--1L7hk\",\"mc_embed_signup\":\"questrade-module--mc_embed_signup--1Bt8U\",\"feedback\":\"questrade-module--feedback--20TzM\",\"submit\":\"questrade-module--submit--1bS6p\",\"btn\":\"questrade-module--btn--3udod\",\"button\":\"questrade-module--button--y-yOO\",\"btn1\":\"questrade-module--btn1--3-cjo\",\"btn2\":\"questrade-module--btn2--1ygW1\",\"btn3\":\"questrade-module--btn3--34ZXm\",\"btn4\":\"questrade-module--btn4--VvI-h\",\"emailSignup\":\"questrade-module--email-signup--22kF3\",\"socialProof\":\"questrade-module--socialProof--1vDoE\",\"aboveFold\":\"questrade-module--aboveFold--2PLFT\",\"imgContainerAboveFold\":\"questrade-module--imgContainerAboveFold--33mmJ\",\"tagline\":\"questrade-module--tagline--Q8fKv\",\"blurb\":\"questrade-module--blurb--1S5r0\",\"ctaContainer\":\"questrade-module--ctaContainer--1mk6A\",\"testimonial\":\"questrade-module--testimonial--2jqzi\",\"author\":\"questrade-module--author--IaTgP\",\"company\":\"questrade-module--company--1I3n8\",\"howItWorks\":\"questrade-module--howItWorks--34kuz\",\"howCopyContainer\":\"questrade-module--howCopyContainer--25JxY\",\"link\":\"questrade-module--link--1GHCa\",\"bonus\":\"questrade-module--bonus--376Tc\",\"scrollCTA\":\"questrade-module--scrollCTA--26A6d\",\"questradeLogo\":\"questrade-module--questradeLogo--3D923\",\"bounce\":\"questrade-module--bounce--1hkSF\",\"benefits\":\"questrade-module--benefits--2Jrfd\",\"videoWrapper\":\"questrade-module--videoWrapper--23pK1\",\"copyContainer\":\"questrade-module--copyContainer--2DUyt\",\"notifications\":\"questrade-module--notifications--1_Dxp\",\"flexContainer\":\"questrade-module--flexContainer--1R97H\",\"security\":\"questrade-module--security--19evG\",\"feature\":\"questrade-module--feature--2H0Pn\",\"feature3\":\"questrade-module--feature3--ZOCFL\",\"feature2\":\"questrade-module--feature2--2f9MA\",\"feature4\":\"questrade-module--feature4--1pQ4h\",\"registerEmail\":\"questrade-module--registerEmail--2Odcx\",\"landingNew\":\"questrade-module--landingNew--DpnWY\",\"copyContainerNoVid\":\"questrade-module--copyContainerNoVid--37GwR\",\"flex\":\"questrade-module--flex--odxrx\",\"imgContainer\":\"questrade-module--imgContainer--2iwcD\",\"whyUs\":\"questrade-module--whyUs--3LhN0\"};","import {graphql, StaticQuery} from 'gatsby'\nimport React, {useState} from 'react'\nimport Layout from '../components/layout'\nimport { saveReferralCode, saveTrackingCode } from '../lib/helpers';\n\nconst query = graphql`\n  query SiteTitleQuery {\n    site: sanitySiteSettings(_id: {regex: \"/(drafts.|)siteSettings/\"}) {\n      title\n    }\n  }\n`\n\nfunction LayoutContainer (props) {\n  const [showNav, setShowNav] = useState(false)\n\n  saveTrackingCode();\n  saveReferralCode();\n\n  function handleShowNav () {\n    setShowNav(true)\n  }\n  function handleHideNav () {\n    setShowNav(false)\n  }\n  return (\n    <StaticQuery\n      query={query}\n      render={data => {\n        if (!data.site) {\n          throw new Error(\n            'Missing \"Site settings\". Open the Studio at http://localhost:3333 and some content in \"Site settings\"'\n          )\n        }\n        return (\n          <Layout\n            {...props}\n            showNav={showNav}\n            siteTitle={data.site.title}\n            onHideNav={handleHideNav}\n            onShowNav={handleShowNav}\n          />\n        )\n      }}\n    />\n  )\n}\n\nexport default LayoutContainer\n","import React from 'react'\n\nconst GraphQLErrorList = ({errors}) => (\n  <div>\n    <h1>GraphQL Error</h1>\n    {errors.map(error => (\n      <pre key={error.message}>{error.message}</pre>\n    ))}\n  </div>\n)\n\nexport default GraphQLErrorList\n"],"sourceRoot":""}