\r\n )\r\n}","import './blogSection.css';\r\nimport Loading from 'Components/ContentLoading';\r\nimport React from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n\r\n// Import Swiper styles\r\nimport \"../HeroSlider/swiper-bundle.min.css\";\r\n\r\nimport \"./blogSection.css\";\r\n\r\n\r\n// import Swiper core and required modules\r\nimport SwiperCore, {\r\n Pagination, Navigation\r\n} from 'swiper';\r\nimport { Link } from 'react-router-dom';\r\n\r\n\r\n\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\n\r\n// end\r\n\r\nexport default function BlogSection(props) {\r\n const data = props.dataPosts;\r\n if(!data) {return }\r\n return (\r\n <>\r\n \r\n\r\n {data.map(item => (\r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n
{item.post_category}
\r\n
\r\n
\r\n
\r\n
{item.title}
\r\n
\r\n
\r\n \r\n ))}\r\n\r\n\r\n \r\n \r\n );\r\n}","import Loading from 'Components/ContentLoading';\r\nimport Iframe from 'react-iframe';\r\n\r\nexport default function Newsletter (props) {\r\n\r\n const {heading, shortDes} = props;\r\n const data = props.homeAllData;\r\n if (!data) return ;\r\n const {subscribe_img, subscribe_background_color} = data[0].subscribe_image;\r\n \r\n \r\n return(\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{heading}
\r\n
{shortDes}
\r\n
\r\n {/* */}\r\n \r\n \r\n \r\n \r\n
\r\n The icons are visible on Desktop mode inside an iframe. Since\r\n the iframe is not working on Mobile and Tablets please visit\r\n the icons on their original page on Google. Check the\r\n \r\n Material Icons\r\n \r\n
\r\n Far far away, behind the word mountains, far from the\r\n countries Vokalia and Consonantia, there live the\r\n blind texts. Separated they live in Bookmarksgrove\r\n right at the coast of the Semantics, a large language\r\n ocean. A small river named Duden flows by their place\r\n and supplies it with the necessary regelialia. It is a\r\n paradisematic country, in which roasted parts of\r\n sentences fly into your mouth. Even the all-powerful\r\n Pointing has no control about the blind texts it is an\r\n almost unorthographic life One day however a small\r\n line of blind text by the name of Lorem Ipsum decided\r\n to leave for the far World of Grammar.\r\n
\r\n \r\n \r\n \r\n The first step is to create an account at{\" \"}\r\n \r\n Creative Tim\r\n \r\n . You can choose a social network or go for the\r\n classic version, whatever works best for you.\r\n \r\n }\r\n image={noticeModal1}\r\n className={classes.instructionNoticeModal}\r\n imageClassName={classes.imageNoticeModal}\r\n />\r\n \r\n The first step is to create an account at{\" \"}\r\n \r\n Creative Tim\r\n \r\n . You can choose a social network or go for the\r\n classic version, whatever works best for you.\r\n \r\n }\r\n image={noticeModal2}\r\n className={classes.instructionNoticeModal}\r\n imageClassName={classes.imageNoticeModal}\r\n />\r\n
\r\n If you have more questions, don{\"'\"}t hesitate to\r\n contact us or send us a tweet @creativetim. We{\"'\"}\r\n re here to help!\r\n
\r\n \r\n \r\n Completely synergize resource taxing relationships via\r\n premier niche markets. Professionally cultivate one-to-one\r\n customer service with robust ideas.\r\n \r\n \r\n Dynamically innovate resource-leveling customer service\r\n for state of the art customer service.\r\n \r\n \r\n ),\r\n },\r\n {\r\n tabButton: \"Help Center\",\r\n tabIcon: HelpOutline,\r\n tabContent: (\r\n \r\n \r\n
Help center
\r\n
\r\n More information here\r\n
\r\n \r\n \r\n From the seamless transition of glass and metal to the\r\n streamlined profile, every detail was carefully considered\r\n to enhance your experience. So while its display is\r\n larger, the phone feels just right.\r\n \r\n \r\n Another Text. The first thing you notice when you hold the\r\n phone is how great it feels in your hand. The cover glass\r\n curves down around the sides to meet the anodized aluminum\r\n enclosure in a remarkable, simplified design.\r\n \r\n \r\n ),\r\n },\r\n ]}\r\n />\r\n \r\n \r\n
\r\n الأجل المتساقطة، من. عرض بسبب وأكثرها الاندونيسية بـ.\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
المتحدة لتقليعة
\r\n
\r\n weekend\r\n
\r\n
\r\n قائمة\r\n
\r\n
\r\n الأجل المتساقطة، من. عرض بسبب وأكثرها الاندونيسية بـ.\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n بعد و وسوء الأحمر, دون عقبت الهادي أم, قد حول قادة حكومة\r\n يتعلّق. أخذ حصدت اوروبا أن, كلا مهمّات اسبوعين التخطيط عل.\r\n وإيطالي الأوروبي و نفس. صفحة احداث أضف ان, هو مرجع نهاية\r\n لهيمنة كما. تم مايو لفشل المدن دول, جعل أن عسكرياً التّحول\r\n استرجاع.\r\n
\r\n \r\n );\r\n}\r\n\r\n// Define a custom filter filter function!\r\nfunction filterGreaterThan(rows, id, filterValue) {\r\n return rows.filter((row) => {\r\n const rowValue = row.values[id];\r\n return rowValue >= filterValue;\r\n });\r\n}\r\n\r\n// This is an autoRemove method on the filter function that\r\n// when given the new filter value and returns true, the filter\r\n// will be automatically removed. Normally this is just an undefined\r\n// check, but here, we want to remove the filter if it's not a number\r\nfilterGreaterThan.autoRemove = (val) => typeof val !== \"number\";\r\n\r\nexport default Table;\r\n","import React from \"react\";\r\n\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n// @material-ui/icons\r\nimport Assignment from \"@material-ui/icons/Assignment\";\r\nimport Dvr from \"@material-ui/icons/Dvr\";\r\nimport Favorite from \"@material-ui/icons/Favorite\";\r\nimport Close from \"@material-ui/icons/Close\";\r\n// core components\r\nimport GridContainer from \"../../components/Grid/GridContainer.js\";\r\nimport GridItem from \"../../components/Grid/GridItem.js\";\r\nimport Button from \"../../components/CustomButtons/Button.js\";\r\nimport Card from \"../../components/Card/Card.js\";\r\nimport CardBody from \"../../components/Card/CardBody.js\";\r\nimport CardIcon from \"../../components/Card/CardIcon.js\";\r\nimport CardHeader from \"../../components/Card/CardHeader.js\";\r\nimport ReactTable from \"../../components/ReactTable/ReactTable.js\";\r\n\r\nimport { dataTable } from \"../../variables/general.js\";\r\n\r\nimport { cardTitle } from \"../../assets/jss/material-dashboard-pro-react.js\";\r\n\r\nconst styles = {\r\n cardIconTitle: {\r\n ...cardTitle,\r\n marginTop: \"15px\",\r\n marginBottom: \"0px\",\r\n },\r\n};\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function ReactTables() {\r\n const [data, setData] = React.useState(\r\n dataTable.dataRows.map((prop, key) => {\r\n return {\r\n id: key,\r\n name: prop[0],\r\n position: prop[1],\r\n office: prop[2],\r\n age: prop[3],\r\n actions: (\r\n // we've added some custom button actions\r\n
\r\n {/* use this button to add a like kind of action */}\r\n {\r\n let obj = data.find((o) => o.id === key);\r\n alert(\r\n \"You've clicked LIKE button on \\n{ \\nName: \" +\r\n obj.name +\r\n \", \\nposition: \" +\r\n obj.position +\r\n \", \\noffice: \" +\r\n obj.office +\r\n \", \\nage: \" +\r\n obj.age +\r\n \"\\n}.\"\r\n );\r\n }}\r\n color=\"info\"\r\n className=\"like\"\r\n >\r\n \r\n {\" \"}\r\n {/* use this button to add a edit kind of action */}\r\n {\r\n let obj = data.find((o) => o.id === key);\r\n alert(\r\n \"You've clicked EDIT button on \\n{ \\nName: \" +\r\n obj.name +\r\n \", \\nposition: \" +\r\n obj.position +\r\n \", \\noffice: \" +\r\n obj.office +\r\n \", \\nage: \" +\r\n obj.age +\r\n \"\\n}.\"\r\n );\r\n }}\r\n color=\"warning\"\r\n className=\"edit\"\r\n >\r\n \r\n {\" \"}\r\n {/* use this button to remove the data row */}\r\n {\r\n var newData = data;\r\n newData.find((o, i) => {\r\n if (o.id === key) {\r\n // here you should add some custom code so you can delete the data\r\n // from this component and from your server as well\r\n newData.splice(i, 1);\r\n return true;\r\n }\r\n return false;\r\n });\r\n setData([...newData]);\r\n }}\r\n color=\"danger\"\r\n className=\"remove\"\r\n >\r\n \r\n {\" \"}\r\n
\r\n \r\n A beautiful plugin, that replace the classic alert, Handcrafted by\r\n our friend{\" \"}\r\n \r\n Daniel Jorgensen\r\n \r\n . Please check out the{\" \"}\r\n \r\n full documentation.\r\n \r\n .\r\n \r\n }\r\n />\r\n {alert}\r\n \r\n \r\n \r\n \r\n
\r\n
Basic example
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
A title with a text under
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
A success message
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
Custom HTML description
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n A warning message, with a function attached to the {'\"'}\r\n Confirm{'\"'}\r\n Button...\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n ...and by passing a parameter, you can execute something else\r\n for {'\"'}Cancel{'\"'}\r\n
\r\n \r\n Try me!\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
A message with auto close timer set to 2 seconds
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
Modal window with input field
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport styles from \"assets/jss/material-dashboard-pro-react/components/typographyStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function Quote(props) {\r\n const classes = useStyles();\r\n const { text, author } = props;\r\n return (\r\n
\r\n
{text}
\r\n {author}\r\n
\r\n );\r\n}\r\n\r\nQuote.propTypes = {\r\n text: PropTypes.node,\r\n author: PropTypes.node,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport styles from \"assets/jss/material-dashboard-pro-react/components/typographyStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function Muted(props) {\r\n const classes = useStyles();\r\n const { children } = props;\r\n return (\r\n
\r\n {children}\r\n
\r\n );\r\n}\r\n\r\nMuted.propTypes = {\r\n children: PropTypes.node,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport styles from \"assets/jss/material-dashboard-pro-react/components/typographyStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function Primary(props) {\r\n const classes = useStyles();\r\n const { children } = props;\r\n return (\r\n
\r\n {children}\r\n
\r\n );\r\n}\r\n\r\nPrimary.propTypes = {\r\n children: PropTypes.node,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport styles from \"assets/jss/material-dashboard-pro-react/components/typographyStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function Info(props) {\r\n const classes = useStyles();\r\n const { children } = props;\r\n return (\r\n
\r\n {children}\r\n
\r\n );\r\n}\r\n\r\nInfo.propTypes = {\r\n children: PropTypes.node,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport styles from \"assets/jss/material-dashboard-pro-react/components/typographyStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function Success(props) {\r\n const classes = useStyles();\r\n const { children } = props;\r\n return (\r\n
\r\n {children}\r\n
\r\n );\r\n}\r\n\r\nSuccess.propTypes = {\r\n children: PropTypes.node,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport styles from \"assets/jss/material-dashboard-pro-react/components/typographyStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function Warning(props) {\r\n const classes = useStyles();\r\n const { children } = props;\r\n return (\r\n
\r\n {children}\r\n
\r\n );\r\n}\r\n\r\nWarning.propTypes = {\r\n children: PropTypes.node,\r\n};\r\n","import React from \"react\";\r\n\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n// core components\r\nimport Quote from \"../../components/Typography/Quote.js\";\r\nimport Muted from \"../../components/Typography/Muted.js\";\r\nimport Primary from \"../../components/Typography/Primary.js\";\r\nimport Info from \"../../components/Typography/Info.js\";\r\nimport Success from \"../../components/Typography/Success.js\";\r\nimport Warning from \"../../components/Typography/Warning.js\";\r\nimport Danger from \"../../components/Typography/Danger.js\";\r\nimport Heading from \"../../components/Heading/Heading.js\";\r\nimport Card from \"../../components/Card/Card.js\";\r\nimport CardBody from \"../../components/Card/CardBody.js\";\r\n\r\nconst styles = {\r\n typo: {\r\n paddingLeft: \"25%\",\r\n marginBottom: \"40px\",\r\n position: \"relative\",\r\n },\r\n note: {\r\n fontFamily: '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif',\r\n bottom: \"10px\",\r\n color: \"#c0c1c2\",\r\n display: \"block\",\r\n fontWeight: \"400\",\r\n fontSize: \"13px\",\r\n lineHeight: \"13px\",\r\n left: \"0\",\r\n marginLeft: \"20px\",\r\n position: \"absolute\",\r\n width: \"260px\",\r\n },\r\n};\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function Typography() {\r\n const classes = useStyles();\r\n return (\r\n
\r\n \r\n \r\n \r\n
\r\n
Header 1
\r\n
The Life of Material Dashboard
\r\n
\r\n
\r\n
Header 2
\r\n
The Life of Material Dashboard
\r\n
\r\n
\r\n
Header 3
\r\n
The Life of Material Dashboard
\r\n
\r\n
\r\n
Header 4
\r\n
The Life of Material Dashboard
\r\n
\r\n
\r\n
Header 5
\r\n
The Life of Material Dashboard
\r\n
\r\n
\r\n
Header 6
\r\n
The Life of Material Dashboard
\r\n
\r\n
\r\n
Paragraph
\r\n
\r\n I will be the leader of a company that ends up being worth\r\n billions of dollars, because I got the answers. I understand\r\n culture. I am the nucleus. I think that’s a responsibility that I\r\n have, to push possibilities, to show people, this is the level\r\n that things could be at.\r\n
\r\n
\r\n
\r\n
Quote
\r\n \r\n
\r\n
\r\n
Muted Text
\r\n \r\n I will be the leader of a company that ends up being worth\r\n billions of dollars, because I got the answers...\r\n \r\n
\r\n
\r\n
Primary Text
\r\n \r\n I will be the leader of a company that ends up being worth\r\n billions of dollars, because I got the answers...\r\n \r\n
\r\n
\r\n
Info Text
\r\n \r\n I will be the leader of a company that ends up being worth\r\n billions of dollars, because I got the answers...\r\n \r\n
\r\n
\r\n
Success Text
\r\n \r\n I will be the leader of a company that ends up being worth\r\n billions of dollars, because I got the answers...\r\n \r\n
\r\n
\r\n
Warning Text
\r\n \r\n I will be the leader of a company that ends up being worth\r\n billions of dollars, because I got the answers...\r\n \r\n
\r\n
\r\n
Danger Text
\r\n \r\n I will be the leader of a company that ends up being worth\r\n billions of dollars, because I got the answers...\r\n \r\n
\r\n
\r\n
Small Tag
\r\n
\r\n Header with small subtitle\r\n \r\n \r\n Use {'\"'}small{'\"'} tag for the headers\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/marc.5d8f9145.jpg\";","import React from \"react\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\n\r\n// @material-ui/icons\r\nimport PermIdentity from \"@material-ui/icons/PermIdentity\";\r\n\r\n// core components\r\nimport GridContainer from \"../../components/Grid/GridContainer.js\";\r\nimport GridItem from \"../../components/Grid/GridItem.js\";\r\nimport Button from \"../../components/CustomButtons/Button.js\";\r\nimport CustomInput from \"../../components/CustomInput/CustomInput.js\";\r\nimport Clearfix from \"../../components/Clearfix/Clearfix.js\";\r\nimport Card from \"../../components/Card/Card.js\";\r\nimport CardBody from \"../../components/Card/CardBody.js\";\r\nimport CardHeader from \"../../components/Card/CardHeader.js\";\r\nimport CardIcon from \"../../components/Card/CardIcon.js\";\r\nimport CardAvatar from \"../../components/Card/CardAvatar.js\";\r\n\r\nimport styles from \"../../assets/jss/material-dashboard-pro-react/views/userProfileStyles.js\";\r\n\r\nimport avatar from \"../../assets/img/faces/marc.jpg\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function UserProfile() {\r\n const classes = useStyles();\r\n return (\r\n
\r\n Don{\"'\"}t be scared of the truth because we need to restart the\r\n human foundation in truth And I love you like Kanye loves Kanye\r\n I love Rick Owens’ bed design but the back is...\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import {\r\n cardTitle,\r\n dangerColor,\r\n whiteColor,\r\n grayColor,\r\n} from \"assets/jss/material-dashboard-pro-react.js\";\r\nimport customCheckboxRadioSwitch from \"assets/jss/material-dashboard-pro-react/customCheckboxRadioSwitch.js\";\r\n\r\nconst validationFormsStyle = {\r\n ...customCheckboxRadioSwitch,\r\n cardTitle: {\r\n ...cardTitle,\r\n color: whiteColor,\r\n },\r\n cardIconTitle: {\r\n ...cardTitle,\r\n marginTop: \"15px\",\r\n marginBottom: \"0px\",\r\n },\r\n formCategory: {\r\n marginBottom: \"0\",\r\n color: grayColor[0],\r\n fontSize: \"14px\",\r\n padding: \"10px 0 10px\",\r\n },\r\n center: {\r\n textAlign: \"center\",\r\n },\r\n justifyContentCenter: {\r\n justifyContent: \"center\",\r\n },\r\n registerButton: {\r\n float: \"right\",\r\n },\r\n danger: {\r\n color: dangerColor[0] + \"!important\",\r\n },\r\n};\r\n\r\nexport default validationFormsStyle;\r\n","/*eslint-disable*/\r\nimport React from \"react\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport FormLabel from \"@material-ui/core/FormLabel\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\n\r\n// material ui icons\r\nimport MailOutline from \"@material-ui/icons/MailOutline\";\r\nimport Contacts from \"@material-ui/icons/Contacts\";\r\nimport Check from \"@material-ui/icons/Check\";\r\nimport Close from \"@material-ui/icons/Close\";\r\n\r\n// core components\r\nimport GridContainer from \"../../components/Grid/GridContainer.js\";\r\nimport GridItem from \"../../components/Grid/GridItem.js\";\r\nimport CustomInput from \"../../components/CustomInput/CustomInput.js\";\r\nimport Button from \"../../components/CustomButtons/Button.js\";\r\nimport Card from \"../../components/Card/Card.js\";\r\nimport CardHeader from \"../../components/Card/CardHeader.js\";\r\nimport CardText from \"../../components/Card/CardText.js\";\r\nimport CardIcon from \"../../components/Card/CardIcon.js\";\r\nimport CardBody from \"../../components/Card/CardBody.js\";\r\nimport CardFooter from \"../../components/Card/CardFooter.js\";\r\n\r\n// style for this view\r\nimport styles from \"../../assets/jss/material-dashboard-pro-react/views/validationFormsStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function ValidationForms() {\r\n // register form\r\n const [registerEmail, setregisterEmail] = React.useState(\"\");\r\n const [registerEmailState, setregisterEmailState] = React.useState(\"\");\r\n const [registerPassword, setregisterPassword] = React.useState(\"\");\r\n const [registerPasswordState, setregisterPasswordState] = React.useState(\"\");\r\n const [registerConfirmPassword, setregisterConfirmPassword] = React.useState(\r\n \"\"\r\n );\r\n const [\r\n registerConfirmPasswordState,\r\n setregisterConfirmPasswordState,\r\n ] = React.useState(\"\");\r\n const [registerCheckbox, setregisterCheckbox] = React.useState(false);\r\n const [registerCheckboxState, setregisterCheckboxState] = React.useState(\"\");\r\n // login form\r\n const [loginEmail, setloginEmail] = React.useState(\"\");\r\n const [loginEmailState, setloginEmailState] = React.useState(\"\");\r\n const [loginPassword, setloginPassword] = React.useState(\"\");\r\n const [loginPasswordState, setloginPasswordState] = React.useState(\"\");\r\n // type validation\r\n const [required, setrequired] = React.useState(\"\");\r\n const [requiredState, setrequiredState] = React.useState(\"\");\r\n const [typeEmail, settypeEmail] = React.useState(\"\");\r\n const [typeEmailState, settypeEmailState] = React.useState(\"\");\r\n const [number, setnumber] = React.useState(\"\");\r\n const [numberState, setnumberState] = React.useState(\"\");\r\n const [url, seturl] = React.useState(\"\");\r\n const [urlState, seturlState] = React.useState(\"\");\r\n const [equalTo, setequalTo] = React.useState(\"\");\r\n const [whichEqualTo, setwhichEqualTo] = React.useState(\"\");\r\n const [equalToState, setequalToState] = React.useState(\"\");\r\n // range validation\r\n const [minLength, setminLength] = React.useState(\"\");\r\n const [minLengthState, setminLengthState] = React.useState(\"\");\r\n const [maxLength, setmaxLength] = React.useState(\"\");\r\n const [maxLengthState, setmaxLengthState] = React.useState(\"\");\r\n const [range, setrange] = React.useState(\"\");\r\n const [rangeState, setrangeState] = React.useState(\"\");\r\n const [minValue, setminValue] = React.useState(\"\");\r\n const [minValueState, setminValueState] = React.useState(\"\");\r\n const [maxValue, setmaxValue] = React.useState(\"\");\r\n const [maxValueState, setmaxValueState] = React.useState(\"\");\r\n // function that returns true if value is email, false otherwise\r\n const verifyEmail = (value) => {\r\n var emailRex = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n if (emailRex.test(value)) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n // function that verifies if a string has a given length or not\r\n const verifyLength = (value, length) => {\r\n if (value.length >= length) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n // function that verifies if value contains only numbers\r\n const verifyNumber = (value) => {\r\n var numberRex = new RegExp(\"^[0-9]+$\");\r\n if (numberRex.test(value)) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n // verifies if value is a valid URL\r\n const verifyUrl = (value) => {\r\n try {\r\n new URL(value);\r\n return true;\r\n } catch (_) {\r\n return false;\r\n }\r\n };\r\n const registerClick = () => {\r\n if (registerEmailState === \"\") {\r\n setregisterEmailState(\"error\");\r\n }\r\n if (registerPasswordState === \"\") {\r\n setregisterPasswordState(\"error\");\r\n }\r\n if (registerConfirmPasswordState === \"\") {\r\n setregisterConfirmPasswordState(\"error\");\r\n }\r\n if (registerCheckboxState === \"\") {\r\n setregisterCheckboxState(\"error\");\r\n }\r\n };\r\n const loginClick = () => {\r\n if (loginEmailState === \"\") {\r\n setloginEmailState(\"error\");\r\n }\r\n if (loginPasswordState === \"\") {\r\n setloginPasswordState(\"error\");\r\n }\r\n };\r\n const typeClick = () => {\r\n if (requiredState === \"\") {\r\n setrequiredState(\"error\");\r\n }\r\n if (typeEmailState === \"\") {\r\n settypeEmailState(\"error\");\r\n }\r\n if (numberState === \"\") {\r\n setnumberState(\"error\");\r\n }\r\n if (urlState === \"\") {\r\n seturlState(\"error\");\r\n }\r\n if (equalToState === \"\") {\r\n setequalToState(\"error\");\r\n }\r\n };\r\n const rangeClick = () => {\r\n if (minLengthState === \"\") {\r\n setminLengthState(\"error\");\r\n }\r\n if (maxLengthState === \"\") {\r\n setmaxLengthState(\"error\");\r\n }\r\n if (rangeState === \"\") {\r\n setrangeState(\"error\");\r\n }\r\n if (minValueState === \"\") {\r\n setminValueState(\"error\");\r\n }\r\n if (maxValueState === \"\") {\r\n setmaxValueState(\"error\");\r\n }\r\n };\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n This is good if your company size is between 2 and 10\r\n Persons.\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
Freelancer
\r\n
\r\n weekend\r\n
\r\n
\r\n FREE\r\n
\r\n
\r\n This is good if your company size is between 2 and 10\r\n Persons.\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Your products, all the kits that I have downloaded from your\r\n site and worked with are sooo cool! I love the color\r\n mixtures, cards... everything. Keep up the great work!\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n// import InputLabel from \"@material-ui/core/InputLabel\";\r\n// @material-ui/icons\r\nimport PermIdentity from \"@material-ui/icons/PermIdentity\";\r\n// core components\r\nimport GridContainer from \"../../../components/Grid/GridContainer.js\";\r\nimport GridItem from \"../../../components/Grid/GridItem.js\";\r\nimport Button from \"../../../components/CustomButtons/Button.js\";\r\nimport CustomInput from \"../../../components/CustomInput/CustomInput.js\";\r\nimport Clearfix from \"../../../components/Clearfix/Clearfix.js\";\r\nimport Card from \"../../../components/Card/Card.js\";\r\nimport CardBody from \"../../../components/Card/CardBody.js\";\r\nimport CardHeader from \"../../../components/Card/CardHeader.js\";\r\nimport CardIcon from \"../../../components/Card/CardIcon.js\";\r\nimport styles from \"../../../assets/jss/material-dashboard-pro-react/views/userProfileStyles.js\";\r\n// import { InputLabel } from \"@material-ui/core\";\r\n\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst ContactusForm=()=> {\r\n const classes = useStyles();\r\n return (\r\n
\r\n );\r\n}\r\nexport default ContactusForm","import React from \"react\";\r\nimport cx from \"classnames\";\r\nimport { Routes, Route, Navigate } from \"react-router-dom\";\r\n// creates a beautiful scrollbar\r\nimport PerfectScrollbar from \"perfect-scrollbar\";\r\nimport \"perfect-scrollbar/css/perfect-scrollbar.css\";\r\n\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n// core components\r\nimport AdminNavbar from \"../components/Navbars/AdminNavbar.js\";\r\nimport Footer from \"../components/Footer/Footer.js\";\r\nimport Sidebar from \"../components/Sidebar/Sidebar.js\";\r\nimport FixedPlugin from \"../components/FixedPlugin/FixedPlugin.js\";\r\n\r\nimport routes from \"../routes\";\r\n\r\nimport styles from \"../assets/jss/material-dashboard-pro-react/layouts/adminStyle.js\";\r\n\r\nvar ps;\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function Dashboard(props) {\r\n const { ...rest } = props;\r\n // states and functions\r\n const [mobileOpen, setMobileOpen] = React.useState(false);\r\n const [miniActive, setMiniActive] = React.useState(false);\r\n const [image, setImage] = React.useState(\r\n require(\"../assets/img/sidebar-2.jpg\").default\r\n );\r\n const [color, setColor] = React.useState(\"blue\");\r\n const [bgColor, setBgColor] = React.useState(\"black\");\r\n // const [hasImage, setHasImage] = React.useState(true);\r\n const [fixedClasses, setFixedClasses] = React.useState(\"dropdown\");\r\n const [logo, setLogo] = React.useState(\r\n require(\"../assets/img/logo-white.svg\").default\r\n );\r\n // styles\r\n const classes = useStyles();\r\n const mainPanelClasses =\r\n classes.mainPanel +\r\n \" \" +\r\n cx({\r\n [classes.mainPanelSidebarMini]: miniActive,\r\n [classes.mainPanelWithPerfectScrollbar]:\r\n navigator.platform.indexOf(\"Win\") > -1,\r\n });\r\n // ref for main panel div\r\n const mainPanel = React.createRef();\r\n // effect instead of componentDidMount, componentDidUpdate and componentWillUnmount\r\n React.useEffect(() => {\r\n if (navigator.platform.indexOf(\"Win\") > -1) {\r\n ps = new PerfectScrollbar(mainPanel.current, {\r\n suppressScrollX: true,\r\n suppressScrollY: false,\r\n });\r\n document.body.style.overflow = \"hidden\";\r\n }\r\n window.addEventListener(\"resize\", resizeFunction);\r\n\r\n // Specify how to clean up after this effect:\r\n return function cleanup() {\r\n if (navigator.platform.indexOf(\"Win\") > -1) {\r\n ps.destroy();\r\n }\r\n window.removeEventListener(\"resize\", resizeFunction);\r\n };\r\n });\r\n // functions for changeing the states from components\r\n const handleImageClick = (image) => {\r\n setImage(image);\r\n };\r\n const handleColorClick = (color) => {\r\n setColor(color);\r\n };\r\n const handleBgColorClick = (bgColor) => {\r\n switch (bgColor) {\r\n case \"white\":\r\n setLogo(require(\"../assets/img/logo.svg\").default);\r\n break;\r\n default:\r\n setLogo(require(\"../assets/img/logo-white.svg\").default);\r\n break;\r\n }\r\n setBgColor(bgColor);\r\n };\r\n const handleFixedClick = () => {\r\n if (fixedClasses === \"dropdown\") {\r\n setFixedClasses(\"dropdown show\");\r\n } else {\r\n setFixedClasses(\"dropdown\");\r\n }\r\n };\r\n const handleDrawerToggle = () => {\r\n setMobileOpen(!mobileOpen);\r\n };\r\n const getRoute = () => {\r\n return window.location.pathname !== \"/admin/full-screen-maps\";\r\n };\r\n const getActiveRoute = (routes) => {\r\n let activeRoute = \"Default Brand Text\";\r\n for (let i = 0; i < routes.length; i++) {\r\n if (routes[i].collapse) {\r\n let collapseActiveRoute = getActiveRoute(routes[i].views);\r\n if (collapseActiveRoute !== activeRoute) {\r\n return collapseActiveRoute;\r\n }\r\n } else {\r\n if (\r\n window.location.href.indexOf(routes[i].layout + routes[i].path) !== -1\r\n ) {\r\n return routes[i].name;\r\n }\r\n }\r\n }\r\n return activeRoute;\r\n };\r\n const getRoutes = (routes) => {\r\n return routes.map((prop, key) => {\r\n if (prop.collapse) {\r\n return getRoutes(prop.views);\r\n }\r\n if (prop.layout === \"/admin\") {\r\n return (\r\n \r\n );\r\n } else {\r\n return null;\r\n }\r\n });\r\n };\r\n const sidebarMinimize = () => {\r\n setMiniActive(!miniActive);\r\n };\r\n const resizeFunction = () => {\r\n if (window.innerWidth >= 960) {\r\n setMobileOpen(false);\r\n }\r\n };\r\n\r\n return (\r\n
\r\n \r\n
\r\n \r\n {/* On the /maps/full-screen-maps route we want the map to be on full screen - this is not possible if the content and conatiner classes are present because they have some paddings which would make the map smaller */}\r\n {getRoute() ? (\r\n