{"version":3,"file":"static/chunks/129-50fd70697a0c7f30.js","mappings":"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","sources":["webpack://_N_E/./src/common/assets/css/style.js","webpack://_N_E/./src/common/assets/image/logo/social/facebook.js","webpack://_N_E/./src/common/assets/image/logo/social/linkedin.js","webpack://_N_E/./src/common/assets/image/logo/social/twitter.js","webpack://_N_E/./src/common/assets/image/logo/social/youtube.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/banner-hero.webp","webpack://_N_E/./src/containers/SaasModern/Banner/banner.style.js","webpack://_N_E/./src/containers/SaasModern/Footer/footer.style.js","webpack://_N_E/./src/containers/SaasModern/Footer/index.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 React from 'react';\n\nconst Facebook = () => {\n return (\n \n \n \n \n \n \n \n );\n};\n\nexport default Facebook;\n","import React from 'react';\n\nconst Linkedin = () => {\n return (\n \n \n\n \n\n \n \n \n \n \n \n \n );\n};\n\nexport default Linkedin;\n","import React from 'react';\n\nconst Twitter = () => {\n return (\n \n \n \n \n \n \n \n );\n};\n\nexport default Twitter;\n","import React from 'react';\n\nconst Youtube = () => {\n return (\n \n \n \n \n \n );\n};\n\nexport default Youtube;\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 \n {children}\n \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 \n {children}\n \n );\n};\n","export default {\"src\":\"/_next/static/media/banner-hero.aa610cc5.webp\",\"height\":1113,\"width\":1920,\"blurDataURL\":\"data:image/webp;base64,UklGRqYAAABXRUJQVlA4WAoAAAAQAAAABwAABAAAQUxQSCkAAAAAAAAAFiEPCgEAIjozFxQLAUhcNyImGwcCOFJSPCcOBAAmMRYBAAAAAABWUDggVgAAABACAJ0BKggABQACQDglsAJ0NcABQ3W4+wAA/rXpHMNggoK7IXeF+V1VCevU3/c3CY/W/vnY38af4XnU1/0ucTEr9r6XrFfm3+zkk/6r/8I6vxLfxAAA\",\"blurWidth\":8,\"blurHeight\":5};","import styled from 'styled-components';\nimport BannerBG from 'common/assets/image/saasModern/banner-hero.webp';\nimport colors from 'common/theme/saasModern/colors';\nimport { saasModernTheme } from 'common/theme/saasModern';\n\nexport const BannerComponent = styled.section`\n width: 100%;\n height: 110vh;\n background-image: url(${BannerBG?.src});\n background-size: cover;\n background-repeat: no-repeat;\n position: relative;\n @media (max-width: 950px) {\n height: 100vh;\n }\n`;\n\nexport const Container = styled.div`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: ${saasModernTheme.space[8]}px;\n background: linear-gradient(\n 180deg,\n #1b1326 0%,\n rgba(41, 37, 59, 0.55) 81.5%,\n rgba(52, 50, 74, 0) 100%\n );\n`;\n\nexport const ButtonSection = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: ${saasModernTheme.space[9]}px;\n @media (max-width: 450px) {\n flex-direction: column;\n }\n`;\n\nexport const HeadLine = styled.h1`\n width: 70%;\n color: ${colors.white};\n font-size: ${saasModernTheme.space[16]}px;\n font-weight: 900;\n text-align: center;\n margin: 0;\n @media (max-width: 1024px) {\n font-size: ${saasModernTheme.space[14]}px;\n width: 85%;\n }\n @media (max-width: 950px) {\n \n font-size: ${saasModernTheme.space[11]}px;\n }\n @media (max-width: 600px) {\n width: 90%;\n font-size: ${saasModernTheme.space[9]}px;\n }\n @media (max-width: 400px) {\n width: 90%;\n font-size: ${saasModernTheme.space[7]}px;\n }\n`;\n\nexport const Description = styled.p`\n \n font-size: ${saasModernTheme.space[6]}px;\n font-weight: 600;\n text-align: center;\n width: 40%;\n color: ${colors.white};\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 font-size: ${saasModernTheme.space[4]}px;\n }\n`;\n\nexport const BannerWrapperNav = styled.div``;\n","import styled from 'styled-components';\nimport { saasModernTheme } from 'common/theme/saasModern';\n\nexport const FooterWrapper = styled.footer`\n position: relative;\n background: #0d0d0d;\n overflow: hidden;\n padding: ${saasModernTheme.space[8]}px;\n box-sizing: content-box;\n @media (max-width: 450px) {\n padding: ${saasModernTheme.space[4]}px;\n }\n`;\n\nexport const FooterContainer = styled.div`\n display: grid;\n width: 80%;\n margin: 0 auto;\n grid-template-columns: 50% 20% 20%;\n transition: all 0.2s ease;\n @media (max-width: 1540px) {\n grid-template-columns: 50% 25% 25%;\n }\n @media (max-width: 950px) {\n width: 100%;\n display: flex;\n flex-direction: column-reverse;\n gap: ${saasModernTheme.space[8]}px;\n }\n @media (max-width: 450px) {\n width: 100%;\n }\n`;\n\nexport const List = styled.ul`\n margin: 0;\n padding: 0;\n list-style-type: none;\n min-width: 240px;\n`;\n\nexport const ListItem = styled.li`\n min-width: 240px;\n a {\n color: #b6b6b6;\n font-size: 14px;\n line-height: 36px;\n transition: all 0.2s ease;\n text-decoration: none;\n &:hover,\n &:focus {\n outline: 0;\n text-decoration: none;\n color: #343d48;\n }\n }\n`;\n\nexport const TitleInfo = styled.div`\n color: ${saasModernTheme.colors.white};\n font-size: 14px;\n transition: all 0.2s ease;\n text-decoration: none;\n font-weight: bold;\n display: block;\n margin-bottom: ${saasModernTheme.space[5]}px;\n &:hover,\n &:focus {\n outline: 0;\n text-decoration: none;\n color: #343d48;\n }\n`;\n\nexport const AsideFooter = styled.aside`\n color: ${saasModernTheme.colors.white};\n font-size: 14px;\n transition: all 0.2s ease;\n text-decoration: none;\n`;\n\nexport const ContentSocialMedia = styled.div`\n margin-top: 64px;\n display: flex;\n gap: 10px;\n`;\n\nexport const Encript = styled.p`\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n text-align: left;\n color: #b6b6b6;\n`;\n\nexport const Box = styled.div``;\n","import React from 'react';\nimport Link from 'next/link';\nimport {\n FooterWrapper,\n List,\n ListItem,\n FooterContainer,\n TitleInfo,\n ContentSocialMedia,\n Encript,\n Box\n} from './footer.style';\nimport LogoSwiftask from 'common/assets/image/logo/swiftask';\nimport Facebook from 'common/assets/image/logo/social/facebook';\nimport Linkedin from 'common/assets/image/logo/social/linkedin';\nimport Twitter from 'common/assets/image/logo/social/twitter';\nimport Youtube from 'common/assets/image/logo/social/youtube';\nimport { FOOTER_WIDGET } from 'common/data/SaasModern';\nimport { translation } from '../../../../translation/translation';\n\nconst Footer = ({ locale }) => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {translation.encrypt[locale]}\n \n {/* End of footer logo column */}\n {FOOTER_WIDGET.map((widget, index) => (\n \n {widget.title[locale]}\n \n {widget.menuItems.map((item, index) => {\n if (item.blank) {\n return (\n \n \n \n {item.text[locale]}\n \n \n \n );\n }\n\n return (\n \n \n {item.text[locale]}\n \n \n );\n })}\n \n \n ))}\n {/* End of footer List column */}\n \n \n );\n};\n\nexport default Footer;\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","svg","width","height","viewBox","fill","xmlns","g","id","path","d","version","strokeWidth","stroke-linecap","stroke-linejoin","styled","div","props","fullWidth","css","noGutter","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","ButtonSection","HeadLine","h1","colors","white","Description","p","BannerWrapperNav","FooterWrapper","footer","FooterContainer","List","ul","ListItem","li","TitleInfo","ContentSocialMedia","aside","Encript","Box","locale","LogoSwiftask","Link","href","target","Facebook","Twitter","Youtube","Linkedin","translation","encrypt","FOOTER_WIDGET","map","widget","index","title","menuItems","item","blank","url","passHref","legacyBehavior","a","text","GlobalStyle","ContentWrapper","main","mixpanelToken","process","env","REACT_APP_MIXPANEL_TOKEN","mixpanel","init","Mixpanel","identify","alias","track","name","people","set"],"sourceRoot":""}