\n \n {() => (\n \n \n {innerDropDown ? (\n dropDownMenu\n ) : (\n \n {dropDownMenu}\n \n )}\n \n \n )}\n \n
\n );\n}\n\nCustomDropdown.defaultProps = {\n caret: true,\n dropup: false,\n hoverColor: \"primary\"\n};\n\nCustomDropdown.propTypes = {\n hoverColor: PropTypes.oneOf([\n \"dark\",\n \"primary\",\n \"info\",\n \"success\",\n \"warning\",\n \"danger\",\n \"rose\"\n ]),\n buttonText: PropTypes.node,\n buttonIcon: PropTypes.object,\n dropdownList: PropTypes.array,\n buttonProps: PropTypes.object,\n dropup: PropTypes.bool,\n dropdownHeader: PropTypes.node,\n rtlActive: PropTypes.bool,\n caret: PropTypes.bool,\n dropPlacement: PropTypes.oneOf([\n \"bottom\",\n \"top\",\n \"right\",\n \"left\",\n \"bottom-start\",\n \"bottom-end\",\n \"top-start\",\n \"top-end\",\n \"right-start\",\n \"right-end\",\n \"left-start\",\n \"left-end\"\n ]),\n noLiPadding: PropTypes.bool,\n innerDropDown: PropTypes.bool,\n navDropdown: PropTypes.bool,\n // This is a function that returns the clicked menu item\n onClick: PropTypes.func\n};\n","import {\n whiteColor,\n blackColor,\n grayColor,\n hexToRgb\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst tooltipsStyle = {\n tooltip: {\n padding: \"10px 15px\",\n minWidth: \"130px\",\n color: whiteColor,\n lineHeight: \"1.7em\",\n background: \"rgba(\" + hexToRgb(grayColor[15]) + \",0.9)\",\n border: \"none\",\n borderRadius: \"3px\",\n boxShadow:\n \"0 8px 10px 1px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.14), 0 3px 14px 2px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.12), 0 5px 5px -3px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.2)\",\n maxWidth: \"200px\",\n textAlign: \"center\",\n fontFamily: '\"Helvetica Neue\",Helvetica,Arial,sans-serif',\n fontSize: \"0.875em\",\n fontStyle: \"normal\",\n fontWeight: \"400\",\n textShadow: \"none\",\n textTransform: \"none\",\n letterSpacing: \"normal\",\n wordBreak: \"normal\",\n wordSpacing: \"normal\",\n wordWrap: \"normal\",\n whiteSpace: \"normal\",\n lineBreak: \"auto\"\n }\n};\n\nexport default tooltipsStyle;\n","import {\n grayColor,\n whiteColor,\n mlAuto,\n hexToRgb\n} from \"assets/jss/material-kit-pro-react.js\";\n\nimport tooltip from \"assets/jss/material-kit-pro-react/tooltipsStyle.js\";\n\nconst headerLinksStyle = theme => ({\n list: {\n [theme.breakpoints.up(\"md\")]: {\n WebkitBoxAlign: \"center\",\n MsFlexAlign: \"center\",\n alignItems: \"center\",\n WebkitBoxOrient: \"horizontal\",\n WebkitBoxDirection: \"normal\",\n MsFlexDirection: \"row\",\n flexDirection: \"row\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n display: \"block\"\n },\n marginTop: \"0px\",\n display: \"flex\",\n paddingLeft: \"0\",\n marginBottom: \"0\",\n listStyle: \"none\",\n padding: \"0\"\n },\n listItem: {\n float: \"left\",\n color: \"inherit\",\n position: \"relative\",\n display: \"block\",\n width: \"auto\",\n margin: \"0\",\n padding: \"0\",\n [theme.breakpoints.down(\"sm\")]: {\n \"& ul\": {\n maxHeight: \"400px\",\n overflow: \"scroll\"\n },\n width: \"100%\",\n \"&:not(:last-child)\": {\n \"&:after\": {\n width: \"calc(100% - 30px)\",\n content: '\"\"',\n display: \"block\",\n height: \"1px\",\n marginLeft: \"15px\",\n backgroundColor: grayColor[14]\n }\n }\n }\n },\n listItemText: {\n padding: \"0 !important\"\n },\n navLink: {\n color: \"inherit\",\n position: \"relative\",\n padding: \"0.9375rem\",\n fontWeight: \"400\",\n fontSize: \"16px\",\n textTransform: \"uppercase\",\n lineHeight: \"20px\",\n textDecoration: \"none\",\n margin: \"0px\",\n display: \"inline-flex\",\n \"&:hover,&:focus\": {\n color: \"inherit\"\n },\n \"& .fab,& .far,& .fal,& .fas,& .material-icons\": {\n position: \"relative\",\n top: \"2px\",\n marginTop: \"-4px\",\n marginRight: \"4px\",\n marginBottom: \"0px\",\n fontSize: \"1.25rem\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n width: \"calc(100% - 30px)\",\n marginLeft: \"15px\",\n marginBottom: \"8px\",\n marginTop: \"8px\",\n textAlign: \"left\",\n \"& > span:first-child\": {\n justifyContent: \"flex-start\"\n }\n },\n \"& svg\": {\n marginRight: \"3px\",\n width: \"20px\",\n height: \"20px\"\n }\n },\n navLinkJustIcon: {\n \"& .fab,& .far,& .fal,& .fas,& .material-icons\": {\n marginRight: \"0px\"\n },\n \"& svg\": {\n marginRight: \"0px\"\n }\n },\n navButton: {\n position: \"relative\",\n fontWeight: \"400\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n lineHeight: \"20px\",\n textDecoration: \"none\",\n margin: \"0px\",\n display: \"inline-flex\",\n [theme.breakpoints.down(\"sm\")]: {\n width: \"calc(100% - 30px)\",\n marginLeft: \"15px\",\n marginBottom: \"5px\",\n marginTop: \"5px\",\n textAlign: \"left\",\n \"& > span:first-child\": {\n justifyContent: \"flex-start\"\n }\n },\n \"& $icons\": {\n marginRight: \"3px\"\n }\n },\n notificationNavLink: {\n color: \"inherit\",\n padding: \"0.9375rem\",\n fontWeight: \"400\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n lineHeight: \"20px\",\n textDecoration: \"none\",\n margin: \"0px\",\n display: \"inline-flex\"\n },\n registerNavLink: {\n position: \"relative\",\n fontWeight: \"400\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n lineHeight: \"20px\",\n textDecoration: \"none\",\n margin: \"0px\",\n display: \"inline-flex\"\n },\n navLinkActive: {\n \"&, &:hover, &:focus,&:active \": {\n color: \"inherit\",\n backgroundColor: \"rgba(\" + hexToRgb(whiteColor) + \", 0.1)\"\n }\n },\n icons: {\n width: \"20px\",\n height: \"20px\",\n marginRight: \"14px\"\n },\n dropdownIcons: {\n width: \"24px\",\n height: \"24px\",\n marginRight: \"14px\",\n opacity: \"0.5\",\n marginTop: \"-4px\",\n top: \"1px\",\n verticalAlign: \"middle\",\n fontSize: \"24px\",\n position: \"relative\"\n },\n socialIcons: {\n position: \"relative\",\n fontSize: \"1.25rem\",\n maxWidth: \"24px\"\n },\n dropdownLink: {\n \"&,&:hover,&:focus\": {\n color: \"inherit\",\n textDecoration: \"none\",\n display: \"flex\",\n padding: \"0.75rem 1.25rem 0.75rem 0.75rem\"\n }\n },\n ...tooltip,\n marginRight5: {\n marginRight: \"5px\"\n },\n collapse: {\n [theme.breakpoints.up(\"md\")]: {\n display: \"flex !important\",\n MsFlexPreferredSize: \"auto\",\n flexBasis: \"auto\"\n },\n WebkitBoxFlex: \"1\",\n MsFlexPositive: \"1\",\n flexGrow: \"1\",\n WebkitBoxAlign: \"center\",\n MsFlexAlign: \"center\",\n alignItems: \"center\"\n },\n mlAuto\n});\n\nexport default headerLinksStyle;\n","import { atom } from 'recoil'\n\nexport const signedInAtom = atom(\n {\n default: false,\n key: 'signedIn'\n }\n)\n\n","/* eslint-disable */\nimport React from \"react\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// react components for routing our app without refresh\n// import { Link } from \"react-router-dom\";\n\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport Icon from \"@material-ui/core/Icon\";\n\n// @material-ui/icons\nimport Apps from \"@material-ui/icons/Apps\";\nimport ShoppingCart from \"@material-ui/icons/ShoppingCart\";\nimport ViewDay from \"@material-ui/icons/ViewDay\";\nimport Dns from \"@material-ui/icons/Dns\";\nimport Build from \"@material-ui/icons/Build\";\nimport ListIcon from \"@material-ui/icons/List\";\nimport People from \"@material-ui/icons/People\";\nimport Assignment from \"@material-ui/icons/Assignment\";\nimport MonetizationOn from \"@material-ui/icons/MonetizationOn\";\nimport Chat from \"@material-ui/icons/Chat\";\nimport Call from \"@material-ui/icons/Call\";\nimport ViewCarousel from \"@material-ui/icons/ViewCarousel\";\nimport AccountBalance from \"@material-ui/icons/AccountBalance\";\nimport ArtTrack from \"@material-ui/icons/ArtTrack\";\nimport ViewQuilt from \"@material-ui/icons/ViewQuilt\";\nimport LocationOn from \"@material-ui/icons/LocationOn\";\nimport Fingerprint from \"@material-ui/icons/Fingerprint\";\nimport AttachMoney from \"@material-ui/icons/AttachMoney\";\nimport Store from \"@material-ui/icons/Store\";\nimport AccountCircle from \"@material-ui/icons/AccountCircle\";\nimport PersonAdd from \"@material-ui/icons/PersonAdd\";\nimport Layers from \"@material-ui/icons/Layers\";\nimport ShoppingBasket from \"@material-ui/icons/ShoppingBasket\";\nimport LineStyle from \"@material-ui/icons/LineStyle\";\nimport Error from \"@material-ui/icons/Error\";\n\n// core components\nimport CustomDropdown from \"components/CustomDropdown/CustomDropdown.js\";\nimport Button from \"components/CustomButtons/Button.js\";\n\nimport styles from \"assets/jss/material-kit-pro-react/components/headerLinksStyle.js\";\nimport { Auth } from 'aws-amplify';\nimport { signedInAtom } from 'atoms/signedInAtom';\nimport { useRecoilState } from 'recoil'\nimport { useHistory } from 'react-router';\nimport {Link} from 'react-scroll';\n\n\nconst useStyles = makeStyles(styles);\n\nexport default function HeaderLinks(props) {\n const easeInOutQuad = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) return (c / 2) * t * t + b;\n t--;\n return (-c / 2) * (t * (t - 2) - 1) + b;\n };\n\n const smoothScroll = (e, target) => {\n if (window.location.pathname === \"/sections\") {\n var isMobile = navigator.userAgent.match(\n /(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i\n );\n if (isMobile) {\n // if we are on mobile device the scroll into view will be managed by the browser\n } else {\n e.preventDefault();\n var targetScroll = document.getElementById(target);\n scrollGo(document.documentElement, targetScroll.offsetTop, 1250);\n }\n }\n };\n const scrollGo = (element, to, duration) => {\n var start = element.scrollTop,\n change = to - start,\n currentTime = 0,\n increment = 20;\n\n var animateScroll = function () {\n currentTime += increment;\n var val = easeInOutQuad(currentTime, start, change, duration);\n element.scrollTop = val;\n if (currentTime < duration) {\n setTimeout(animateScroll, increment);\n }\n };\n animateScroll();\n };\n var onClickSections = {};\n\n const { dropdownHoverColor } = props;\n const classes = useStyles();\n\n // const [signedIn, setSignedIn] = useRecoilState(signedInAtom)\n // const onClickLogOut = async () => {\n // try {\n // await Auth.signOut()\n // setSignedIn(false)\n // history.push('/')\n // } catch (err) {\n // history.push('/error-page')\n // }\n // }\n\n const history = useHistory()\n // const onClickLogIn = () => history.push('login-page')\n\n return (\n \n \n {buttonIcon !== undefined ? (\n
\n - \n
\n \n \n \n
\n );\n}\n","import {\n blackColor,\n whiteColor,\n grayColor,\n roseColor,\n primaryColor,\n successColor,\n dangerColor,\n warningColor,\n infoColor,\n hexToRgb\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst cardStyle = {\n card: {\n border: \"0\",\n marginBottom: \"30px\",\n marginTop: \"30px\",\n borderRadius: \"6px\",\n color: \"rgba(\" + hexToRgb(blackColor) + \", 0.87)\",\n background: whiteColor,\n width: \"100%\",\n boxShadow:\n \"0 2px 2px 0 rgba(\" +\n hexToRgb(blackColor) +\n \", 0.14), 0 3px 1px -2px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.2), 0 1px 5px 0 rgba(\" +\n hexToRgb(blackColor) +\n \", 0.12)\",\n position: \"relative\",\n display: \"flex\",\n flexDirection: \"column\",\n minWidth: \"0\",\n wordWrap: \"break-word\",\n fontSize: \".875rem\",\n // some jss/css to make the cards look a bit better on Internet Explorer\n \"@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)\": {\n display: \"inline-block !important\"\n }\n },\n cardPlain: {\n background: \"transparent\",\n boxShadow: \"none\"\n },\n cardProfile: {\n marginTop: \"30px\",\n textAlign: \"center\"\n },\n cardBlog: {\n marginTop: \"60px\"\n },\n cardRaised: {\n boxShadow:\n \"0 16px 38px -12px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.56), 0 4px 25px 0px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.12), 0 8px 10px -5px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.2)\"\n },\n cardBackground: {\n backgroundPosition: \"50%\",\n backgroundSize: \"cover\",\n textAlign: \"center\",\n color: whiteColor,\n \"& h3\": {\n color: whiteColor + \" !important\"\n },\n \"& p\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \",0.7)!important\"\n },\n \"&:after\": {\n position: \"absolute\",\n zIndex: \"1\",\n width: \"100%\",\n height: \"100%\",\n display: \"block\",\n left: \"0\",\n top: \"0\",\n content: '\"\"',\n backgroundColor: \"rgba(\" + hexToRgb(blackColor) + \", 0.56)\",\n borderRadius: \"6px\"\n },\n \"& small\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \", 0.7) !important\"\n }\n },\n cardPricing: {\n textAlign: \"center\",\n \"&:after\": {\n backgroundColor: \"rgba(\" + hexToRgb(blackColor) + \", 0.7) !important\"\n },\n \"& ul\": {\n listStyle: \"none\",\n padding: 0,\n maxWidth: \"240px\",\n margin: \"10px auto\"\n },\n \"& ul li\": {\n color: grayColor[0],\n textAlign: \"center\",\n padding: \"12px 0px\",\n borderBottom: \"1px solid rgba(\" + hexToRgb(grayColor[0]) + \",0.3)\"\n },\n \"& ul li:last-child\": {\n border: 0\n },\n \"& ul li b\": {\n color: grayColor[1]\n },\n \"& h1\": {\n marginTop: \"30px\"\n },\n \"& h1 small\": {\n display: \"inline-flex\",\n height: 0,\n fontSize: \"18px\"\n },\n \"& h1 small:first-child\": {\n position: \"relative\",\n top: \"-17px\",\n fontSize: \"26px\"\n },\n \"& ul li svg,& ul li .fab,& ul li .fas,& ul li .far,& ul li .fal,& ul li .material-icons\": {\n position: \"relative\",\n top: \"7px\"\n }\n },\n cardPricingColor: {\n \"& ul li\": {\n color: whiteColor,\n borderColor: \"rgba(\" + hexToRgb(whiteColor) + \",0.3)\",\n \"& b, & svg,& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n color: whiteColor,\n fontWeight: \"700\"\n }\n }\n },\n cardProduct: {\n marginTop: \"30px\"\n },\n primary: {\n background:\n \"linear-gradient(60deg,\" + primaryColor[1] + \", \" + primaryColor[2] + \")\",\n \"& h1 small\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \", 0.8)\"\n },\n color: whiteColor\n },\n info: {\n background:\n \"linear-gradient(60deg,\" + infoColor[1] + \",\" + infoColor[2] + \")\",\n \"& h1 small\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \", 0.8)\"\n },\n color: whiteColor\n },\n success: {\n background:\n \"linear-gradient(60deg,\" + successColor[1] + \",\" + successColor[2] + \")\",\n \"& h1 small\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \", 0.8)\"\n },\n color: whiteColor\n },\n warning: {\n background:\n \"linear-gradient(60deg,\" + warningColor[1] + \",\" + warningColor[2] + \")\",\n \"& h1 small\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \", 0.8)\"\n },\n color: whiteColor\n },\n danger: {\n background:\n \"linear-gradient(60deg,\" + dangerColor[1] + \",\" + dangerColor[2] + \")\",\n \"& h1 small\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \", 0.8)\"\n },\n color: whiteColor\n },\n rose: {\n background:\n \"linear-gradient(60deg,\" + roseColor[1] + \",\" + roseColor[2] + \")\",\n \"& h1 small\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \", 0.8)\"\n },\n color: whiteColor\n }\n};\n\nexport default cardStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-kit-pro-react/components/cardStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function Card(props) {\n const {\n className,\n children,\n plain,\n profile,\n blog,\n raised,\n background,\n pricing,\n color,\n product,\n testimonial,\n ...rest\n } = props;\n const classes = useStyles();\n const cardClasses = classNames({\n [classes.card]: true,\n [classes.cardPlain]: plain,\n [classes.cardProfile]: profile || testimonial,\n [classes.cardBlog]: blog,\n [classes.cardRaised]: raised,\n [classes.cardBackground]: background,\n [classes.cardPricingColor]:\n (pricing && color !== undefined) || (pricing && background !== undefined),\n [classes[color]]: color,\n [classes.cardPricing]: pricing,\n [classes.cardProduct]: product,\n [className]: className !== undefined\n });\n return (\n \n This is the paragraph where you can write more details about your\n product. Keep you user engaged by providing meaningful information.\n Remember that by this time, the user is curious, otherwise he wouldn\n {\"'\"}t scroll to get here. Add a button if you want the user to see\n more.\n
\n \n\n {children}\n
\n );\n}\n\nCard.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n blog: PropTypes.bool,\n raised: PropTypes.bool,\n background: PropTypes.bool,\n pricing: PropTypes.bool,\n testimonial: PropTypes.bool,\n color: PropTypes.oneOf([\n \"primary\",\n \"info\",\n \"success\",\n \"warning\",\n \"danger\",\n \"rose\"\n ]),\n product: PropTypes.bool,\n children: PropTypes.node\n};\n","import { blackColor, hexToRgb } from \"assets/jss/material-kit-pro-react.js\";\n\nconst cardAvatarStyle = {\n cardAvatar: {\n \"&$cardAvatarProfile img,&$cardAvatarTestimonial img\": {\n width: \"100%\",\n height: \"auto\"\n }\n },\n cardAvatarProfile: {\n maxWidth: \"130px\",\n maxHeight: \"130px\",\n margin: \"-50px auto 0\",\n borderRadius: \"50%\",\n overflow: \"hidden\",\n padding: \"0\",\n boxShadow:\n \"0 16px 38px -12px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.56), 0 4px 25px 0px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.12), 0 8px 10px -5px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.2)\",\n \"&$cardAvatarPlain\": {\n marginTop: \"0\"\n }\n },\n cardAvatarPlain: {},\n cardAvatarTestimonial: {\n margin: \"-50px auto 0\",\n maxWidth: \"100px\",\n maxHeight: \"100px\",\n borderRadius: \"50%\",\n overflow: \"hidden\",\n padding: \"0\",\n boxShadow:\n \"0 16px 38px -12px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.56), 0 4px 25px 0px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.12), 0 8px 10px -5px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.2)\",\n \"&$cardAvatarPlain\": {\n marginTop: \"0\"\n }\n },\n cardAvatarTestimonialFooter: {\n marginBottom: \"-50px\",\n marginTop: \"10px\"\n }\n};\n\nexport default cardAvatarStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n// core components\n\nimport styles from \"assets/jss/material-kit-pro-react/components/cardAvatarStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardAvatar(props) {\n const {\n children,\n className,\n plain,\n profile,\n testimonial,\n testimonialFooter,\n ...rest\n } = props;\n const classes = useStyles();\n const cardAvatarClasses = classNames({\n [classes.cardAvatar]: true,\n [classes.cardAvatarProfile]: profile,\n [classes.cardAvatarPlain]: plain,\n [classes.cardAvatarTestimonial]: testimonial,\n [classes.cardAvatarTestimonialFooter]: testimonialFooter,\n [className]: className !== undefined\n });\n return (\n \n {children}\n
\n );\n}\n\nCardAvatar.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n profile: PropTypes.bool,\n plain: PropTypes.bool,\n testimonial: PropTypes.bool,\n testimonialFooter: PropTypes.bool\n};\n","import { whiteColor, hexToRgb } from \"assets/jss/material-kit-pro-react.js\";\n\nconst cardBodyStyle = {\n cardBody: {\n padding: \"0.9375rem 1.875rem\",\n flex: \"1 1 auto\",\n WebkitBoxFlex: \"1\"\n },\n cardBodyBackground: {\n position: \"relative\",\n zIndex: \"2\",\n minHeight: \"280px\",\n paddingTop: \"40px\",\n paddingBottom: \"40px\",\n maxWidth: \"440px\",\n margin: \"0 auto\"\n },\n cardBodyPlain: {\n paddingLeft: \"5px\",\n paddingRight: \"5px\"\n },\n cardBodyFormHorizontal: {\n paddingLeft: \"15px\",\n paddingRight: \"15px\",\n \"& form\": {\n margin: \"0\"\n }\n },\n cardPricing: {\n padding: \"15px!important\",\n margin: \"0px!important\"\n },\n cardSignup: {\n padding: \"0px 30px 0px 30px\"\n },\n cardBodyColor: {\n borderRadius: \"6px\",\n \"& h1,& h2,& h3\": {\n \"& small\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \", 0.8)\"\n }\n }\n }\n};\n\nexport default cardBodyStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-kit-pro-react/components/cardBodyStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardBody(props) {\n const {\n className,\n children,\n background,\n plain,\n formHorizontal,\n pricing,\n signup,\n color,\n ...rest\n } = props;\n const classes = useStyles();\n const cardBodyClasses = classNames({\n [classes.cardBody]: true,\n [classes.cardBodyBackground]: background,\n [classes.cardBodyPlain]: plain,\n [classes.cardBodyFormHorizontal]: formHorizontal,\n [classes.cardPricing]: pricing,\n [classes.cardSignup]: signup,\n [classes.cardBodyColor]: color,\n [className]: className !== undefined\n });\n return (\n \n {children}\n
\n );\n}\n\nCardBody.propTypes = {\n className: PropTypes.string,\n background: PropTypes.bool,\n plain: PropTypes.bool,\n formHorizontal: PropTypes.bool,\n pricing: PropTypes.bool,\n signup: PropTypes.bool,\n color: PropTypes.bool,\n children: PropTypes.node\n};\n","const cardFooterStyle = {\n cardFooter: {\n display: \"flex\",\n alignItems: \"center\",\n backgroundColor: \"transparent\",\n padding: \"0.9375rem 1.875rem\",\n paddingTop: \"0\"\n },\n cardFooterProfile: {\n marginTop: \"-15px\"\n },\n cardFooterPlain: {\n paddingLeft: \"5px\",\n paddingRight: \"5px\",\n backgroundColor: \"transparent\"\n },\n cardFooterPricing: {\n zIndex: \"2\"\n },\n cardFooterTestimonial: {\n display: \"block\"\n }\n};\n\nexport default cardFooterStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-kit-pro-react/components/cardFooterStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardFooter(props) {\n const {\n className,\n children,\n plain,\n profile,\n pricing,\n testimonial,\n ...rest\n } = props;\n const classes = useStyles();\n const cardFooterClasses = classNames({\n [classes.cardFooter]: true,\n [classes.cardFooterPlain]: plain,\n [classes.cardFooterProfile]: profile || testimonial,\n [classes.cardFooterPricing]: pricing,\n [classes.cardFooterTestimonial]: testimonial,\n [className]: className !== undefined\n });\n return (\n \n {children}\n
\n );\n}\n\nCardFooter.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n pricing: PropTypes.bool,\n testimonial: PropTypes.bool,\n children: PropTypes.node\n};\n","import {\n mrAuto,\n mlAuto,\n title,\n description,\n cardTitle,\n grayColor\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst teamStyle = {\n mrAuto,\n mlAuto,\n title,\n description: {\n ...description,\n marginBottom: \"80px\"\n },\n cardTitle,\n cardDescription: {\n color: grayColor[0]\n },\n team: {\n padding: \"40px 0 10px 0\"\n },\n textCenter: {\n textAlign: \"center!important\"\n },\n img: {\n width: \"100%\",\n height: \"auto\"\n },\n textMuted: {\n color: grayColor[7] + \" !important\"\n },\n justifyContent: {\n justifyContent: \"center!important\"\n }\n};\n\nexport default teamStyle;\n","export default __webpack_public_path__ + \"static/media/rajiv3.bf369130.png\";","export default __webpack_public_path__ + \"static/media/mikael_backlund2.89837720.jpg\";","export default __webpack_public_path__ + \"static/media/mathias.e113cb68.jpg\";","export default __webpack_public_path__ + \"static/media/premthip.e9fcc747.jpeg\";","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// core components\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardAvatar from \"components/Card/CardAvatar.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardFooter from \"components/Card/CardFooter.js\";\nimport Button from \"components/CustomButtons/Button.js\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport teamStyle from \"assets/jss/material-kit-pro-react/views/aboutUsSections/teamStyle.js\";\n\n//import FaceMarc from \"assets/img/faces/marc.jpg\";\n//import FaceChristian from \"assets/img/faces/christian.jpg\";\n//import FaceKendall from \"assets/img/faces/kendall.jpg\";\n//import FaceAvatar from \"assets/img/faces/avatar.jpg\";\nimport FaceRajiv from \"assets/img/faces/rajiv3.png\";\nimport FaceMikael from \"assets/img/faces/mikael_backlund2.jpg\";\nimport FaceMathias from \"assets/img/faces/mathias.jpg\";\nimport FacePremthip from \"assets/img/faces/premthip.jpeg\";\n\nconst useStyles = makeStyles(teamStyle);\n\nexport default function SectionTeam() {\n const classes = useStyles();\n return (\n \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {/* \n \n \n \n */}\n \n \n \n \n \n \n \n \n \n {/*\n \n \n */}\n \n \n \n
\n );\n}\n","import {\n primaryColor,\n warningColor,\n dangerColor,\n successColor,\n infoColor,\n roseColor,\n grayColor,\n title\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst infoStyle = {\n infoArea: {\n maxWidth: \"360px\",\n margin: \"0 auto\",\n padding: \"70px 0 30px\"\n },\n iconWrapper: {\n float: \"left\",\n marginTop: \"24px\",\n marginRight: \"10px\"\n },\n primary: {\n color: primaryColor[0]\n },\n warning: {\n color: warningColor[0]\n },\n danger: {\n color: dangerColor[0]\n },\n success: {\n color: successColor[0]\n },\n info: {\n color: infoColor[0]\n },\n rose: {\n color: roseColor[0]\n },\n gray: {\n color: grayColor[0]\n },\n icon: {\n width: \"2.25rem\",\n height: \"2.25rem\",\n fontSize: \"2.25rem\"\n },\n descriptionWrapper: {\n color: grayColor[0],\n overflow: \"hidden\"\n },\n title: {\n ...title,\n margin: \"1.75rem 0 0.875rem !important\",\n minHeight: \"unset\"\n },\n description: {\n color: grayColor[0],\n overflow: \"hidden\",\n marginTop: \"0px\",\n \"& p\": {\n color: grayColor[0],\n fontSize: \"14px\"\n }\n },\n iconWrapperVertical: {\n float: \"none\"\n },\n iconVertical: {\n width: \"61px\",\n height: \"61px\"\n }\n};\n\nexport default infoStyle;\n","import React from \"react\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Icon from \"@material-ui/core/Icon\";\n\nimport styles from \"assets/jss/material-kit-pro-react/components/infoStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function InfoArea(props) {\n const { title, description, iconColor, vertical, className } = props;\n const classes = useStyles();\n const iconWrapper = classNames({\n [classes.iconWrapper]: true,\n [classes[iconColor]]: true,\n [classes.iconWrapperVertical]: vertical\n });\n const iconClasses = classNames({\n [classes.icon]: true,\n [classes.iconVertical]: vertical\n });\n const infoAreaClasses = classNames({\n [classes.infoArea]: true,\n [className]: className !== undefined\n });\n let icon = null;\n switch (typeof props.icon) {\n case \"string\":\n icon = Meet the team
\n\n We are a small but a growing team of talented people from across the world trying to change the information paradigm.\n
\n {/*\n \n \n Watch video\n \n
*/}\n \n Rajiv Harimoorthy
\nCo-Founder
\n\n A self-proclaimed Chef-de-cuisine he can sometimes dish out good food. With an incredible appetite for sleep, he tends to dream big. He is deeply interested in the transformative power of science and technology to drive Sciple forward and up.\n
\nMikael Backlund
\nCEO / CTO / Co-Founder
\n\n An avid runner who considers graphs and Python to be the tech stack for all problems. As an Architect-in-Chief he oversees the entire tech stack that goes into the product and makes sure the entire platform and it{\"'\"}s architecture are upto speed. By solving problems he claims to fulfill his Ikigai on a daily basis. \n
\nMathias Torp
\nSoftware engineer / Dev-Ops
\n\n {/* Innovation engineer with a special interest in communication. On a mission to create an equivalent to talking for visual communication. */}\n A tech nerd who has lots of ideas on what tech goes into our product, he comes with an inquisitive mindset to question everything. Sometimes gets frustrated when things don{\"'\"}t go according to plan, he envisions himself to be in the forefront of product innovation.\n
\nPremthip Yaowapatsiri
\nUX / UI
\n\n An UX designer by birth she can sketch out designs to enable an awesome user experience. Having previously worked closely with developers at JPL/NASA she intricately understands the user requirements and always abides by the philosophy of {\"'\"}users first{\"'\"}.\n
\n\n
\n );\n}\n\nInfoArea.defaultProps = {\n iconColor: \"gray\"\n};\n\nInfoArea.propTypes = {\n icon: PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired,\n title: PropTypes.string.isRequired,\n description: PropTypes.node.isRequired,\n iconColor: PropTypes.oneOf([\n \"primary\",\n \"warning\",\n \"danger\",\n \"success\",\n \"info\",\n \"rose\",\n \"gray\"\n ]),\n vertical: PropTypes.bool,\n className: PropTypes.string\n};\n","import {\n title,\n description,\n mrAuto,\n mlAuto\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst servicesStyle = {\n title,\n mrAuto,\n mlAuto,\n services: {\n paddingTop: \"40px\",\n paddingBottom: \"10px\"\n },\n textCenter: {\n textAlign: \"center\"\n },\n description\n};\n\nexport default servicesStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\nimport {Build, AspectRatio, BatteryFull, BusinessCenter} from \"@material-ui/icons\";\n// core components\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport InfoArea from \"components/InfoArea/InfoArea.js\";\n\nimport servicesStyle from \"assets/jss/material-kit-pro-react/views/aboutUsSections/servicesStyle.js\";\n\nconst useStyles = makeStyles(servicesStyle);\n\nexport default function SectionServices() {\n const classes = useStyles();\n return (\n {icon}
\n \n
\n {title}
\n{description}
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n}\n","import { blackColor, hexToRgb } from \"assets/jss/material-kit-pro-react.js\";\n\nconst imagesStyles = {\n imgFluid: {\n maxWidth: \"100%\",\n height: \"auto\"\n },\n imgRounded: {\n borderRadius: \"6px !important\"\n },\n imgRoundedCircle: {\n borderRadius: \"50% !important\"\n },\n imgRaised: {\n boxShadow:\n \"0 5px 15px -8px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.24), 0 8px 10px -5px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.2)\"\n },\n imgGallery: {\n width: \"100%\",\n marginBottom: \"2.142rem\"\n },\n imgCardTop: {\n width: \"100%\",\n borderTopLeftRadius: \"calc(.25rem - 1px)\",\n borderTopRightRadius: \"calc(.25rem - 1px)\"\n },\n imgCardBottom: {\n width: \"100%\",\n borderBottomLeftRadius: \"calc(.25rem - 1px)\",\n borderBottomRightRadius: \"calc(.25rem - 1px)\"\n },\n imgCard: {\n width: \"100%\",\n borderRadius: \"calc(.25rem - 1px)\"\n },\n imgCardOverlay: {\n position: \"absolute\",\n top: \"0\",\n right: \"0\",\n bottom: \"0\",\n left: \"0\",\n padding: \"1.25rem\"\n }\n};\n\nexport default imagesStyles;\n","import {\n title,\n description,\n mrAuto,\n mlAuto\n} from \"assets/jss/material-kit-pro-react.js\";\nimport imagesStyles from \"assets/jss/material-kit-pro-react/imagesStyles.js\";\n\nconst imgRaised = imagesStyles.imgRaised;\nconst rounded = imagesStyles.imgRounded;\nconst imgFluid = imagesStyles.imgFluid;\n\nconst servicesStyle = {\n title,\n description,\n mrAuto,\n mlAuto,\n textCenter: {\n textAlign: \"center!important\"\n },\n office: {\n \"& img\": {\n margin: \"20px 0px\"\n }\n },\n imgRaised,\n rounded,\n imgFluid\n};\n\nexport default servicesStyle;\n","export default __webpack_public_path__ + \"static/media/office1.a5779459.jpg\";","export default __webpack_public_path__ + \"static/media/office2.2cce81e2.jpg\";","export default __webpack_public_path__ + \"static/media/office3.af5ec5bb.jpg\";","export default __webpack_public_path__ + \"static/media/office4.97b2a05d.jpg\";","export default __webpack_public_path__ + \"static/media/office5.f4eeca4b.jpg\";","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// core components\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport officeStyle from \"assets/jss/material-kit-pro-react/views/aboutUsSections/officeStyle.js\";\n\n// office\nimport office1 from \"assets/img/examples/office1.jpg\";\nimport office2 from \"assets/img/examples/office2.jpg\";\nimport office3 from \"assets/img/examples/office3.jpg\";\nimport office4 from \"assets/img/examples/office4.jpg\";\nimport office5 from \"assets/img/examples/office5.jpg\";\n\nconst useStyles = makeStyles(officeStyle);\n\nexport default function SectionOffice() {\n const classes = useStyles();\n return (\n We build awesome products
\n\n Our aim is to build customer centric user friendly products and always keeping the end user in mind.\n {/*We are a Lean startup built on agile frameworks. We value working code very high and strive to build products solving serious needs targeted towards knowledge heavy industries.*/}\n {/* This is the paragraph where you can write more details about your\n product. Keep you user engaged by providing meaningful information. */}\n
\n \n\n From the ground up we build products that can (and will) scale horizontally until the end. This gives us the ability to put the IT infrastructure exactly where it is needed.\n
\n \n }\n icon={AspectRatio}\n iconColor=\"rose\"\n />\n\n We build products to solve real problems and when there is no reasonable way around it. The ideas are broken down into actionable tasks to be included in future releases.\n
\n \n }\n icon={Build}\n iconColor=\"rose\"\n />\n\n Performance is at the core in whatever we design, be it receiving an update or a moonshot project. We will use the latest-in-tech to get the best performing product out in the market.\n
\n \n }\n icon={BatteryFull}\n iconColor=\"rose\"\n />\n\n Stability is something in the core of our DNA. A stable and reliable product is what you will always expect from us!\n
\n \n }\n icon={BusinessCenter}\n iconColor=\"rose\"\n />\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n}\n","import {\n primaryColor,\n dangerColor,\n successColor,\n whiteColor,\n grayColor,\n defaultFont\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst customInputStyle = {\n disabled: {\n \"&:before\": {\n backgroundColor: \"transparent !important\"\n }\n },\n underline: {\n \"&:hover:not($disabled):before,&:before\": {\n borderBottomColor: grayColor[11] + \" !important\",\n borderBottomWidth: \"1px !important\"\n },\n \"&:after\": {\n borderBottomColor: primaryColor[0]\n }\n },\n underlineError: {\n \"&:after\": {\n borderBottomColor: dangerColor[0]\n }\n },\n underlineSuccess: {\n \"&:after\": {\n borderBottomColor: successColor[0]\n }\n },\n labelRoot: {\n ...defaultFont,\n color: grayColor[12] + \" !important\",\n fontWeight: \"400\",\n fontSize: \"14px\",\n lineHeight: \"1.42857\",\n top: \"10px\",\n letterSpacing: \"unset\",\n \"& + $underline\": {\n marginTop: \"0px\"\n }\n },\n labelRootError: {\n color: dangerColor[0] + \" !important\"\n },\n labelRootSuccess: {\n color: successColor[0] + \" !important\"\n },\n feedback: {\n position: \"absolute\",\n bottom: \"4px\",\n right: \"0\",\n zIndex: \"2\",\n display: \"block\",\n width: \"24px\",\n height: \"24px\",\n textAlign: \"center\",\n pointerEvents: \"none\"\n },\n formControl: {\n margin: \"0 0 17px 0\",\n paddingTop: \"27px\",\n position: \"relative\",\n \"& svg,& .fab,& .far,& .fal,& .fas,& .material-icons\": {\n color: grayColor[13]\n }\n },\n whiteUnderline: {\n \"&:hover:not($disabled):before,&:before\": {\n borderBottomColor: whiteColor\n },\n \"&:after\": {\n borderBottomColor: whiteColor\n }\n },\n input: {\n color: grayColor[13],\n height: \"unset\",\n \"&,&::placeholder\": {\n fontSize: \"14px\",\n fontFamily: '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif',\n fontWeight: \"400\",\n lineHeight: \"1.42857\",\n opacity: \"1\"\n },\n \"&::placeholder\": {\n color: grayColor[12]\n }\n },\n whiteInput: {\n \"&,&::placeholder\": {\n color: whiteColor,\n opacity: \"1\"\n }\n }\n};\n\nexport default customInputStyle;\n","import React from \"react\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport Input from \"@material-ui/core/Input\";\n// @material-ui/icons\nimport Clear from \"@material-ui/icons/Clear\";\nimport Check from \"@material-ui/icons/Check\";\n// core components\n\nimport styles from \"assets/jss/material-kit-pro-react/components/customInputStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CustomInput(props) {\n const {\n formControlProps,\n labelText,\n id,\n labelProps,\n inputProps,\n error,\n white,\n inputRootCustomClasses,\n success\n } = props;\n const classes = useStyles();\n const labelClasses = classNames({\n [\" \" + classes.labelRootError]: error,\n [\" \" + classes.labelRootSuccess]: success && !error\n });\n const underlineClasses = classNames({\n [classes.underlineError]: error,\n [classes.underlineSuccess]: success && !error,\n [classes.underline]: true,\n [classes.whiteUnderline]: white\n });\n const marginTop = classNames({\n [inputRootCustomClasses]: inputRootCustomClasses !== undefined\n });\n const inputClasses = classNames({\n [classes.input]: true,\n [classes.whiteInput]: white\n });\n var formControlClasses;\n if (formControlProps !== undefined) {\n formControlClasses = classNames(\n formControlProps.className,\n classes.formControl\n );\n } else {\n formControlClasses = classes.formControl;\n }\n let newInputProps = {\n maxLength: inputProps ? inputProps.maxLength:undefined,\n minLength: inputProps ? inputProps.minLength:undefined\n };\n return (\n Our office is our second home
\n\n Here are some pictures from our office. You can see the place looks\n like a palace and is fully equiped with everything you need to get\n the job done.\n
\n \n\n \n \n \n
\n );\n}\n","import {\n container,\n title,\n main,\n mainRaised,\n mrAuto,\n whiteColor,\n mlAuto\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst aboutUsStyle = {\n main,\n mainRaised,\n mrAuto,\n mlAuto,\n container: {\n ...container,\n zIndex: 1\n },\n title: {\n ...title,\n \"&, & + h4\": {\n color: whiteColor\n }\n },\n textCenter: {\n textAlign: \"center\"\n },\n block: {\n color: \"inherit\",\n padding: \"0.9375rem\",\n fontWeight: \"500\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n borderRadius: \"3px\",\n textDecoration: \"none\",\n position: \"relative\",\n display: \"block\"\n },\n inlineBlock: {\n display: \"inline-block\",\n padding: \"0px\",\n width: \"auto\"\n },\n list: {\n marginBottom: \"0\",\n padding: \"0\",\n marginTop: \"0\"\n },\n left: {\n float: \"left!important\",\n display: \"block\"\n },\n right: {\n padding: \"15px 0\",\n margin: \"0\",\n float: \"right\"\n },\n icon: {\n width: \"18px\",\n height: \"18px\",\n top: \"3px\",\n position: \"relative\"\n }\n};\n\nexport default aboutUsStyle;\n","export default __webpack_public_path__ + \"static/media/bg9.cf9a123e.jpg\";","export default \"data:image/png;base64,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\"","/*eslint-disable*/\nimport React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\n// @material-ui/icons\nimport Favorite from \"@material-ui/icons/Favorite\";\n// core components\nimport Header from \"components/Header/Header.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Parallax from \"components/Parallax/Parallax.js\";\nimport Footer from \"components/Footer/Footer.js\";\n// sections for this page\nimport HeaderLinks from \"components/Header/HeaderLinks.js\";\nimport SectionDescription from \"views/AboutUsPage/Sections/SectionDescription.js\";\nimport SectionTeam from \"views/AboutUsPage/Sections/SectionTeam.js\";\nimport SectionServices from \"views/AboutUsPage/Sections/SectionServices.js\";\nimport SectionOffice from \"views/AboutUsPage/Sections/SectionOffice.js\";\nimport SectionContact from \"views/AboutUsPage/Sections/SectionContact.js\";\n\nimport aboutUsStyle from \"assets/jss/material-kit-pro-react/views/aboutUsStyle.js\";\nimport image from \"assets/img/bg9.jpg\"\nimport scipleLogo from \"assets/img/faces/sciple_logo.png\";\n\nconst useStyles = makeStyles(aboutUsStyle);\n\nexport default function AboutUsPage() {\n React.useEffect(() => {\n window.scrollTo(0, 0);\n document.body.scrollTop = 0;\n });\n const classes = useStyles();\n return (\n \n Want to work with us?\n
\n\n Divide details about your product or agency work into parts. Write a\n few lines about each one and contact us about any further\n collaboration. We will get back to you in a couple of hours.\n
\n \n \n\n \n \n
\n );\n}\n","export default __webpack_public_path__ + \"static/media/bg7.a807f9ed.jpg\";","import {\n container,\n title,\n main,\n whiteColor,\n mainRaised\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst landingPageStyle = {\n container: {\n color: whiteColor,\n ...container,\n zIndex: \"2\"\n },\n title: {\n ...title,\n display: \"inline-block\",\n position: \"relative\",\n marginTop: \"30px\",\n minHeight: \"32px\",\n color: whiteColor,\n textDecoration: \"none\"\n },\n subtitle: {\n fontSize: \"1.313rem\",\n maxWidth: \"500px\",\n margin: \"10px auto 0\"\n },\n main: {\n ...main\n },\n mainRaised: {\n ...mainRaised\n },\n block: {\n color: \"inherit\",\n padding: \"0.9375rem\",\n fontWeight: \"500\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n borderRadius: \"3px\",\n textDecoration: \"none\",\n position: \"relative\",\n display: \"block\"\n },\n inlineBlock: {\n display: \"inline-block\",\n padding: \"0px\",\n width: \"auto\"\n },\n list: {\n marginBottom: \"0\",\n padding: \"0\",\n marginTop: \"0\"\n },\n left: {\n float: \"left!important\",\n display: \"block\"\n },\n right: {\n padding: \"15px 0\",\n margin: \"0\",\n float: \"right\"\n },\n icon: {\n width: \"18px\",\n height: \"18px\",\n top: \"3px\",\n position: \"relative\"\n }\n};\n\nexport default landingPageStyle;\n","import {\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader,\n blackColor,\n hexToRgb\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst cardHeaderStyle = {\n cardHeader: {\n borderRadius: \"3px\",\n padding: \"1rem 15px\",\n marginLeft: \"15px\",\n marginRight: \"15px\",\n marginTop: \"-30px\",\n border: \"0\",\n marginBottom: \"0\"\n },\n cardHeaderPlain: {\n marginLeft: \"0px\",\n marginRight: \"0px\",\n \"&$cardHeaderImage\": {\n margin: \"0 !important\"\n }\n },\n cardHeaderImage: {\n position: \"relative\",\n padding: \"0\",\n zIndex: \"1\",\n marginLeft: \"15px\",\n marginRight: \"15px\",\n marginTop: \"-30px\",\n borderRadius: \"6px\",\n \"& img\": {\n width: \"100%\",\n borderRadius: \"6px\",\n pointerEvents: \"none\",\n boxShadow:\n \"0 5px 15px -8px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.24), 0 8px 10px -5px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.2)\"\n },\n \"& a\": {\n display: \"block\"\n }\n },\n noShadow: {\n \"& img\": {\n boxShadow: \"none !important\"\n }\n },\n cardHeaderContact: {\n margin: \"0 15px\",\n marginTop: \"-20px\"\n },\n cardHeaderSignup: {\n marginLeft: \"20px\",\n marginRight: \"20px\",\n marginTop: \"-40px\",\n padding: \"20px 0\",\n width: \"100%\",\n marginBottom: \"15px\"\n },\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader\n};\n\nexport default cardHeaderStyle;\n","import {\n container,\n title,\n main,\n mainRaised,\n whiteColor,\n mrAuto,\n mlAuto\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst pricingStyle = {\n main,\n mainRaised,\n mrAuto,\n mlAuto,\n container: {\n ...container,\n zIndex: 1\n },\n title: {\n ...title,\n \"&, & + h4\": {\n color: whiteColor\n }\n },\n textCenter: {\n textAlign: \"center\"\n },\n block: {\n color: \"inherit\",\n padding: \"0.9375rem\",\n fontWeight: \"500\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n borderRadius: \"3px\",\n textDecoration: \"none\",\n position: \"relative\",\n display: \"block\"\n },\n inlineBlock: {\n display: \"inline-block\",\n padding: \"0px\",\n width: \"auto\"\n },\n list: {\n marginBottom: \"0\",\n padding: \"0\",\n marginTop: \"0\"\n },\n left: {\n float: \"left!important\",\n display: \"block\"\n },\n right: {\n padding: \"15px 0\",\n margin: \"0\",\n float: \"right\"\n },\n icon: {\n width: \"18px\",\n height: \"18px\",\n top: \"3px\",\n position: \"relative\"\n }\n};\n\nexport default pricingStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-kit-pro-react/components/cardHeaderStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardHeader(props) {\n const {\n className,\n children,\n color,\n plain,\n image,\n contact,\n signup,\n noShadow,\n ...rest\n } = props;\n const classes = useStyles();\n const cardHeaderClasses = classNames({\n [classes.cardHeader]: true,\n [classes[color + \"CardHeader\"]]: color,\n [classes.cardHeaderPlain]: plain,\n [classes.cardHeaderImage]: image,\n [classes.cardHeaderContact]: contact,\n [classes.cardHeaderSignup]: signup,\n [classes.noShadow]: noShadow,\n [className]: className !== undefined\n });\n return (\n \n \n \n \n
\n About Us
\n\n Meet the amazing team behind this project and find out more\n \n
\n \n\n
\n \n \n {/*
\n \n {children}\n
\n );\n}\n\nCardHeader.propTypes = {\n className: PropTypes.string,\n color: PropTypes.oneOf([\n \"warning\",\n \"success\",\n \"danger\",\n \"info\",\n \"primary\",\n \"rose\"\n ]),\n plain: PropTypes.bool,\n image: PropTypes.bool,\n contact: PropTypes.bool,\n signup: PropTypes.bool,\n noShadow: PropTypes.bool,\n children: PropTypes.node\n};\n","export default __webpack_public_path__ + \"static/media/article2.9b95afbc.jpeg\";","export default __webpack_public_path__ + \"static/media/expand.841516c9.jpeg\";","export default __webpack_public_path__ + \"static/media/search.4aed31fb.jpeg\";","import {\n title,\n cardTitle,\n coloredShadow,\n grayColor\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst sectionInterestedStyle = {\n title,\n cardTitle,\n coloredShadow,\n textCenter: {\n textAlign: \"center\"\n },\n section: {\n backgroundPosition: \"50%\",\n backgroundSize: \"cover\",\n padding: \"40px 0 10px 0\"\n },\n description: {\n color: grayColor[0]\n }\n};\n\nexport default sectionInterestedStyle;\n","import React from \"react\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n//import TrendingUp from \"@material-ui/icons/TrendingUp\";\n// core components\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\n//import Info from \"components/Typography/Info.js\";\n//import Success from \"components/Typography/Success.js\";\n//import Danger from \"components/Typography/Danger.js\";\n\n// import bg5 from \"assets/img/bg5.jpg\";\n// import blog5 from \"assets/img/examples/blog5.jpg\";\n// import blog6 from \"assets/img/examples/blog6.jpg\";\nimport article2 from \"assets/img/article2.jpeg\";\nimport expand from \"assets/img/expand.jpeg\";\nimport search from \"assets/img/search.jpeg\";\n\nimport sectionInterestedStyle from \"assets/jss/material-kit-pro-react/views/blogPostsSections/sectionInterestedStyle.js\";\n\nconst useStyles = makeStyles(sectionInterestedStyle);\n\nexport default function SectionInterested() {\n const classes = useStyles();\n return (\n \n
\n\n \n \n \n \n 
\n \n \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n \n \n \n
\n );\n}\n","import { title, mlAuto, mrAuto } from \"assets/jss/material-kit-pro-react.js\";\n\nconst featuresStyle = {\n featuresSection: {\n padding: \"80px 0px\"\n },\n textCenter: {\n textAlign: \"center\"\n },\n title,\n mlAuto,\n mrAuto\n};\n\nexport default featuresStyle;\n","import React from \"react\";\n// core components\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport InfoArea from \"components/InfoArea/InfoArea.js\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui icons\nimport CardMembership from \"@material-ui/icons/CardMembership\";\nimport CardGiftCard from \"@material-ui/icons/CardGiftcard\";\nimport AttachMoney from \"@material-ui/icons/AttachMoney\";\nimport QuestionAnswer from \"@material-ui/icons/QuestionAnswer\";\n\nimport featuresStyle from \"assets/jss/material-kit-pro-react/views/pricingSections/featuresStyle.js\";\n\nconst useStyles = makeStyles(featuresStyle);\n\nexport default function SectionFeatures() {\n const classes = useStyles();\n return (\n \n Features\n
\n\n
\n \n Search for scientific terms with powerful visualisation\n \n
\n\n Search our database for scientific terms and find relevant knowledge with our powerful filter to get what is relevant to you. Quickly build a perspective of your field or research area by dragging the result and its corresponding type.\n {/* Read More */}\n
\n\n \n Navigate and traverse the knowledge base\n \n
\n\n Everything in the knowledge base is connected enabling you to traverse the relationships of chosen entities and making it easier to find previously unknown relationships.\n {/* Read More */}\n
\n\n \n Read scientific articles while you explore\n \n
\n\n Explore the scientific world simultaneously with a text view highlighting the entities in the text. The best of both worlds! \n {/* Read More */}\n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n}\n","import {\n mrAuto,\n mlAuto,\n cardTitle,\n whiteColor,\n infoColor,\n hexToRgb\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst pricingStyle = {\n mrAuto,\n mlAuto,\n cardTitle,\n cardTitleWhite: {\n ...cardTitle,\n color: whiteColor + \" !important\",\n \"& small\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \",0.8)!important\"\n }\n },\n textCenter: {\n textAlign: \"center\"\n },\n pricingSection: {\n padding: \"40px 0px 10px 0px\"\n },\n textInfo: {\n color: infoColor[0] + \" !important\"\n }\n};\n\nexport default pricingStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// core components\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\n//import NavPills from \"components/NavPills/NavPills.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport Button from \"components/CustomButtons/Button.js\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport pricingStyle from \"assets/jss/material-kit-pro-react/views/pricingSections/pricingStyle.js\";\n\nimport {Link} from 'react-scroll'\n\nconst useStyles = makeStyles(pricingStyle);\n\nexport default function SectionPricing() {\n const classes = useStyles();\n return (\n \n
\n Frequently Asked Questions
\n\n \n \n {/* \n \n \n \n \n \n Basic\n \n \n \n \n \n \n \n \n \n \n \n
\n );\n}\n","import { title, grayColor } from \"assets/jss/material-kit-pro-react.js\";\n\nconst productStyle = {\n section: {\n padding: \"40px 0 10px 0\",\n textAlign: \"center\"\n },\n title: {\n ...title,\n marginBottom: \"1rem\",\n marginTop: \"30px\",\n minHeight: \"32px\",\n textDecoration: \"none\"\n },\n description: {\n color: grayColor[0]\n }\n};\n\nexport default productStyle;\n","import React from \"react\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n\n// @material-ui/icons\nimport { BubbleChart, Share, Web } from '@material-ui/icons';\n// core components\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport InfoArea from \"components/InfoArea/InfoArea.js\";\n\nimport productStyle from \"assets/jss/material-kit-pro-react/views/landingPageSections/productStyle.js\";\n\n\nconst useStyles = makeStyles(productStyle);\n\nexport default function SectionProduct() {\n const classes = useStyles();\n return (\n \n Price upon request\n
\n- \n
- \n Unlimited access to the knowledge base\n \n
- \n Save and retrieve your perspectives\n \n
- \n License issued to you personally\n \n
Enterprise
\n\n Price upon request\n
\n- \n
- \n Lifetime license with 12 months of free upgrades\n \n
- \n Add custom data to the knowledge base\n \n
- \n Flexible and transferable licenses for your team\n \n
- \n License issued to your company\n \n
\n \n \n \n \n
\n );\n}\n","export default __webpack_public_path__ + \"static/media/olle.a2171d08.jpeg\";","import {\n container,\n sectionDark,\n section,\n mlAuto,\n mrAuto,\n title,\n description,\n cardTitle,\n blackColor,\n whiteColor,\n hexToRgb\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst testimonialsSection = {\n container,\n mlAuto,\n mrAuto,\n title,\n description,\n cardTitle,\n sectionDark: {\n ...sectionDark,\n \"& $cardDescription\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \", 0.76)\"\n },\n \"& $cardTitle\": {\n color: whiteColor\n },\n backgroundSize: \"550% 450%\"\n },\n cardDescription: {\n ...description\n },\n cardCategory: {\n ...description\n },\n sectionImage: {\n ...sectionDark,\n ...section,\n position: \"relative\",\n \"& $container\": {\n zIndex: \"2\",\n position: \"relative\"\n },\n \"&:after\": {\n position: \"absolute\",\n zIndex: \"1\",\n width: \"100%\",\n height: \"100%\",\n display: \"block\",\n left: \"0\",\n top: \"0\",\n content: \"''\",\n backgroundColor: \"rgba(\" + hexToRgb(blackColor) + \", 0.7)\"\n },\n \"& $title\": {\n color: whiteColor\n },\n \"& $description\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \", 0.76)\"\n }\n },\n testimonials: {\n padding: \"40px 0 10px 0\",\n \"& $cardDescription\": {\n fontStyle: \"italic\"\n }\n },\n textCenter: {\n textAlign: \"center\"\n },\n icon: {\n marginTop: \"30px\",\n \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n fontSize: \"40px\",\n lineHeight: \"40px\"\n },\n \"& svg\": {\n width: \"40px\",\n height: \"40px\"\n }\n },\n card1: {\n \"& $cardDescription\": {\n marginBottom: \"50px\",\n fontStyle: \"italic\"\n }\n },\n starIcons: {\n width: \"24px\",\n height: \"24px\"\n },\n testimonial2: {\n \"& .slick-dots\": {\n display: \"none !important\"\n }\n },\n card2: {\n maxWidth: \"650px\",\n margin: \"60px auto\",\n \"& $cardDescription\": {\n fontStyle: \"italic\"\n }\n }\n};\n\nexport default testimonialsSection;\n","import {\n defaultFont,\n primaryColor,\n infoColor,\n successColor,\n warningColor,\n dangerColor,\n roseColor,\n grayColor\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst typographyStyle = {\n defaultFontStyle: {\n ...defaultFont,\n fontSize: \"14px\"\n },\n defaultHeaderMargins: {\n marginTop: \"20px\",\n marginBottom: \"10px\"\n },\n quote: {\n padding: \"10px 20px\",\n margin: \"0 0 20px\",\n fontSize: \"1.25rem\",\n borderLeft: \"5px solid \" + grayColor[2]\n },\n quoteText: {\n margin: \"0 0 10px\",\n fontStyle: \"italic\"\n },\n quoteAuthor: {\n display: \"block\",\n fontSize: \"80%\",\n lineHeight: \"1.42857143\",\n color: grayColor[10]\n },\n mutedText: {\n \"&, & *\": {\n color: grayColor[7],\n display: \"inline-block\"\n }\n },\n primaryText: {\n \"&, & *\": {\n color: primaryColor[0],\n display: \"inline-block\"\n }\n },\n infoText: {\n \"&, & *\": {\n color: infoColor[0],\n display: \"inline-block\"\n }\n },\n successText: {\n \"&, & *\": {\n color: successColor[0],\n display: \"inline-block\"\n }\n },\n warningText: {\n \"&, & *\": {\n color: warningColor[0],\n display: \"inline-block\"\n }\n },\n dangerText: {\n \"&, & *\": {\n color: dangerColor[0],\n display: \"inline-block\"\n }\n },\n roseText: {\n \"&, & *\": {\n color: roseColor[0],\n display: \"inline-block\"\n }\n },\n smallText: {\n fontSize: \"65%\",\n fontWeight: \"400\",\n lineHeight: \"1\",\n color: grayColor[10]\n }\n};\n\nexport default typographyStyle;\n","import React from \"react\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// core components\nimport styles from \"assets/jss/material-kit-pro-react/components/typographyStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function Muted(props) {\n const { children } = props;\n const classes = useStyles();\n return (\n Sciple Maps
\n\n Welcome to the world of exploration, but with knowledge this time! Sciple Maps enables you to keep track and stay updated with the most relevant information within your specific domain without a hassle. It takes you through a sea of knowledge showing entities and relationships within your chosen domain letting you visualize what you need and removing the clutter around. Come and enjoy the ride!\n
\n\n \n \n \n \n \n \n \n \n
\n \n {children}\n
\n );\n}\n\nMuted.propTypes = {\n children: PropTypes.node\n};\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/founders_loft.e1bc123e.png\";","// react component for creating beautiful carousel\n// @material-ui/core components\n//import { Grid } from \"@material-ui/core\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport cardProfile1Square from \"assets/img/faces/olle.jpeg\";\nimport testimonialsStyle from \"assets/jss/material-kit-pro-react/views/sectionsSections/testimonialsStyle.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardAvatar from \"components/Card/CardAvatar.js\";\nimport CardBody from \"components/Card/CardBody.js\";\n// @material-ui/icons\n// core components\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Muted from \"components/Typography/Muted.js\";\nimport React from \"react\";\nimport antler_logo from \"assets/img/assets-for-demo/Antler.png\";\nimport connect_sverige_logo from \"assets/img/assets-for-demo/connect_sverige.jpg\";\nimport founders_loft_logo from \"assets/img/assets-for-demo/founders_loft.png\";\n\nconst useStyles = makeStyles(testimonialsStyle);\n\nexport default function SectionTestimonials({ ...rest }) {\n const classes = useStyles();\n return (\n \n
\n );\n}\n","export default \"data:image/jpeg;base64,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\"","import {\n title,\n mrAuto,\n mlAuto,\n grayColor\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst workStyle = {\n mrAuto,\n mlAuto,\n section: {\n padding: \"40px 0 10px 0\"\n },\n title: {\n ...title,\n marginBottom: \"1rem\",\n marginTop: \"30px\",\n minHeight: \"32px\",\n textDecoration: \"none\",\n textAlign: \"center\"\n },\n description: {\n color: grayColor[0],\n textAlign: \"center\"\n },\n textCenter: {\n textAlign: \"center\"\n },\n textArea: {\n marginRight: \"15px\",\n marginLeft: \"15px\"\n }\n};\n\nexport default workStyle;\n","import React from 'react';\n\nconst Spacer = () => (\n \n);\n\nexport default Spacer;\n","// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport workStyle from \"assets/jss/material-kit-pro-react/views/landingPageSections/workStyle.js\";\nimport { API } from 'aws-amplify';\nimport Button from \"components/CustomButtons/Button.js\";\nimport CustomInput from \"components/CustomInput/CustomInput.js\";\n// @material-ui/icons\n// core components\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Spacer from \"components/Layout/Spacer.js\";\nimport React, { useState } from \"react\";\n\n\nconst useStyles = makeStyles(workStyle);\n\n\nexport default function SectionWork() {\n const [name, setName] = useState('');\n const [email, setEmail] = useState('');\n const [message, setMessage] = useState('');\n\n function handleSubmit(event) {\n alert(\"The message was sent!\");\n event.preventDefault();\n postData();\n setName(\"\"); //reset x3\n setEmail(\"\");\n setMessage(\"\");\n }\n\n async function postData() {\n //Take input from form data and package and send it to a AWS Lambda Rest endpoint\n // AWS Credentials\n const apiName = \"apiSendEmail\";\n const path = \"/sendEmail-prod\";\n const data = await API.post(\n apiName,\n path,\n {\n body: {\n email: email,\n name: name,\n message: message,\n }\n },\n );\n // Error handling\n console.log(\"Data: \" + data)\n }\n\n const classes = useStyles();\n return (\n \n \n \n \n \n \n {'\"'}Sciple maps lets me both quickly get an overview of a new domain,\n
\n \n e.preventDefault()}>\n 
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n \n \n \n \n 
\n \n \n \n \n \n \n \n \n 
\n \n \n \n \n \n
\n What our customers say
\n \n\n {'\"'}Sciple maps lets me both quickly get an overview of a new domain,\n
\n and also dive deeper into the more nuanced topics within it{'\"'}\n
\n Olle Nordesjö
\nData scientist @ Oxford Nanopore Technologies Ltd
\nProudly supported by
\n\n \n \n \n \n \n \n \n
\n );\n}\n","/*eslint-disable*/ import List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\nimport Favorite from \"@material-ui/icons/Favorite\";\nimport image from \"assets/img/bg7.jpg\";\nimport scipleLogo from \"assets/img/faces/sciple_logo.png\";\nimport landingPageStyle from \"assets/jss/material-kit-pro-react/views/landingPageStyle.js\";\nimport pricingStyle from \"assets/jss/material-kit-pro-react/views/pricingStyle.js\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Footer from \"components/Footer/Footer.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\n// core components\nimport Header from \"components/Header/Header.js\";\nimport HeaderLinks from \"components/Header/HeaderLinks.js\";\nimport Parallax from \"components/Parallax/Parallax.js\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\nimport React, { useEffect, useState } from \"react\";\nimport MailchimpSubscribe from \"react-mailchimp-subscribe\";\nimport SectionServices from \"views/AboutUsPage/Sections/SectionServices.js\";\nimport SectionTeam from \"views/AboutUsPage/Sections/SectionTeam.js\";\nimport SectionInterested from \"views/BlogPostsPage/Sections/SectionInterested.js\";\nimport SectionFeatures from \"views/PricingPage/Sections/SectionFeatures.js\";\nimport SectionPricing from \"views/PricingPage/Sections/SectionPricing.js\";\n//import SectionNewsletter from \"./Sections/SectionNewsletter.js\";\n// Sections for this page\nimport SectionProduct from \"./Sections/SectionProduct.js\";\nimport SectionTestimonials from \"./Sections/SectionTestimonials.js\";\nimport SectionWork from \"./Sections/SectionWork.js\";\n\n\n\n\nconst useStyles = makeStyles(landingPageStyle);\n\nexport default function LandingPage({ ...rest }) {\n\n useEffect(() => {\n window.scrollTo(0, 0);\n document.body.scrollTop = 0;\n });\n const classes = useStyles();\n\n return (\n Contact us
\n\n {/* Divide details about your product or agency work into parts. Write a\n few lines about each one and contact us about any further \n collaboration. We will respond get back to you in a couple of\n hours. */}\n Subscribe to our newsletter or contact us about any further collaboration or any questions. We will respond and get back to you as soon as possible.\n
\n\n \n \n
\n );\n}\n","import {\n container,\n description,\n cardTitle,\n blackColor,\n whiteColor,\n grayColor,\n hexToRgb\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst signupPageStyle = theme => ({\n description,\n cardTitle: {\n ...cardTitle,\n color: whiteColor + \" !important\"\n },\n container: {\n ...container,\n zIndex: \"4\",\n [theme.breakpoints.down(\"sm\")]: {\n paddingBottom: \"100px\"\n }\n },\n pageHeader: {\n color: whiteColor,\n border: \"0\",\n height: \"100%\",\n margin: \"0\",\n display: \"flex!important\",\n padding: \"120px 0\",\n position: \"relative\",\n minHeight: \"100vh\",\n alignItems: \"center\",\n \"&:before\": {\n background: \"rgba(\" + hexToRgb(blackColor) + \", 0.5)\"\n },\n \"&:before,&:after\": {\n position: \"absolute\",\n zIndex: \"1\",\n width: \"100%\",\n height: \"100%\",\n display: \"block\",\n left: \"0\",\n top: \"0\",\n content: '\"\"'\n }\n },\n form: {\n margin: \"0\"\n },\n cardHeader: {\n width: \"auto\",\n textAlign: \"center\"\n },\n socialLine: {\n marginTop: \"1rem\",\n textAlign: \"center\",\n padding: \"0\"\n },\n inputIconsColor: {\n color: grayColor[13]\n },\n textCenter: {\n textAlign: \"center\"\n },\n iconButtons: {\n marginRight: \"3px !important\",\n marginLeft: \"3px !important\"\n },\n block: {\n color: \"inherit\",\n padding: \"0.9375rem\",\n fontWeight: \"500\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n borderRadius: \"3px\",\n textDecoration: \"none\",\n position: \"relative\",\n display: \"block\"\n },\n inlineBlock: {\n display: \"inline-block\",\n padding: \"0px\",\n width: \"auto\"\n },\n list: {\n marginBottom: \"0\",\n padding: \"0\",\n marginTop: \"0\"\n },\n left: {\n float: \"left!important\",\n display: \"block\",\n \"&,& *,& *:hover,& *:focus\": {\n color: whiteColor + \" !important\"\n }\n },\n right: {\n padding: \"15px 0\",\n margin: \"0\",\n float: \"right\",\n \"&,& *,& *:hover,& *:focus\": {\n color: whiteColor + \" !important\"\n }\n },\n icon: {\n width: \"18px\",\n height: \"18px\",\n top: \"3px\",\n position: \"relative\"\n },\n footer: {\n position: \"absolute\",\n width: \"100%\",\n background: \"transparent\",\n bottom: \"0\",\n color: whiteColor,\n zIndex: \"2\"\n }\n});\n\nexport default signupPageStyle;\n","/*eslint-disable*/\nimport React from \"react\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport Icon from \"@material-ui/core/Icon\";\n// @material-ui/icons\nimport Email from \"@material-ui/icons/Email\";\nimport Favorite from \"@material-ui/icons/Favorite\";\nimport Face from \"@material-ui/icons/Face\";\n// core components\nimport Header from \"components/Header/Header.js\";\nimport HeaderLinks from \"components/Header/HeaderLinks.js\";\nimport Footer from \"components/Footer/Footer.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CustomInput from \"components/CustomInput/CustomInput.js\";\n\nimport loginPageStyle from \"assets/jss/material-kit-pro-react/views/loginPageStyle.js\";\n\nimport image from \"assets/img/bg7.jpg\";\nimport Auth from '@aws-amplify/auth';\nimport { useHistory } from 'react-router';\nimport { useState } from 'react';\n\nconst useStyles = makeStyles(loginPageStyle);\n\nexport default function LoginPage() {\n const classes = useStyles();\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const [error, setError] = useState(null);\n\n const history = useHistory()\n const onSubmit = async (evt) => {\n evt.preventDefault();\n try {\n await Auth.signIn(email, password)\n history.push('/');\n } catch (err) {\n setError(err)\n }\n }\n return (\n \n \n \n
\n\n \n Sign up\n \n \n \n
\n {`Science navigation made simple`}
\n\n At Sciple we use machine and human intelligence to combine disparate sources of information and knowledge into searchable graphs.\n {/* Every landing page needs a small description after the big bold\n title, that{\"'\"}s why we added this text here. Add here all the\n information that can make you or your product create the first\n impression. */}\n
\n\n
\n
\n \n \n
\n \n \n \n
\n }\n />\n \n \n );\n}\n","import {\n primaryColor,\n dangerColor,\n roseColor,\n grayColor,\n blackColor,\n whiteColor,\n hexToRgb\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst customCheckboxRadioSwitch = {\n checkRoot: {\n padding: \"14px\",\n \"&:hover\": {\n backgroundColor:\n \"rgba(\" + hexToRgb(primaryColor[0]) + \", 0.14) !important\"\n }\n },\n radioRoot: {\n padding: \"16px\",\n \"&:hover\": {\n backgroundColor:\n \"rgba(\" + hexToRgb(primaryColor[0]) + \", 0.14) !important\"\n }\n },\n labelRoot: {\n marginLeft: \"-14px\"\n },\n checkboxAndRadio: {\n position: \"relative\",\n display: \"block\",\n marginTop: \"10px\",\n marginBottom: \"10px\"\n },\n checkboxAndRadioHorizontal: {\n position: \"relative\",\n display: \"block\",\n \"&:first-child\": {\n marginTop: \"10px\"\n },\n \"&:not(:first-child)\": {\n marginTop: \"-14px\"\n },\n marginTop: \"0\",\n marginBottom: \"0\"\n },\n checked: {\n color: primaryColor[0] + \"!important\"\n },\n checkedIcon: {\n width: \"20px\",\n height: \"20px\",\n border: \"1px solid rgba(\" + hexToRgb(blackColor) + \", 0.84)\",\n borderRadius: \"3px\"\n },\n uncheckedIcon: {\n width: \"0px\",\n height: \"0px\",\n padding: \"9px\",\n border: \"1px solid rgba(\" + hexToRgb(blackColor) + \", .54)\",\n borderRadius: \"3px\"\n },\n disabledCheckboxAndRadio: {\n \"& $checkedIcon,& $uncheckedIcon,& $radioChecked,& $radioUnchecked\": {\n borderColor: blackColor,\n opacity: \"0.26\",\n color: blackColor\n }\n },\n label: {\n cursor: \"pointer\",\n paddingLeft: \"0\",\n color: grayColor[12],\n fontSize: \"14px\",\n lineHeight: \"1.428571429\",\n fontWeight: \"400\",\n display: \"inline-flex\",\n transition: \"0.3s ease all\",\n letterSpacing: \"unset\"\n },\n labelHorizontal: {\n color: \"rgba(\" + hexToRgb(blackColor) + \", 0.26)\",\n cursor: \"pointer\",\n display: \"inline-flex\",\n fontSize: \"14px\",\n lineHeight: \"1.428571429\",\n fontWeight: \"400\",\n paddingTop: \"39px\",\n marginRight: \"0\",\n \"@media (min-width: 992px)\": {\n float: \"right\"\n }\n },\n labelHorizontalRadioCheckbox: {\n paddingTop: \"22px\"\n },\n labelLeftHorizontal: {\n color: \"rgba(\" + hexToRgb(blackColor) + \", 0.26)\",\n cursor: \"pointer\",\n display: \"inline-flex\",\n fontSize: \"14px\",\n lineHeight: \"1.428571429\",\n fontWeight: \"400\",\n paddingTop: \"22px\",\n marginRight: \"0\"\n },\n labelError: {\n color: dangerColor[0]\n },\n radio: {\n color: primaryColor[0] + \"!important\"\n },\n radioChecked: {\n width: \"16px\",\n height: \"16px\",\n border: \"1px solid \" + primaryColor[0],\n borderRadius: \"50%\"\n },\n radioUnchecked: {\n width: \"0px\",\n height: \"0px\",\n padding: \"7px\",\n border: \"1px solid rgba(\" + hexToRgb(blackColor) + \", .54)\",\n borderRadius: \"50%\"\n },\n inlineChecks: {\n marginTop: \"8px\"\n },\n iconCheckbox: {\n height: \"116px\",\n width: \"116px\",\n color: grayColor[0],\n \"& > span:first-child\": {\n borderWidth: \"4px\",\n borderStyle: \"solid\",\n borderColor: grayColor[17],\n textAlign: \"center\",\n verticalAlign: \"middle\",\n borderRadius: \"50%\",\n color: \"inherit\",\n margin: \"0 auto 20px\",\n transition: \"all 0.2s\"\n },\n \"&:hover\": {\n color: roseColor[0],\n \"& > span:first-child\": {\n borderColor: roseColor[0]\n }\n }\n },\n iconCheckboxChecked: {\n color: roseColor[0],\n \"& > span:first-child\": {\n borderColor: roseColor[0]\n }\n },\n iconCheckboxIcon: {\n fontSize: \"40px\",\n lineHeight: \"111px\"\n },\n switchBase: {\n color: primaryColor[0] + \"!important\",\n \"&:hover\": {\n backgroundColor:\n \"rgba(\" + hexToRgb(primaryColor[0]) + \", 0.14) !important\"\n }\n },\n switchIcon: {\n boxShadow: \"0 1px 3px 1px rgba(\" + hexToRgb(blackColor) + \", 0.4)\",\n color: whiteColor + \" !important\",\n border: \"1px solid rgba(\" + hexToRgb(blackColor) + \", .54)\"\n },\n switchIconChecked: {\n borderColor: primaryColor[0],\n transform: \"translateX(0px)!important\"\n },\n switchBar: {\n width: \"30px\",\n height: \"15px\",\n backgroundColor: \"rgb(\" + hexToRgb(grayColor[24]) + \")\",\n borderRadius: \"15px\",\n opacity: \"0.7!important\"\n },\n switchChecked: {\n \"& + $switchBar\": {\n backgroundColor: \"rgba(\" + hexToRgb(primaryColor[0]) + \", 1) !important\"\n },\n \"& $switchIcon\": {\n borderColor: primaryColor[0]\n }\n }\n};\n\nexport default customCheckboxRadioSwitch;\n","import {\n //primaryColor,\n grayColor,\n container,\n cardTitle,\n whiteColor,\n blackColor,\n hexToRgb,\n scipleColor\n} from \"assets/jss/material-kit-pro-react.js\";\n\nimport customCheckboxRadioSwitchStyle from \"assets/jss/material-kit-pro-react/customCheckboxRadioSwitchStyle.js\";\n\nconst signupPageStyle = {\n container: {\n ...container,\n zIndex: \"2\",\n position: \"relative\",\n paddingTop: \"20vh\",\n color: whiteColor\n },\n pageHeader: {\n minHeight: \"100vh\",\n height: \"auto\",\n display: \"inherit\",\n position: \"relative\",\n margin: \"0\",\n padding: \"0\",\n border: \"0\",\n alignItems: \"center\",\n \"&:before\": {\n background: \"rgba(\" + hexToRgb(blackColor) + \", 0.5)\"\n },\n \"&:after\": {\n background: \"rgba(\" + hexToRgb(scipleColor) + \", 0.95)\"\n },\n \"&:before,&:after\": {\n position: \"absolute\",\n zIndex: \"1\",\n width: \"100%\",\n height: \"100%\",\n display: \"block\",\n left: \"0\",\n top: \"0\",\n content: '\"\"'\n }\n },\n cardSignup: {\n borderRadius: \"6px\",\n boxShadow:\n \"0 16px 24px 2px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.14), 0 6px 30px 5px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.12), 0 8px 10px -5px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.2);\",\n marginBottom: \"100px\",\n padding: \"40px 0px\"\n },\n cardTitle: {\n ...cardTitle,\n textDecoration: \"none\",\n textAlign: \"center !important\",\n marginBottom: \"0.75rem\"\n },\n ...customCheckboxRadioSwitchStyle,\n socials: {\n marginTop: \"0\",\n position: \"absolute\",\n width: \"100%\",\n transform: \"none\",\n left: \"0\",\n top: \"0\",\n height: \"100%\",\n lineHeight: \"41px\",\n fontSize: \"20px\"\n },\n textCenter: {\n textAlign: \"center\"\n },\n inputAdornment: {\n marginRight: \"18px\",\n position: \"relative\"\n },\n inputAdornmentIcon: {\n color: grayColor[13]\n },\n form: {\n margin: \"0\"\n },\n infoArea: {\n padding: \"0px 0px 20px !important\"\n },\n block: {\n color: \"inherit\",\n padding: \"0.9375rem\",\n fontWeight: \"500\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n borderRadius: \"3px\",\n textDecoration: \"none\",\n position: \"relative\",\n display: \"block\"\n },\n inlineBlock: {\n display: \"inline-block\",\n padding: \"0px\",\n width: \"auto\"\n },\n list: {\n marginBottom: \"0\",\n padding: \"0\",\n marginTop: \"0\"\n },\n left: {\n float: \"left!important\",\n display: \"block\",\n \"&,& *,& *:hover,& *:focus\": {\n color: whiteColor + \" !important\"\n }\n },\n right: {\n padding: \"15px 0\",\n margin: \"0\",\n float: \"right\",\n \"&,& *,& *:hover,& *:focus\": {\n color: whiteColor + \" !important\"\n }\n },\n icon: {\n width: \"18px\",\n height: \"18px\",\n top: \"3px\",\n position: \"relative\"\n },\n dimmed: {\n color: \"grey\"\n }\n};\n\nexport default signupPageStyle;\n","/*eslint-disable*/\nimport React, { useEffect, useState } from \"react\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport Checkbox from \"@material-ui/core/Checkbox\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport Icon from \"@material-ui/core/Icon\";\n// @material-ui/icons\nimport Timeline from \"@material-ui/icons/Timeline\";\nimport Code from \"@material-ui/icons/Code\";\nimport Group from \"@material-ui/icons/Group\";\nimport Face from \"@material-ui/icons/Face\";\nimport Email from \"@material-ui/icons/Email\";\nimport Check from \"@material-ui/icons/Check\";\nimport Favorite from \"@material-ui/icons/Favorite\";\n// core components\nimport Header from \"components/Header/Header.js\";\nimport HeaderLinks from \"components/Header/HeaderLinks.js\";\nimport Footer from \"components/Footer/Footer.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport InfoArea from \"components/InfoArea/InfoArea.js\";\nimport CustomInput from \"components/CustomInput/CustomInput.js\";\n\nimport signupPageStyle from \"assets/jss/material-kit-pro-react/views/signupPageStyle.js\";\n\nimport image from \"assets/img/bg7.jpg\";\nimport scipleLogo from \"assets/img/faces/sciple_logo.png\";\nimport termsofService from \"assets/documents/Terms of Service.pdf\";\n\nimport { Auth } from 'aws-amplify';\nimport { useHistory, Redirect } from 'react-router';\nimport { House } from '@material-ui/icons';\n\nconst useStyles = makeStyles(signupPageStyle);\n\nconst validEmail = (email) => (/\\S+@\\S+\\.\\S+/).test(email)\nexport default function SignUpPage({ ...rest }) {\n const [error, setError] = useState();\n const [accepted, setChecked] = useState(false)\n const [name, setName] = useState('');\n const [company, setCompany] = useState('');\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const [verificationCode, setVerificationCode] = useState('');\n const [verifyUser, setVerifyUser] = useState(false);\n\n const onClickAccept = () => setChecked(current => !current)\n\n const classes = useStyles();\n\n const [invalidEmail, setInvalidEmail] = useState(false)\n useEffect(() => {\n invalidEmail && validEmail(email) && setInvalidEmail(false)\n }, [email, invalidEmail]);\n\n const onSubmit = async evt => {\n evt.preventDefault()\n if (!validEmail(email)) {\n setInvalidEmail(true)\n } else {\n setVerifyUser(true)\n try {\n await Auth.signUp({\n username: email,\n password,\n attributes: {\n email,\n name,\n profile: company,\n }\n })\n } catch (err) {\n setError(err)\n }\n }\n }\n\n const history = useHistory()\n\n const onClickVerify = async () => {\n try {\n await Auth.confirmSignUp(email, verificationCode)\n window.open('http://coder.sciple.ai')\n //history.push('/landing-page')\n // return \n \n \n \n \n \n \n \n
\n \n
\n - \n
\n © {1900 + new Date().getYear()} , made with{\" \"}\n \n Creative Tim\n {\" \"}\n for a better web\n
\n \n \n
\n \n );\n}\n","import {\n title,\n whiteColor,\n blackColor,\n hexToRgb\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst errorPageStyles = {\n contentCenter: {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n zIndex: \"3\",\n transform: \"translate(-50%,-50%)\",\n textAlign: \"center\",\n color: whiteColor,\n padding: \"0 15px\",\n width: \"100%\",\n maxWidth: \"880px\"\n },\n title: {\n ...title,\n fontSize: \"13.7em\",\n color: whiteColor,\n letterSpacing: \"14px !important\",\n fontWeight: \"700\"\n },\n subTitle: {\n fontSize: \"2.25rem\",\n marginTop: \"0\",\n marginBottom: \"8px\"\n },\n description: {\n fontSize: \"1.125rem\",\n marginTop: \"0\",\n marginBottom: \"8px\"\n },\n pageHeader: {\n minHeight: \"100vh\",\n height: \"auto\",\n display: \"inherit\",\n position: \"relative\",\n margin: \"0\",\n padding: \"0\",\n border: \"0\",\n alignItems: \"center\",\n \"&:before\": {\n background: \"rgba(\" + hexToRgb(blackColor) + \", 0.5)\"\n },\n \"&:before,&:after\": {\n position: \"absolute\",\n zIndex: \"1\",\n width: \"100%\",\n height: \"100%\",\n display: \"block\",\n left: \"0\",\n top: \"0\",\n content: '\"\"'\n }\n },\n block: {\n color: \"inherit\",\n padding: \"0.9375rem\",\n fontWeight: \"500\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n borderRadius: \"3px\",\n textDecoration: \"none\",\n position: \"relative\",\n display: \"block\"\n },\n inlineBlock: {\n display: \"inline-block\",\n padding: \"0px\",\n width: \"auto\"\n },\n list: {\n marginBottom: \"0\",\n padding: \"0\",\n marginTop: \"0\"\n },\n left: {\n float: \"left!important\",\n display: \"block\",\n \"&,& *,& *:hover,& *:focus\": {\n color: \"inherit !important\"\n }\n },\n right: {\n padding: \"15px 0\",\n margin: \"0\",\n float: \"right\",\n \"&,& *,& *:hover,& *:focus\": {\n color: \"inherit !important\"\n }\n },\n icon: {\n width: \"18px\",\n height: \"18px\",\n top: \"3px\",\n position: \"relative\"\n }\n};\n\nexport default errorPageStyles;\n","export default __webpack_public_path__ + \"static/media/clint-mckoy.b76340fe.jpg\";","/*eslint-disable*/\nimport React from \"react\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\n// @material-ui/icons\nimport Favorite from \"@material-ui/icons/Favorite\";\n// core components\nimport Header from \"components/Header/Header.js\";\nimport HeaderLinks from \"components/Header/HeaderLinks.js\";\nimport Footer from \"components/Footer/Footer.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\n\nimport errorPageStyle from \"assets/jss/material-kit-pro-react/views/errorPageStyles.js\";\n\nimport image from \"assets/img/clint-mckoy.jpg\";\n\nconst useStyles = makeStyles(errorPageStyle);\n\nexport default function ErrorPage({ ...rest }) {\n React.useEffect(() => {\n window.scrollTo(0, 0);\n document.body.scrollTop = 0;\n });\n const classes = useStyles();\n return (\n \n \n \n \n \n \n \n {!verifyUser ?\n <>\n \n \n : <>\n {\n error ?\n <>\n setVerificationCode(evt.target.value),\n type: \"text\",\n startAdornment: (\n \n \n lock_outline\n \n \n ),\n placeholder: \"Verification code\"\n }}\n />\n \n \n \n \n \n \n
\n Sign up
\n\n {error.message}\n
\n {(error.code === 'UsernameExistsException') &&\n\n
\n }\n \n {email}\n
\n \n\n\n \n
\n \n :\n <>\n \n You got mail!\n
\n\n {email}\n
\n\n \n
\n \n }\n \n }\n \n \n
\n {resend && \n We sent new verification code to {email}\n
}\n\n \n {/*
\n */}\n
*/}\n \n \n \n \n \n
\n {/* 404
\nPage not found :(
\n\n Ooooups! Looks like you got lost.\n
\n\n
\n - \n
\n © {1900 + new Date().getYear()} , made with{\" \"}\n \n Creative Tim\n {\" \"}\n for a better web.\n
\n \n }\n />\n \n );\n}\n","import React, { useEffect } from 'react';\nimport { Router } from 'react-router';\nimport { Switch } from 'react-router';\nimport { Route } from 'react-router';\nimport AboutUsPage from 'views/AboutUsPage/AboutUsPage.js';\nimport LandingPage from 'views/LandingPage/LandingPage.js';\nimport LoginPage from 'views/LoginPage/LoginPage.js';\nimport SignupPage from 'views/SignupPage/SignupPage.js';\nimport { createBrowserHistory } from 'history';\nimport { useSetRecoilState } from 'recoil'\n\nconst history = createBrowserHistory()\n\nimport { Auth, Hub, Logger } from 'aws-amplify';\nimport { signedInAtom } from 'atoms/signedInAtom';\nimport ErrorPage from 'views/ErrorPage/ErrorPage.js';\n\nconst logger = new Logger('auth-logger')\n\nconst listener = (data, { setLoggedIn }) => {\n switch (data.payload.event) {\n case 'signIn':\n setLoggedIn(true)\n logger.info('user signed in');\n break;\n case 'signUp':\n setLoggedIn(true)\n logger.info('user signed up');\n break;\n case 'signOut':\n setLoggedIn(false)\n logger.info('user signed out');\n break;\n case 'signIn_failure':\n logger.error('user sign in failed');\n break;\n case 'tokenRefresh':\n logger.info('token refresh succeeded');\n break;\n case 'tokenRefresh_failure':\n logger.error('token refresh failed');\n break;\n case 'configured':\n logger.info('the Auth module is configured');\n }\n}\n\nconst App = () => {\n const setLoggedIn = useSetRecoilState(signedInAtom)\n\n useEffect(() => {\n Hub.listen('auth', (data) => listener(data, { setLoggedIn }))\n return () => {\n Hub.remove('auth')\n }\n }, []);\n\n useEffect(() => {\n Auth.currentAuthenticatedUser()\n .then(() => setLoggedIn(true))\n .catch(() => setLoggedIn(false))\n }, []);\n\n return