{"version":3,"sources":["logo.svg","images/apple-icon.png","images/google-play-icon.png","images/shield-icon.svg","4786.svg","images/support-icon.svg","images/customize-icon.svg","images/fast-icon.svg","images/reliable-icon.svg","images/simple-icon.svg","screen.png","images/design-illustration-2.svg","images/customers-logo-strip.png","components/headers/light.js","helpers/useAnimatedNavToggler.js","images/svg-decorator-blob-1.svg","components/hero/TwoColumnWithInput.js","components/misc/Headings.js","components/misc/Typography.js","images/svg-decorator-blob-3.svg","components/features/ThreeColWithSideImage.js","components/misc/Buttons.js","components/misc/Layouts.js","images/svg-decorator-blob-6.svg","images/svg-decorator-blob-7.svg","components/pricing/TwoPlansWithDurationSwitcher.js","images/facebook-icon.svg","images/twitter-icon.svg","images/youtube-icon.svg","images/svg-decorator-blob-9.svg","components/footers/FiveColumnWithBackground.js","components/cta/DownloadApp.js","demos/Okto.js","App.js","index.js"],"names":["module","exports","Header","styled","header","NavLinks","div","NavLink","a","PrimaryLink","LogoLink","MobileNavLinksContainer","nav","NavToggle","button","MobileNavLinks","motion","custom","DesktopNavLinks","roundedHeaderButton","logoLink","links","className","collapseBreakpointClass","defaultLinks","key","href","target","useState","showNavLinks","setShowNavLinks","useCycle","x","cycleX","animation","useAnimation","toggleNavbar","start","display","useAnimatedNavToggler","collapseBreakpointCss","collapseBreakPointCssMap","defaultLogoLink","src","logo","alt","desktopNavLinks","mobileNavLinksContainer","initial","animate","mobileNavLinks","onClick","sm","md","lg","xl","_extends","Object","assign","i","arguments","length","source","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","_ref2","createElement","transform","d","fill","_ref","svgRef","title","props","width","height","viewBox","ref","ForwardRef","forwardRef","Container","TwoColumn","LeftColumn","RightColumn","Heading","h1","Paragraph","p","IllustrationContainer","DecoratorBlob1","SvgDecoratorBlob1","LinksContainer","Link","link1IconSrc","appleIconImageSrc","link2IconSrc","googlePlayIconImageSrc","Image","SectionHeading","h2","Subheading","h5","SectionDescription","ThreeColumnContainer","SubheadingBase","Description","VerticalSpacer","Column","Card","DecoratorBlob","SvgDecoratorBlob3","cards","heading","subheading","description","defaultCards","imageSrc","SupportIconImage","FastIconImage","SimpleIconImage","ShieldIconImage","CustomizeIconImage","ReliableIconImage","map","card","defaultCardImage","PrimaryButton","ContentWithPaddingXl","HeaderContainer","PlansContainer","active","Plan","featured","css","PlanHeader","PlanFeatures","PrimaryButtonBase","DecoratorBlob2","SvgDecoratorBlob2","plans","primaryButtonText","planDurations","text","switcherText","activeDurationIndex","plan","index","name","mainFeature","durationPrices","features","feature","Content","ThreeColRow","ul","li","LogoContainer","LogoImg","img","LogoText","DecoratorBlobContainer","LogoImage","ContainerBase","Row","ColumnContainer","TextContainer","Text","ImageContainer","link1Text","link1Url","link2Text","link2Url","pushDownFooter","mockupImageSrc","span","HighlightedText","StyledDiv","duration","DownloadApp","App","path","Okto","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.b7312ff4.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/logo.5b1ffa0e.svg\";","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/shield-icon.79ef5f20.svg\";","module.exports = __webpack_public_path__ + \"static/media/4786.935fb501.svg\";","module.exports = __webpack_public_path__ + \"static/media/support-icon.dc699600.svg\";","module.exports = __webpack_public_path__ + \"static/media/customize-icon.d7d9678b.svg\";","module.exports = __webpack_public_path__ + \"static/media/fast-icon.ab2e0801.svg\";","module.exports = __webpack_public_path__ + \"static/media/reliable-icon.6b97c0e2.svg\";","module.exports = __webpack_public_path__ + \"static/media/simple-icon.cf7af314.svg\";","module.exports = __webpack_public_path__ + \"static/media/screen.2b8f14a8.png\";","module.exports = __webpack_public_path__ + \"static/media/design-illustration-2.f07a650d.svg\";","module.exports = __webpack_public_path__ + \"static/media/customers-logo-strip.5f12b0dc.png\";","import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport tw from \"twin.macro\";\nimport styled from \"styled-components\";\nimport { css } from \"styled-components/macro\"; //eslint-disable-line\n\nimport useAnimatedNavToggler from \"../../helpers/useAnimatedNavToggler.js\";\n\nimport logo from \"../../logo.svg\";\nimport { ReactComponent as MenuIcon } from \"feather-icons/dist/icons/menu.svg\";\nimport { ReactComponent as CloseIcon } from \"feather-icons/dist/icons/x.svg\";\n\nconst Header = tw.header`\n  flex justify-between items-center\n  max-w-screen-xl mx-auto\n`;\n\nexport const NavLinks = tw.div`inline-block`;\n\n/* hocus: stands for \"on hover or focus\"\n * hocus:bg-primary-700 will apply the bg-primary-700 class on hover or focus\n */\nexport const NavLink = tw.a`\n  text-lg my-2 lg:text-sm lg:mx-6 lg:my-0\n  font-semibold tracking-wide transition duration-300\n  pb-1 border-b-2 border-transparent hover:border-primary-500 hocus:text-primary-500\n`;\n\nexport const PrimaryLink = tw(NavLink)`\n  lg:mx-0\n  px-8 py-3 rounded bg-primary-500 text-gray-100\n  hocus:bg-primary-700 hocus:text-gray-200 focus:shadow-outline\n  border-b-0\n`;\n\nexport const LogoLink = styled(NavLink)`\n  ${tw`flex items-center font-black border-b-0 text-2xl! ml-0!`};\n\n  img {\n    ${tw`w-10 mr-3`}\n  }\n`;\n\nexport const MobileNavLinksContainer = tw.nav`flex flex-1 items-center justify-between`;\nexport const NavToggle = tw.button`\n  lg:hidden z-20 focus:outline-none hocus:text-primary-500 transition duration-300\n`;\nexport const MobileNavLinks = motion.custom(styled.div`\n  ${tw`lg:hidden z-10 fixed top-0 inset-x-0 mx-4 my-6 p-8 border text-center rounded-lg text-gray-900 bg-white`}\n  ${NavLinks} {\n    ${tw`flex flex-col items-center`}\n  }\n`);\n\nexport const DesktopNavLinks = tw.nav`\n  hidden lg:flex flex-1 justify-between items-center\n`;\n\nexport default ({roundedHeaderButton = false, logoLink, links, className, collapseBreakpointClass = \"lg\"}) => {\n\t/*\n\t * This header component accepts an optionals \"links\" prop that specifies the links to render in the navbar.\n\t * This links props should be an array of \"NavLinks\" components which is exported from this file.\n\t * Each \"NavLinks\" component can contain any amount of \"NavLink\" component, also exported from this file.\n\t * This allows this Header to be multi column.\n\t * So If you pass only a single item in the array with only one NavLinks component as root, you will get 2 column header.\n\t * Left part will be LogoLink, and the right part will be the the NavLinks component you\n\t * supplied.\n\t * Similarly if you pass 2 items in the links array, then you will get 3 columns, the left will be \"LogoLink\", the center will be the first \"NavLinks\" component in the array and the right will be the second \"NavLinks\" component in the links array.\n\t * You can also choose to directly modify the links here by not passing any links from the parent component and\n\t * changing the defaultLinks variable below below.\n\t * If you manipulate links here, all the styling on the links is already done for you. If you pass links yourself though, you are responsible for styling the links or use the helper styled components that are defined here (NavLink)\n\t */\n\tconst defaultLinks = [\n\t\t<NavLinks key={1}>\n\t\t\t{/*<NavLink href=\"/#\">About</NavLink>*/}\n\t\t\t{/*<NavLink href=\"/#\">Blog</NavLink>*/}\n\t\t\t{/*<NavLink href=\"/#\">Pricing</NavLink>*/}\n\t\t\t{/*<NavLink href=\"/#\">Contact Us</NavLink>*/}\n\t\t\t{/*<NavLink href=\"/#\" tw=\"lg:ml-12!\">*/}\n\t\t\t{/*\tLogin*/}\n\t\t\t{/*</NavLink>*/}\n\t\t\t<PrimaryLink css={roundedHeaderButton && tw`rounded-full`} href=\"https://oktocloud.page.link/appstore\" target=\"_blank\">Установить</PrimaryLink>\n\t\t</NavLinks>\n\t];\n\n\tconst {showNavLinks, animation, toggleNavbar} = useAnimatedNavToggler();\n\tconst collapseBreakpointCss = collapseBreakPointCssMap[collapseBreakpointClass];\n\n\tconst defaultLogoLink = (\n\t\t<LogoLink href=\"/\">\n\t\t\t<img src={logo} alt=\"logo\"/>\n\t\t\tOkto Cloud\n\t\t</LogoLink>\n\t);\n\n\tlogoLink = logoLink || defaultLogoLink;\n\tlinks = links || defaultLinks;\n\n\treturn (\n\t\t<Header className={className || \"header-light\"}>\n\t\t\t<DesktopNavLinks css={collapseBreakpointCss.desktopNavLinks}>\n\t\t\t\t{logoLink}\n\t\t\t\t{links}\n\t\t\t</DesktopNavLinks>\n\n\t\t\t<MobileNavLinksContainer css={collapseBreakpointCss.mobileNavLinksContainer}>\n\t\t\t\t{logoLink}\n\t\t\t\t<MobileNavLinks initial={{x: \"150%\", display: \"none\"}} animate={animation}\n\t\t\t\t\t\t\t\tcss={collapseBreakpointCss.mobileNavLinks}>\n\t\t\t\t\t{links}\n\t\t\t\t</MobileNavLinks>\n\t\t\t\t<NavToggle onClick={toggleNavbar} className={showNavLinks ? \"open\" : \"closed\"}>\n\t\t\t\t\t{showNavLinks ? <CloseIcon tw=\"w-6 h-6\"/> : <MenuIcon tw=\"w-6 h-6\"/>}\n\t\t\t\t</NavToggle>\n\t\t\t</MobileNavLinksContainer>\n\t\t</Header>\n\t);\n};\n\n/* The below code is for generating dynamic break points for navbar.\n * Using this you can specify if you want to switch\n * to the toggleable mobile navbar at \"sm\", \"md\" or \"lg\" or \"xl\" above using the collapseBreakpointClass prop\n * Its written like this because we are using macros and we can not insert dynamic variables in macros\n */\n\nconst collapseBreakPointCssMap = {\n\tsm: {\n\t\tmobileNavLinks: tw`sm:hidden`,\n\t\tdesktopNavLinks: tw`sm:flex`,\n\t\tmobileNavLinksContainer: tw`sm:hidden`\n\t},\n\tmd: {\n\t\tmobileNavLinks: tw`md:hidden`,\n\t\tdesktopNavLinks: tw`md:flex`,\n\t\tmobileNavLinksContainer: tw`md:hidden`\n\t},\n\tlg: {\n\t\tmobileNavLinks: tw`lg:hidden`,\n\t\tdesktopNavLinks: tw`lg:flex`,\n\t\tmobileNavLinksContainer: tw`lg:hidden`\n\t},\n\txl: {\n\t\tmobileNavLinks: tw`lg:hidden`,\n\t\tdesktopNavLinks: tw`lg:flex`,\n\t\tmobileNavLinksContainer: tw`lg:hidden`\n\t}\n};\n","import { useState } from \"react\";\nimport { useAnimation, useCycle } from \"framer-motion\";\n\n//Below logic is for toggling the navbar when toggleNavbar is called. It is used on mobile toggling of navbar.\nexport default function useAnimatedNavToggler() {\n\tconst [showNavLinks, setShowNavLinks] = useState(false);\n\tconst [x, cycleX] = useCycle(\"0%\", \"150%\");\n\tconst animation = useAnimation();\n\n\tconst toggleNavbar = () => {\n\t\tsetShowNavLinks(!showNavLinks);\n\t\tanimation.start({x: x, display: \"block\"});\n\t\tcycleX();\n\t};\n\n\treturn {showNavLinks, animation, toggleNavbar}\n}\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n  transform: \"translate(300,300)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M176.2,-106.9C208.7,-45.5,201.8,33.5,165.8,99.4C129.9,165.3,65,218.2,-9.2,223.5C-83.4,228.8,-166.9,186.7,-201.6,121.4C-236.4,56.2,-222.6,-32.2,-180.9,-98.9C-139.1,-165.7,-69.6,-210.8,1.2,-211.5C71.9,-212.2,143.8,-168.3,176.2,-106.9Z\",\n  fill: \"#6415ff\"\n}));\n\nvar SvgSvgDecoratorBlob1 = function SvgSvgDecoratorBlob1(_ref) {\n  var svgRef = _ref.svgRef,\n      title = _ref.title,\n      props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 600,\n    height: 600,\n    viewBox: \"0 0 600 600\",\n    ref: svgRef\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(SvgSvgDecoratorBlob1, _extends({\n    svgRef: ref\n  }, props));\n});\nexport default __webpack_public_path__ + \"static/media/svg-decorator-blob-1.e2413604.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n//eslint-disable-next-line\nimport { css } from \"styled-components/macro\";\n\nimport Header from \"../headers/light.js\";\n\nimport { ReactComponent as SvgDecoratorBlob1 } from \"../../images/svg-decorator-blob-1.svg\";\nimport DesignIllustration from \"../../images/design-illustration-2.svg\";\nimport Image from '../../4786.svg';\nimport CustomersLogoStripImage from \"../../images/customers-logo-strip.png\";\nimport appleIconImageSrc from '../../images/apple-icon.png';\nimport googlePlayIconImageSrc from '../../images/google-play-icon.png';\n\nconst Container = tw.div`relative`;\nconst TwoColumn = tw.div`flex flex-col lg:flex-row lg:items-center max-w-screen-xl mx-auto py-20 md:py-24`;\nconst LeftColumn = tw.div`relative lg:w-5/12 text-center max-w-lg mx-auto lg:max-w-none lg:text-left`;\nconst RightColumn = tw.div`relative mt-12 lg:mt-0 flex-1 flex flex-col justify-center lg:self-end`;\n\nconst Heading = tw.h1`font-bold text-3xl md:text-3xl lg:text-4xl xl:text-5xl text-gray-900 leading-tight`;\nconst Paragraph = tw.p`my-5 lg:my-8 text-base xl:text-lg`;\n\nconst Actions = styled.div`\n  ${tw`relative max-w-md text-center mx-auto lg:mx-0`}\n  input {\n    ${tw`sm:pr-48 pl-8 py-4 sm:py-5 rounded-full border-2 w-full font-medium focus:outline-none transition duration-300  focus:border-primary-500 hover:border-gray-500`}\n  }\n  button {\n    ${tw`w-full sm:absolute right-0 top-0 bottom-0 bg-primary-500 text-gray-100 font-bold mr-2 my-4 sm:my-2 rounded-full py-4 flex items-center justify-center sm:w-40 sm:leading-none focus:outline-none hover:bg-primary-900 transition duration-300`}\n  }\n`;\n\nconst IllustrationContainer = tw.div`flex justify-center lg:justify-end items-center`;\n\n// Random Decorator Blobs (shapes that you see in background)\nconst DecoratorBlob1 = styled(SvgDecoratorBlob1)`\n  ${tw`pointer-events-none opacity-5 absolute left-0 bottom-0 h-64 w-64 transform -translate-x-2/3 -z-10`}\n`;\n\nconst CustomersLogoStrip = styled.div`\n  ${tw`mt-12 lg:mt-20`}\n  p {\n    ${tw`uppercase text-sm lg:text-xs tracking-wider font-bold text-gray-500`}\n  }\n  img {\n    ${tw`mt-4 w-full lg:pr-16 xl:pr-32 opacity-50`}\n  }\n`;\n\nconst LinksContainer = tw.div`mt-8 lg:mt-16 flex flex-col items-center sm:block`\n\nconst Link = styled.a`\n  ${tw`w-56 p-3 sm:p-4 text-sm sm:text-base font-bold uppercase tracking-wider rounded-full inline-flex justify-center items-center mt-6 first:mt-0 sm:mt-0 sm:ml-8 first:ml-0 bg-gray-100 hocus:bg-gray-300 text-gray-900 hocus:text-gray-900 shadow hover:shadow-lg focus:shadow-outline focus:outline-none transition duration-300`}\n  img {\n    ${tw`inline-block h-8 mr-3`}\n  }\n  span {\n    ${tw`leading-none inline-block`}\n  }\n`;\n\nexport default ({roundedHeaderButton}) => {\n\tconst link1Text = \"App Store\";\n\tconst link1Url = \"https://oktocloud.page.link/ios\";\n\tconst link1IconSrc = appleIconImageSrc;\n\tconst link2Text = \"Google Play\";\n\tconst link2Url = \"https://oktocloud.page.link/play\";\n\tconst link2IconSrc = googlePlayIconImageSrc;\n\n\treturn (\n\t\t<>\n\t\t\t<Header roundedHeaderButton={roundedHeaderButton}/>\n\t\t\t<Container>\n\t\t\t\t<TwoColumn>\n\t\t\t\t\t<LeftColumn>\n\t\t\t\t\t\t<Heading>\n\t\t\t\t\t\t\tУчёт смен и работ для вашей команды\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t<Paragraph>\n\t\t\t\t\t\t\tМобильное приложение Okto поможет навести порядок в расчёте заработной платы за выполненные\n\t\t\t\t\t\t\tсдельные работы и отработанные смены.\n\t\t\t\t\t\t</Paragraph>\n\t\t\t\t\t\t<LinksContainer>\n\t\t\t\t\t\t\t<Link href={link1Url} target=\"_blank\">\n\t\t\t\t\t\t\t\t<img src={link1IconSrc} alt=\"\"/>\n\t\t\t\t\t\t\t\t<span>{link1Text}</span>\n\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t<Link href={link2Url} target=\"_blank\">\n\t\t\t\t\t\t\t\t<img src={link2IconSrc} alt=\"\"/>\n\t\t\t\t\t\t\t\t<span>{link2Text}</span>\n\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t</LinksContainer>\n\t\t\t\t\t</LeftColumn>\n\t\t\t\t\t<RightColumn>\n\t\t\t\t\t\t<IllustrationContainer>\n\t\t\t\t\t\t\t<img tw=\"min-w-0 w-full max-w-lg xl:max-w-3xl\" src={Image}\n\t\t\t\t\t\t\t\t alt=\"Design Illustration\"/>\n\t\t\t\t\t\t</IllustrationContainer>\n\t\t\t\t\t</RightColumn>\n\t\t\t\t</TwoColumn>\n\t\t\t\t<DecoratorBlob1/>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n","import tw from \"twin.macro\";\n\nexport const SectionHeading = tw.h2`text-4xl sm:text-5xl font-black tracking-wide text-center`\nexport const Subheading = tw.h5`font-bold text-primary-500`\n","import tw from \"twin.macro\";\n\nexport const SectionDescription = tw.p`mt-4 text-sm md:text-base lg:text-lg font-medium leading-relaxed text-secondary-100 max-w-xl`;\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n  transform: \"translate(300,300)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M125,-160.4C159.9,-146.7,184.6,-107.3,178.8,-70.9C173.1,-34.4,137,-0.8,128.8,47.3C120.7,95.5,140.6,158.2,123.8,198.4C107,238.6,53.5,256.3,5.4,248.9C-42.7,241.5,-85.4,208.9,-112.7,172.1C-140,135.3,-151.8,94.2,-146.3,59.7C-140.8,25.1,-117.9,-2.9,-104,-30.1C-90.1,-57.3,-85,-83.7,-69.1,-103.5C-53.3,-123.4,-26.6,-136.7,9.2,-149.4C45.1,-162,90.1,-174,125,-160.4Z\",\n  fill: \"#FFB4BC\"\n}));\n\nvar SvgSvgDecoratorBlob3 = function SvgSvgDecoratorBlob3(_ref) {\n  var svgRef = _ref.svgRef,\n      title = _ref.title,\n      props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 600,\n    height: 600,\n    viewBox: \"0 0 600 600\",\n    ref: svgRef\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(SvgSvgDecoratorBlob3, _extends({\n    svgRef: ref\n  }, props));\n});\nexport default __webpack_public_path__ + \"static/media/svg-decorator-blob-3.1048c95d.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n//eslint-disable-next-line\nimport { css } from \"styled-components/macro\";\nimport { SectionHeading, Subheading as SubheadingBase } from \"components/misc/Headings.js\";\nimport { SectionDescription } from \"components/misc/Typography.js\";\n\nimport defaultCardImage from \"images/shield-icon.svg\";\n\nimport { ReactComponent as SvgDecoratorBlob3 } from \"images/svg-decorator-blob-3.svg\";\n\nimport SupportIconImage from \"images/support-icon.svg\";\nimport ShieldIconImage from \"images/shield-icon.svg\";\nimport CustomizeIconImage from \"images/customize-icon.svg\";\nimport FastIconImage from \"images/fast-icon.svg\";\nimport ReliableIconImage from \"images/reliable-icon.svg\";\nimport SimpleIconImage from \"images/simple-icon.svg\";\n\nconst Container = tw.div`relative`;\n\nconst ThreeColumnContainer = styled.div`\n  ${tw`flex flex-col items-center md:items-stretch md:flex-row flex-wrap md:justify-center max-w-screen-lg mx-auto py-20 md:py-24`}\n`;\nconst Subheading = tw(SubheadingBase)`mb-4`;\nconst Heading = tw(SectionHeading)`w-full`;\nconst Description = tw(SectionDescription)`w-full text-center`;\n\nconst VerticalSpacer = tw.div`mt-10 w-full`\n\nconst Column = styled.div`\n  ${tw`md:w-1/2 lg:w-1/3 max-w-sm`}\n`;\n\nconst Card = styled.div`\n  ${tw`flex flex-col sm:flex-row items-center sm:items-start text-center sm:text-left h-full mx-4 px-2 py-8`}\n  .imageContainer {\n    ${tw`border text-center rounded-full p-5 flex-shrink-0`}\n    img {\n      ${tw`w-6 h-6`}\n    }\n  }\n\n  .textContainer {\n    ${tw`sm:ml-4 mt-4 sm:mt-2`}\n  }\n\n  .title {\n    ${tw`mt-4 tracking-wide font-bold text-2xl leading-none`}\n  }\n\n  .description {\n    ${tw`mt-1 sm:mt-4 font-medium text-secondary-100 leading-loose`}\n  }\n`;\n\nconst DecoratorBlob = styled(SvgDecoratorBlob3)`\n  ${tw`pointer-events-none absolute right-0 bottom-0 w-64 opacity-25 transform translate-x-32 translate-y-48 `}\n`;\n\nexport default ({cards = null, heading = \"Amazing Features\", subheading = \"Features\", description = null}) => {\n\t/*\n\t * This componets has an array of object denoting the cards defined below. Each object in the cards array can have the key (Change it according to your need, you can also add more objects to have more cards in this feature component) or you can directly pass this using the cards prop:\n\t *  1) imageSrc - the image shown at the top of the card\n\t *  2) title - the title of the card\n\t *  3) description - the description of the card\n\t *  If a key for a particular card is not provided, a default value is used\n\t */\n\n\tconst defaultCards = [\n\t\t{\n\t\t\timageSrc: SupportIconImage,\n\t\t\ttitle: 'Работы',\n\t\t\tdescription: 'Сдельные работы, смены, премии, штрафы, отпуска, прогулы и многое другое',\n\t\t},\n\t\t{\n\t\t\timageSrc: FastIconImage,\n\t\t\ttitle: 'Деньги',\n\t\t\tdescription: 'Автоматический расчёт ЗП, журнал начислений и выплат'\n\t\t},\n\t\t{\n\t\t\timageSrc: SimpleIconImage,\n\t\t\ttitle: 'Работники',\n\t\t\tdescription: 'Личный журнал работ, начислений и выплат для каждого работника доступен через браузер',\n\t\t},\n\t\t{\n\t\t\timageSrc: ShieldIconImage,\n\t\t\ttitle: 'Оффлайн',\n\t\t\tdescription: 'Полноценная работа с приложением, даже если доступ в интернет отсутствует'\n\t\t},\n\t\t{\n\t\t\timageSrc: CustomizeIconImage,\n\t\t\ttitle: 'Облако',\n\t\t\tdescription: 'Прорабы, бригадиры и другие ответственные работают вместе под личными учётными записями',\n\t\t},\n\t\t{\n\t\t\timageSrc: ReliableIconImage,\n\t\t\ttitle: 'Инвентарь',\n\t\t\tdescription: 'Журнал учёта оборудования: вы всегда будете знать, кому и когда был выдан инструмент',\n\t\t},\n\t];\n\n\tif (!cards) cards = defaultCards;\n\n\treturn (\n\t\t<Container>\n\t\t\t<ThreeColumnContainer>\n\t\t\t\t{subheading && <Subheading>{subheading}</Subheading>}\n\t\t\t\t{/*<Heading>{heading}</Heading>*/}\n\t\t\t\t{description && <Description>{description}</Description>}\n\t\t\t\t<VerticalSpacer/>\n\t\t\t\t{cards.map((card, i) => (\n\t\t\t\t\t<Column key={i}>\n\t\t\t\t\t\t<Card>\n\t\t\t\t\t  \t<span className=\"imageContainer\">\n\t\t\t\t\t\t\t<img src={card.imageSrc || defaultCardImage} alt=\"\"/>\n\t\t\t\t\t  \t</span>\n\t\t\t\t\t\t<span className=\"textContainer\">\n\t\t\t\t\t\t\t<span className=\"title\">{card.title || \"Fully Secure\"}</span>\n\t\t\t\t\t\t\t<p className=\"description\">\n\t\t\t\t\t\t  \t\t{card.description || \"Lorem ipsum donor amet siti ceali ut enim ad minim veniam, quis nostrud.\"}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t  \t</span>\n\t\t\t\t\t\t</Card>\n\t\t\t\t\t</Column>\n\t\t\t\t))}\n\t\t\t</ThreeColumnContainer>\n\t\t\t<DecoratorBlob/>\n\t\t</Container>\n\t);\n};\n","import tw from \"twin.macro\";\n\nexport const PrimaryButton = tw.button`px-8 py-3 font-bold rounded bg-primary-500 text-gray-100 hocus:bg-primary-700 hocus:text-gray-200 focus:shadow-outline focus:outline-none transition duration-300`;\n","import tw from \"twin.macro\";\n\nexport const Container = tw.div`relative`;\nexport const ContentWithPaddingXl = tw.div`max-w-screen-xl mx-auto py-20 lg:py-24`;\nexport const ContentWithPaddingLg = tw.div`max-w-screen-lg mx-auto py-20 lg:py-24`;\nexport const ContentWithVerticalPadding = tw.div`py-20 lg:py-24`;\nexport const Content2Xl = tw.div`max-w-screen-2xl mx-auto`;\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n  transform: \"translate(300,300)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M82,-98.3C129.8,-57.7,208.2,-54.1,229.6,-26.6C251.1,1,215.6,52.5,172.9,74.9C130.2,97.2,80.3,90.4,37.8,107.5C-4.8,124.7,-40,165.7,-63.3,162.3C-86.5,158.8,-97.8,110.9,-109.3,72.2C-120.7,33.5,-132.2,4.1,-140.1,-37.4C-147.9,-79,-152.1,-132.6,-128.1,-177.3C-104.1,-222.1,-52.1,-258,-17.5,-237.2C17.1,-216.4,34.3,-138.9,82,-98.3Z\",\n  fill: \"#FFB4BC\"\n}));\n\nvar SvgSvgDecoratorBlob6 = function SvgSvgDecoratorBlob6(_ref) {\n  var svgRef = _ref.svgRef,\n      title = _ref.title,\n      props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 600,\n    height: 600,\n    viewBox: \"0 0 600 600\",\n    ref: svgRef\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(SvgSvgDecoratorBlob6, _extends({\n    svgRef: ref\n  }, props));\n});\nexport default __webpack_public_path__ + \"static/media/svg-decorator-blob-6.0689e3d5.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n  transform: \"translate(300,300)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M103.9,-95.2C140.4,-67.4,179.7,-33.7,191.6,11.9C203.5,57.5,188,115,151.5,150.2C115,185.4,57.5,198.2,-5.4,203.6C-68.4,209,-136.7,207,-183.4,171.9C-230,136.7,-255,68.4,-233.5,21.6C-211.9,-25.2,-143.8,-50.4,-97.1,-78.3C-50.4,-106.1,-25.2,-136.6,4.2,-140.8C33.7,-145,67.4,-123.1,103.9,-95.2Z\",\n  fill: \"currentColor\"\n}));\n\nvar SvgSvgDecoratorBlob7 = function SvgSvgDecoratorBlob7(_ref) {\n  var svgRef = _ref.svgRef,\n      title = _ref.title,\n      props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 600 600\",\n    ref: svgRef\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(SvgSvgDecoratorBlob7, _extends({\n    svgRef: ref\n  }, props));\n});\nexport default __webpack_public_path__ + \"static/media/svg-decorator-blob-7.e03f8544.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState } from \"react\";\nimport tw from \"twin.macro\";\nimport styled from \"styled-components\";\nimport { css } from \"styled-components/macro\"; //eslint-disable-line\nimport { SectionHeading, Subheading as SubheadingBase } from \"components/misc/Headings.js\";\nimport { SectionDescription } from \"components/misc/Typography.js\";\nimport { PrimaryButton as PrimaryButtonBase } from \"components/misc/Buttons.js\";\nimport { Container, ContentWithPaddingXl } from \"components/misc/Layouts.js\";\nimport { ReactComponent as SvgDecoratorBlob1 } from \"images/svg-decorator-blob-6.svg\";\nimport { ReactComponent as SvgDecoratorBlob2 } from \"images/svg-decorator-blob-7.svg\";\n\nconst HeaderContainer = tw.div`w-full flex flex-col items-center`;\nconst Subheading = tw(SubheadingBase)`mb-4`;\nconst Heading = tw(SectionHeading)`w-full`;\nconst Description = tw(SectionDescription)`w-full text-center`;\n\nconst PlanDurationSwitcher = tw.div`block w-full max-w-xs sm:inline-block sm:w-auto border-2 rounded-full px-1 py-1 mt-8`;\nconst SwitchButton = styled.button`\n  ${tw`w-1/2 sm:w-32 px-4 sm:px-8 py-3 rounded-full focus:outline-none text-sm font-bold text-gray-700 transition duration-300`}\n  ${props => props.active && tw`bg-primary-500 text-gray-100`}\n`;\n\nconst PlansContainer = tw.div`flex justify-center flex-col md:flex-row items-center md:items-start relative`;\nconst Plan = styled.div`\n  ${tw`w-full max-w-72 mt-16 md:mr-12 md:last:mr-0 text-center px-8 rounded-lg relative text-gray-900 bg-white flex flex-col shadow-raised`}\n\n  ${props =>\n\tprops.featured &&\n\tcss`\n      ${tw`border-2 border-gray-200 shadow-none`}\n    `}\n`;\n\nconst PlanHeader = styled.div`\n  ${tw`flex flex-col leading-relaxed py-8 -mx-8 bg-gray-100 rounded-t-lg`}\n  .name {\n    ${tw`font-bold text-xl`}\n  }\n  .price {\n    ${tw`font-bold text-4xl sm:text-5xl my-1`}\n  }\n  .slash {\n    ${tw`text-xl text-gray-500`}\n  }\n  .duration {\n    ${tw`lowercase text-gray-900 font-medium tracking-widest`}\n  }\n  .mainFeature {\n    ${tw`text-gray-500 text-sm font-medium tracking-wide`}\n  }\n`;\nconst PlanFeatures = styled.div`\n  ${tw`flex flex-col -mx-8 px-8 py-8 flex-1 text-sm`}\n  .feature {\n    ${tw`mt-5 first:mt-0 font-semibold text-gray-500`}\n  }\n`;\n\nconst PlanAction = tw.div`px-4 pb-8`;\nconst BuyNowButton = styled(PrimaryButtonBase)`\n  ${tw`rounded-full tracking-wider py-4 w-full text-sm hover:shadow-xl transform hocus:translate-x-px hocus:-translate-y-px focus:shadow-outline`}\n`;\n\nconst DecoratorBlob1 = styled(SvgDecoratorBlob1)`\n  ${tw`pointer-events-none -z-20 absolute left-0 bottom-0 h-64 w-64 opacity-25 transform -translate-x-2/3 -translate-y-1/2`}\n`;\nconst DecoratorBlob2 = styled(SvgDecoratorBlob2)`\n  ${tw`pointer-events-none -z-20 absolute right-0 top-0 h-64 w-64 opacity-25 transform translate-x-2/3 translate-y-1/2 fill-current text-teal-300`}\n`;\n\nexport default ({\n\t\t\t\t\tsubheading = \"Pricing\",\n\t\t\t\t\theading = \"Flexible Plans.\",\n\t\t\t\t\tdescription = \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\n\t\t\t\t\tplans,\n\t\t\t\t\tprimaryButtonText = \"Buy Now\",\n\t\t\t\t\tplanDurations = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttext: \"за пользователя в месяц\",\n\t\t\t\t\t\t\tswitcherText: \"Месяц\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttext: \"за пользователя в год\",\n\t\t\t\t\t\t\tswitcherText: \"Год\",\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}) => {\n\n\tconst [activeDurationIndex, setActiveDurationIndex] = useState(0);\n\n\treturn (\n\t\t<Container>\n\t\t\t<ContentWithPaddingXl>\n\t\t\t\t<HeaderContainer>\n\t\t\t\t\t{subheading && <Subheading>{subheading}</Subheading>}\n\t\t\t\t\t{/*<Heading>{heading}</Heading>*/}\n\t\t\t\t\t{/*{description && <Description>{description}</Description>}*/}\n\t\t\t\t\t{/*<PlanDurationSwitcher>*/}\n\t\t\t\t\t{/*\t{planDurations.map((planDuration, index) => (*/}\n\t\t\t\t\t{/*\t\t<SwitchButton active={activeDurationIndex === index} key={index}*/}\n\t\t\t\t\t{/*\t\t\t\t\t  onClick={() => setActiveDurationIndex(index)}>{planDuration.switcherText}</SwitchButton>*/}\n\t\t\t\t\t{/*\t))}*/}\n\t\t\t\t\t{/*</PlanDurationSwitcher>*/}\n\t\t\t\t</HeaderContainer>\n\t\t\t\t<PlansContainer>\n\t\t\t\t\t{plans.map((plan, index) => (\n\t\t\t\t\t\t<Plan key={index} featured={plan.featured}>\n\t\t\t\t\t\t\t<PlanHeader>\n\t\t\t\t\t\t\t\t<span className=\"name\">{plan.name}</span>\n\t\t\t\t\t\t\t\t<span className=\"mainFeature\">{plan.mainFeature}</span>\n\t\t\t\t\t\t\t\t<span className=\"priceAndDuration\">\n\t\t\t\t\t\t\t\t  <span className=\"price\">{plan.durationPrices[activeDurationIndex]} ₽</span><br />\n\t\t\t\t\t\t\t\t  <span className=\"duration\">{planDurations[activeDurationIndex].text}</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</PlanHeader>\n\t\t\t\t\t\t\t<PlanFeatures>\n\t\t\t\t\t\t\t\t{plan.features.map((feature, index) => (\n\t\t\t\t\t\t\t\t\t<span key={index} className=\"feature\">\n\t\t\t\t\t\t\t\t\t\t{feature}\n\t\t\t\t\t\t\t\t  \t</span>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</PlanFeatures>\n\t\t\t\t\t\t\t{/*<PlanAction>*/}\n\t\t\t\t\t\t\t{/*\t<BuyNowButton>{primaryButtonText}</BuyNowButton>*/}\n\t\t\t\t\t\t\t{/*</PlanAction>*/}\n\t\t\t\t\t\t</Plan>\n\t\t\t\t\t))}\n\t\t\t\t</PlansContainer>\n\t\t\t</ContentWithPaddingXl>\n\t\t\t<DecoratorBlob1/>\n\t\t\t<DecoratorBlob2/>\n\t\t</Container>\n\t);\n};\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4v-8.5z\"\n});\n\nvar SvgFacebookIcon = function SvgFacebookIcon(_ref) {\n  var svgRef = _ref.svgRef,\n      title = _ref.title,\n      props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    fill: \"currentColor\",\n    viewBox: \"0 0 24 24\",\n    ref: svgRef\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(SvgFacebookIcon, _extends({\n    svgRef: ref\n  }, props));\n});\nexport default __webpack_public_path__ + \"static/media/facebook-icon.6a146f85.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M22.162 5.656a8.384 8.384 0 01-2.402.658A4.196 4.196 0 0021.6 4c-.82.488-1.719.83-2.656 1.015a4.182 4.182 0 00-7.126 3.814 11.874 11.874 0 01-8.62-4.37 4.168 4.168 0 00-.566 2.103c0 1.45.738 2.731 1.86 3.481a4.168 4.168 0 01-1.894-.523v.052a4.185 4.185 0 003.355 4.101 4.21 4.21 0 01-1.89.072A4.185 4.185 0 007.97 16.65a8.394 8.394 0 01-6.191 1.732 11.83 11.83 0 006.41 1.88c7.693 0 11.9-6.373 11.9-11.9 0-.18-.005-.362-.013-.54a8.496 8.496 0 002.087-2.165z\"\n});\n\nvar SvgTwitterIcon = function SvgTwitterIcon(_ref) {\n  var svgRef = _ref.svgRef,\n      title = _ref.title,\n      props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    fill: \"currentColor\",\n    viewBox: \"0 0 24 24\",\n    ref: svgRef\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(SvgTwitterIcon, _extends({\n    svgRef: ref\n  }, props));\n});\nexport default __webpack_public_path__ + \"static/media/twitter-icon.35080fd8.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M21.543 6.498C22 8.28 22 12 22 12s0 3.72-.457 5.502c-.254.985-.997 1.76-1.938 2.022C17.896 20 12 20 12 20s-5.893 0-7.605-.476c-.945-.266-1.687-1.04-1.938-2.022C2 15.72 2 12 2 12s0-3.72.457-5.502c.254-.985.997-1.76 1.938-2.022C6.107 4 12 4 12 4s5.896 0 7.605.476c.945.266 1.687 1.04 1.938 2.022zM10 15.5l6-3.5-6-3.5v7z\"\n});\n\nvar SvgYoutubeIcon = function SvgYoutubeIcon(_ref) {\n  var svgRef = _ref.svgRef,\n      title = _ref.title,\n      props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    fill: \"currentColor\",\n    viewBox: \"0 0 24 24\",\n    ref: svgRef\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(SvgYoutubeIcon, _extends({\n    svgRef: ref\n  }, props));\n});\nexport default __webpack_public_path__ + \"static/media/youtube-icon.4ead1ede.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n  transform: \"translate(300,300)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M153.6,-239C199.1,-209.8,236,-167.2,258.4,-118C280.9,-68.9,288.9,-13.1,281.2,40.4C273.5,93.9,250.1,145.2,214.7,186.1C179.3,226.9,131.9,257.4,80,272.6C28.2,287.8,-28.2,287.8,-80,272.6C-131.9,257.4,-179.3,226.9,-214.7,186.1C-250.1,145.2,-273.5,93.9,-281.2,40.4C-288.9,-13.1,-280.9,-68.9,-258.4,-118C-236,-167.2,-199.1,-209.8,-153.6,-239C-108.1,-268.3,-54.1,-284.1,0,-284.1C54.1,-284.1,108.1,-268.3,153.6,-239Z\",\n  fill: \"currentColor\"\n}));\n\nvar SvgSvgDecoratorBlob9 = function SvgSvgDecoratorBlob9(_ref) {\n  var svgRef = _ref.svgRef,\n      title = _ref.title,\n      props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 600 600\",\n    ref: svgRef\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(SvgSvgDecoratorBlob9, _extends({\n    svgRef: ref\n  }, props));\n});\nexport default __webpack_public_path__ + \"static/media/svg-decorator-blob-9.53727338.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\nimport tw from \"twin.macro\";\nimport styled from \"styled-components\";\nimport { css } from \"styled-components/macro\"; //eslint-disable-line\n\nimport LogoImage from \"../../logo.svg\";\nimport { ReactComponent as FacebookIcon } from \"images/facebook-icon.svg\";\nimport { ReactComponent as TwitterIcon } from \"images/twitter-icon.svg\";\nimport { ReactComponent as YoutubeIcon } from \"images/youtube-icon.svg\";\nimport { ReactComponent as SvgDecoratorBlob1 } from \"images/svg-decorator-blob-9.svg\";\n\nconst Container = tw.div`relative bg-primary-500 text-gray-100 -mb-8 -mx-8 px-8 py-20 lg:py-24`;\nconst Content = tw.div`max-w-screen-xl mx-auto relative z-10`;\nconst FiveColumns = tw.div`flex flex-wrap text-center sm:text-left justify-center sm:justify-start md:justify-between -mt-12`;\n\nconst Column = tw.div`px-4 sm:px-0 sm:w-1/3 md:w-auto mt-12`;\n\nconst ColumnHeading = tw.h5`uppercase font-bold`;\n\nconst LinkList = tw.ul`mt-6 text-sm font-medium`;\nconst LinkListItem = tw.li`mt-3`;\nconst Link = tw.a`border-b-2 border-transparent hocus:border-gray-100 pb-1 transition duration-300`;\n\nconst Divider = tw.div`my-16 border-b-2 border-primary-400 w-full`;\n\nconst ThreeColRow = tw.div`flex flex-col md:flex-row items-center justify-between`;\n\nconst LogoContainer = tw.div`flex items-center justify-center md:justify-start`;\nconst LogoImg = tw.img`w-8`;\nconst LogoText = tw.h5`ml-2 text-xl font-black tracking-wider text-gray-100`;\n\nconst CopywrightNotice = tw.p`text-center text-sm sm:text-base mt-8 md:mt-0 font-medium text-gray-400`;\n\nconst SocialLinksContainer = tw.div`mt-8 md:mt-0 flex`;\nconst SocialLink = styled.a`\n  ${tw`cursor-pointer p-2 rounded-full bg-gray-100 text-gray-900 hover:bg-gray-400 transition duration-300 mr-4 last:mr-0`}\n  svg {\n    ${tw`w-4 h-4`}\n  }\n`;\n\nconst DecoratorBlobContainer = tw.div`absolute inset-0 overflow-hidden rounded-lg`;\nconst DecoratorBlob1 = tw(\n\tSvgDecoratorBlob1\n)`absolute top-0 left-0 w-80 h-80 transform -translate-x-20 -translate-y-32 text-primary-700 opacity-50`;\nconst DecoratorBlob2 = tw(\n\tSvgDecoratorBlob1\n)`absolute bottom-0 right-0 w-80 h-80 transform  translate-x-32 translate-y-48 text-primary-700 opacity-50`;\n\nexport default () => {\n\treturn (\n\t\t<Container>\n\t\t\t<Content>\n\t\t\t\t{/*<FiveColumns>*/}\n\t\t\t\t{/*\t<Column>*/}\n\t\t\t\t{/*\t\t<ColumnHeading>Main</ColumnHeading>*/}\n\t\t\t\t{/*\t\t<LinkList>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Blog</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">FAQs</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Support</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">About Us</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t</LinkList>*/}\n\t\t\t\t{/*\t</Column>*/}\n\t\t\t\t{/*\t<Column>*/}\n\t\t\t\t{/*\t\t<ColumnHeading>Product</ColumnHeading>*/}\n\t\t\t\t{/*\t\t<LinkList>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Log In</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Personal</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Business</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Team</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t</LinkList>*/}\n\t\t\t\t{/*\t</Column>*/}\n\t\t\t\t{/*\t<Column>*/}\n\t\t\t\t{/*\t\t<ColumnHeading>Press</ColumnHeading>*/}\n\t\t\t\t{/*\t\t<LinkList>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Logos</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Events</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Stories</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Office</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t</LinkList>*/}\n\t\t\t\t{/*\t</Column>*/}\n\t\t\t\t{/*\t<Column>*/}\n\t\t\t\t{/*\t\t<ColumnHeading>Team</ColumnHeading>*/}\n\t\t\t\t{/*\t\t<LinkList>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Career</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Founders</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Culture</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Onboarding</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t</LinkList>*/}\n\t\t\t\t{/*\t</Column>*/}\n\t\t\t\t{/*\t<Column>*/}\n\t\t\t\t{/*\t\t<ColumnHeading>Legal</ColumnHeading>*/}\n\t\t\t\t{/*\t\t<LinkList>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">GDPR</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Privacy Policy</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Terms of Service</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t\t<LinkListItem>*/}\n\t\t\t\t{/*\t\t\t\t<Link href=\"#\">Disclaimer</Link>*/}\n\t\t\t\t{/*\t\t\t</LinkListItem>*/}\n\t\t\t\t{/*\t\t</LinkList>*/}\n\t\t\t\t{/*\t</Column>*/}\n\t\t\t\t{/*</FiveColumns>*/}\n\t\t\t\t{/*<Divider/>*/}\n\t\t\t\t<ThreeColRow>\n\t\t\t\t\t<LogoContainer>\n\t\t\t\t\t\t<LogoImg src={LogoImage}/>\n\t\t\t\t\t\t<LogoText>Okto Cloud</LogoText>\n\t\t\t\t\t</LogoContainer>\n\t\t\t\t\t{/*<SocialLinksContainer>*/}\n\t\t\t\t\t\t{/*<SocialLink href=\"https://facebook.com\">*/}\n\t\t\t\t\t\t{/*\t<FacebookIcon/>*/}\n\t\t\t\t\t\t{/*</SocialLink>*/}\n\t\t\t\t\t\t{/*<SocialLink href=\"https://twitter.com\">*/}\n\t\t\t\t\t\t{/*\t<TwitterIcon/>*/}\n\t\t\t\t\t\t{/*</SocialLink>*/}\n\t\t\t\t\t\t{/*<SocialLink href=\"https://youtube.com\">*/}\n\t\t\t\t\t\t{/*\t<YoutubeIcon/>*/}\n\t\t\t\t\t\t{/*</SocialLink>*/}\n\t\t\t\t\t{/*</SocialLinksContainer>*/}\n\t\t\t\t</ThreeColRow>\n\t\t\t</Content>\n\t\t\t<DecoratorBlobContainer>\n\t\t\t\t<DecoratorBlob1/>\n\t\t\t\t<DecoratorBlob2/>\n\t\t\t</DecoratorBlobContainer>\n\t\t</Container>\n\t);\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { css } from \"styled-components/macro\"; //eslint-disable-line\nimport mockupImageSrc from \"../../screen.png\"\nimport { ReactComponent as SvgDecoratorBlob1 } from \"images/svg-decorator-blob-9.svg\";\nimport { ContentWithPaddingXl, Container as ContainerBase } from \"components/misc/Layouts\";\nimport { SectionHeading, Subheading as SubheadingBase } from \"components/misc/Headings.js\";\nimport appleIconImageSrc from \"images/apple-icon.png\";\nimport googlePlayIconImageSrc from \"images/google-play-icon.png\"\n\nconst Container = tw(ContainerBase)`bg-gray-900 -mx-8`\nconst Content = tw(ContentWithPaddingXl)``\nconst Row = tw.div`px-8 flex items-center relative z-10 flex-col lg:flex-row text-center lg:text-left justify-center`;\n\nconst ColumnContainer = tw.div`max-w-2xl`\nconst TextContainer = tw(ColumnContainer)``;\nconst Text = tw(SectionHeading)`text-gray-100 lg:text-left max-w-none text-3xl leading-snug`;\nconst Subheading = tw(SubheadingBase)`text-yellow-500 mb-4 tracking-wider`\n\nconst LinksContainer = tw.div`mt-8 lg:mt-16 flex flex-col items-center sm:block`\nconst Link = styled.a`\n  ${tw`w-56 p-3 sm:p-4 text-sm sm:text-base font-bold uppercase tracking-wider rounded-full inline-flex justify-center items-center mt-6 first:mt-0 sm:mt-0 sm:ml-8 first:ml-0 bg-gray-100 hocus:bg-gray-300 text-gray-900 hocus:text-gray-900 shadow hover:shadow-lg focus:shadow-outline focus:outline-none transition duration-300`}\n  img {\n    ${tw`inline-block h-8 mr-3`}\n  }\n  span {\n    ${tw`leading-none inline-block`}\n  }\n`;\n\nconst ImageContainer = tw(ColumnContainer)`mt-16 lg:mt-0 lg:ml-16 flex justify-end`;\n\nconst DecoratorBlobContainer = tw.div`absolute inset-0 overflow-hidden rounded-lg`\nconst DecoratorBlob1 = tw(SvgDecoratorBlob1)`absolute bottom-0 left-0 w-80 h-80 transform -translate-x-20 translate-y-32 text-gray-800 opacity-50`\nconst DecoratorBlob2 = tw(SvgDecoratorBlob1)`absolute top-0 right-0 w-80 h-80 transform  translate-x-20 -translate-y-64 text-gray-800 opacity-50`\nexport default ({\n\t\t\t\t\tsubheading = \"Установите приложение\",\n\t\t\t\t\ttext = \"Попробуйте сами и решите, подходит ли наше решение именно вам\",\n\t\t\t\t\tlink1Text = \"App Store\",\n\t\t\t\t\tlink1Url = \"https://oktocloud.page.link/ios\",\n\t\t\t\t\tlink1IconSrc = appleIconImageSrc,\n\t\t\t\t\tlink2Text = \"Google Play\",\n\t\t\t\t\tlink2Url = \"https://oktocloud.page.link/play\",\n\t\t\t\t\tlink2IconSrc = googlePlayIconImageSrc,\n\t\t\t\t\tpushDownFooter = false,\n\t\t\t\t\timageSrc = mockupImageSrc,\n\t\t\t\t}) => {\n\treturn (\n\t\t<Container css={pushDownFooter && tw`mb-20 lg:mb-24`}>\n\t\t\t<Content>\n\t\t\t\t<Row>\n\t\t\t\t\t<TextContainer>\n\t\t\t\t\t\t{subheading && <Subheading>{subheading}</Subheading>}\n\t\t\t\t\t\t<Text>{text}</Text>\n\t\t\t\t\t\t<LinksContainer>\n\t\t\t\t\t\t\t<Link href={link1Url} target=\"_blank\">\n\t\t\t\t\t\t\t\t<img src={link1IconSrc} alt=\"\"/>\n\t\t\t\t\t\t\t\t<span>{link1Text}</span>\n\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t<Link href={link2Url} target=\"_blank\">\n\t\t\t\t\t\t\t\t<img src={link2IconSrc} alt=\"\"/>\n\t\t\t\t\t\t\t\t<span>{link2Text}</span>\n\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t</LinksContainer>\n\t\t\t\t\t</TextContainer>\n\t\t\t\t\t<ImageContainer>\n\t\t\t\t\t\t<img src={imageSrc} alt=\"\" tw=\"w-64\"/>\n\t\t\t\t\t</ImageContainer>\n\t\t\t\t</Row>\n\t\t\t\t<DecoratorBlobContainer>\n\t\t\t\t\t<DecoratorBlob1/>\n\t\t\t\t\t<DecoratorBlob2/>\n\t\t\t\t</DecoratorBlobContainer>\n\t\t\t</Content>\n\t\t</Container>\n\t);\n};\n","import React from \"react\";\nimport tw from \"twin.macro\";\nimport Hero from \"components/hero/TwoColumnWithInput.js\";\nimport Features from \"components/features/ThreeColWithSideImage.js\";\nimport Pricing from \"components/pricing/TwoPlansWithDurationSwitcher.js\";\nimport Footer from \"components/footers/FiveColumnWithBackground.js\";\nimport DownloadApp from '../components/cta/DownloadApp.js';\n\nexport default () => {\n\tconst Subheading = tw.span`uppercase tracking-widest font-bold text-primary-500`;\n\tconst HighlightedText = tw.span`text-primary-500`;\n\tconst StyledDiv = tw.div`font-display min-h-screen text-secondary-500 p-8 overflow-hidden`;\n\n\treturn (\n\t\t<StyledDiv>\n\t\t\t<Hero roundedHeaderButton={true}/>\n\t\t\t<Features\n\t\t\t\tsubheading={<Subheading>Что мы можем</Subheading>}\n\t\t\t\theading={\n\t\t\t\t\t<>\n\t\t\t\t\t\tВсё это доступно в нашем мобильном приложении\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<Pricing\n\t\t\t\tsubheading={<Subheading>Тарифы</Subheading>}\n\t\t\t\theading={\n\t\t\t\t\t<>\n\t\t\t\t\t\tReasonable & Flexible <HighlightedText>Plans.</HighlightedText>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t\tplans={[\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'Бригада',\n\t\t\t\t\t\tdurationPrices: [0, 0],\n\t\t\t\t\t\tduration: 'навсегда',\n\t\t\t\t\t\tmainFeature: 'для бригадиров и прорабов',\n\t\t\t\t\t\tfeatures: [\n\t\t\t\t\t\t\t'1 пользователь',\n\t\t\t\t\t\t\t'до 5 работников',\n\t\t\t\t\t\t\t'журнал смен и сдельные работ',\n\t\t\t\t\t\t\t'журнал выплат и начислений',\n\t\t\t\t\t\t\t'многое другое',\n\t\t\t\t\t\t]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'Компания',\n\t\t\t\t\t\tdurationPrices: [100, 1000],\n\t\t\t\t\t\tduration: 'в месяц',\n\t\t\t\t\t\tmainFeature: 'для предприятий',\n\t\t\t\t\t\tfeatures: [\n\t\t\t\t\t\t\t'любое кол-во пользователей',\n\t\t\t\t\t\t\t'любое кол-во работников',\n\t\t\t\t\t\t\t'все возможности приложения',\n\t\t\t\t\t\t],\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\n\t\t\t<DownloadApp\n\t\t\t\ttext={<>Попробуйте сами и решите, подходит ли наше решение именно вам</>}\n\t\t\t/>\n\n\t\t\t<Footer/>\n\t\t</StyledDiv>\n\t);\n}\n","import \"tailwindcss/dist/base.css\";\nimport \"styles/globalStyles.css\";\nimport React from \"react\";\nimport { css } from \"styled-components/macro\"; //eslint-disable-line\n\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport Okto from './demos/Okto.js';\n\nexport default function App() {\n\treturn (\n\t\t<Router>\n\t\t\t<Switch>\n\t\t\t\t<Route path=\"/\">\n\t\t\t\t\t<Okto/>\n\t\t\t\t</Route>\n\t\t\t</Switch>\n\t\t</Router>\n\t);\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\n\nReactDOM.render(\n\t<App/>,\n\tdocument.getElementById(\"root\")\n);\n"],"sourceRoot":""}