{"version":3,"sources":["webpack:///./src/views/MainPage/MainPage.module.css","webpack:///./src/views/MainPage/Solution.js","webpack:///./src/components/common/RevealList.tsx","webpack:///./src/views/MainPage/CTAButton.tsx","webpack:///./src/components/common/NavBarDark.tsx","webpack:///./src/components/common/Label.tsx","webpack:///./src/components/common/LoginSignupModal.tsx","webpack:///./src/components/common/SquareImageWrapper.tsx","webpack:///./src/components/common/WordsSlider.tsx","webpack:///./src/views/MainPage/Header.tsx","webpack:///./src/views/MainPage/MainPage.js","webpack:///./src/views/MainPage/index.js","webpack:///./src/pages/index.js","webpack:///./src/assets/images/article_autofill_small.mp4","webpack:///./src/assets/images/article_autofill_small.webm","webpack:///./src/components/common/WordsSlider.module.css","webpack:///./src/components/common/LoginSignupModal.module.css","webpack:///./src/components/common/SquareImageWrapper.module.css","webpack:///./src/views/MainPage/Header.module.css"],"names":["module","exports","createSteps","images","translate","title","text","component","className","fluid","statusHighlight","alt","timeout","active","playing","src","articleAutofill","type","articleAutofillMobile","invoiceHighlight","RevealList","simple","items","map","item","RevealWhenVisible","key","marker","CTAButton","onClick","gtag","window","props","name","render","this","small","style","children","cn","React","AnalyticsLink","win","to","Link","NavBarDark","onClickCta","collapsed","setCollapsed","hideCollapse","aria-controls","aria-expanded","width","icon","id","processText","Label","label","required","requiredOneOf","labelStyle","RequiredLabel","oneOf","LoginSignupModal","onClose","onSubscribe","data","redirect","location","href","isOpen","content","Modal","contentLabel","closeBtnColor","styles","modal","contentClassName","modalBody","OptInForm","companyRequired","signUpUrl","body","Row","Col","xs12","s8","disclaimer","s4","submit","actionText","login","loadingText","loggingIn","SquareImageWrapper","squareImageWrapper","square","squareImage","WordsSlider","state","activeWord","slide","bind","componentDidMount","slideTimer","setInterval","componentWillUnmount","clearInterval","undefined","setState","words","length","centerSmall","lastActive","slider","slideAnchor","word","i","visible","hidden","Header","header","headerContainer","headerRow","l6","headerText","wordSlider","ctaContainer","headerImage","headerMainImage","headerPic","headerPicMainPage","invoicePage","headerPicMainPdf","invoicePdf","SplitJumbo","colorTop","colorBottom","position","padding","backgroundColor","top","bottom","left","right","Container","ContentCard","above","below","s6","l3","contentCard","boxShadow","contentCardIcon","Array","isArray","smallIcons","ic","contentCardText","highlight","ModuleDropdown","moduleName","mod","toLowerCase","replace","FlexRow","moduleTitle","FlexCell","moduleNumber","moduleOpenIcon","isOpened","Component","ModuleContent","moduleContent","points","point","ForWhomCard","forWhomCard","forWhomIcon","forWhomText","CollateralPoints","collateralPoints","ProductHighlight","onRender","slots","animateSmall","steps","positions","productHighlight","ReviewCard","review","reviewCard","male","female","reviewImageContainer","reviewImage","fixed","image","reviewBody","reviewSignature","author","reviewTitle","SectionTitle","subtitle","center","sectionTitle","smallTitle","PackageCard","pkg","pricePerMonth","packageCard","adjustHeight","packageName","packageBody","price","justify","List","includes","ModuleCard","moduleIcon","MainPage","withTranslate","useState","showLoginPopup","setShowLoginPopup","toggleLoginPopup","toProcess","value","reduce","processKey","SEO","description","keywords","path","ScrollToTopOnMount","Jumbotron","color","accessNowTitle","card","idx","moduleBorderTop","marginBottom","m6","paddingTop","JumbotronFluid","containerClassName","message","m4","paddingBottom","l5","packagesContainer","packagesHighlight","packages","xl3","payYearly","FAQ","IndexPage","locale","pageContext","childImageSharp","mauro","aurora","biancoline","Layout"],"mappings":"iFACAA,EAAOC,QAAU,CAAC,YAAc,sCAAsC,aAAe,uCAAuC,WAAa,qCAAqC,aAAe,uCAAuC,YAAc,sCAAsC,gBAAkB,0CAA0C,WAAa,qCAAqC,gBAAkB,0CAA0C,UAAY,oCAAoC,YAAc,sCAAsC,cAAgB,wCAAwC,gBAAkB,0CAA0C,aAAe,uCAAuC,WAAa,qCAAqC,eAAiB,yCAAyC,YAAc,sCAAsC,YAAc,sCAAsC,YAAc,sCAAsC,iBAAmB,2CAA2C,iBAAmB,2CAA2C,SAAW,mCAAmC,WAAa,qCAAqC,qBAAuB,+CAA+C,YAAc,sCAAsC,WAAa,qCAAqC,gBAAkB,0CAA0C,YAAc,sCAAsC,UAAY,oCAAoC,kBAAoB,4CAA4C,kBAAoB,4CAA4C,SAAW,mCAAmC,YAAc,sCAAsC,YAAc,sCAAsC,YAAc,sCAAsC,MAAQ,gCAAgC,cAAgB,wCAAwC,WAAa,qCAAqC,OAAS,iCAAiC,UAAY,oCAAoC,mBAAqB,6CAA6C,aAAe,uCAAuC,eAAiB,2C,iUCQlrEC,EAAc,SAAUC,EAAQC,GACzC,MAAO,CACH,CACIC,MAAOD,EAAU,8BACjBE,KAAMF,EAAU,6BAChBG,UAAW,kBACP,kBAAC,IAAD,CACIC,UAAU,cACVC,MAAON,EAAOO,gBACdC,IAAKP,EAAU,mCAI3B,CACIC,MAAOD,EAAU,iCACjBE,KAAMF,EAAU,gCAChBQ,QAAS,KACTL,UAAW,gBAAGM,EAAH,EAAGA,OAAH,OACP,kBAAC,IAAD,CACIC,QAASD,EACTL,UAAU,0BAEV,4BAAQO,IAAKC,IAAiBC,KAAK,cACnC,4BAAQF,IAAKG,IAAuBD,KAAK,eACxCb,EAAU,qCAIvB,CACIC,MAAOD,EAAU,8BACjBE,KAAMF,EAAU,6BAChBG,UAAW,kBACP,kBAAC,IAAD,CACIC,UAAU,cACVC,MAAON,EAAOgB,iBACdR,IAAKP,EAAU,qC,gDCtBpBgB,EAbgC,SAAC,GAAiC,IAA/BC,EAA+B,EAA/BA,OAAQb,EAAuB,EAAvBA,UAAWc,EAAY,EAAZA,MACjE,OACI,uBAAKd,UAAW,QAAUa,EAAS,UAAY,KAAOb,EAAa,IAAMA,EAAa,KACjFc,EAAMC,KAAI,SAACC,GAAD,OACP,gBAACC,EAAA,EAAD,CAAmBC,IAAKF,EAAKlB,MAAQkB,EAAMhB,UAAU,cAC/CgB,EAAKG,QAAUN,IAAW,uBAAKb,UAAU,eAAegB,EAAKG,QAAU,MACzE,2BAAMH,EAAKlB,KAAOkB,EAAKlB,KAAOkB,S,wBCmBnCI,E,oJArBXC,QAAU,WACN,IAAMC,EAAQC,OAAeD,KACzBA,GACAA,EAAK,QAAD,aAAuB,EAAKE,MAAMC,KAAQ,CAC1C,eAAmB,YACnB,yBAA6B,EAAKD,MAAMC,OAGhD,EAAKD,MAAMH,W,sCAGfK,OAAA,WAAS,MACyCC,KAAKH,MAA3CI,EADH,EACGA,MAAO5B,EADV,EACUA,UAAW6B,EADrB,EACqBA,MAAOC,EAD5B,EAC4BA,SACjC,OACI,0BAAQ9B,UAAW+B,YAAG,YAAaH,GAAS,WAAY5B,GAAY6B,MAAOA,EAAOR,QAASM,KAAKN,SAC3FS,I,GAjBOE,a,YCWlBC,G,8JACFZ,QAAU,WACN,IAAMa,EAAMX,OACZ,GAAIW,EAAIZ,KAAM,KACFG,EAAS,EAAKD,MAAdC,KACRS,EAAIZ,KAAK,QAAT,kBAAoCG,EAAQ,CACxC,eAAmB,WACnB,8BAAkCA,IAG1C,EAAKD,MAAMH,W,sCAEfK,OAAA,WAAS,MACqBC,KAAKH,MAAvBxB,EADH,EACGA,UAAWmC,EADd,EACcA,GACnB,OACI,gBAACC,EAAA,EAAD,CAAMpC,UAAWA,EAAWmC,GAAIA,EAAId,QAASM,KAAKN,SAC7CM,KAAKH,MAAMM,W,GAhBAE,cAqGbK,EA/EgC,SAAC,GAA8B,IAA5BC,EAA4B,EAA5BA,WAAY1C,EAAgB,EAAhBA,UAAgB,EACxCoC,YAAe,GAA1CO,EADmE,KACxDC,EADwD,KAEpEC,EAAe,WACjBD,GAAa,IAEjB,OACI,uBAAKxC,UAAU,aACX,uBAAKA,UAAW,gCAAkCuC,EAAY,GAAK,iBAC/D,uBAAKvC,UAAU,kBACX,uBAAKA,UAAU,iBACX,gBAAC,EAAD,CACIA,UAAU,uBACVmC,GAAG,KACHV,KAAK,QACLJ,QAASoB,GAJb,eASJ,2BACI,0BACIhC,KAAK,SACLT,UAAW,kBAAoBuC,EAAY,aAAe,IAC1DG,gBAAc,iBACdC,gBAAc,QACdtB,QAAS,WAAQmB,GAAcD,KAE/B,wBAAMvC,UAAU,WAAhB,qBACA,gBAAC,IAAD,CAAiB6B,MAAO,CAAEe,MAAO,WAAaC,KAAK,WAI3D,uBAAK7C,UAAW,4BAA8BuC,EAAY,GAAK,SAAUO,GAAG,kBACxE,sBAAI9C,UAAU,0BACV,sBAAIA,UAAU,YACV,gBAAC,EAAD,CAAeA,UAAU,WAAWmC,GAAG,aAAaV,KAAK,WAAWJ,QAASoB,GACzE,uBAAKzC,UAAU,YAAY+C,YAAYnD,EAAU,oBAGzD,sBAAII,UAAU,YACV,gBAAC,EAAD,CAAeA,UAAU,WAAWmC,GAAG,YAAYV,KAAK,WAAWJ,QAASoB,GACxE,uBAAKzC,UAAU,YAAY+C,YAAYnD,EAAU,mBAGzD,sBAAII,UAAU,YACV,gBAAC,EAAD,CAAeA,UAAU,WAAWmC,GAAG,QAAQV,KAAK,MAAMJ,QAASoB,GAC/D,uBAAKzC,UAAU,YAAYJ,EAAU,cAG7C,sBAAII,UAAU,YACV,gBAAC,EAAD,CAAeA,UAAU,WAAWmC,GAAG,aAAaV,KAAK,aAAaJ,QAASoB,GAC3E,uBAAKzC,UAAU,YAAYJ,EAAU,mBAG7C,sBAAII,UAAU,YACV,gBAAC,EAAD,CAAeA,UAAU,WAAWmC,GAAG,YAAYV,KAAK,UAAUJ,QAASoB,GACvE,uBAAKzC,UAAU,YAAYJ,EAAU,kBAG7C,sBAAII,UAAU,iBACV,gBAAC,EAAD,CACI4B,OAAK,EACLP,QAAS,WACLoB,IACAH,KAEJb,KAAK,UAEJ7B,EAAU,iC,yDCxFhCoD,EAXsB,SAAC,GAA+E,IAA7EC,EAA6E,EAA7EA,MAAOC,EAAsE,EAAtEA,SAAUC,EAA4D,EAA5DA,cAAenD,EAA6C,EAA7CA,UAAW6B,EAAkC,EAAlCA,MAAOuB,EAA2B,EAA3BA,WAAYtB,EAAe,EAAfA,SAClG,OACI,uBAAK9B,UAAW+B,YAAG,QAAS/B,GAAY6B,MAAOA,GAC3C,yBAAOA,MAAOuB,GACTH,EAAOC,GAAY,gBAACG,EAAA,EAAD,CAAeC,MAAOH,KAE7CrB,IC6FEyB,E,oJAvFXC,QAAU,WACDjC,OAAeD,MACfC,OAAeD,KAAK,QAAS,qBAAsB,CAChD,eAAmB,oBACnB,YAAgB,6BAGxB,EAAKE,MAAMgC,W,EAEfC,YAAc,SAACC,GACX,IAAMxB,EAAMX,OACRmC,EAAKC,UACDzB,EAAIZ,OACJY,EAAIZ,KAAK,QAAS,aAAc,CAAC,QAAW,sCAC5CY,EAAIZ,KAAK,QAAS,uBAAwB,CACtC,eAAmB,oBACnB,YAAgB,6CAGxBC,OAAOqC,SAASC,KAAOH,EAAKC,UAExBzB,EAAIZ,MACJY,EAAIZ,KAAK,QAAS,qBAAsB,CACpC,eAAmB,oBACnB,YAAgB,kD,sCAKhCI,OAAA,WAAS,MACyBC,KAAKH,MAA3BsC,EADH,EACGA,OAAQlE,EADX,EACWA,UACVmE,EAAUnE,EAAU,cAC1B,OACI,gBAACoE,EAAA,EAAD,CACIF,OAAQA,EACRG,aAAa,QACbT,QAAS7B,KAAK6B,QACdU,cAAc,OACdlE,UAAWmE,IAAOC,MAClBC,iBAAkBF,IAAOG,WAEzB,gBAACC,EAAA,EAAD,CACIC,iBAAe,EACfC,UAxDD,wCAyDChB,YAAa9B,KAAK8B,YAClB7D,UAAWA,GAEX,uBAAKI,UAAWmE,IAAOtE,OACnB,0BACKkD,YAAYgB,EAAQlE,SAG7B,uBAAKG,UAAWmE,IAAOO,MACnB,uBAAK1E,UAAWmE,IAAOrE,MAClBiD,YAAYgB,EAAQjE,OAEzB,gBAAC,EAAD,CAAOmD,MAAOrD,EAAU,yBACpB,gBAAC,IAAD,OAEJ,gBAAC,EAAD,CAAOqD,MAAOrD,EAAU,sBACpB,gBAAC,IAAD,OAEJ,gBAAC,EAAD,CAAOqD,MAAOrD,EAAU,uBACpB,gBAAC,IAAD,OAEJ,gBAAC,IAAD,MACA,gBAAC+E,EAAA,EAAD,CAAK3E,UAAU,SACX,gBAAC4E,EAAA,EAAD,CAAKC,MAAI,EAACC,IAAE,EAAC9E,UAAWmE,IAAOY,YAC1BhC,YAAYgB,EAAQgB,aAEzB,gBAACH,EAAA,EAAD,CAAKC,MAAI,EAACG,IAAE,EAAChF,UAAU,cACnB,gBAAC,IAAD,CACIA,UAAW+B,YAAG,YAAaoC,IAAOc,QAClCC,WAAYnB,EAAQoB,MACpBC,YAAarB,EAAQsB,cAIjC,uBAAKrF,UAAU,mB,GA/ERgC,a,qBCFhBsD,EAZgD,SAAC,GAAmC,IAAjCtF,EAAiC,EAAjCA,UAAW6B,EAAsB,EAAtBA,MAAOC,EAAe,EAAfA,SAChF,OACI,uBAAK9B,UAAW+B,YAAGoC,IAAOoB,mBAAoBvF,GAAY6B,MAAOA,GAC7D,uBAAK7B,UAAW+B,YAAGoC,IAAOqB,UAE1B,uBAAKxF,UAAW+B,YAAGoC,IAAOsB,cACrB3D,K,sDC6CF4D,E,YAvCX,WAAYlE,GAAyB,aACjC,cAAMA,IAAN,MACKmE,MAAQ,CACTC,WAAY,GAEhB,EAAKC,MAAQ,EAAKA,MAAMC,KAAX,gBALoB,E,4CAQrCC,kBAAA,WACIpE,KAAKqE,WAAaC,YAAYtE,KAAKkE,MAAO,O,EAG9CK,qBAAA,WACQvE,KAAKqE,aACLG,cAAcxE,KAAKqE,YACnBrE,KAAKqE,gBAAaI,I,EAI1BP,MAAA,WACIlE,KAAK0E,SAAS,CAAET,YAAajE,KAAKgE,MAAMC,WAAa,GAAKjE,KAAKH,MAAM8E,MAAMC,U,EAG/E7E,OAAA,WAAS,MAC4CC,KAAKH,MAA9CgF,EADH,EACGA,YAAaxG,EADhB,EACgBA,UAAW6B,EAD3B,EAC2BA,MAAOyE,EADlC,EACkCA,MAC/BV,EAAejE,KAAKgE,MAApBC,WACFa,EAAab,EAAa,EAAKA,EAAa,EAAMU,EAAMC,OAAS,EACvE,OACI,uBAAKvG,UAAW+B,YAAGoC,IAAOuC,OAAQ1G,GAAY6B,MAAOA,GACjD,uBAAK7B,UAAW+B,YAAGoC,IAAOwC,YAAaH,GAAerC,IAAOqC,cACxDF,EAAMvF,KAAI,SAAC6F,EAAMC,GAAP,OACP,uBAAK7G,UAAW+B,YAAG8E,IAAMjB,GAAczB,IAAO2C,QAASD,IAAMjB,GAAciB,IAAMJ,GAActC,IAAO4C,OAAQH,EAAK5G,YAAa4G,EAAKA,Y,GAlCnI5E,aC+CXgF,EA7CwB,SAAC,GAAsC,IAApCrH,EAAoC,EAApCA,OAAQ2C,EAA4B,EAA5BA,WAAY1C,EAAgB,EAAhBA,UAC1D,OACI,0BAAQI,UAAW+B,YAAGoC,IAAO8C,OAAQ,KACjC,uBAAKjH,UAAW+B,YAAG,YAAaoC,IAAO+C,kBACnC,gBAACvC,EAAA,EAAD,CAAK3E,UAAW+B,YAAGoC,IAAOgD,UAAW,KACjC,gBAACvC,EAAA,EAAD,CAAKC,MAAI,EAACuC,IAAE,EAACpH,UAAW+B,YAAGoC,IAAOkD,aAC9B,0BACKzH,EAAU,2BAA2B,2BACtC,gBAAC,EAAD,CACI4G,aAAW,EACXxG,UAAWmE,IAAOmD,WAClBhB,MACK1G,EAAU,8BACVmB,KAAI,SAAC6F,GAAD,MAAmB,CAAEA,cAItC,uBAAK5G,UAAWmE,IAAOoD,cACnB,gBAAC,EAAD,CAAWlG,QAASiB,EAAYb,KAAK,UAChC7B,EAAU,yBAIvB,gBAACgF,EAAA,EAAD,CAAKC,MAAI,EAACuC,IAAE,EAACpH,UAAWmE,IAAOqD,aAC3B,gBAAC,EAAD,CAAoBxH,UAAWmE,IAAOsD,iBAClC,uBAAKzH,UAAWmE,IAAOuD,WACnB,gBAAC,IAAD,CACI1H,UAAWmE,IAAOwD,kBAClB1H,MAAON,EAAOiI,YACdzH,IAAKP,EAAU,wBAEnB,gBAAC,IAAD,CACII,UAAWmE,IAAO0D,iBAClB5H,MAAON,EAAOmI,WACd3H,IAAKP,EAAU,+B,wBCvB7CmI,I,UAAa,SAAC,GAA2D,IAAzD/H,EAAwD,EAAxDA,UAAW6B,EAA6C,EAA7CA,MAAOmG,EAAsC,EAAtCA,SAAUC,EAA4B,EAA5BA,YAAanG,EAAe,EAAfA,SAC3D,OACI,6BAASD,MAAO,CAAEqG,SAAU,WAAYC,QAAS,cAC7C,yBAAKtG,MAAO,CAAEuG,gBAAiBJ,EAAUE,SAAU,WAAYG,IAAK,EAAGC,OAAQ,MAAOC,KAAM,EAAGC,MAAO,KACtG,yBAAK3G,MAAO,CAAEuG,gBAAiBH,EAAaC,SAAU,WAAYG,IAAK,MAAOC,OAAQ,EAAGC,KAAM,EAAGC,MAAO,KACzG,yBAAKxI,UAAW+B,YAAG,YAAa/B,GAAY6B,MAAOA,GAC9CC,MAKX2G,GAAY,SAAC,GAAkB,IAAhB3G,EAAe,EAAfA,SACjB,OACI,yBAAK9B,UAAU,aACV8B,IAKP4G,GAAc,SAAC,GAA4B,IAA1B7F,EAAyB,EAAzBA,KAAM8F,EAAmB,EAAnBA,MAAOC,EAAY,EAAZA,MAChC,OACI,kBAAChE,EAAA,EAAD,CAAKC,MAAI,EAACgE,IAAE,EAACC,IAAE,EAAC9I,UAAU,uBACtB,yBAAKA,UAAW+B,YAAGoC,KAAO4E,YAAa5E,KAAO6E,YAC1C,yBAAKhJ,UAAW+B,YAAGoC,KAAO8E,gBAAiBC,MAAMC,QAAQtG,IAASsB,KAAOiF,aACpEF,MAAMC,QAAQtG,GACTA,EAAK9B,KAAI,SAAAsI,GAAE,OAAI,kBAAC,IAAD,eAAiBnI,IAAKmI,EAAIxH,MAAO,CAAEe,MAAO,QAAcyG,EAAGxG,KAAOwG,EAAK,CAAExG,KAAMwG,QAC9F,kBAAC,IAAD,eAAiBxH,MAAO,CAAEe,MAAO,QAAcC,EAAKA,KAAOA,EAAO,CAAEA,WAG9E,6BACI,yBAAK7C,UAAW+B,YAAGoC,KAAOmF,gBAAiBX,EAAMY,WAAapF,KAAOoF,YAChEZ,EAAM7I,MAAQ6I,GAEnB,yBAAK3I,UAAW+B,YAAGoC,KAAOmF,gBAAiBV,EAAMW,WAAapF,KAAOoF,YAChEX,EAAM9I,MAAQ8I,OAQjCY,G,YACF,WAAYhI,GAAQ,IAAD,SACf,cAAMA,IAAN,MAKJH,QAAU,WACN,IAAMyC,EAAS,EAAK6B,MAAM7B,OAE1B,GADA,EAAKuC,SAAS,CAAEvC,QAASA,IACrBvC,OAAOD,KAAM,CACb,IAAMmI,EAAa,EAAKjI,MAAMkI,IAAI7J,MAAM8J,cAAcC,QAAQ,KAAM,KACpErI,OAAOD,KAAK,QAAZ,gBAAoCwC,EAAS,QAAU,QAAvD,IAAiE2F,EAAc,CAC3E,eAAmB,qBACnB,aAAmB3F,EAAS,QAAU,QAAtC,WAAuD,EAAKtC,MAAMkI,IAAI7J,UAX9E,EAAK8F,MAAQ,CACT7B,QAAQ,GAHG,E,oCAiBnBpC,OAAA,WAAU,IAAD,EACsBC,KAAKH,MAAxBkI,EADH,EACGA,IAAK1J,EADR,EACQA,UACL8D,EAAWnC,KAAKgE,MAAhB7B,OACR,OACI,yBAAK9D,UAAWA,GACZ,kBAAC6J,EAAA,EAAD,CAASxI,QAASM,KAAKN,QAASrB,UAAW+B,YAAGoC,KAAO2F,YAAa,cAC9D,kBAACC,EAAA,EAAD,CAAU/J,UAAWmE,KAAO6F,cAAeN,EAAIlK,QAC/C,kBAACuK,EAAA,EAAD,CAAU/J,UAAWmE,KAAOsF,YAAaC,EAAI7J,OAC7C,kBAACkK,EAAA,EAAD,CAAU/J,UAAWmE,KAAO8F,gBACxB,kBAAC,IAAD,CAAiBrH,MAAM,MAAM5C,UAAW8D,EAAS,aAAe,eAAgBjB,KAAM,iBAG9F,kBAAC,WAAD,CAAUqH,SAAUpG,GAChB,kBAAC,GAAD,CAAeC,QAAS2F,EAAI3F,a,GA/BnB/B,IAAMmI,WAsC7BC,GAAgB,SAAC,GAAiB,IAAfrG,EAAc,EAAdA,QACrB,OACI,yBAAK/D,UAAWmE,KAAOkG,eACnB,uBAAGrK,UAAU,SAAS+D,EAAQjE,MAC9B,4BACKiE,EAAQuG,OAAOvJ,KAAI,SAACwJ,GAAD,OAChB,wBAAIrJ,IAAKqJ,GAAQA,SAO/BC,GAAc,SAAC,GAA2B,IAAzB3H,EAAwB,EAAxBA,KAAMhD,EAAkB,EAAlBA,MAAOC,EAAW,EAAXA,KAChC,OACI,yBAAKE,UAAWmE,KAAOsG,aACnB,yBAAKzK,UAAWmE,KAAOuG,aACnB,kBAAC,IAAD,CAAiB7I,MAAO,CAAEe,MAAO,UAAYC,KAAMA,KAEvD,yBAAK7C,UAAWmE,KAAOwG,aACnB,4BAAK9K,GACL,2BAAIC,MAMd8K,GAAmB,SAAC,GAAgB,IAAdN,EAAa,EAAbA,OACxB,OACI,kBAAC,EAAD,CACItK,UAAWmE,KAAO0G,iBAClB/J,MAAOwJ,EAAOvJ,KAAI,SAACjB,GAAD,MAAW,CACzBqB,OAAQ,kBAAC,IAAD,CAAiB0B,KAAK,UAC9B/C,KAAMA,SAMhBgL,G,YACF,WAAYtJ,GAAQ,IAAD,SACf,cAAMA,IAAN,MAKJuJ,SAAW,YAAgB,IAAbC,EAAY,EAAZA,MACV,OACI,kBAAC,IAAD,CACIC,cAAY,EACZC,MAAO,EAAKvF,MAAMuF,MAClBC,UAAWH,EACXpL,UAAW,EAAK4B,MAAM5B,aAV9B,EAAK+F,MAAQ,CACTuF,MAAOxL,EAAY8B,EAAM7B,OAAQ6B,EAAM5B,YAH5B,E,oCAgBnB8B,OAAA,WACI,OACI,yBAAK1B,UAAWmE,KAAOiH,kBACnB,kBAAC,IAAD,CAAWF,MAAOvJ,KAAKgE,MAAMuF,MAAOxJ,OAAQC,KAAKoJ,a,GApBlCZ,aA0BzBkB,GAAa,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,OAAQ3L,EAAa,EAAbA,OAC1B,OACI,yBAAKK,UAAW+B,YAAGoC,KAAOoH,WAAYD,EAAOE,KAAOrH,KAAOqH,KAAOrH,KAAOsH,OAAQ,WAC7E,yBAAKzL,UAAWmE,KAAOuH,sBACnB,kBAAC,IAAD,CACI1L,UAAWmE,KAAOwH,YAClBC,MAAOjM,EAAO2L,EAAOO,MAAMtL,KAC3BJ,IAAKmL,EAAOO,MAAM1L,OAG1B,yBAAKH,UAAWmE,KAAO2H,YAAvB,IACY/I,YAAYuI,EAAO5G,MAD/B,KAGA,yBAAK1E,UAAWmE,KAAO4H,iBACnB,yBAAK/L,UAAU,aAAasL,EAAOU,OAAOvK,MAC1C,yBAAKzB,UAAWmE,KAAO8H,aAAclJ,YAAYuI,EAAOU,OAAOnM,WAMzEqM,GAAe,SAAC,GAAuD,IAArDpJ,EAAoD,EAApDA,GAAI9C,EAAgD,EAAhDA,UAAWH,EAAqC,EAArCA,MAAOsM,EAA8B,EAA9BA,SAAUvK,EAAoB,EAApBA,MAAOwK,EAAa,EAAbA,OAC3D,OACI,yBAAKpM,UAAW+B,YAAGoC,KAAOkI,aAAcrM,EAAW4B,GAASuC,KAAOmI,WAAYF,GAAU,gBACrF,wBAAItJ,GAAIA,GAAKjD,GACZsM,GAAY,6BAAMA,KAKzBI,GAAc,SAAC,GAAqC,IAAnCC,EAAkC,EAAlCA,IAAKC,EAA6B,EAA7BA,cAAepL,EAAc,EAAdA,QACvC,OACI,yBAAKrB,UAAW+B,YAAGoC,KAAOuI,YAAavI,KAAO6E,UAAW7E,KAAOwI,cAAetL,QAASA,GACpF,yBAAKrB,UAAWmE,KAAOyI,aACnB,4BAAKJ,EAAI/K,OAEb,yBAAKzB,UAAWmE,KAAO0I,aACnB,yBAAK7M,UAAWmE,KAAO2I,OAClBN,EAAIM,MACL,yBAAK9M,UAAWmE,KAAOsI,eAAgBA,IAE3C,kBAAC9H,EAAA,EAAD,CAAKoI,QAAQ,SAAS/M,UAAU,QAC5B,kBAACgN,EAAA,EAAD,CACIlM,MAAO0L,EAAIS,SAASlM,KAAI,SAAAC,GAAI,MAAK,CAC7BG,OAAQ,kBAAC,IAAD,CAAiB0B,KAAK,UAC9B/C,KAAMiD,YAAY/B,aASxCkM,GAAa,SAAC,GAAqC,IAAnCxD,EAAkC,EAAlCA,IAAK+C,EAA6B,EAA7BA,cAAepL,EAAc,EAAdA,QACtC,OACI,yBAAKrB,UAAW+B,YAAGoC,KAAOuI,YAAavI,KAAO6E,UAAW7E,KAAO3E,QAAS6B,QAASA,GAC9E,yBAAKrB,UAAW+B,YAAGoC,KAAOyI,YAAazI,KAAOgJ,aAC1C,kBAAC,IAAD,CAAiBtK,KAAM6G,EAAI7G,OAC3B,4BAAK6G,EAAIjI,OAEb,yBAAKzB,UAAWmE,KAAO0I,aACnB,yBAAK7M,UAAWmE,KAAO2I,OAClBpD,EAAIoD,MACL,yBAAK9M,UAAWmE,KAAOsI,eAAgBA,OC/O5CW,GDsPEC,aAAc,SAAU7L,GAAQ,IAAD,EACAQ,IAAMsL,UAAS,GAApDC,EADqC,KACrBC,EADqB,KAEtCC,EAAmB,WACrBD,GAAmBD,IAGjB3N,EAAY,SAACsB,EAAKwM,GACpB,IAAMC,EAAQnM,EAAM5B,UAAUsB,GAC9B,MAAqB,iBAAVyM,EACAA,EACqB,kBAAdD,EACPA,EAAY3K,YAAY4K,GAASA,EACjCzE,MAAMC,QAAQuE,GACd,OAAP,UACOC,EACAD,EAAUE,QAAO,SAAC7M,EAAK8M,GAAN,8BAA2B9M,IAA3B,MAAiC8M,GAAa9K,YAAY4K,EAAME,IAAhE,MAAkF,KAGnG9K,YAAY4K,IAG3B,OACI,yBAAK3N,UAAU,YACX,kBAAC8N,EAAA,EAAD,CACIjO,MAAOD,EAAU,mBACjBmO,YAAanO,EAAU,yBACvBoO,SAAUpO,EAAU,sBACpBqO,KAAK,MAET,kBAACC,EAAA,EAAD,MACA,kBAAC,EAAD,CAAY5L,WAAYmL,EAAkB7N,UAAWA,IACrD,kBAAC,EAAD,CAAQ0C,WAAYmL,EAAkB9N,OAAQ6B,EAAM7B,OAAQC,UAAWA,IACvE,kBAACuO,EAAA,EAAD,CAAWC,MAAM,UAAUpO,UAAU,4BACjC,kBAAC,GAAD,CACI8C,GAAG,WACH9C,UAAW+B,YAAGoC,KAAOkK,eAAgB,6BACrCxO,MAAOD,EAAU,2BAGzB,kBAAC,GAAD,CAAYoI,SAAS,UAAUC,YAAY,QACvC,kBAACtD,EAAA,EAAD,CAAK3E,UAAU,WACVwB,EAAM5B,UAAU,wBAAwBmB,KAAI,SAACuN,GAAD,OACzC,kBAAC,GAAD,CACIpN,IAAKoN,EAAKzL,KACVA,KAAMyL,EAAKzL,KACX8F,MAAO2F,EAAK3F,MACZC,MAAO0F,EAAK1F,aAK5B,kBAACuF,EAAA,EAAD,CAAWC,MAAM,QACb,kBAAC,GAAD,KACI,kBAACzJ,EAAA,EAAD,KACI,kBAACC,EAAA,EAAD,CAAKC,MAAI,EAACuC,IAAE,GACR,kBAAC,GAAD,CACIvH,MAAOD,EAAU,0BACjBuM,SAAUvM,EAAU,gCAG5B,kBAACgF,EAAA,EAAD,CAAKC,MAAI,EAACuC,IAAE,EAACpH,UAAU,WAClBwB,EAAM5B,UAAU,4BAA4BmB,KAAI,SAAC2I,EAAK6E,GAAN,OAC7C,kBAAC,GAAD,CAAgBrN,IAAKwI,EAAIlK,OAAQkK,IAAKA,EAAK1J,UAAWuO,EAAM,EAAIpK,KAAOqK,qBAAkBpI,WAM7G,kBAAC+H,EAAA,EAAD,CAAWC,MAAM,UAAUpO,UAAU,YAAY6B,MAAO,CAAE4M,aAAc,UACpE,kBAAC,GAAD,CACI3L,GAAG,UACHsJ,QAAM,EACNpM,UAAU,OACVH,MAAOD,EAAU,sBACjBuM,SAAUvM,EAAU,2BAExB,kBAAC+E,EAAA,EAAD,CAAK3E,UAAU,gCACX,kBAAC4E,EAAA,EAAD,CAAKC,MAAI,EAAC6J,IAAE,EAAC1O,UAAU,gBACnB,kBAAC,GAAgBJ,EAAU,uBAAwB,CAAC,QAAS,WAEjE,kBAACgF,EAAA,EAAD,CAAKC,MAAI,EAAC6J,IAAE,GACR,kBAAC,GAAgB9O,EAAU,wBAAyB,CAAC,QAAS,aAI1E,kBAACuO,EAAA,EAAD,CAAWC,MAAM,UAAUpO,UAAU,aAAa6B,MAAO,CAAE8M,WAAY,UACnE,kBAAChK,EAAA,EAAD,KACI,kBAACC,EAAA,EAAD,CAAKC,MAAI,EAACuC,IAAE,GACR,kBAAC,GAAD,CACItE,GAAG,MACH9C,UAAU,OACVH,MAAOD,EAAU,yBACjBuM,SAAUvM,EAAU,+BAG5B,kBAACgF,EAAA,EAAD,CAAKC,MAAI,EAACuC,IAAE,GACR,kBAAC,GAAD,CAAkBkD,OAAQ1K,EAAU,+BAIhD,kBAACgP,EAAA,EAAD,CAAgB5O,UAAU,OAAO6O,mBAAmB,uBAAuBT,MAAM,WAC7E,kBAAC,GAAD,CACIhC,QAAM,EACNpM,UAAU,OACVH,MAAOD,EAAU,0BACjBuM,SAAUvM,EAAU,+BAExB,kBAAC,GAAD,CAAkBD,OAAQ6B,EAAM7B,OAAQC,UAAW4B,EAAM5B,aAE7D,kBAACuO,EAAA,EAAD,CAAWC,MAAM,QACb,kBAAC,GAAD,CACIhC,QAAM,EACNtJ,GAAG,WACHjD,MAAOD,EAAU,0BACjBI,UAAU,SAEd,yBAAKA,UAAU,QACVwB,EAAM5B,UAAU,6BAA6BmB,KAAI,SAAC+N,GAAD,OAC9C,kBAAC,IAAuBA,QAIpC,kBAACX,EAAA,EAAD,CAAWC,MAAM,WACb,kBAAC,GAAD,CACIhC,QAAM,EACNvM,MAAOD,EAAU,yBACjBuM,SAAUvM,EAAU,8BAExB,kBAAC+E,EAAA,EAAD,KACKnD,EAAM5B,UAAU,2BAA2BmB,KAAI,SAAAuK,GAAM,OAClD,kBAAC1G,EAAA,EAAD,CAAK1D,IAAKoK,EAAOU,OAAOvK,KAAMoD,MAAI,EAACkK,IAAE,EAAC/O,UAAU,yBAC5C,kBAAC,GAAD,CAAYsL,OAAQA,EAAQ3L,OAAQ6B,EAAM7B,cAItD,yBAAKK,UAAU,6BACX,4BAAKJ,EAAU,wBACf,kBAAC,EAAD,CAAWyB,QAASoM,EAAkBhM,KAAK,WACtC7B,EAAU,yBAIvB,kBAACuO,EAAA,EAAD,CAAWC,MAAM,UAAUpO,UAAU,QAAQ6B,MAAO,CAAEmN,cAAe,UACjE,kBAAC,GAAD,CACI5C,QAAM,EACNtJ,GAAG,UACHjD,MAAOD,EAAU,2BACjBuM,SAAUvM,EAAU,gCAExB,kBAAC+E,EAAA,EAAD,CAAKoI,QAAQ,UACT,kBAACnI,EAAA,EAAD,CAAKC,MAAI,EAAC6J,IAAE,EAACO,IAAE,EAACjP,UAAU,gBACtB,uBAAGA,UAAU,QACRJ,EAAU,gCAEf,2BACKA,EAAU,mCAGnB,kBAACgF,EAAA,EAAD,CAAKC,MAAI,EAAC6J,IAAE,EAACO,IAAE,GACX,uBAAGjP,UAAU,QACRJ,EAAU,kCAEf,2BACKA,EAAU,uCAK3B,kBAACuO,EAAA,EAAD,CAAWC,MAAM,OAAOpO,UAAU,OAAO6O,mBAAoB1K,KAAO+K,mBAChE,yBAAKlP,UAAW+B,YAAGoC,KAAOgL,kBAAmB,aAC7C,yBAAKnP,UAAW+B,YAAGoC,KAAOiL,SAAU,qDAChC,kBAAC,GAAD,CACIhD,QAAM,EACNvM,MAAOD,EAAU,uBACjBuM,SAAUvM,EAAU,4BAExB,4BAAKA,EAAU,8BACf,kBAAC+E,EAAA,EAAD,CAAKoI,QAAQ,SAAS/M,UAAU,QAC3BwB,EAAM5B,UAAU,gCAAgCmB,KAAI,SAAAyL,GAAG,OACpD,kBAAC5H,EAAA,EAAD,CAAK1D,IAAKsL,EAAI/K,KAAMoD,MAAI,EAACgE,IAAE,EAACkG,IAAE,EAAC/O,UAAU,QACrC,kBAAC,GAAD,CACIwM,IAAKA,EACLC,cAAe7M,EAAU,+BACzByB,QAASoM,SAKzB,4BAAK7N,EAAU,+BACf,kBAAC+E,EAAA,EAAD,CAAKoI,QAAQ,SAAS/M,UAAU,QAC3BwB,EAAM5B,UAAU,gCAAgCmB,KAAI,SAAA2I,GAAG,OACpD,kBAAC9E,EAAA,EAAD,CAAK1D,IAAKwI,EAAIjI,KAAMoD,MAAI,EAACgE,IAAE,EAACkG,IAAE,EAACM,KAAG,GAC9B,kBAAC,GAAD,CACI3F,IAAKA,EACL+C,cAAe7M,EAAU,+BACzByB,QAASoM,SAKzB,uBAAGzN,UAAWmE,KAAOmL,WACjB,kBAAC,IAAD,CAAiBzM,KAAK,uBAAuBuL,MAAM,YADvD,IACqExO,EAAU,qCAIvF,kBAACuO,EAAA,EAAD,CAAWC,MAAM,WACb,kBAAC,GAAD,CACIhC,QAAM,EACNvM,MAAOD,EAAU,oBAErB,kBAAC2P,EAAA,EAAD,CACIjF,OAAQ9I,EAAM5B,UAAU,yBAGhC,kBAACuO,EAAA,EAAD,CAAWC,MAAM,OAAOpO,UAAU,wBAC9B,4BAAKJ,EAAU,sBACf,kBAAC,EAAD,CAAWyB,QAASoM,EAAkBhM,KAAK,UACtC7B,EAAU,wBAGnB,kBAAC,EAAD,CACIkE,OAAQyJ,EACR/J,QAASiK,EACT7N,UAAW4B,EAAM5B,gBE1YlB4P,UAjBG,SAAC,GAAiD,IAA/C5L,EAA8C,EAA9CA,SAAUF,EAAoC,EAApCA,KAAqB+L,EAAe,EAA9BC,YAAeD,OAC1C9P,EAAS,CACXiI,YAAalE,EAAKkE,YAAY+H,gBAAgB1P,MAC9C6H,WAAYpE,EAAKoE,WAAW6H,gBAAgB1P,MAC5C2P,MAAOlM,EAAKkM,MAAMD,gBAAgB/D,MAClCiE,OAAQnM,EAAKmM,OAAOF,gBAAgB/D,MACpCkE,WAAYpM,EAAKoM,WAAWH,gBAAgB/D,MAC5CjL,iBAAkB+C,EAAK/C,iBAAiBgP,gBAAgB1P,MACxDC,gBAAiBwD,EAAKxD,gBAAgByP,gBAAgB1P,OAE1D,OACI,kBAAC8P,EAAA,EAAD,CAAQnM,SAAUA,EAAU6L,OAAQA,GAChC,kBAAC,GAAD,CAAU9P,OAAQA,O,qBCxE9BH,EAAOC,QAAU,IAA0B,sE,qBCA3CD,EAAOC,QAAU,IAA0B,uE,uBCC3CD,EAAOC,QAAU,CAAC,OAAS,oCAAoC,YAAc,yCAAyC,YAAc,yCAAyC,QAAU,qCAAqC,QAAU,sCAAsC,OAAS,oCAAoC,SAAW,uCAAuC,cAAgB,6CAA6C,eAAiB,gD,uBCAzbD,EAAOC,QAAU,CAAC,MAAQ,wCAAwC,UAAY,4CAA4C,MAAQ,wCAAwC,KAAO,uCAAuC,KAAO,uCAAuC,WAAa,+C,qBCAnRD,EAAOC,QAAU,CAAC,mBAAqB,uDAAuD,YAAc,gDAAgD,OAAS,6C,qBCArKD,EAAOC,QAAU,CAAC,OAAS,+BAA+B,WAAa,mCAAmC,WAAa,mCAAmC,YAAc,oCAAoC,gBAAkB,wCAAwC,gBAAkB,wCAAwC,UAAY,kCAAkC,kBAAoB,0CAA0C,iBAAmB,yCAAyC,aAAe,uC","file":"component---src-pages-index-js-6114222d7fec1f2f42db.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"bottomAlign\":\"MainPage-module--bottomAlign--4N8ye\",\"sectionTitle\":\"MainPage-module--sectionTitle--vGtDy\",\"smallTitle\":\"MainPage-module--smallTitle--f7jvp\",\"contentCards\":\"MainPage-module--contentCards--1_TBT\",\"contentCard\":\"MainPage-module--contentCard--kJsEL\",\"contentCardIcon\":\"MainPage-module--contentCardIcon--iKw3f\",\"smallIcons\":\"MainPage-module--smallIcons--1rU_r\",\"contentCardText\":\"MainPage-module--contentCardText--3StB9\",\"highlight\":\"MainPage-module--highlight--3qIOR\",\"moduleTitle\":\"MainPage-module--moduleTitle--vHkik\",\"moduleContent\":\"MainPage-module--moduleContent--2GImL\",\"moduleBorderTop\":\"MainPage-module--moduleBorderTop--260KL\",\"moduleNumber\":\"MainPage-module--moduleNumber--3SDQM\",\"moduleName\":\"MainPage-module--moduleName--1THvj\",\"moduleOpenIcon\":\"MainPage-module--moduleOpenIcon--dlwY0\",\"forWhomCard\":\"MainPage-module--forWhomCard--3FFED\",\"forWhomIcon\":\"MainPage-module--forWhomIcon--2p8f5\",\"forWhomText\":\"MainPage-module--forWhomText--2nNF5\",\"collateralPoints\":\"MainPage-module--collateralPoints--2CPNL\",\"productHighlight\":\"MainPage-module--productHighlight--3kRSR\",\"messages\":\"MainPage-module--messages--2C1Qn\",\"reviewCard\":\"MainPage-module--reviewCard--15eGs\",\"reviewImageContainer\":\"MainPage-module--reviewImageContainer--3KdK7\",\"reviewImage\":\"MainPage-module--reviewImage--3av2s\",\"reviewBody\":\"MainPage-module--reviewBody--7MdH9\",\"reviewSignature\":\"MainPage-module--reviewSignature--2kmO-\",\"reviewTitle\":\"MainPage-module--reviewTitle--2w9ym\",\"boxShadow\":\"MainPage-module--boxShadow--1xpLw\",\"packagesContainer\":\"MainPage-module--packagesContainer--28TTr\",\"packagesHighlight\":\"MainPage-module--packagesHighlight--3sxar\",\"packages\":\"MainPage-module--packages--fJLPt\",\"packageCard\":\"MainPage-module--packageCard--1DmzC\",\"packageName\":\"MainPage-module--packageName--3RInJ\",\"packageBody\":\"MainPage-module--packageBody--3DIsr\",\"price\":\"MainPage-module--price--2maSg\",\"pricePerMonth\":\"MainPage-module--pricePerMonth--22hsE\",\"moduleIcon\":\"MainPage-module--moduleIcon--44M28\",\"module\":\"MainPage-module--module--6B-PC\",\"payYearly\":\"MainPage-module--payYearly--1D0fM\",\"squareImageWrapper\":\"MainPage-module--squareImageWrapper--1u41W\",\"adjustHeight\":\"MainPage-module--adjustHeight--35xiv\",\"accessNowTitle\":\"MainPage-module--accessNowTitle--2sdPQ\"};","import React from \"react\";\nimport GatsbyImage from \"gatsby-image\";\n\nimport ProductHighlight, { VideoHighlight } from \"../../components/common/ProductHighlight\";\nimport Dockington from \"../../components/common/Dockington\";\n\nimport articleAutofill from \"../../assets/images/article_autofill_small.mp4\";\nimport articleAutofillMobile from \"../../assets/images/article_autofill_small.webm\";\n\nexport const createSteps = function (images, translate) {\n    return [\n        {\n            title: translate(\"main.solution.status.title\"),\n            text: translate(\"main.solution.status.text\"),\n            component: () => (\n                <GatsbyImage\n                    className=\"product-img\"\n                    fluid={images.statusHighlight}\n                    alt={translate(\"main.solution.status.imgAlt\")}\n                />\n            ),\n        },\n        {\n            title: translate(\"main.solution.documents.title\"),\n            text: translate(\"main.solution.documents.text\"),\n            timeout: 17000,\n            component: ({ active }) => (\n                <VideoHighlight\n                    playing={active}\n                    className=\"product-img img-shadow\"\n                >\n                    <source src={articleAutofill} type=\"video/mp4\"/>\n                    <source src={articleAutofillMobile} type=\"video/webm\"/>\n                    {translate(\"main.solution.documents.imgAlt\")}\n                </VideoHighlight>\n            ),\n        },\n        {\n            title: translate(\"main.solution.search.title\"),\n            text: translate(\"main.solution.search.text\"),\n            component: () => (\n                <GatsbyImage\n                    className=\"product-img\"\n                    fluid={images.invoiceHighlight}\n                    alt={translate(\"main.solution.search.imgAlt\")}\n                />\n            ),\n        },\n    ];\n}\n\nexport const SolutionProductHighlight = ({ translate }) => {\n    return (\n        <ProductHighlight\n            steps={createSteps(translate)}\n        />\n    );\n}\n\nconst Solution = function ({ translate }) {\n    return (\n        <section>\n            <div className=\"container\">\n                <div className=\"intro mt-3 mb-4\">\n                    <h2>\n                        {translate(\"main.solution.title\").map((part, i) => (part.dockington ? <Dockington key={i} /> : part))}\n                    </h2>\n                    <p id=\"product\" className=\"h2-sub\">\n                        {translate(\"main.solution.subtitle\").map((part) => (part.emph ? <span className=\"emph\">{part.emph}</span> : part))}\n                    </p>\n                </div>\n            </div>\n            <SolutionProductHighlight translate={translate} />\n        </section>\n    );\n}\n\nexport default Solution;\n","import * as React from 'react';\nimport RevealWhenVisible from './RevealWhenVisible';\n\nexport interface RevealListProps {\n    simple?: boolean,\n    className?: string,\n    items: any[],\n}\n\nconst RevealList: React.SFC<RevealListProps> = ({ simple, className, items }) => {\n    return (\n        <div className={\"list\" + (simple ? \" simple\" : \"\") + (className ? (\" \" + className) : \"\")}>\n            {items.map((item) => (\n                <RevealWhenVisible key={item.text || item} className=\"list-item\">\n                    {(item.marker || simple) && <div className=\"list-marker\">{item.marker || \"- \"}</div>}\n                    <div>{item.text ? item.text : item}</div>\n                </RevealWhenVisible>\n            ))}\n        </div>\n    );\n}\n\nexport default RevealList;\n","import * as React from 'react';\nimport { cn } from '../../util';\n\nexport interface CTAButtonProps {\n    small?: boolean;\n    className?: string;\n    style?: React.CSSProperties;\n    name: string;\n    onClick: () => void;\n}\n\nclass CTAButton extends React.Component<CTAButtonProps> {\n\n    onClick = () => {\n        const gtag = (window as any).gtag;\n        if (gtag) {\n            gtag('event', `trial-cta-${this.props.name}`, {\n                'event_category' : 'trial-cta',\n                'event_label' : `Trial CTA ${this.props.name}`\n            });\n        }\n        this.props.onClick();\n    }\n\n    render() {\n        const { small, className, style, children } = this.props;\n        return (\n            <button className={cn(\"ctaButton\", small && \"smallCta\", className)} style={style} onClick={this.onClick}>\n                {children}\n            </button>\n        );\n    } \n} \n\nexport default CTAButton;\n","import * as React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport Link from \"./Link\";\nimport CTAButton from '../../views/MainPage/CTAButton';\n\nimport processText from '../../views/processText';\n\nimport \"./NavBar.css\";\n\nexport interface NavBarDarkProps {\n    onClickCta: () => void,\n    translate: (key: string) => string,\n}\n\nexport interface AnalyticsLinkProps {\n    className?: string,\n    to: string,\n    name: string,\n    onClick: () => void,\n}\n\nclass AnalyticsLink extends React.Component<AnalyticsLinkProps> {\n    onClick = () => {\n        const win = window as any;\n        if (win.gtag) {\n            const { name } = this.props;\n            win.gtag('event', `main-nav-click-${name}`, {\n                'event_category' : 'main-nav',\n                'event_label' : `Click main nav ${name}`\n            });\n        }\n        this.props.onClick();\n    }\n    render() {\n        const { className, to } = this.props;\n        return (\n            <Link className={className} to={to} onClick={this.onClick}>\n                {this.props.children}\n            </Link>\n        );\n    }\n}\n\nconst NavBarDark: React.SFC<NavBarDarkProps> = ({ onClickCta, translate }) => {\n    const [collapsed, setCollapsed] = React.useState(true);\n    const hideCollapse = () => {\n        setCollapsed(true);\n    }\n    return (\n        <div className=\"fixed-top\">\n            <nav className={\"navbar navbar-expand-md dark\" + (collapsed ? \"\" : \" nav-show-bg\")}>\n                <div className=\"container px-0\">\n                    <div className=\"navbar-header\">\n                        <AnalyticsLink\n                            className=\"navbar-brand lobster\"\n                            to=\"/#\"\n                            name=\"brand\"\n                            onClick={hideCollapse}\n                        >\n                            Dockington\n                        </AnalyticsLink>\n                    </div>\n                    <div>\n                        <button\n                            type=\"button\"\n                            className={\"navbar-toggler\" + (collapsed ? \" collapsed\" : \"\")}\n                            aria-controls=\"navbar-collpse\"\n                            aria-expanded=\"false\"\n                            onClick={() => { setCollapsed(!collapsed); }}\n                        >\n                            <span className=\"sr-only\">Toggle navigation</span>\n                            <FontAwesomeIcon style={{ width: \"0.875em\" }} icon=\"bars\" />\n                        </button>\n                    </div>\n\n                    <div className={\"collapse navbar-collapse\" + (collapsed ? \"\" : \" show\")} id=\"navbar-collpse\">\n                        <ul className=\"nav navbar-nav ml-auto\">\n                            <li className=\"nav-item\">\n                                <AnalyticsLink className=\"nav-link\" to=\"/#software\" name=\"software\" onClick={hideCollapse}>\n                                    <div className=\"nav-text\">{processText(translate(\"nav.software\"))}</div>\n                                </AnalyticsLink>\n                            </li>\n                            <li className=\"nav-item\">\n                                <AnalyticsLink className=\"nav-link\" to=\"/#forWhom\" name=\"for-whom\" onClick={hideCollapse}>\n                                    <div className=\"nav-text\">{processText(translate(\"nav.forWhom\"))}</div>\n                                </AnalyticsLink>\n                            </li>\n                            <li className=\"nav-item\">\n                                <AnalyticsLink className=\"nav-link\" to=\"/#why\" name=\"why\" onClick={hideCollapse}>\n                                    <div className=\"nav-text\">{translate(\"nav.why\")}</div>\n                                </AnalyticsLink>\n                            </li>\n                            <li className=\"nav-item\">\n                                <AnalyticsLink className=\"nav-link\" to=\"/#whoAreWe\" name=\"who-are-we\" onClick={hideCollapse}>\n                                    <div className=\"nav-text\">{translate(\"nav.whoAreWe\")}</div>\n                                </AnalyticsLink>\n                            </li>\n                            <li className=\"nav-item\">\n                                <AnalyticsLink className=\"nav-link\" to=\"/#pricing\" name=\"pricing\" onClick={hideCollapse}>\n                                    <div className=\"nav-text\">{translate(\"nav.pricing\")}</div>\n                                </AnalyticsLink>\n                            </li>\n                            <li className=\"nav-item pl-1\">\n                                <CTAButton\n                                    small\n                                    onClick={() => {\n                                        hideCollapse();\n                                        onClickCta();\n                                    }}\n                                    name=\"navbar\"\n                                >\n                                    {translate(\"main.action.buttonNav\")}\n                                </CTAButton>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n            </nav>\n        </div>\n    );\n}\n\nexport default NavBarDark;\n","import * as React from 'react';\nimport RequiredLabel from './RequiredLabel';\nimport { cn } from '../../util';\n\nexport interface LabelProps {\n    label: string,\n    required?: boolean,\n    requiredOneOf?: boolean | number,\n    className?: string,\n    style?: React.CSSProperties,\n    labelStyle?: React.CSSProperties,\n}\n\nconst Label: React.SFC<LabelProps> = ({ label, required, requiredOneOf, className, style, labelStyle, children }) => {\n    return (\n        <div className={cn(\"label\", className)} style={style}>\n            <label style={labelStyle}>\n                {label}{required && <RequiredLabel oneOf={requiredOneOf}/>}\n            </label>\n            {children}\n        </div>\n    );\n}\n\nexport default Label;\n","import * as React from 'react';\n\nimport Modal from './Modal';\nimport OptInForm, { NameField, EmailField, SubmitButton, ErrorLabel, CompanyField } from './OptInForm';\nimport processText from '../../views/processText';\n\nimport styles from \"./LoginSignupModal.module.css\";\nimport { cn } from '../../util';\nimport Row from './Row';\nimport Col from './Col';\nimport Label from './Label';\n\nconst SIGNUP_URL = \"https://app.dockington.com/api/signup\";\n\nexport interface LoginSignupModalProps {\n    isOpen: boolean,\n    onClose: () => void,\n    translate: (key: string) => string,\n}\n\nexport interface LoginSignupModalState {\n\n}\n\nclass LoginSignupModal extends React.Component<LoginSignupModalProps, LoginSignupModalState> {\n    onClose = () => {\n        if ((window as any).gtag) {\n            (window as any).gtag('event', \"login-signup-close\", {\n                'event_category' : 'login-signup-form',\n                'event_label' : \"Close login signup popup\"\n            });\n        }\n        this.props.onClose();\n    }\n    onSubscribe = (data: any) => {\n        const win = window as any;\n        if (data.redirect) {\n            if (win.gtag) {\n                win.gtag('event', 'conversion', {'send_to': 'AW-840946225/xGOpCOz2x8cBELGk_5AD'});\n                win.gtag('event', \"login-signup-success\", {\n                    'event_category' : 'login-signup-form',\n                    'event_label' : \"Successfully signed up from login modal\"\n                });\n            }\n            window.location.href = data.redirect;\n        } else {\n            if (win.gtag) {\n                win.gtag('event', \"login-signup-error\", {\n                    'event_category' : 'login-signup-form',\n                    'event_label' : \"Missing signup redirect from signup response\"\n                });\n            }\n        }\n    }\n    render() {\n        const { isOpen, translate } = this.props;\n        const content = translate(\"main.login\") as any;\n        return (\n            <Modal\n                isOpen={isOpen}\n                contentLabel=\"Login\"\n                onClose={this.onClose}\n                closeBtnColor=\"#bbb\"\n                className={styles.modal}\n                contentClassName={styles.modalBody}\n            >\n                <OptInForm\n                    companyRequired\n                    signUpUrl={SIGNUP_URL}\n                    onSubscribe={this.onSubscribe}\n                    translate={translate}\n                >\n                    <div className={styles.title}>\n                        <h2>\n                            {processText(content.title)}\n                        </h2>\n                    </div>\n                    <div className={styles.body}>\n                        <div className={styles.text}>\n                            {processText(content.text)}\n                        </div>\n                        <Label label={translate(\"common.forms.company\")}>\n                            <CompanyField />\n                        </Label>\n                        <Label label={translate(\"common.forms.name\")}>\n                            <NameField />\n                        </Label>\n                        <Label label={translate(\"common.forms.email\")}>\n                            <EmailField />\n                        </Label>\n                        <ErrorLabel />\n                        <Row className=\"pt-05\">\n                            <Col xs12 s8 className={styles.disclaimer}>\n                                {processText(content.disclaimer)}\n                            </Col>\n                            <Col xs12 s4 className=\"text-right\">\n                                <SubmitButton\n                                    className={cn(\"ctaButton\", styles.submit)}\n                                    actionText={content.login}\n                                    loadingText={content.loggingIn}\n                                />\n                            </Col>\n                        </Row>\n                        <div className=\"text-right\">\n                        </div>\n                    </div>\n                </OptInForm>\n            </Modal>\n        );\n    }\n}\n\nexport default LoginSignupModal;\n","import * as React from 'react';\nimport { cn } from '../../util';\n\nimport styles from \"./SquareImageWrapper.module.css\";\n\nexport interface SquareImageWrapperProps {\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst SquareImageWrapper: React.SFC<SquareImageWrapperProps> = ({ className, style, children }) => {\n    return (\n        <div className={cn(styles.squareImageWrapper, className)} style={style}>\n            <div className={cn(styles.square)}>\n            </div>\n            <div className={cn(styles.squareImage)}>\n                {children}\n            </div>\n        </div>\n    );\n}\n\nexport default SquareImageWrapper;\n","import * as React from 'react';\n\nimport { cn } from '../../util';\nimport styles from \"./WordsSlider.module.css\";\n\nexport interface WordsSliderProps {\n    centerSmall?: boolean;\n    words: {\n        word: string,\n        className?: string,\n    }[],\n    className?: string,\n    style?: React.CSSProperties;\n}\n\nexport interface WordsSliderState {\n    activeWord: number,\n}\n\nclass WordsSlider extends React.Component<WordsSliderProps, WordsSliderState> {\n    slideTimer?: NodeJS.Timeout;\n\n    constructor(props: WordsSliderProps) {\n        super(props);\n        this.state = {\n            activeWord: 0,\n        };\n        this.slide = this.slide.bind(this);\n    }\n\n    componentDidMount() {\n        this.slideTimer = setInterval(this.slide, 3600);\n    }\n\n    componentWillUnmount() {\n        if (this.slideTimer) {\n            clearInterval(this.slideTimer);\n            this.slideTimer = undefined;\n        }\n    }\n\n    slide() {\n        this.setState({ activeWord: (this.state.activeWord + 1) % this.props.words.length });\n    }\n\n    render() {\n        const { centerSmall, className, style, words } = this.props;\n        const { activeWord } = this.state;\n        const lastActive = activeWord > 0 ? (activeWord - 1) : (words.length - 1);\n        return (\n            <div className={cn(styles.slider, className)} style={style}>\n                <div className={cn(styles.slideAnchor, centerSmall && styles.centerSmall)}>\n                    {words.map((word, i) => (\n                        <div className={cn(i === activeWord && styles.visible, i !== activeWord && i === lastActive && styles.hidden, word.className)}>{word.word}</div>\n                    ))}\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default WordsSlider;\n","import * as React from 'react';\nimport GatsbyImage from 'gatsby-image';\n\nimport Row from '../../components/common/Row';\nimport Col from '../../components/common/Col';\nimport SquareImageWrapper from '../../components/common/SquareImageWrapper';\nimport CTAButton from './CTAButton';\n\nimport { cn } from '../../util';\n\nimport styles from \"./Header.module.css\";\nimport WordsSlider from '../../components/common/WordsSlider';\n\nexport interface HeaderProps {\n    images: {\n        [name: string]: any;\n    },\n    onClickCta: () => void;\n    translate: (key: string) => string;\n}\n\nconst Header: React.SFC<HeaderProps> = ({ images, onClickCta, translate }) => {\n    return (\n        <header className={cn(styles.header, \"\")}>\n            <div className={cn(\"container\", styles.headerContainer)}>\n                <Row className={cn(styles.headerRow, \"\")}>\n                    <Col xs12 l6 className={cn(styles.headerText)}>\n                        <h1>\n                            {translate(\"main.grab.tagline.title\")}<br/>\n                            <WordsSlider\n                                centerSmall\n                                className={styles.wordSlider}\n                                words={\n                                    (translate(\"main.grab.tagline.subtitle\") as any)\n                                    .map((word: string) => ({ word}))\n                                }\n                            />\n                        </h1>\n                        <div className={styles.ctaContainer}>\n                            <CTAButton onClick={onClickCta} name=\"header\">\n                                {translate(\"main.action.button\")}\n                            </CTAButton>\n                        </div>\n                    </Col>\n                    <Col xs12 l6 className={styles.headerImage}>\n                        <SquareImageWrapper className={styles.headerMainImage}>\n                            <div className={styles.headerPic}>\n                                <GatsbyImage\n                                    className={styles.headerPicMainPage}\n                                    fluid={images.invoicePage}\n                                    alt={translate(\"main.grab.imageAlt\")}\n                                />\n                                <GatsbyImage\n                                    className={styles.headerPicMainPdf}\n                                    fluid={images.invoicePdf}\n                                    alt={translate(\"main.grab.imageAlt\")}\n                                />\n                            </div>\n                        </SquareImageWrapper>\n                    </Col>\n                </Row>\n            </div>\n        </header>\n    );\n}\n\nexport default Header;\n","import React, { Component } from 'react';\nimport { Collapse } from 'react-collapse';\nimport GatsbyImage from 'gatsby-image';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport { withTranslate } from \"../../components/translate\";\nimport Jumbotron from '../../components/common/Jumbotron';\nimport ScrollToTopOnMount from '../../components/common/ScrollToTopOnMount';\nimport SEO from '../../components/SEO';\nimport Row from '../../components/common/Row';\nimport Col from '../../components/common/Col';\nimport FlexRow from '../../components/common/FlexRow';\nimport FlexCell from '../../components/common/FlexCell';\nimport List from '../../components/common/List';\nimport { ImageHighlight, StepTimer } from '../../components/common/ProductHighlight';\nimport { createSteps } from './Solution';\nimport { ElenaSamuliMessage } from '../AboutPage/AboutPage';\nimport JumbotronFluid from '../../components/common/JumbotronFluid';\nimport FAQ from './FAQ';\nimport RevealList from '../../components/common/RevealList';\nimport NavBarDark from '../../components/common/NavBarDark';\nimport LoginSignupModal from '../../components/common/LoginSignupModal';\nimport Header from './Header';\nimport CTAButton from './CTAButton';\n\nimport styles from \"./MainPage.module.css\";\nimport \"./MainPage.css\";\n\nimport processText from '../processText';\nimport { cn } from '../../util';\n\n\nconst SplitJumbo = ({ className, style, colorTop, colorBottom, children }) => {\n    return (\n        <section style={{ position: \"relative\", padding: \"2rem 1rem\" }}>\n            <div style={{ backgroundColor: colorTop, position: \"absolute\", top: 0, bottom: \"50%\", left: 0, right: 0 }} />\n            <div style={{ backgroundColor: colorBottom, position: \"absolute\", top: \"50%\", bottom: 0, left: 0, right: 0 }} />\n            <div className={cn(\"container\", className)} style={style}>\n                {children}\n            </div>\n        </section>\n    );\n}\nconst Container = ({ children }) => {\n    return (\n        <div className=\"container\">\n            {children}\n        </div>\n    );\n}\n\nconst ContentCard = ({ icon, above, below }) => {\n    return (\n        <Col xs12 s6 l3 className=\"my-05 px-05 my-lg-0\">\n            <div className={cn(styles.contentCard, styles.boxShadow)}>\n                <div className={cn(styles.contentCardIcon, Array.isArray(icon) && styles.smallIcons)}>\n                    {Array.isArray(icon)\n                        ? icon.map(ic => <FontAwesomeIcon key={ic} style={{ width: \"1em\" }} {...(ic.icon ? ic : { icon: ic })} />)\n                        : <FontAwesomeIcon style={{ width: \"1em\" }} {...(icon.icon ? icon : { icon })} />\n                    }\n                </div>\n                <div>\n                    <div className={cn(styles.contentCardText, above.highlight && styles.highlight)}>\n                        {above.text || above}\n                    </div>\n                    <div className={cn(styles.contentCardText, below.highlight && styles.highlight)}>\n                        {below.text || below}\n                    </div>\n                </div>\n            </div>\n        </Col>\n    );\n}\n\nclass ModuleDropdown extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            isOpen: false,\n        };\n    }\n    onClick = () => {\n        const isOpen = this.state.isOpen;\n        this.setState({ isOpen: !isOpen });\n        if (window.gtag) {\n            const moduleName = this.props.mod.title.toLowerCase().replace(/ /g, \"-\");\n            window.gtag('event', `main-module-${isOpen ? 'close' : 'open'}-${moduleName}`, {\n                'event_category' : 'main-module-toggle',\n                'event_label' : `${isOpen ? 'Close' : 'Open'} module ${this.props.mod.title}`\n            });\n        }\n    }\n    render() {\n        const { mod, className } = this.props;\n        const { isOpen } = this.state;\n        return (\n            <div className={className}>\n                <FlexRow onClick={this.onClick} className={cn(styles.moduleTitle, \"clickable\")}>\n                    <FlexCell className={styles.moduleNumber}>{mod.module}</FlexCell>\n                    <FlexCell className={styles.moduleName}>{mod.title}</FlexCell>\n                    <FlexCell className={styles.moduleOpenIcon}>\n                        <FontAwesomeIcon width=\"1em\" className={isOpen ? \"caret-open\" : \"caret-closed\"} icon={\"caret-down\"} />\n                    </FlexCell>\n                </FlexRow>\n                <Collapse isOpened={isOpen}>\n                    <ModuleContent content={mod.content} />\n                </Collapse>\n            </div>\n        );\n    }\n}\n\nconst ModuleContent = ({ content }) => {\n    return (\n        <div className={styles.moduleContent}>\n            <p className=\"mb-05\">{content.text}</p>\n            <ol>\n                {content.points.map((point) => (\n                    <li key={point}>{point}</li>\n                ))}\n            </ol>\n        </div>\n    );\n}\n\nconst ForWhomCard = ({ icon, title, text }) => {\n    return (\n        <div className={styles.forWhomCard}>\n            <div className={styles.forWhomIcon}>\n                <FontAwesomeIcon style={{ width: \"1.25em\" }} icon={icon} />\n            </div>\n            <div className={styles.forWhomText}>\n                <h4>{title}</h4>\n                <p>{text}</p>\n            </div>\n        </div>\n    );\n}\n\nconst CollateralPoints = ({ points }) => {\n    return (\n        <RevealList\n            className={styles.collateralPoints}\n            items={points.map((text) => ({\n                marker: <FontAwesomeIcon icon=\"check\" />,\n                text: text,\n            }))}\n        />\n    );\n}\n\nclass ProductHighlight extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            steps: createSteps(props.images, props.translate),\n        };\n    }\n    onRender = ({ slots }) => {\n        return (\n            <ImageHighlight\n                animateSmall\n                steps={this.state.steps}\n                positions={slots}\n                translate={this.props.translate}\n            />\n        );\n    }\n    render() {\n        return (\n            <div className={styles.productHighlight}>\n                <StepTimer steps={this.state.steps} render={this.onRender} />\n            </div>\n        );\n    }\n}\n\nconst ReviewCard = ({ review, images }) => {\n    return (\n        <div className={cn(styles.reviewCard, review.male ? styles.male : styles.female, \"shadow\")}>\n            <div className={styles.reviewImageContainer}>\n                <GatsbyImage\n                    className={styles.reviewImage}\n                    fixed={images[review.image.src]}\n                    alt={review.image.alt}\n                />\n            </div>\n            <div className={styles.reviewBody}>\n                &ldquo;{processText(review.body)}&rdquo;\n            </div>\n            <div className={styles.reviewSignature}>\n                <div className=\"signature\">{review.author.name}</div>\n                <div className={styles.reviewTitle}>{processText(review.author.title)}</div>\n            </div>\n        </div>\n    );\n}\n\nconst SectionTitle = ({ id, className, title, subtitle, small, center }) => {\n    return (\n        <div className={cn(styles.sectionTitle, className, small && styles.smallTitle, center && \"text-center\")}>\n            <h2 id={id}>{title}</h2>\n            {subtitle && <div>{subtitle}</div>}\n        </div>\n    );\n}\n\nconst PackageCard = ({ pkg, pricePerMonth, onClick }) => {\n    return (\n        <div className={cn(styles.packageCard, styles.boxShadow, styles.adjustHeight)} onClick={onClick}>\n            <div className={styles.packageName}>\n                <h4>{pkg.name}</h4>\n            </div>\n            <div className={styles.packageBody}>\n                <div className={styles.price}>\n                    {pkg.price}\n                    <div className={styles.pricePerMonth}>{pricePerMonth}</div>\n                </div>\n                <Row justify=\"center\" className=\"mx-0\">\n                    <List\n                        items={pkg.includes.map(item => ({\n                            marker: <FontAwesomeIcon icon=\"check\" />,\n                            text: processText(item),\n                        }))}\n                    />\n                </Row>\n            </div>\n        </div>\n    );\n}\n\nconst ModuleCard = ({ mod, pricePerMonth, onClick }) => {\n    return (\n        <div className={cn(styles.packageCard, styles.boxShadow, styles.module)} onClick={onClick}>\n            <div className={cn(styles.packageName, styles.moduleIcon)}>\n                <FontAwesomeIcon icon={mod.icon} />\n                <h4>{mod.name}</h4>\n            </div>\n            <div className={styles.packageBody}>\n                <div className={styles.price}>\n                    {mod.price}\n                    <div className={styles.pricePerMonth}>{pricePerMonth}</div>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nconst MainPage = withTranslate(function (props) {\n    const [showLoginPopup, setShowLoginPopup] = React.useState(false);\n    const toggleLoginPopup = () => {\n        setShowLoginPopup(!showLoginPopup);\n    };\n\n    const translate = (key, toProcess) => {\n        const value = props.translate(key);\n        if (typeof value === \"string\") {\n            return value;\n        } else if (typeof toProcess === \"boolean\") {\n            return toProcess ? processText(value) : value;\n        } else if (Array.isArray(toProcess)) {\n            return {\n                ...value,\n                ...toProcess.reduce((map, processKey) => ({ ...map, [processKey]: processText(value[processKey]), }), {}),\n            };\n        } else {\n            return processText(value);\n        }\n    };\n    return (\n        <div className=\"mainpage\">\n            <SEO\n                title={translate(\"main.head.title\")}\n                description={translate(\"main.head.description\")}\n                keywords={translate(\"main.head.keywords\")}\n                path=\"/\"\n            />\n            <ScrollToTopOnMount />\n            <NavBarDark onClickCta={toggleLoginPopup} translate={translate} />\n            <Header onClickCta={toggleLoginPopup} images={props.images} translate={translate} />\n            <Jumbotron color=\"#fafafa\" className=\"pb-0 pt-lg-0 text-center\">\n                <SectionTitle\n                    id=\"software\"\n                    className={cn(styles.accessNowTitle, \"pt-sm-2 pt-lg-0 pb-2 mb-0\")}\n                    title={translate(\"main.accessNow.title\")}\n                />\n            </Jumbotron>\n            <SplitJumbo colorTop=\"#fafafa\" colorBottom=\"#fff\">\n                <Row className=\"mx-xl-3\">\n                    {props.translate(\"main.accessNow.cards\").map((card) => (\n                        <ContentCard\n                            key={card.icon}\n                            icon={card.icon}\n                            above={card.above}\n                            below={card.below}\n                        />\n                    ))}\n                </Row>\n            </SplitJumbo>\n            <Jumbotron color=\"#fff\">\n                <Container>\n                    <Row>\n                        <Col xs12 l6>\n                            <SectionTitle\n                                title={translate(\"main.makeYourOwn.title\")}\n                                subtitle={translate(\"main.makeYourOwn.subtitle\")}\n                            />\n                        </Col>\n                        <Col xs12 l6 className=\"pl-lg-2\">\n                            {props.translate(\"main.makeYourOwn.modules\").map((mod, idx) => (\n                                <ModuleDropdown key={mod.module} mod={mod} className={idx > 0 ? styles.moduleBorderTop : undefined} />\n                            ))}\n                        </Col>\n                    </Row>\n                </Container>\n            </Jumbotron>\n            <Jumbotron color=\"#fafafa\" className=\"pt-3 pb-0\" style={{ marginBottom: \"-40px\" }}>\n                <SectionTitle\n                    id=\"forWhom\"\n                    center\n                    className=\"mt-1\"\n                    title={translate(\"main.forWhom.title\")}\n                    subtitle={translate(\"main.forWhom.subtitle\")}\n                />\n                <Row className=\"px-1 px-sm-3 px-lg-5 mx-lg-2\">\n                    <Col xs12 m6 className=\"mb-1 mb-md-0\">\n                        <ForWhomCard {...translate(\"main.forWhom.artisan\", [\"title\", \"text\"])} />\n                    </Col>\n                    <Col xs12 m6>\n                        <ForWhomCard {...translate(\"main.forWhom.retailer\", [\"title\", \"text\"])} />\n                    </Col>\n                </Row>\n            </Jumbotron>\n            <Jumbotron color=\"#333232\" className=\"white pb-3\" style={{ paddingTop: \"110px\" }}>\n                <Row>\n                    <Col xs12 l6>\n                        <SectionTitle\n                            id=\"why\"\n                            className=\"mt-0\"\n                            title={translate(\"main.collateral.title\")}\n                            subtitle={translate(\"main.collateral.subtitle\")}\n                        />\n                    </Col>\n                    <Col xs12 l6>\n                        <CollateralPoints points={translate(\"main.collateral.points\")} />\n                    </Col>\n                </Row>\n            </Jumbotron>\n            <JumbotronFluid className=\"px-0\" containerClassName=\"container-fluid px-0\" color=\"#fafafa\">\n                <SectionTitle\n                    center\n                    className=\"px-1\"\n                    title={translate(\"main.whatYouFind.title\")}\n                    subtitle={translate(\"main.whatYouFind.subtitle\")}\n                />\n                <ProductHighlight images={props.images} translate={props.translate} />\n            </JumbotronFluid>\n            <Jumbotron color=\"#fff\">\n                <SectionTitle\n                    center\n                    id=\"whoAreWe\"\n                    title={translate(\"main.facesBehind.title\")}\n                    className=\"mb-1\"\n                />\n                <div className=\"pb-2\">\n                    {props.translate(\"main.facesBehind.messages\").map((message) => (\n                        <ElenaSamuliMessage {...message} />\n                    ))}\n                </div>\n            </Jumbotron>\n            <Jumbotron color=\"#fafafa\">\n                <SectionTitle\n                    center\n                    title={translate(\"main.takeAdvice.title\")}\n                    subtitle={translate(\"main.takeAdvice.subtitle\")}\n                />\n                <Row>\n                    {props.translate(\"main.takeAdvice.reviews\").map(review => (\n                        <Col key={review.author.name} xs12 m4 className=\"px-2 px-md-05 px-lg-1\">\n                            <ReviewCard review={review} images={props.images} />\n                        </Col>\n                    ))}\n                </Row>\n                <div className=\"cta text-center pt-5 pb-3\">\n                    <h2>{translate(\"main.takeAdvice.cta\")}</h2>\n                    <CTAButton onClick={toggleLoginPopup} name=\"reviews\">\n                        {translate(\"main.action.button\")}\n                    </CTAButton>\n                </div>\n            </Jumbotron>\n            <Jumbotron color=\"#333232\" className=\"white\" style={{ paddingBottom: \"160px\" }}>\n                <SectionTitle\n                    center\n                    id=\"pricing\"\n                    title={translate(\"main.littleOrMuch.title\")}\n                    subtitle={translate(\"main.littleOrMuch.subtitle\")}\n                />\n                <Row justify=\"center\">\n                    <Col xs12 m6 l5 className=\"mb-2 mb-md-0\">\n                        <p className=\"mb-2\">\n                            {translate(\"main.littleOrMuch.much.goal\")}\n                        </p>\n                        <p>\n                            {translate(\"main.littleOrMuch.much.answer\")}\n                        </p>\n                    </Col>\n                    <Col xs12 m6 l5>\n                        <p className=\"mb-2\">\n                            {translate(\"main.littleOrMuch.little.goal\")}\n                        </p>\n                        <p>\n                            {translate(\"main.littleOrMuch.little.answer\")}\n                        </p>\n                    </Col>\n                </Row>\n            </Jumbotron>\n            <Jumbotron color=\"#fff\" className=\"pt-0\" containerClassName={styles.packagesContainer}>\n                <div className={cn(styles.packagesHighlight, \"mx-lg-2\")} />\n                <div className={cn(styles.packages, \"px-1 px-lg-2 px-xl-3 pt-3 pb-2 mx-lg-2 shadow-lg\")}>\n                    <SectionTitle\n                        center\n                        title={translate(\"main.packages.title\")}\n                        subtitle={translate(\"main.packages.subtitle\")}\n                    />\n                    <h3>{translate(\"main.packages.ready.title\")}</h3>\n                    <Row justify=\"center\" className=\"mb-3\">\n                        {props.translate(\"main.packages.ready.packages\").map(pkg => (\n                            <Col key={pkg.name} xs12 s6 m4 className=\"mb-2\">\n                                <PackageCard\n                                    pkg={pkg}\n                                    pricePerMonth={translate(\"main.packages.pricePerMonth\")}\n                                    onClick={toggleLoginPopup}\n                                />\n                            </Col>\n                        ))}\n                    </Row>\n                    <h3>{translate(\"main.packages.single.title\")}</h3>\n                    <Row justify=\"center\" className=\"mb-1\">\n                        {props.translate(\"main.packages.single.modules\").map(mod => (\n                            <Col key={mod.name} xs12 s6 m4 xl3>\n                                <ModuleCard\n                                    mod={mod}\n                                    pricePerMonth={translate(\"main.packages.pricePerMonth\")}\n                                    onClick={toggleLoginPopup}\n                                />\n                            </Col>\n                        ))}\n                    </Row>\n                    <p className={styles.payYearly}>\n                        <FontAwesomeIcon icon=\"exclamation-triangle\" color=\"#ffc107\" /> {translate(\"main.packages.payYearlyAndSave\")}\n                    </p>\n                </div>\n            </Jumbotron>\n            <Jumbotron color=\"#fafafa\">\n                <SectionTitle\n                    center\n                    title={translate(\"main.faq.title\")}\n                />\n                <FAQ\n                    points={props.translate(\"main.faq.questions\")}\n                />\n            </Jumbotron>\n            <Jumbotron color=\"#fff\" className=\"cta text-center py-5\">\n                <h2>{translate(\"main.action.title\")}</h2>\n                <CTAButton onClick={toggleLoginPopup} name=\"bottom\">\n                    {translate(\"main.action.button\")}\n                </CTAButton>\n            </Jumbotron>\n            <LoginSignupModal\n                isOpen={showLoginPopup}\n                onClose={toggleLoginPopup}\n                translate={props.translate}\n            />\n        </div>\n    )\n});\n\nexport default MainPage;\n","import MainPage from './MainPage';\n\nexport default MainPage;\n","import React from \"react\"\nimport { graphql } from \"gatsby\";\n\nimport Layout from \"../components/Layout\"\nimport MainPage from \"../views/MainPage\"\n\nexport const query = graphql`\n{\n    invoicePage: file(relativePath: { eq: \"invoice_page.png\" }) {\n        childImageSharp {\n            fluid(maxWidth: 500) {\n                ...GatsbyImageSharpFluid\n            }\n        }\n    }\n    invoicePdf: file(relativePath: { eq: \"invoice_pdf.png\" }) {\n        childImageSharp {\n            fluid(maxWidth: 250) {\n                ...GatsbyImageSharpFluid\n            }\n        }\n    }\n    mauro: file(relativePath: { eq: \"mauro.png\" }) {\n        childImageSharp {\n            fixed(width: 100) {\n                ...GatsbyImageSharpFixed\n            }\n        }\n    }\n    aurora: file(relativePath: { eq: \"aurora.png\" }) {\n        childImageSharp {\n            fixed(width: 100) {\n                ...GatsbyImageSharpFixed\n            }\n        }\n    }\n    biancoline: file(relativePath: { eq: \"biancoline-small.png\" }) {\n        childImageSharp {\n            fixed(width: 100) {\n                ...GatsbyImageSharpFixed\n            }\n        }\n    }\n    invoiceHighlight: file(relativePath: { eq: \"invoice_small.png\" }) {\n        childImageSharp {\n            fluid(maxWidth: 505) {\n                ...GatsbyImageSharpFluid\n            }\n        }\n    }\n    statusHighlight: file(relativePath: { eq: \"status_small.png\" }) {\n        childImageSharp {\n            fluid(maxWidth: 505) {\n                ...GatsbyImageSharpFluid\n            }\n        }\n    }\n}\n`;\n\nconst IndexPage = ({ location, data, pageContext: { locale } }) => {\n    const images = {\n        invoicePage: data.invoicePage.childImageSharp.fluid,\n        invoicePdf: data.invoicePdf.childImageSharp.fluid,\n        mauro: data.mauro.childImageSharp.fixed,\n        aurora: data.aurora.childImageSharp.fixed,\n        biancoline: data.biancoline.childImageSharp.fixed,\n        invoiceHighlight: data.invoiceHighlight.childImageSharp.fluid,\n        statusHighlight: data.statusHighlight.childImageSharp.fluid,\n    };\n    return (\n        <Layout location={location} locale={locale}>\n            <MainPage images={images} />\n        </Layout>\n    );\n};\n\nexport default IndexPage;\n","module.exports = __webpack_public_path__ + \"static/article_autofill_small-ced708ae9a27e0c360bfef8f6c97e04b.mp4\";","module.exports = __webpack_public_path__ + \"static/article_autofill_small-06518eb7a7b6f81bebc42886521937bf.webm\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"slider\":\"WordsSlider-module--slider--3RVOS\",\"slideAnchor\":\"WordsSlider-module--slideAnchor--1r8bI\",\"centerSmall\":\"WordsSlider-module--centerSmall--3Uxk8\",\"visible\":\"WordsSlider-module--visible--15yCu\",\"slideIn\":\"WordsSlider-module--slide-in--1LWDE\",\"hidden\":\"WordsSlider-module--hidden--2q1KO\",\"slideOut\":\"WordsSlider-module--slide-out--3BGwr\",\"slideInCenter\":\"WordsSlider-module--slide-in-center--c697l\",\"slideOutCenter\":\"WordsSlider-module--slide-out-center--3UyRP\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modal\":\"LoginSignupModal-module--modal--37lal\",\"modalBody\":\"LoginSignupModal-module--modalBody--z-_YI\",\"title\":\"LoginSignupModal-module--title--3ztaz\",\"body\":\"LoginSignupModal-module--body--uZ2dB\",\"text\":\"LoginSignupModal-module--text--33kQ9\",\"disclaimer\":\"LoginSignupModal-module--disclaimer--2Ok2J\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"squareImageWrapper\":\"SquareImageWrapper-module--squareImageWrapper--1D0w-\",\"squareImage\":\"SquareImageWrapper-module--squareImage--1h7f4\",\"square\":\"SquareImageWrapper-module--square--CH0EM\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"header\":\"Header-module--header--f2HIW\",\"wordSlider\":\"Header-module--wordSlider--3gIqS\",\"headerText\":\"Header-module--headerText--2C8N5\",\"headerImage\":\"Header-module--headerImage--1Qr5v\",\"headerImageSide\":\"Header-module--headerImageSide--2z8Ix\",\"headerMainImage\":\"Header-module--headerMainImage--3UgC1\",\"headerPic\":\"Header-module--headerPic--3guIz\",\"headerPicMainPage\":\"Header-module--headerPicMainPage--3qFm1\",\"headerPicMainPdf\":\"Header-module--headerPicMainPdf--sVmDQ\",\"ctaContainer\":\"Header-module--ctaContainer--1wHyh\"};"],"sourceRoot":""}