{"version":3,"file":"static/chunks/8350-b91ece10ef00c3e0.js","mappings":"8qEAEA,MAAMA,GAAWC,E,OAAAA,IAAiBA,KAqHlC,K,8kCCxEA,MA7CyBC,EAAAA,GAAOC,IAAG,KAG9BC,GACDA,EAAMC,YACNC,EAAAA,EAAAA,IAAGA,OAIFF,GACD,EAAOG,WACLD,EAAAA,EAAAA,IAAGA,OAILA,EAAAA,EAAAA,IAAGA,OAaWF,GAAUA,EAAMI,OAAS,WAIzBJ,GAAUA,EAAMI,OAAS,WAIpCJ,GACDA,EAAMK,eACNH,EAAAA,EAAAA,IAAGA,OCTT,MA5BmB,I,IAAA,SACjBI,EAAQ,UACRC,EAAS,UACTN,EAAS,SACTE,EAAQ,aACRE,EAAY,MACZD,GACD,EAEC,MAAMI,EAAgB,CAAC,aAMvB,OAJID,GACFC,EAAcC,KAAKF,IAInB,SAACG,EAAgBA,CACfH,UAAWC,EAAcG,KAAK,KAC9BV,UAAWA,EACXE,SAAUA,EACVC,MAAOA,EACPC,aAAcA,E,SAEbC,G,mFCxBP,MAAMM,EAAe,CACnBC,QAAQ,GAGV,SAASC,EAAQC,EAAOC,GACtB,MACO,WADCA,EAAOC,KAEJ,IACFF,EACHF,QAASE,EAAMF,QAGVE,CAEb,CACO,MAAMG,EAAgBC,EAAAA,cAAoB,CAAC,GAErCC,EAAkB,I,IAAA,SAAEd,GAAU,EACzC,MAAOS,EAAOM,IAAYC,EAAAA,EAAAA,YAAWR,EAASF,GAC9C,OACE,SAACM,EAAcK,SAAQ,CAACC,MAAO,CAAET,QAAOM,Y,SACrCf,G,0SCvBP,GAAgB,IAAM,2CAA2C,OAAS,IAAI,MAAQ,KAAK,YAAc,6MAA6M,UAAY,EAAE,WAAa,G,qsFCK1U,MAAMmB,EAAkB3B,EAAAA,GAAO4B,QAAO,IAEnBC,aAAQA,EAARA,EAAUC,KAcvBC,EAAY/B,EAAAA,GAAOC,IAAG,IAQ1B+B,EAAAA,EAAgBC,MAAM,KAGlBC,EAAWlC,EAAAA,GAAOmC,GAAE,IAEtBC,EAAAA,EAAOC,MACHL,EAAAA,EAAgBC,MAAM,IACpBD,EAAAA,EAAgBM,YAMpBC,EAAcvC,EAAAA,GAAOwC,EAAC,IAGlBR,EAAAA,EAAgBM,WAQhBN,EAAAA,EAAgBC,MAAM,GAItBD,EAAAA,EAAgBC,MAAM,IAQ1BQ,EAAczC,EAAAA,GAAOC,IAAG,KAaxByC,EAAoB1C,EAAAA,GAAOC,IAAG,IAElC+B,EAAAA,EAAgBC,MAAM,GACfD,EAAAA,EAAgBC,MAAM,IAGzBU,EAAgB3C,EAAAA,GAAO4C,OAAM,IAC1BZ,EAAAA,EAAgBa,uBAafb,EAAAA,EAAgBM,WAGfN,EAAAA,EAAgBc,YAAYC,eAQjCC,EAAkBhD,EAAAA,GAAO4C,OAAM,IAW3BZ,EAAAA,EAAgBM,WAEfN,EAAAA,EAAgBiB,gBAOrBC,EAAalD,EAAAA,GAAOmD,EAAC,KAIrBC,EAAmBpD,EAAAA,GAAOC,IAAG,I,ujaCnInC,MAAMoD,GAActD,EAAAA,EAAAA,IAAiBA,KA+J/BuD,EAAiBtD,EAAAA,GAAOuD,KAAI,I,kFC/JzC,MAAMC,EAAgBC,EAAQC,IAAIC,yBAC9BF,EAAQC,IAAIC,yBACZ,mCAEJC,EAAAA,EAASC,KAAKL,GAGd,IAiBWM,EAjBG,CACZC,SAAWC,IACTJ,EAAAA,EAASG,SAASC,EAAG,EAEvBC,MAAQD,IACNJ,EAAAA,EAASK,MAAMD,EAAG,EAEpBE,MAAO,CAACC,EAAMjE,KACZ0D,EAAAA,EAASM,MAAMC,EAAMjE,EAAM,EAE7BkE,OAAQ,CACNC,IAAMnE,IACJ0D,EAAAA,EAASQ,OAAOC,IAAInE,EAAM,G","sources":["webpack://_N_E/./src/common/assets/css/style.js","webpack://_N_E/./src/common/components/UI/Container/style.js","webpack://_N_E/./src/common/components/UI/Container/index.js","webpack://_N_E/./src/common/contexts/DrawerContext.js","webpack://_N_E/./src/common/assets/image/saasModern/pngwing.png","webpack://_N_E/./src/containers/SaasModern/Banner/banner.style.js","webpack://_N_E/./src/containers/SaasModern/sassModern.style.js","webpack://_N_E/./src/utils/mixpanel.js"],"sourcesContent":["import { createGlobalStyle } from 'styled-components';\n\nconst ResetCSS = createGlobalStyle`\n  ::selection {\n    background: #333333;\n    color: #ffffff;\n  }\n\n  html {\n    box-sizing: border-box;\n    -ms-overflow-style: scrollbar;\n  }\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: inherit;\n  }\n\n  * {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  *:focus {\n    outline: none;\n  }\n\n  html,\n  html a,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  a,\n  p,\n  li,\n  dl,\n  th,\n  dt,\n  input,\n  textarea,\n  span,\n  div {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);\n  }\n\n  body {\n    margin: 0;\n    padding: 0;\n    overflow-x: hidden;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  ul {\n    margin: 0;\n    padding: 0;\n  }\n\n  li {\n    list-style-type: none;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  a:hover {\n    text-decoration: none;\n  }\n\n  .reuseModalHolder {\n    padding: 0 !important;\n    &.demo_switcher_modal {\n      border: 0 !important;\n      background-color: rgba(16, 30, 77, 0.9) !important;\n      .innerRndComponent {\n        border-radius: 8px !important;\n      }\n    }\n  }\n\n  button.modalCloseBtn {\n    position: fixed !important;\n    z-index: 999991 !important;\n    background-color: transparent !important;\n    top: 10px !important;\n    right: 10px !important;\n    min-width: 34px !important;\n    min-height: 34px !important;\n    padding: 0 !important;\n    span.btn-icon {\n      font-size: 22px !important;\n      transform: rotate(45deg) !important;\n    }\n\n    &.alt {\n      border-radius: 50% !important;\n      z-index: 999999 !important;\n      padding: 0 !important;\n      transition: all 0.3s ease !important;\n      top: 25px !important;\n      right: 30px !important;\n      min-width: 40px !important;\n      min-height: 40px !important;\n\n      span.btn-icon {\n        font-size: 20px !important;\n      }\n\n      &:hover {\n        opacity: 0.88 !important;\n      }\n    }\n  }\n`;\nexport default ResetCSS;\n","import styled, { css } from 'styled-components'\n\nconst ContainerWrapper = styled.div`\n  margin-left: auto;\n  margin-right: auto;\n  ${(props) =>\n    props.fullWidth &&\n    css`\n      width: 100%;\n      max-width: none !important;\n    `};\n  ${(props) =>\n    (props.noGutter &&\n      css`\n        padding-left: 0;\n        padding-right: 0;\n      `) ||\n    css`\n      padding-left: 30px;\n      padding-right: 30px;\n    `};\n  @media (min-width: 768px) {\n    max-width: 750px;\n    width: 100%;\n  }\n  @media (min-width: 992px) {\n    max-width: 970px;\n    width: 100%;\n  }\n  @media (min-width: 1220px) {\n    max-width: ${(props) => props.width || '1170px'};\n    width: 100%;\n  }\n  @media (min-width: 1400px) {\n    max-width: ${(props) => props.width || '1360px'};\n    width: 100%;\n  }\n  @media (max-width: 768px) {\n    ${(props) =>\n      props.mobileGutter &&\n      css`\n        padding-left: 30px;\n        padding-right: 30px;\n      `};\n  }\n`\n\nexport default ContainerWrapper\n","import React from 'react'\nimport ContainerWrapper from './style'\n\nconst Container = ({\n  children,\n  className,\n  fullWidth,\n  noGutter,\n  mobileGutter,\n  width,\n}) => {\n  // Add all classs to an array\n  const addAllClasses = ['container']\n  // className prop checking\n  if (className) {\n    addAllClasses.push(className)\n  }\n\n  return (\n    <ContainerWrapper\n      className={addAllClasses.join(' ')}\n      fullWidth={fullWidth}\n      noGutter={noGutter}\n      width={width}\n      mobileGutter={mobileGutter}\n    >\n      {children}\n    </ContainerWrapper>\n  )\n}\n\nexport default Container\n","import React, { useReducer } from 'react';\n\nconst initialState = {\n  isOpen: false,\n};\n\nfunction reducer(state, action) {\n  switch (action.type) {\n    case 'TOGGLE':\n      return {\n        ...state,\n        isOpen: !state.isOpen,\n      };\n    default:\n      return state;\n  }\n}\nexport const DrawerContext = React.createContext({});\n\nexport const DrawerProvider = ({ children }) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  return (\n    <DrawerContext.Provider value={{ state, dispatch }}>\n      {children}\n    </DrawerContext.Provider>\n  );\n};\n","export default {\"src\":\"/_next/static/media/pngwing.7f5e0b6c.png\",\"height\":579,\"width\":1440,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAATklEQVR42mM4f/GS8PETpwR3790vePjoMb4TJ0/znTx1huf02fN8Bw8d4WFYtHgZ2/qNW1jWbdjMxAAEly5fZnr85CkjiL1qzTomBkIAAN0IIHrOesfjAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":3};","import styled from 'styled-components';\nimport BannerBG from 'common/assets/image/saasModern/pngwing.png';\nimport colors from 'common/theme/saasModern/colors';\nimport { saasModernTheme } from 'common/theme/saasModern';\n\nexport const BannerComponent = styled.section`\n  width: 100%;\n  background-image: url(${BannerBG?.src});\n  z-index: 1;\n  background-size: cover;\n  background-repeat: no-repeat;\n  padding-top: 184px;\n  margin-bottom: 100px;\n  position: relative;\n  @media (max-width: 950px) {\n    padding-top: 110px;\n    margin-bottom: 50px;\n    padding-bottom: 0;\n  }\n`;\n\nexport const Container = styled.div`\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  justify-content: center;\n  flex-direction: column;\n  gap: ${saasModernTheme.space[10]}px;\n`;\n\nexport const HeadLine = styled.h1`\n  width: 70%;\n  color: ${colors.black};\n  font-size: ${saasModernTheme.space[16]}px;\n  font-family: ${saasModernTheme.fontFamily};\n  font-weight: 900;\n  text-align: center;\n  margin: 0;\n`;\n\nexport const Description = styled.p`\n  font-size: 20px;\n  font-weight: 400;\n  font-family: ${saasModernTheme.fontFamily};\n  text-align: center;\n  font-style: normal;\n  line-height: normal;\n  width: 50%;\n  color: var(--Text-Secondary, #636f81);\n  margin: 0;\n  @media (max-width: 1024px) {\n    font-size: ${saasModernTheme.space[5]}px;\n    width: 70%;\n  }\n  @media (max-width: 950px) {\n    font-size: ${saasModernTheme.space[5]}px;\n    width: 60%;\n  }\n  @media (max-width: 600px) {\n    width: 90%;\n  }\n`;\n\nexport const FormSection = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  width: 100%;\n  max-width: 400px;\n\n  @media (max-width: 650px) {\n    width: 100%;\n  }\n`;\n\nexport const ButtonLogoWrapper = styled.div`\n  display: flex;\n  gap: ${saasModernTheme.space[2]}px;\n  margin-top: ${saasModernTheme.space[5]}px;\n`;\n\nexport const PrimaryButton = styled.button`\n  background: ${saasModernTheme.defaultBackgroundColor};\n  color: white;\n  border: none;\n  border-radius: 12px;\n  font-size: 16px;\n  font-weight: 500;\n  cursor: pointer;\n  white-space: nowrap;\n  height: 40px;\n  padding: 12px 16px;\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  font-family: ${saasModernTheme.fontFamily};\n\n  &:hover {\n    background: ${saasModernTheme.customColor.gradiantColor};\n  }\n\n  @media (max-width: 650px) {\n    width: 100%;\n  }\n`;\n\nexport const SecondaryButton = styled.button`\n  background: transparent;\n  color: #111927;\n  border: none;\n  padding: 12px 24px;\n  font-size: 16px;\n  font-weight: 500;\n  border-radius: 12px;\n  cursor: pointer;\n  border: 1px solid var(--Outlined-Outlined, rgba(145, 155, 171, 0.24));\n  white-space: nowrap;\n  font-family: ${saasModernTheme.fontFamily};\n  &:hover {\n    box-shadow: ${saasModernTheme.gradiantShadow};\n  }\n  @media (max-width: 650px) {\n    width: 100%;\n  }\n`;\n\nexport const StyledLink = styled.a`\n  text-decoration: none;\n`;\n\nexport const BannerWrapperNav = styled.div``;\n","import styled, { createGlobalStyle } from 'styled-components';\n\nexport const GlobalStyle = createGlobalStyle`\nhtml{\n  scroll-behavior: smooth;\n}\n  body{\n    font-family: 'Montserrat',  sans-serif;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: 'Montserrat', sans-serif;\n  }\n\n  section {\n    position: relative;\n  }\n\n  .drawer-content-wrapper,.rc-drawer-content-wrapper{\n    @media (max-width: 767px) {\n      width: 300px!important;\n    }\n    .drawer-content,.rc-drawer-content {\n      padding: 60px;    \n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n     \n      @media (max-width: 767px) {\n        padding: 50px 40px 30px 40px;\n      }\n\n      .mobile_menu {\n        margin-bottom: 40px;\n        flex-grow: 1;\n        \n        @media (max-width: 767px) {\n          margin-bottom: 30px;\n          \n        }\n       \n        span{\n          font-size: 20px;\n            font-weight: 400;\n            color: #343d48;\n            position: relative;\n            margin-left:-5px;\n            transition: 0.15s ease-in-out;\n            @media (max-width: 767px) {\n              font-size: 18px;\n            }\n            &:hover {\n              color: #2E4057;\n            }\n            &:before{\n              content: '';\n              width: 7px;\n              height: 7px;\n              background: #2E4057;\n              border-radius: 50%;\n              position: absolute;\n              top: 50%;\n              left: -15px;\n              transform: translateY(-50%);\n              opacity: 0;\n            }\n        }\n        li{\n          div{\n            svg{\n              display: block;\n              color: #2E4057;\n              \n              @media (max-width: 767px) {\n                display: none !important;\n              }\n            };\n              select{\n                fontSize: 16px;\n                background-color: transparent;\n                height: 25px;\n                width: 73px;\n                border-radius: 4px;\n                color: #2E4057;\n            };\n          };\n          margin-bottom: 35px;\n          @media (max-width: 767px) {\n            margin-bottom: 25px;\n          }\n          a{\n            font-size: 20px;\n            font-weight: 400;\n            color: #343d48;\n            position: relative;\n            transition: 0.15s ease-in-out;\n            @media (max-width: 767px) {\n              font-size: 18px;\n            }\n            &:hover {\n              color: #2E4057;\n            }\n            &:before{\n              content: '';\n              width: 7px;\n              height: 7px;\n              background: #2E4057;\n              border-radius: 50%;\n              position: absolute;\n              top: 50%;\n              left: -15px;\n              transform: translateY(-50%);\n              opacity: 0;\n            }\n          }\n          &.is-current {\n            a {\n              color: #2E4057;\n              &:before{\n                opacity: 1;\n              }\n            }\n          }\n        }\n      }\n      .navbar_drawer_button button{\n        width: 100%;\n      }\n    }\n\n    .reusecore-drawer__close{\n      width: 34px;\n      height: 34px;\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      @media (max-width: 767px) {\n        top: 15px;\n        right: 15px;\n      }\n      &:before{\n        content: '\\f10b';\n        font-family: Flaticon;\n        font-size: 26px;\n        color: #2E4057;\n        transform: rotate(45deg);\n        display: block;\n      }\n    }\n  }\n`;\n\nexport const ContentWrapper = styled.main`\n  $animation-speed: 0.3s;\n  $animation-function: ease-out;\n  $backdrop-color: rgba(0, 0, 0, 0.5);\n\n  @keyframes modal-video {\n    from {\n      opacity: 0;\n    }\n\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes modal-video-inner {\n    from {\n      transform: translate(0, 100px);\n    }\n\n    to {\n      transform: translate(0, 0);\n    }\n  }\n\n  .modal-video {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.5);\n    z-index: 1000000;\n    cursor: pointer;\n    opacity: 1;\n    animation-timing-function: $animation-function;\n    animation-duration: $animation-speed;\n    animation-name: modal-video;\n    -webkit-transition: opacity $animation-speed $animation-function;\n    -moz-transition: opacity $animation-speed $animation-function;\n    -ms-transition: opacity $animation-speed $animation-function;\n    -o-transition: opacity $animation-speed $animation-function;\n    transition: opacity $animation-speed $animation-function;\n  }\n\n  .modal-video-effect-exit {\n    opacity: 0;\n\n    & .modal-video-movie-wrap {\n      -webkit-transform: translate(0, 100px);\n      -moz-transform: translate(0, 100px);\n      -ms-transform: translate(0, 100px);\n      -o-transform: translate(0, 100px);\n      transform: translate(0, 100px);\n    }\n  }\n\n  .modal-video-body {\n    max-width: 960px;\n    width: 100%;\n    height: 100%;\n    margin: 0 auto;\n    padding: 0 10px;\n    display: flex;\n    justify-content: center;\n    box-sizing: border-box;\n  }\n\n  .modal-video-inner {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n\n    @media (orientation: landscape) {\n      padding: 10px 60px;\n      box-sizing: border-box;\n    }\n  }\n\n  .modal-video-movie-wrap {\n    width: 100%;\n    height: 0;\n    position: relative;\n    padding-bottom: 56.25%;\n    background-color: #333;\n    animation-timing-function: $animation-function;\n    animation-duration: $animation-speed;\n    animation-name: modal-video-inner;\n    -webkit-transform: translate(0, 0);\n    -moz-transform: translate(0, 0);\n    -ms-transform: translate(0, 0);\n    -o-transform: translate(0, 0);\n    transform: translate(0, 0);\n    -webkit-transition: -webkit-transform $animation-speed $animation-function;\n    -moz-transition: -moz-transform $animation-speed $animation-function;\n    -ms-transition: -ms-transform $animation-speed $animation-function;\n    -o-transition: -o-transform $animation-speed $animation-function;\n    transition: transform $animation-speed $animation-function;\n\n    & iframe {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .modal-video-close-btn {\n    position: absolute;\n    z-index: 2;\n    top: -45px;\n    right: 0px;\n    display: inline-block;\n    width: 35px;\n    height: 35px;\n    overflow: hidden;\n    border: none;\n    background: transparent;\n\n    @media (orientation: landscape) {\n      top: 0;\n      right: -45px;\n    }\n\n    &:before {\n      transform: rotate(45deg);\n    }\n\n    &:after {\n      transform: rotate(-45deg);\n    }\n\n    &:before,\n    &:after {\n      content: '';\n      position: absolute;\n      height: 2px;\n      width: 100%;\n      top: 50%;\n      left: 0;\n      margin-top: -1px;\n      background: #fff;\n      border-radius: 5px;\n      margin-top: -6px;\n    }\n  }\n\n  overflow: hidden;\n  .sticky-nav-active {\n    .saas_navbar {\n      background: #fff;\n      box-shadow: 0px 3px 8px 0px rgba(43, 83, 135, 0.08);\n      padding: 15px 0;\n      .main-logo {\n        display: none;\n      }\n      .logo-alt {\n        display: block;\n      }\n\n      .main_menu {\n        span {\n          color: #000;\n          &:hover {\n            color: #2e4057;\n          }\n        }\n        li {\n          div {\n            .multilang-icon {\n              color: #3c486b;\n            }\n            select {\n              fontsize: 16px;\n              background-color: transparent;\n              height: 25px;\n              width: 74px;\n              border-radius: 4px;\n              color: #2e4057;\n            }\n          }\n          a {\n            color: #000;\n            &:hover {\n              color: #2e4057;\n            }\n          }\n          &.is-current {\n            a {\n              color: #2e4057;\n            }\n          }\n        }\n      }\n    }\n    .hamburgMenu__bar {\n      > span {\n        background: #2e4057;\n      }\n    }\n  }\n\n  .saas_navbar {\n    position: fixed;\n    top: -10px;\n    left: 0;\n    width: 100%;\n    transition: 0.35s ease-in-out;\n    padding: 30px 0;\n    .logo-alt {\n      display: none;\n    }\n\n    .main_menu {\n      margin-right: 40px;\n      li {\n        display: inline-block;\n        padding-left: 13px;\n        padding-right: 13px;\n        &:first-child {\n          padding-left: 0;\n        }\n        &:last-child {\n          padding-right: 0;\n        }\n        &.is-current {\n          a {\n            color: #edcd37;\n          }\n        }\n        a {\n          padding: 5px;\n          font-size: 16px;\n          font-weight: 400;\n          color: #fff;\n          transition: 0.15s ease-in-out;\n          &:hover {\n            color: #edcd37;\n          }\n        }\n      }\n      @media (max-width: 990px) {\n        display: none;\n      }\n    }\n    .navbar_button {\n      @media (max-width: 990px) {\n        display: none;\n      }\n    }\n    .reusecore-drawer__handler {\n      @media (min-width: 991px) {\n        display: none !important;\n      }\n      .hamburgMenu__bar {\n        > span {\n        }\n      }\n    }\n  }\n`;\n","import mixpanel from 'mixpanel-browser';\n\nconst mixpanelToken = process.env.REACT_APP_MIXPANEL_TOKEN\n  ? process.env.REACT_APP_MIXPANEL_TOKEN\n  : '3c8e9cf4565e9ce01d55445d4b4332dd';\n\nmixpanel.init(mixpanelToken);\n\n\nlet actions = {\n  identify: (id) => {\n    mixpanel.identify(id);\n  },\n  alias: (id) => {\n    mixpanel.alias(id);\n  },\n  track: (name, props) => {\n    mixpanel.track(name, props);\n  },\n  people: {\n    set: (props) => {\n      mixpanel.people.set(props);\n    },\n  },\n};\n\nexport let Mixpanel = actions;\n"],"names":["ResetCSS","createGlobalStyle","styled","div","props","fullWidth","css","noGutter","width","mobileGutter","children","className","addAllClasses","push","ContainerWrapper","join","initialState","isOpen","reducer","state","action","type","DrawerContext","React","DrawerProvider","dispatch","useReducer","Provider","value","BannerComponent","section","BannerBG","src","Container","saasModernTheme","space","HeadLine","h1","colors","black","fontFamily","Description","p","FormSection","ButtonLogoWrapper","PrimaryButton","button","defaultBackgroundColor","customColor","gradiantColor","SecondaryButton","gradiantShadow","StyledLink","a","BannerWrapperNav","GlobalStyle","ContentWrapper","main","mixpanelToken","process","env","REACT_APP_MIXPANEL_TOKEN","mixpanel","init","Mixpanel","identify","id","alias","track","name","people","set"],"sourceRoot":""}