\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 { title, grayColor } from \"assets/jss/material-kit-pro-react.js\";\n\nconst productStyle = {\n section: {\n padding: \"70px 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 Adb from \"@material-ui/icons/Adb\";\nimport PinDrop from \"@material-ui/icons/PinDrop\";\nimport Settings from \"@material-ui/icons/Settings\";\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\nconst useStyles = makeStyles(productStyle);\n\nexport default function SectionProduct() {\n const classes = useStyles();\n return (\n {icon}
\n \n
\n {title}
\n{description}
\n \n \n \n \n \n
\n );\n}\n","/* eslint-disable prettier/prettier */\nimport {\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 Choose your journey
\n\n From discovery to implementation, from simple to complex, from\n incremental expansion to full-scale enterprise deployment, we will\n evolve your idea into a successful product.\n
\n\n \n \n \n \n \n \n \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 {\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 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 {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","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","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 \n {children}\n
\n );\n}\n\nMuted.propTypes = {\n children: PropTypes.node,\n};\n","export default __webpack_public_path__ + \"static/media/card-profile1-square.733ed295.jpg\";","export default __webpack_public_path__ + \"static/media/card-profile2-square.b2f1768e.jpg\";","export default __webpack_public_path__ + \"static/media/card-profile4-square.5020d349.jpg\";","export default __webpack_public_path__ + \"static/media/card-profile6-square.fee017b5.jpg\";","import {\n container,\n title,\n cardTitle,\n description,\n mlAuto,\n mrAuto,\n section,\n sectionDark,\n coloredShadow,\n blackColor,\n whiteColor,\n hexToRgb,\n} from \"assets/jss/material-kit-pro-react.js\";\n\nconst teamsSection = {\n container,\n title,\n mlAuto,\n mrAuto,\n cardTitle,\n coloredShadow,\n description,\n descriptionWhite: {\n ...description,\n },\n textCenter: {\n textAlign: \"center\",\n },\n team: {\n padding: \"80px 0\",\n \"& h5$description,& h5$descriptionWhite\": {\n marginBottom: \"80px\",\n },\n },\n section: {\n ...sectionDark,\n ...section,\n position: \"relative\",\n \"& $title\": {\n color: whiteColor,\n },\n \"& $descriptionWhite\": {\n color: \"rgba(\" + hexToRgb(whiteColor) + \", 0.76)\",\n },\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 },\n justifyContent: {\n WebkitBoxPack: \"center !important\",\n MsFlexPack: \"center !important\",\n justifyContent: \"center !important\",\n },\n cardCategory: {\n marginTop: \"10px\",\n },\n btn: {\n marginTop: \"0 !important\",\n },\n card3: {\n textAlign: \"left\",\n },\n card5: {\n textAlign: \"left\",\n \"& $cardTitle\": {\n color: whiteColor,\n },\n \"& $description\": {\n color: whiteColor,\n },\n },\n};\n\nexport default teamsSection;\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 cardTitle,\n title,\n grayColor,\n} from \"assets/jss/material-kit-pro-react.js\";\nimport imagesStyle from \"assets/jss/material-kit-pro-react/imagesStyles.js\";\n\nconst teamStyle = {\n section: {\n padding: \"70px 0\",\n textAlign: \"center\",\n },\n title: {\n ...title,\n marginBottom: \"1rem\",\n marginTop: \"30px\",\n minHeight: \"32px\",\n textDecoration: \"none\",\n },\n ...imagesStyle,\n itemGrid: {\n marginLeft: \"auto\",\n marginRight: \"auto\",\n },\n cardTitle,\n smallTitle: {\n color: grayColor[7],\n },\n description: {\n color: grayColor[0],\n },\n justifyCenter: {\n justifyContent: \"center !important\",\n },\n socials: {\n marginTop: \"0\",\n width: \"100%\",\n transform: \"none\",\n left: \"0\",\n top: \"0\",\n height: \"100%\",\n lineHeight: \"41px\",\n fontSize: \"20px\",\n color: grayColor[0],\n },\n margin5: {\n margin: \"5px\",\n },\n card3: {\n textAlign: \"center\",\n },\n};\n\nexport default teamStyle;\n","import React from \"react\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n// import from \"@material-ui/icons/\";\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 CardHeader from \"components/Card/CardHeader.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport Muted from \"components/Typography/Muted.js\";\n\nimport cardProfile1Square from \"assets/img/faces/card-profile1-square.jpg\";\nimport cardProfile2Square from \"assets/img/faces/card-profile2-square.jpg\";\nimport cardProfile4Square from \"assets/img/faces/card-profile4-square.jpg\";\nimport cardProfile6Square from \"assets/img/faces/card-profile6-square.jpg\";\n\nimport teamsStyle from \"assets/jss/material-kit-pro-react/views/sectionsSections/teamsStyle.js\";\nimport teamStyle from \"assets/jss/material-kit-pro-react/views/landingPageSections/teamStyle.js\";\n\nconst style = {\n ...teamsStyle,\n ...teamStyle,\n justifyContentCenter: {\n justifyContent: \"center\",\n },\n};\n\nconst useStyles = makeStyles(style);\n\nexport default function SectionTeam() {\n const classes = useStyles();\n return (\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 Samples of our work
\n\n \n \n \n \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 \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 Shape Recognition
\n\n Desktop automation\n
\n\n Automated building footprint simplification and shape\n classification\n
\nDMAP App
\nWeb App
\n\n An interactive web app for viewing Deer locations in the\n the State of PA\n
\nBillBoards Mgmt
\nWeb App
\n\n A web app for the management of billboards in some\n Egyptian cities\n
\nPublic Reporting Tool
\nWeb App
\n\n Public facing app for reporting the sighting of spotted\n spotted lanternflies\n
\n\n \n \n \n \n \n \n \n
\n );\n}\n","/*eslint-disable*/ 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 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 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 HeaderLinks from \"components/Header/HeaderLinks.js\";\nimport Parallax from \"components/Parallax/Parallax.js\";\n\nimport landingPageStyle from \"assets/jss/material-kit-pro-react/views/landingPageStyle.js\";\n\n// Sections for this page\nimport SectionProduct from \"./Sections/SectionProduct.js\";\nimport SectionTeam from \"./Sections/SectionTeam.js\";\nimport SectionWork from \"./Sections/SectionWork.js\";\n\nconst useStyles = makeStyles(landingPageStyle);\n\nexport default function LandingPage({ ...rest }) {\n React.useEffect(() => {\n window.scrollTo(0, 0);\n document.body.scrollTop = 0;\n });\n const classes = useStyles();\n return (\n Work with us
\n\n We work closely with you from discovery to finished product, with\n thorough dedication to your complete satisfaction in the solution.\n From modernizing or expanding your current applications or custom\n development through a complete life-cycle, we will deliver a result\n that is optimized for you. Please contact us for any of your\n software needs.\n
\n\n \n \n \n
\n }\n />\n \n );\n}\n","/*!\n\n=========================================================\n* Material Kit PRO React - v1.10.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/material-kit-pro-react\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { createBrowserHistory } from \"history\";\nimport { Router, Route, Switch } from \"react-router\";\n\nimport \"assets/scss/material-kit-pro-react.scss?v=1.10.0\";\n\nimport LandingPage from \"views/LandingPage/LandingPage.js\";\n\nvar hist = createBrowserHistory();\n\nReactDOM.render(\n \n \n \n
\n \n \n
\n A Digital Pathway
\n\n Pushing the boundaries of data and analysis to deliver meaningful, efficient and robust methods that transform data into insightful information and generate value for our clients.\n
\n\n
\n
\n \n
\n \n © {1900 + new Date().getYear()} , made with{\" \"}\n \n SapienTerra\n {\" \"}\n
\n