text: /*!
  
  =========================================================
  * Now UI Kit PRO React - v1.0.0
  =========================================================
  
  * Product Page: https://www.creative-tim.com/product/now-ui-kit-pro-react
  * Copyright 2019 Creative Tim (http://www.creative-tim.com)
  
  * Coded by Creative Tim
  
  =========================================================
  
  * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  
  */
  (window["webpackJsonpmaterial-kit-react"]=window["webpackJsonpmaterial-kit-react"]||[]).push([[0],{109:function(e,a,t){e.exports=t.p+"static/media/studio-1.ae0150c0.jpg"},110:function(e,a,t){e.exports=t.p+"static/media/olu-eletu.4112cbc1.jpg"},111:function(e,a,t){e.exports=t.p+"static/media/clem-onojeghuo.216ef03c.jpg"},112:function(e,a,t){e.exports=t.p+"static/media/mariya-georgieva.4575c40b.jpg"},150:function(e,a,t){e.exports=t.p+"static/media/bg2.84378183.jpg"},151:function(e,a,t){e.exports=t.p+"static/media/bg3.e76de24b.jpg"},152:function(e,a,t){e.exports=t.p+"static/media/sign.cf8b686b.jpg"},153:function(e,a,t){e.exports=t.p+"static/media/landing.08e18cb9.jpg"},154:function(e,a,t){e.exports=t.p+"static/media/profile.090a5aab.jpg"},157:function(e,a,t){e.exports=t.p+"static/media/kendall.e0508cc9.jpg"},158:function(e,a,t){e.exports=t.p+"static/media/studio-2.76e2987e.jpg"},159:function(e,a,t){e.exports=t.p+"static/media/studio-3.1d5451ce.jpg"},160:function(e,a,t){e.exports=t.p+"static/media/studio-4.e064d090.jpg"},161:function(e,a,t){e.exports=t.p+"static/media/studio-5.ef5c30ea.jpg"},162:function(e,a,t){e.exports=t.p+"static/media/cynthia-del-rio.9813593c.jpg"},163:function(e,a,t){e.exports=t.p+"static/media/clem-onojegaw.c058841b.jpg"},166:function(e,a,t){e.exports=t.p+"static/media/bg7.b08234a2.jpg"},184:function(e,a,t){e.exports=t(260)},189:function(e,a,t){},257:function(e,a,t){e.exports=t.p+"static/media/bg4.199e9ec1.jpg"},258:function(e,a,t){e.exports=t.p+"static/media/landing-bg.df8fd3ef.jpg"},259:function(e,a,t){e.exports=t.p+"static/media/profile-bg.baf6b40a.jpg"},260:function(e,a,t){"use strict";t.r(a);var r=t(0),n=t.n(r),o=t(16),l=t.n(o),i=t(30),c=t(46),s=(t(189),t(9)),m=t.n(s),d=t(43),p=t(303),u=t(5),b=t(18),g=t(306),h=t(307),x=t(264),f=t(305),E=t(331),v=t(308),k=t(136),w=t.n(k),N=t(7),y={paddingRight:"15px",paddingLeft:"15px",marginRight:"auto",marginLeft:"auto",width:"100%"},C=Object(N.a)({},y,{"@media (min-width: 576px)":{maxWidth:"540px"},"@media (min-width: 768px)":{maxWidth:"720px"},"@media (min-width: 992px)":{maxWidth:"960px"},"@media (min-width: 1200px)":{maxWidth:"1140px"}}),F={fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif',fontWeight:"300",lineHeight:"1.5em"},j={boxShadow:"0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2)"},I={boxShadow:"0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2)"},O={boxShadow:"0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2)"},S={boxShadow:"0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2)"},R={boxShadow:"0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2)"},T={boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4)"},L=Object(N.a)({color:"#fff",background:"linear-gradient(60deg, #ffa726, #fb8c00)"},S),H=Object(N.a)({color:"#fff",background:"linear-gradient(60deg, #66bb6a, #43a047)"},O),W=Object(N.a)({color:"#fff",background:"linear-gradient(60deg, #ef5350, #e53935)"},R),B=Object(N.a)({color:"#fff",background:"linear-gradient(60deg, #26c6da, #00acc1)"},I),z=Object(N.a)({color:"#fff",background:"linear-gradient(60deg, #ab47bc, #8e24aa)"},j),A=(Object(N.a)({color:"#fff",background:"linear-gradient(60deg, #ec407a, #d81b60)"},T),Object(N.a)({margin:"0 20px 10px",paddingTop:"10px",borderTop:"1px solid #eeeeee",height:"auto"},F),{color:"#3C4858",margin:"1.75rem 0 0.875rem",textDecoration:"none",fontWeight:"700",fontFamily:'"Roboto Slab", "Times New Roman", serif'}),D=Object(N.a)({},A,{marginTop:".625rem"}),P={appBar:{display:"flex",border:"0",borderRadius:"3px",padding:"0.625rem 0",marginBottom:"20px",color:"#555",width:"100%",backgroundColor:"#fff",boxShadow:"0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15)",transition:"all 150ms ease 0s",alignItems:"center",flexFlow:"row nowrap",justifyContent:"flex-start",position:"relative",zIndex:"unset"},absolute:{position:"absolute",zIndex:"1100"},fixed:{position:"fixed",zIndex:"1100"},container:Object(N.a)({},C,{minHeight:"50px",flex:"1",alignItems:"center",justifyContent:"space-between",display:"flex",flexWrap:"nowrap"}),flex:{flex:1},title:Object(N.a)({},F,{lineHeight:"30px",fontSize:"18px",borderRadius:"3px",textTransform:"none",color:"inherit",padding:"8px 16px",letterSpacing:"unset","&:hover,&:focus":{color:"inherit",background:"transparent"}}),appResponsive:{margin:"20px 10px"},primary:{backgroundColor:"#9c27b0",color:"#FFFFFF",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(156, 39, 176, 0.46)"},info:{backgroundColor:"#00acc1",color:"#FFFFFF",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(0, 188, 212, 0.46)"},success:{backgroundColor:"#4caf50",color:"#FFFFFF",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(76, 175, 80, 0.46)"},warning:{backgroundColor:"#ff9800",color:"#FFFFFF",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(255, 152, 0, 0.46)"},danger:{backgroundColor:"#f44336",color:"#FFFFFF",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(244, 67, 54, 0.46)"},rose:{backgroundColor:"#e91e63",color:"#FFFFFF",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(233, 30, 99, 0.46)"},transparent:{backgroundColor:"transparent !important",boxShadow:"none",paddingTop:"25px",color:"#FFFFFF"},dark:{color:"#FFFFFF",backgroundColor:"#212121 !important",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(33, 33, 33, 0.46)"},white:{border:"0",padding:"0.625rem 0",marginBottom:"20px",color:"#555",backgroundColor:"#fff !important",boxShadow:"0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15)"},drawerPaper:Object(N.a)({border:"none",bottom:"0",transitionProperty:"top, bottom, width",transitionDuration:".2s, .2s, .35s",transitionTimingFunction:"linear, linear, ease",width:260},{boxShadow:"0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)"},{position:"fixed",display:"block",top:"0",height:"100vh",right:"0",left:"auto",visibility:"visible",overflowY:"visible",borderTop:"none",textAlign:"left",paddingRight:"0px",paddingLeft:"0"},{transition:"all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1)"})},M=Object(p.a)(P);function K(e){var a,t=M(),r=n.a.useState(!1),o=Object(b.a)(r,2),l=o[0],i=o[1];n.a.useEffect((function(){return e.changeColorOnScroll&&window.addEventListener("scroll",s),function(){e.changeColorOnScroll&&window.removeEventListener("scroll",s)}}));var c=function(){i(!l)},s=function(){var a=e.color,r=e.changeColorOnScroll;window.pageYOffset>r.height?(document.body.getElementsByTagName("header")[0].classList.remove(t[a]),document.body.getElementsByTagName("header")[0].classList.add(t[r.color])):(document.body.getElementsByTagName("header")[0].classList.add(t[a]),document.body.getElementsByTagName("header")[0].classList.remove(t[r.color]))},d=e.color,p=e.rightLinks,k=e.leftLinks,N=e.brand,y=e.fixed,C=e.absolute,F=m()((a={},Object(u.a)(a,t.appBar,!0),Object(u.a)(a,t[d],d),Object(u.a)(a,t.absolute,C),Object(u.a)(a,t.fixed,y),a)),j=n.a.createElement(f.a,{className:t.title},N);return n.a.createElement(g.a,{className:F},n.a.createElement(h.a,{className:t.container},void 0!==k?j:null,n.a.createElement("div",{className:t.flex},void 0!==k?n.a.createElement(E.a,{smDown:!0,implementation:"css"},k):j),n.a.createElement(E.a,{smDown:!0,implementation:"css"},p),n.a.createElement(E.a,{mdUp:!0},n.a.createElement(x.a,{color:"inherit","aria-label":"open drawer",onClick:c},n.a.createElement(w.a,null)))),n.a.createElement(E.a,{mdUp:!0,implementation:"js"},n.a.createElement(v.a,{variant:"temporary",anchor:"right",open:l,classes:{paper:t.drawerPaper},onClose:c},n.a.createElement("div",{className:t.appResponsive},k,p))))}K.defaultProp={color:"white"};var _=t(267),U=t(268),Y=t(48),$=t.n(Y),G={block:{color:"inherit",padding:"0.9375rem",fontWeight:"500",fontSize:"12px",textTransform:"uppercase",borderRadius:"3px",textDecoration:"none",position:"relative",display:"block"},left:{float:"left!important",display:"block"},right:{padding:"15px 0",margin:"0",float:"right!important"},footer:{padding:"0.9375rem 0",textAlign:"center",display:"flex",zIndex:"2",position:"relative"},a:{color:"#9c27b0",textDecoration:"none",backgroundColor:"transparent"},footerWhiteFont:{"&,&:hover,&:focus":{color:"#FFFFFF"}},container:C,list:{marginBottom:"0",padding:"0",marginTop:"0"},inlineBlock:{display:"inline-block",padding:"0px",width:"auto"},icon:{width:"18px",height:"18px",position:"relative",top:"3px"}},V=Object(p.a)(G);function q(e){var a,t,r=V(),o=e.whiteFont,l=m()((a={},Object(u.a)(a,r.footer,!0),Object(u.a)(a,r.footerWhiteFont,o),a)),i=m()((t={},Object(u.a)(t,r.a,!0),Object(u.a)(t,r.footerWhiteFont,o),t));return n.a.createElement("footer",{className:l},n.a.createElement("div",{className:r.container},n.a.createElement("div",{className:r.left},n.a.createElement(_.a,{className:r.list},n.a.createElement(U.a,{className:r.inlineBlock},n.a.createElement("a",{href:"https://www.creative-tim.com/?ref=mkr-footer",className:r.block,target:"_blank"},"Creative Tim")),n.a.createElement(U.a,{className:r.inlineBlock},n.a.createElement("a",{href:"https://www.creative-tim.com/presentation?ref=mkr-footer",className:r.block,target:"_blank"},"About us")),n.a.createElement(U.a,{className:r.inlineBlock},n.a.createElement("a",{href:"http://blog.creative-tim.com/?ref=mkr-footer",className:r.block,target:"_blank"},"Blog")),n.a.createElement(U.a,{className:r.inlineBlock},n.a.createElement("a",{href:"https://www.creative-tim.com/license?ref=mkr-footer",className:r.block,target:"_blank"},"Licenses")))),n.a.createElement("div",{className:r.right},"\xa9 ",1900+(new Date).getYear()," , made with"," ",n.a.createElement($.a,{className:r.icon})," by"," ",n.a.createElement("a",{href:"https://www.creative-tim.com?ref=mkr-footer",className:i,target:"_blank"},"Creative Tim")," ","for a better web.")))}var Q=t(24),J=t(309),X=Object(p.a)({grid:{marginRight:"-15px",marginLeft:"-15px",width:"auto"}});function Z(e){var a=X(),t=e.children,r=e.className,o=Object(Q.a)(e,["children","className"]);return n.a.createElement(J.a,Object.assign({container:!0},o,{className:a.grid+" "+r}),t)}Z.defaultProps={className:""};var ee=Object(p.a)({grid:{position:"relative",width:"100%",minHeight:"1px",paddingRight:"15px",paddingLeft:"15px",flexBasis:"auto"}});function ae(e){var a=ee(),t=e.children,r=e.className,o=Object(Q.a)(e,["children","className"]);return n.a.createElement(J.a,Object.assign({item:!0},o,{className:a.grid+" "+r}),t)}ae.defaultProps={className:""};var te=t(137),re={button:{minHeight:"auto",minWidth:"auto",backgroundColor:"#999999",color:"#FFFFFF",boxShadow:"0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12)",border:"none",borderRadius:"3px",position:"relative",padding:"12px 30px",margin:".3125rem 1px",fontSize:"12px",fontWeight:"400",textTransform:"uppercase",letterSpacing:"0",willChange:"box-shadow, transform",transition:"box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1)",lineHeight:"1.42857143",textAlign:"center",whiteSpace:"nowrap",verticalAlign:"middle",touchAction:"manipulation",cursor:"pointer","&:hover,&:focus":{color:"#FFFFFF",backgroundColor:"#999999",boxShadow:"0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2)"},"& .fab,& .fas,& .far,& .fal,& .material-icons":{position:"relative",display:"inline-block",top:"0",fontSize:"1.1rem",marginRight:"4px",verticalAlign:"middle"},"& svg":{position:"relative",display:"inline-block",top:"0",width:"18px",height:"18px",marginRight:"4px",verticalAlign:"middle"},"&$justIcon":{"& .fab,& .fas,& .far,& .fal,& .material-icons":{marginRight:"0px",position:"absolute",width:"100%",transform:"none",left:"0px",top:"0px",height:"100%",lineHeight:"41px",fontSize:"20px"}}},fullWidth:{width:"100%"},primary:{backgroundColor:"#9c27b0",boxShadow:"0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12)","&:hover,&:focus":{backgroundColor:"#9c27b0",boxShadow:"0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2)"}},info:{backgroundColor:"#00acc1",boxShadow:"0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12)","&:hover,&:focus":{backgroundColor:"#00acc1",boxShadow:"0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2)"}},success:{backgroundColor:"#4caf50",boxShadow:"0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12)","&:hover,&:focus":{backgroundColor:"#4caf50",boxShadow:"0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2)"}},warning:{backgroundColor:"#ff9800",boxShadow:"0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12)","&:hover,&:focus":{backgroundColor:"#ff9800",boxShadow:"0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2)"}},danger:{backgroundColor:"#f44336",boxShadow:"0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12)","&:hover,&:focus":{backgroundColor:"#f44336",boxShadow:"0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2)"}},rose:{backgroundColor:"#e91e63",boxShadow:"0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12)","&:hover,&:focus":{backgroundColor:"#e91e63",boxShadow:"0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2)"}},white:{"&,&:focus,&:hover,&:visited":{backgroundColor:"#FFFFFF",color:"#999999"}},twitter:{backgroundColor:"#55acee",color:"#fff",boxShadow:"0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12)","&:hover,&:focus,&:visited":{backgroundColor:"#55acee",color:"#fff",boxShadow:"0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2)"}},facebook:{backgroundColor:"#3b5998",color:"#fff",boxShadow:"0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12)","&:hover,&:focus":{backgroundColor:"#3b5998",color:"#fff",boxShadow:"0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2)"}},google:{backgroundColor:"#dd4b39",color:"#fff",boxShadow:"0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12)","&:hover,&:focus":{backgroundColor:"#dd4b39",color:"#fff",boxShadow:"0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2)"}},github:{backgroundColor:"#333333",color:"#fff",boxShadow:"0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12)","&:hover,&:focus":{backgroundColor:"#333333",color:"#fff",boxShadow:"0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2)"}},simple:{"&,&:focus,&:hover,&:visited":{color:"#FFFFFF",background:"transparent",boxShadow:"none"},"&$primary":{"&,&:focus,&:hover,&:visited":{color:"#9c27b0"}},"&$info":{"&,&:focus,&:hover,&:visited":{color:"#00acc1"}},"&$success":{"&,&:focus,&:hover,&:visited":{color:"#4caf50"}},"&$warning":{"&,&:focus,&:hover,&:visited":{color:"#ff9800"}},"&$rose":{"&,&:focus,&:hover,&:visited":{color:"#e91e63"}},"&$danger":{"&,&:focus,&:hover,&:visited":{color:"#f44336"}},"&$twitter":{"&,&:focus,&:hover,&:visited":{color:"#55acee"}},"&$facebook":{"&,&:focus,&:hover,&:visited":{color:"#3b5998"}},"&$google":{"&,&:focus,&:hover,&:visited":{color:"#dd4b39"}},"&$github":{"&,&:focus,&:hover,&:visited":{color:"#333333"}}},transparent:{"&,&:focus,&:hover,&:visited":{color:"inherit",background:"transparent",boxShadow:"none"}},disabled:{opacity:"0.65",pointerEvents:"none"},lg:{padding:"1.125rem 2.25rem",fontSize:"0.875rem",lineHeight:"1.333333",borderRadius:"0.2rem"},sm:{padding:"0.40625rem 1.25rem",fontSize:"0.6875rem",lineHeight:"1.5",borderRadius:"0.2rem"},round:{borderRadius:"30px"},block:{width:"100% !important"},link:{"&,&:hover,&:focus":{backgroundColor:"transparent",color:"#999999",boxShadow:"none"}},justIcon:{paddingLeft:"12px",paddingRight:"12px",fontSize:"20px",height:"41px",minWidth:"41px",width:"41px","& .fab,& .fas,& .far,& .fal,& svg,& .material-icons":{marginRight:"0px"},"&$lg":{height:"57px",minWidth:"57px",width:"57px",lineHeight:"56px","& .fab,& .fas,& .far,& .fal,& .material-icons":{fontSize:"32px",lineHeight:"56px"},"& svg":{width:"32px",height:"32px"}},"&$sm":{height:"30px",minWidth:"30px",width:"30px","& .fab,& .fas,& .far,& .fal,& .material-icons":{fontSize:"17px",lineHeight:"29px"},"& svg":{width:"17px",height:"17px"}}}},ne=t.n(te)()((function(){return Object(N.a)({},re)})),oe=n.a.forwardRef((function(e,a){var t,r=e.color,o=e.round,l=e.children,i=e.fullWidth,c=e.disabled,s=e.simple,d=e.size,p=e.block,b=e.link,g=e.justIcon,h=e.className,x=Object(Q.a)(e,["color","round","children","fullWidth","disabled","simple","size","block","link","justIcon","className"]),E=ne(),v=m()((t={},Object(u.a)(t,E.button,!0),Object(u.a)(t,E[d],d),Object(u.a)(t,E[r],r),Object(u.a)(t,E.round,o),Object(u.a)(t,E.fullWidth,i),Object(u.a)(t,E.disabled,c),Object(u.a)(t,E.simple,s),Object(u.a)(t,E.block,p),Object(u.a)(t,E.link,b),Object(u.a)(t,E.justIcon,g),Object(u.a)(t,h,h),t));return n.a.createElement(f.a,Object.assign({},x,{ref:a,className:v}),l)})),le={parallax:{height:"90vh",maxHeight:"1000px",overflow:"hidden",position:"relative",backgroundPosition:"center center",backgroundSize:"cover",margin:"0",padding:"0",border:"0",display:"flex",alignItems:"center"},filter:{"&:before":{background:"rgba(0, 0, 0, 0.5)"},"&:after,&:before":{position:"absolute",zIndex:"1",width:"100%",height:"100%",display:"block",left:"0",top:"0",content:"''"}},small:{height:"380px"}},ie=Object(p.a)(le);function ce(e){var a,t;t=window.innerWidth>=768?window.pageYOffset/3:0;var r=n.a.useState("translate3d(0,"+t+"px,0)"),o=Object(b.a)(r,2),l=o[0],i=o[1];n.a.useEffect((function(){return window.innerWidth>=768&&window.addEventListener("scroll",c),function(){window.innerWidth>=768&&window.removeEventListener("scroll",c)}}));var c=function(){var e=window.pageYOffset/3;i("translate3d(0,"+e+"px,0)")},s=e.filter,d=e.className,p=e.children,g=e.style,h=e.image,x=e.small,f=ie(),E=m()((a={},Object(u.a)(a,f.parallax,!0),Object(u.a)(a,f.filter,s),Object(u.a)(a,f.small,x),Object(u.a)(a,d,void 0!==d),a));return n.a.createElement("div",{className:E,style:Object(N.a)({},g,{backgroundImage:"url("+h+")",transform:l})},p)}var se=t(317),me=t(315),de=t(316),pe=t(313),ue=t(312),be=t(311),ge=t(68),he=t(171),xe=t(314),fe=t(310),Ee=t(269),ve=function(e){return{popperClose:{pointerEvents:"none"},dropdown:{borderRadius:"3px",border:"0",boxShadow:"0 2px 5px 0 rgba(0, 0, 0, 0.26)",top:"100%",zIndex:"1000",minWidth:"160px",padding:"5px 0",margin:"2px 0 0",fontSize:"14px",textAlign:"left",listStyle:"none",backgroundColor:"#fff",backgroundClip:"padding-box"},menuList:{padding:"0"},popperResponsive:Object(u.a)({zIndex:"1200"},e.breakpoints.down("sm"),{zIndex:"1640",position:"static",float:"none",width:"auto",marginTop:"0",backgroundColor:"transparent",border:"0",boxShadow:"none",color:"black"}),dropdownItem:Object(N.a)({},F,{fontSize:"13px",padding:"10px 20px",margin:"0 5px",borderRadius:"2px",position:"relative",transition:"all 150ms linear",display:"block",clear:"both",fontWeight:"400",height:"fit-content",color:"#333",whiteSpace:"nowrap",minHeight:"unset"}),blackHover:{"&:hover":{boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4)",backgroundColor:"#212121",color:"#fff"}},primaryHover:{"&:hover":Object(N.a)({backgroundColor:"#9c27b0",color:"#FFFFFF"},j)},infoHover:{"&:hover":Object(N.a)({backgroundColor:"#00acc1",color:"#FFFFFF"},I)},successHover:{"&:hover":Object(N.a)({backgroundColor:"#4caf50",color:"#FFFFFF"},O)},warningHover:{"&:hover":Object(N.a)({backgroundColor:"#ff9800",color:"#FFFFFF"},S)},dangerHover:{"&:hover":Object(N.a)({backgroundColor:"#f44336",color:"#FFFFFF"},R)},roseHover:{"&:hover":Object(N.a)({backgroundColor:"#e91e63",color:"#FFFFFF"},T)},dropdownItemRTL:{textAlign:"right"},dropdownDividerItem:{margin:"5px 0",backgroundColor:"rgba(0, 0, 0, 0.12)",height:"1px",overflow:"hidden"},buttonIcon:{width:"20px",height:"20px"},caret:{transition:"all 150ms ease-in",display:"inline-block",width:"0",height:"0",marginLeft:"4px",verticalAlign:"middle",borderTop:"4px solid",borderRight:"4px solid transparent",borderLeft:"4px solid transparent"},caretActive:{transform:"rotate(180deg)"},caretRTL:{marginRight:"4px"},dropdownHeader:{display:"block",padding:"0.1875rem 1.25rem",fontSize:"0.75rem",lineHeight:"1.428571",color:"#777",whiteSpace:"nowrap",fontWeight:"inherit",marginTop:"10px",minHeight:"unset","&:hover,&:focus":{backgroundColor:"transparent",cursor:"auto"}},noLiPadding:{padding:"0"}}},ke=Object(p.a)(ve);function we(e){var a,t,r,o=n.a.useState(null),l=Object(b.a)(o,2),i=l[0],c=l[1],s=function(a){c(null),e&&e.onClick&&e.onClick(a)},d=function(e){i.contains(e.target)||c(null)},p=ke(),g=e.buttonText,h=e.buttonIcon,x=e.dropdownList,f=e.buttonProps,E=e.dropup,v=e.dropdownHeader,k=e.caret,w=e.hoverColor,N=e.left,y=e.rtlActive,C=e.noLiPadding,F=m()((a={},Object(u.a)(a,p.caret,!0),Object(u.a)(a,p.caretActive,Boolean(i)),Object(u.a)(a,p.caretRTL,y),a)),j=m()((t={},Object(u.a)(t,p.dropdownItem,!0),Object(u.a)(t,p[w+"Hover"],!0),Object(u.a)(t,p.noLiPadding,C),Object(u.a)(t,p.dropdownItemRTL,y),t)),I=null;switch(typeof h){case"object":I=n.a.createElement(e.buttonIcon,{className:p.buttonIcon});break;case"string":I=n.a.createElement(fe.a,{className:p.buttonIcon},e.buttonIcon);break;default:I=null}return n.a.createElement("div",null,n.a.createElement("div",null,n.a.createElement(oe,Object.assign({"aria-label":"Notifications","aria-owns":i?"menu-list":null,"aria-haspopup":"true"},f,{onClick:function(e){i&&i.contains(e.target)?c(null):c(e.currentTarget)}}),I,void 0!==g?g:null,k?n.a.createElement("b",{className:F}):null)),n.a.createElement(Ee.a,{open:Boolean(i),anchorEl:i,transition:!0,disablePortal:!0,placement:E?N?"top-start":"top":N?"bottom-start":"bottom",className:m()((r={},Object(u.a)(r,p.popperClose,!i),Object(u.a)(r,p.popperResponsive,!0),r))},(function(){return n.a.createElement(he.a,{in:Boolean(i),id:"menu-list",style:E?{transformOrigin:"0 100% 0"}:{transformOrigin:"0 0 0"}},n.a.createElement(ge.a,{className:p.dropdown},n.a.createElement(be.a,{onClickAway:d},n.a.createElement(ue.a,{role:"menu",className:p.menuList},void 0!==v?n.a.createElement(pe.a,{onClick:function(){return s(v)},className:p.dropdownHeader},v):null,x.map((function(e,a){return e.divider?n.a.createElement(xe.a,{key:a,onClick:function(){return s("divider")},className:p.dropdownDividerItem}):n.a.createElement(pe.a,{key:a,onClick:function(){return s(e)},className:j},e)}))))))})))}we.defaultProps={caret:!0,hoverColor:"primary"};var Ne={tooltip:{padding:"10px 15px",minWidth:"130px",color:"#555555",lineHeight:"1.7em",background:"#FFFFFF",border:"none",borderRadius:"3px",boxShadow:"0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2)",maxWidth:"200px",textAlign:"center",fontFamily:'"Helvetica Neue",Helvetica,Arial,sans-serif',fontSize:"0.875em",fontStyle:"normal",fontWeight:"400",textShadow:"none",textTransform:"none",letterSpacing:"normal",wordBreak:"normal",wordSpacing:"normal",wordWrap:"normal",whiteSpace:"normal",lineBreak:"auto"}},ye=function(e){return Object(N.a)({list:Object(N.a)({},F,{fontSize:"14px",margin:0,paddingLeft:"0",listStyle:"none",paddingTop:"0",paddingBottom:"0",color:"inherit"}),listItem:Object(u.a)({float:"left",color:"inherit",position:"relative",display:"block",width:"auto",margin:"0",padding:"0"},e.breakpoints.down("sm"),{width:"100%","&:after":{width:"calc(100% - 30px)",content:'""',display:"block",height:"1px",marginLeft:"15px",backgroundColor:"#e5e5e5"}}),listItemText:{padding:"0 !important"},navLink:Object(u.a)({color:"inherit",position:"relative",padding:"0.9375rem",fontWeight:"400",fontSize:"12px",textTransform:"uppercase",borderRadius:"3px",lineHeight:"20px",textDecoration:"none",margin:"0px",display:"inline-flex","&:hover,&:focus":{color:"inherit",background:"rgba(200, 200, 200, 0.2)"}},e.breakpoints.down("sm"),{width:"calc(100% - 30px)",marginLeft:"15px",marginBottom:"8px",marginTop:"8px",textAlign:"left","& > span:first-child":{justifyContent:"flex-start"}}),notificationNavLink:{color:"inherit",padding:"0.9375rem",fontWeight:"400",fontSize:"12px",textTransform:"uppercase",lineHeight:"20px",textDecoration:"none",margin:"0px",display:"inline-flex",top:"4px"},registerNavLink:{top:"3px",position:"relative",fontWeight:"400",fontSize:"12px",textTransform:"uppercase",lineHeight:"20px",textDecoration:"none",margin:"0px",display:"inline-flex"},navLinkActive:{color:"inherit",backgroundColor:"rgba(255, 255, 255, 0.1)"},icons:{width:"20px",height:"20px",marginRight:"3px"},socialIcons:{position:"relative",fontSize:"20px !important",marginRight:"4px"},dropdownLink:{"&,&:hover,&:focus":{color:"inherit",textDecoration:"none",display:"block",padding:"10px 20px"}}},Ne,{marginRight5:{marginRight:"5px"}})},Ce=Object(p.a)(ye);function Fe(e){var a=Ce();return n.a.createElement(_.a,{className:a.list},n.a.createElement(U.a,{className:a.listItem},n.a.createElement(we,{noLiPadding:!0,buttonText:"Components",buttonProps:{className:a.navLink,color:"transparent"},buttonIcon:me.a,dropdownList:[n.a.createElement(d.a,{to:"/",className:a.dropdownLink},"All components"),n.a.createElement("a",{href:"https://creativetimofficial.github.io/material-kit-react/#/documentation?ref=mkr-navbar",target:"_blank",className:a.dropdownLink},"Documentation")]})),n.a.createElement(U.a,{className:a.listItem},n.a.createElement(oe,{href:"https://www.creative-tim.com/product/material-kit-react?ref=mkr-navbar",color:"transparent",target:"_blank",className:a.navLink},n.a.createElement(de.a,{className:a.icons})," Download")),n.a.createElement(U.a,{className:a.listItem},n.a.createElement(se.a,{id:"instagram-twitter",title:"Follow us on twitter",placement:window.innerWidth>959?"top":"left",classes:{tooltip:a.tooltip}},n.a.createElement(oe,{href:"https://twitter.com/CreativeTim?ref=creativetim",target:"_blank",color:"transparent",className:a.navLink},n.a.createElement("i",{className:a.socialIcons+" fab fa-twitter"})))),n.a.createElement(U.a,{className:a.listItem},n.a.createElement(se.a,{id:"instagram-facebook",title:"Follow us on facebook",placement:window.innerWidth>959?"top":"left",classes:{tooltip:a.tooltip}},n.a.createElement(oe,{color:"transparent",href:"https://www.facebook.com/CreativeTim?ref=creativetim",target:"_blank",className:a.navLink},n.a.createElement("i",{className:a.socialIcons+" fab fa-facebook"})))),n.a.createElement(U.a,{className:a.listItem},n.a.createElement(se.a,{id:"instagram-tooltip",title:"Follow us on instagram",placement:window.innerWidth>959?"top":"left",classes:{tooltip:a.tooltip}},n.a.createElement(oe,{color:"transparent",href:"https://www.instagram.com/CreativeTimOfficial?ref=creativetim",target:"_blank",className:a.navLink},n.a.createElement("i",{className:a.socialIcons+" fab fa-instagram"})))))}var je=t(167),Ie=t(106),Oe=t.n(Ie),Se=t(320),Re=t(321),Te=t(333),Le=t(332),He=t(322),We=t(57),Be=t.n(We),ze=t(34),Ae=t.n(ze),De=t(41),Pe=t.n(De),Me=t(318),Ke=t(335),_e=t(334),Ue={disabled:{"&:before":{borderColor:"transparent !important"}},underline:{"&:hover:not($disabled):before,&:before":{borderColor:"#D2D2D2 !important",borderWidth:"1px !important"},"&:after":{borderColor:"#9c27b0"}},underlineError:{"&:after":{borderColor:"#f44336"}},underlineSuccess:{"&:after":{borderColor:"#4caf50"}},whiteUnderline:{"&:hover:not($disabled):before,&:before":{borderColor:"#FFFFFF"},"&:after":{borderColor:"#FFFFFF"}},labelRoot:Object(N.a)({},F,{color:"#AAAAAA !important",fontWeight:"400",fontSize:"14px",lineHeight:"1.42857",top:"10px",letterSpacing:"unset","& + $underline":{marginTop:"0px"}}),labelRootError:{color:"#f44336 !important"},labelRootSuccess:{color:"#4caf50 !important"},formControl:{margin:"0 0 17px 0",paddingTop:"27px",position:"relative","& svg,& .fab,& .far,& .fal,& .fas,& .material-icons":{color:"#495057"}},input:{color:"#495057",height:"unset","&,&::placeholder":{fontSize:"14px",fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif',fontWeight:"400",lineHeight:"1.42857",opacity:"1"},"&::placeholder":{color:"#AAAAAA"}},whiteInput:{"&,&::placeholder":{color:"#FFFFFF",opacity:"1"}}},Ye=Object(p.a)(Ue);function $e(e){var a,t,r,o,l=Ye(),i=e.formControlProps,c=e.labelText,s=e.id,d=e.labelProps,p=e.inputProps,b=e.error,g=e.white,h=e.inputRootCustomClasses,x=e.success,f=m()((a={},Object(u.a)(a," "+l.labelRootError,b),Object(u.a)(a," "+l.labelRootSuccess,x&&!b),a)),E=m()((t={},Object(u.a)(t,l.underlineError,b),Object(u.a)(t,l.underlineSuccess,x&&!b),Object(u.a)(t,l.underline,!0),Object(u.a)(t,l.whiteUnderline,g),t)),v=m()(Object(u.a)({},h,void 0!==h)),k=m()((r={},Object(u.a)(r,l.input,!0),Object(u.a)(r,l.whiteInput,g),r));return o=void 0!==i?m()(i.className,l.formControl):l.formControl,n.a.createElement(Me.a,Object.assign({},i,{className:o}),void 0!==c?n.a.createElement(Ke.a,Object.assign({className:l.labelRoot+" "+f,htmlFor:s},d),c):null,n.a.createElement(_e.a,Object.assign({classes:{input:k,root:v,disabled:l.disabled,underline:E},id:s},p)))}var Ge=t(319),Ve={root:{height:"4px",marginBottom:"20px",overflow:"hidden"},bar:{height:"4px"},primary:{backgroundColor:"#9c27b0"},warning:{backgroundColor:"#ff9800"},danger:{backgroundColor:"#f44336"},success:{backgroundColor:"#4caf50"},info:{backgroundColor:"#00acc1"},rose:{backgroundColor:"#e91e63"},gray:{backgroundColor:"#999999"},primaryBackground:{background:"rgba(156, 39, 176, 0.2)"},warningBackground:{background:"rgba(255, 152, 0, 0.2)"},dangerBackground:{background:"rgba(244, 67, 54, 0.2)"},successBackground:{background:"rgba(76, 175, 80, 0.2)"},infoBackground:{background:"rgba(0, 188, 212, 0.2)"},roseBackground:{background:"rgba(233, 30, 99, 0.2)"},grayBackground:{background:"rgba(221, 221, 221, 0.2)"}},qe=Object(p.a)(Ve);function Qe(e){var a=qe(),t=e.color,r=Object(Q.a)(e,["color"]);return n.a.createElement(Ge.a,Object.assign({},r,{classes:{root:a.root+" "+a[t+"Background"],bar:a.bar+" "+a[t]}}))}Qe.defaultProps={color:"gray"};var Je={pagination:{display:"inline-block",paddingLeft:"0",margin:"0 0 20px 0",borderRadius:"4px"},paginationItem:{display:"inline"},paginationLink:{":first-of-type":{marginleft:"0"},letterSpacing:"unset",border:"0",borderRadius:"30px !important",transition:"all .3s",padding:"0px 11px",margin:"0 3px",minWidth:"30px",height:"30px",minHeight:"auto",lineHeight:"30px",fontWeight:"400",fontSize:"12px",textTransform:"uppercase",background:"transparent",position:"relative",float:"left",textDecoration:"none",boxSizing:"border-box","&,&:hover,&:focus":{color:"#999999"},"&:hover,&:focus":{zIndex:"3",backgroundColor:"#eee",borderColor:"#ddd"},"&:hover":{cursor:"pointer"}},primary:{"&,&:hover,&:focus":{backgroundColor:"#9c27b0",borderColor:"#9c27b0",color:"#FFFFFF",boxShadow:"0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2)"},"&:hover,&:focus":{zIndex:"2",cursor:"default"}},info:{"&,&:hover,&:focus":{backgroundColor:"#00acc1",borderColor:"#00acc1",color:"#FFFFFF",boxShadow:"0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2)"},"&:hover,&:focus":{zIndex:"2",cursor:"default"}},success:{"&,&:hover,&:focus":{backgroundColor:"#4caf50",borderColor:"#4caf50",color:"#FFFFFF",boxShadow:"0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2)"},"&:hover,&:focus":{zIndex:"2",cursor:"default"}},warning:{"&,&:hover,&:focus":{backgroundColor:"#ff9800",borderColor:"#ff9800",color:"#FFFFFF",boxShadow:"0 4px 5px 0 rgba(255, 152, 0, 0.14), 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2)"},"&:hover,&:focus":{zIndex:"2",cursor:"default"}},danger:{"&,&:hover,&:focus":{backgroundColor:"#f44336",borderColor:"#f44336",color:"#FFFFFF",boxShadow:"0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2)"},"&:hover,&:focus":{zIndex:"2",cursor:"default"}},disabled:{"&,&:hover,&:focus":{color:"#777",cursor:"not-allowed",backgroundColor:"#fff",borderColor:"#ddd"}}},Xe=Object(p.a)(Je);function Ze(e){var a=Xe(),t=e.pages,r=e.color;return n.a.createElement("ul",{className:a.pagination},t.map((function(e,t){var o,l=m()((o={},Object(u.a)(o,a.paginationLink,!0),Object(u.a)(o,a[r],e.active),Object(u.a)(o,a.disabled,e.disabled),o));return n.a.createElement("li",{className:a.paginationItem,key:t},void 0!==e.onClick?n.a.createElement(f.a,{onClick:e.onClick,className:l},e.text):n.a.createElement(f.a,{onClick:function(){return alert("you've clicked "+e.text)},className:l},e.text))})))}Ze.defaultProps={color:"primary"};var ea={badge:{marginRight:"3px",borderRadius:"12px",padding:"5px 12px",textTransform:"uppercase",fontSize:"10px",fontWeight:"500",lineHeight:"1",color:"#fff",textAlign:"center",whiteSpace:"nowrap",verticalAlign:"baseline",display:"inline-block"},primary:{backgroundColor:"#9c27b0"},warning:{backgroundColor:"#ff9800"},danger:{backgroundColor:"#f44336"},success:{backgroundColor:"#4caf50"},info:{backgroundColor:"#00acc1"},rose:{backgroundColor:"#e91e63"},gray:{backgroundColor:"#6c757d"}},aa=Object(p.a)(ea);function ta(e){var a=aa(),t=e.color,r=e.children;return n.a.createElement("span",{className:a.badge+" "+a[t]},r)}ta.defaultProps={color:"gray"};var ra={checkRoot:{padding:"12px","&:hover":{backgroundColor:"unset"}},radioRoot:{padding:"12px","&:hover":{backgroundColor:"unset"}},labelRoot:{marginLeft:"-14px"},checkboxAndRadio:{position:"relative",display:"block",marginTop:"10px",marginBottom:"10px"},checkboxAndRadioHorizontal:{position:"relative",display:"block","&:first-child":{marginTop:"10px"},"&:not(:first-child)":{marginTop:"-14px"},marginTop:"0",marginBottom:"0"},checked:{color:"#9c27b0!important"},checkedIcon:{width:"20px",height:"20px",border:"1px solid rgba(0, 0, 0, .54)",borderRadius:"3px"},uncheckedIcon:{width:"0px",height:"0px",padding:"9px",border:"1px solid rgba(0, 0, 0, .54)",borderRadius:"3px"},disabledCheckboxAndRadio:{opacity:"0.45"},label:{cursor:"pointer",paddingLeft:"0",color:"rgba(0, 0, 0, 0.26)",fontSize:"14px",lineHeight:"1.428571429",fontWeight:"400",display:"inline-flex",transition:"0.3s ease all",letterSpacing:"unset"},labelHorizontal:{color:"rgba(0, 0, 0, 0.26)",cursor:"pointer",display:"inline-flex",fontSize:"14px",lineHeight:"1.428571429",fontWeight:"400",paddingTop:"39px",marginRight:"0","@media (min-width: 992px)":{float:"right"}},labelHorizontalRadioCheckbox:{paddingTop:"22px"},labelLeftHorizontal:{color:"rgba(0, 0, 0, 0.26)",cursor:"pointer",display:"inline-flex",fontSize:"14px",lineHeight:"1.428571429",fontWeight:"400",paddingTop:"22px",marginRight:"0"},labelError:{color:"#f44336"},radio:{color:"#9c27b0!important"},radioChecked:{width:"16px",height:"16px",border:"1px solid #9c27b0",borderRadius:"50%"},radioUnchecked:{width:"0px",height:"0px",padding:"7px",border:"1px solid rgba(0, 0, 0, .54)",borderRadius:"50%"},inlineChecks:{marginTop:"8px"},iconCheckbox:{height:"116px",width:"116px",color:"#999999","& > span:first-child":{borderWidth:"4px",borderStyle:"solid",borderColor:"#CCCCCC",textAlign:"center",verticalAlign:"middle",borderRadius:"50%",color:"inherit",margin:"0 auto 20px",transition:"all 0.2s"},"&:hover":{color:"#e91e63","& > span:first-child":{borderColor:"#e91e63"}}},iconCheckboxChecked:{color:"#e91e63","& > span:first-child":{borderColor:"#e91e63"}},iconCheckboxIcon:{fontSize:"40px",lineHeight:"111px"},switchBase:{color:"#9c27b0!important"},switchIcon:{boxShadow:"0 1px 3px 1px rgba(0, 0, 0, 0.4)",color:"#FFFFFF !important",border:"1px solid rgba(0, 0, 0, .54)"},switchBar:{width:"30px",height:"15px",backgroundColor:"rgb(80, 80, 80)",borderRadius:"15px",opacity:"0.7!important"},switchChecked:{"& + $switchBar":{backgroundColor:"rgba(156, 39, 176, 1) !important"},"& $switchIcon":{borderColor:"#9c27b0"}},switchRoot:{height:"48px"}},na=Object(N.a)({sections:{padding:"70px 0"},container:C,title:Object(N.a)({},A,{marginTop:"30px",minHeight:"32px",textDecoration:"none"}),space50:{height:"50px",display:"block"},space70:{height:"70px",display:"block"},icons:{width:"17px",height:"17px",color:"#FFFFFF"}},ra),oa=Object(p.a)(na);function la(){var e=oa(),a=n.a.useState([24,22]),t=Object(b.a)(a,2),r=t[0],o=t[1],l=n.a.useState("b"),i=Object(b.a)(l,2),c=i[0],s=i[1],m=n.a.useState(!0),d=Object(b.a)(m,2),p=d[0],u=d[1],g=n.a.useState(!1),h=Object(b.a)(g,2),x=h[0],f=h[1];n.a.useEffect((function(){return document.getElementById("sliderRegular").classList.contains("noUi-target")||Oe.a.create(document.getElementById("sliderRegular"),{start:[40],connect:[!0,!1],step:1,range:{min:0,max:100}}),document.getElementById("sliderDouble").classList.contains("noUi-target")||Oe.a.create(document.getElementById("sliderDouble"),{start:[20,60],connect:[!1,!0,!1],step:1,range:{min:0,max:100}}),function(){}}));var E=function(e){var a=r.indexOf(e),t=Object(je.a)(r);-1===a?t.push(e):t.splice(a,1),o(t)};return n.a.createElement("div",{className:e.sections},n.a.createElement("div",{className:e.container},n.a.createElement("div",{className:e.title},n.a.createElement("h2",null,"Basic Elements")),n.a.createElement("div",{id:"buttons"},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Buttons",n.a.createElement("br",null),n.a.createElement("small",null,"Pick your style"))),n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:8},n.a.createElement(oe,{color:"primary"},"Default"),n.a.createElement(oe,{color:"primary",round:!0},"round"),n.a.createElement(oe,{color:"primary",round:!0},n.a.createElement($.a,{className:e.icons})," with icon"),n.a.createElement(oe,{justIcon:!0,round:!0,color:"primary"},n.a.createElement($.a,{className:e.icons})),n.a.createElement(oe,{color:"primary",simple:!0},"simple"))),n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,n.a.createElement("small",null,"Pick your size"))),n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:8},n.a.createElement(oe,{color:"primary",size:"sm"},"Small"),n.a.createElement(oe,{color:"primary"},"Regular"),n.a.createElement(oe,{color:"primary",size:"lg"},"Large"))),n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,n.a.createElement("small",null,"Pick your color"))),n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:8},n.a.createElement(oe,null,"Default"),n.a.createElement(oe,{color:"primary"},"Primary"),n.a.createElement(oe,{color:"info"},"Info"),n.a.createElement(oe,{color:"success"},"Success"),n.a.createElement(oe,{color:"warning"},"Warning"),n.a.createElement(oe,{color:"danger"},"Danger"),n.a.createElement(oe,{color:"rose"},"Rose")))),n.a.createElement("div",{className:e.space50}),n.a.createElement("div",{id:"inputs"},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Inputs")),n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:4,md:4,lg:3},n.a.createElement($e,{id:"regular",inputProps:{placeholder:"Regular"},formControlProps:{fullWidth:!0}})),n.a.createElement(ae,{xs:12,sm:4,md:4,lg:3},n.a.createElement($e,{labelText:"With floating label",id:"float",formControlProps:{fullWidth:!0}})),n.a.createElement(ae,{xs:12,sm:4,md:4,lg:3},n.a.createElement($e,{labelText:"Success input",id:"success",success:!0,formControlProps:{fullWidth:!0}})),n.a.createElement(ae,{xs:12,sm:4,md:4,lg:3},n.a.createElement($e,{labelText:"Error input",id:"error",error:!0,formControlProps:{fullWidth:!0}})),n.a.createElement(ae,{xs:12,sm:4,md:4,lg:3},n.a.createElement($e,{labelText:"With material Icons",id:"material",formControlProps:{fullWidth:!0},inputProps:{endAdornment:n.a.createElement(Se.a,{position:"end"},n.a.createElement(Be.a,null))}})),n.a.createElement(ae,{xs:12,sm:4,md:4,lg:3},n.a.createElement($e,{labelText:"With Font Awesome Icons",id:"font-awesome",formControlProps:{fullWidth:!0},inputProps:{endAdornment:n.a.createElement(Se.a,{position:"end"},n.a.createElement("i",{className:"fas fa-users"}))}})))),n.a.createElement("div",{className:e.space70}),n.a.createElement("div",{id:"checkRadios"},n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:6,md:4,lg:3},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Checkboxes")),n.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},n.a.createElement(Re.a,{control:n.a.createElement(Te.a,{tabIndex:-1,onClick:function(){return E(21)},checkedIcon:n.a.createElement(Ae.a,{className:e.checkedIcon}),icon:n.a.createElement(Ae.a,{className:e.uncheckedIcon}),classes:{checked:e.checked,root:e.checkRoot}}),classes:{label:e.label,root:e.labelRoot},label:"Unchecked"})),n.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},n.a.createElement(Re.a,{control:n.a.createElement(Te.a,{tabIndex:-1,onClick:function(){return E(22)},checked:-1!==r.indexOf(22),checkedIcon:n.a.createElement(Ae.a,{className:e.checkedIcon}),icon:n.a.createElement(Ae.a,{className:e.uncheckedIcon}),classes:{checked:e.checked,root:e.checkRoot}}),classes:{label:e.label,root:e.labelRoot},label:"Checked"})),n.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},n.a.createElement(Re.a,{disabled:!0,control:n.a.createElement(Te.a,{tabIndex:-1,checkedIcon:n.a.createElement(Ae.a,{className:e.checkedIcon}),icon:n.a.createElement(Ae.a,{className:e.uncheckedIcon}),classes:{checked:e.checked,root:e.checkRoot}}),classes:{label:e.label,disabled:e.disabledCheckboxAndRadio,root:e.labelRoot},label:"Disabled Unchecked"})),n.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},n.a.createElement(Re.a,{disabled:!0,control:n.a.createElement(Te.a,{tabIndex:-1,checked:-1!==r.indexOf(24),checkedIcon:n.a.createElement(Ae.a,{className:e.checkedIcon}),icon:n.a.createElement(Ae.a,{className:e.uncheckedIcon}),classes:{checked:e.checked,root:e.checkRoot}}),classes:{label:e.label,disabled:e.disabledCheckboxAndRadio,root:e.labelRoot},label:"Disabled Checked"}))),n.a.createElement(ae,{xs:12,sm:6,md:4,lg:3},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Radio Buttons")),n.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},n.a.createElement(Re.a,{control:n.a.createElement(Le.a,{checked:"a"===c,onChange:function(){return s("a")},value:"a",name:"radio button enabled","aria-label":"A",icon:n.a.createElement(Pe.a,{className:e.radioUnchecked}),checkedIcon:n.a.createElement(Pe.a,{className:e.radioChecked}),classes:{checked:e.radio,root:e.radioRoot}}),classes:{label:e.label,root:e.labelRoot},label:"First Radio"})),n.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},n.a.createElement(Re.a,{control:n.a.createElement(Le.a,{checked:"b"===c,onChange:function(){return s("b")},value:"b",name:"radio button enabled","aria-label":"B",icon:n.a.createElement(Pe.a,{className:e.radioUnchecked}),checkedIcon:n.a.createElement(Pe.a,{className:e.radioChecked}),classes:{checked:e.radio,root:e.radioRoot}}),classes:{label:e.label,root:e.labelRoot},label:"Second Radio"})),n.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},n.a.createElement(Re.a,{disabled:!0,control:n.a.createElement(Le.a,{checked:!1,value:"a",name:"radio button disabled","aria-label":"B",icon:n.a.createElement(Pe.a,{className:e.radioUnchecked}),checkedIcon:n.a.createElement(Pe.a,{className:e.radioChecked}),classes:{checked:e.radio,disabled:e.disabledCheckboxAndRadio,root:e.radioRoot}}),classes:{label:e.label,root:e.labelRoot},label:"Disabled Unchecked Radio"})),n.a.createElement("div",{className:e.checkboxAndRadio+" "+e.checkboxAndRadioHorizontal},n.a.createElement(Re.a,{disabled:!0,control:n.a.createElement(Le.a,{checked:!0,value:"b",name:"radio button disabled","aria-label":"B",icon:n.a.createElement(Pe.a,{className:e.radioUnchecked}),checkedIcon:n.a.createElement(Pe.a,{className:e.radioChecked}),classes:{checked:e.radio,disabled:e.disabledCheckboxAndRadio,root:e.radioRoot}}),classes:{label:e.label,root:e.labelRoot},label:"Disabled Checked Radio"}))),n.a.createElement(ae,{xs:12,sm:6,md:4,lg:3},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Toggle Buttons")),n.a.createElement("div",null,n.a.createElement(Re.a,{control:n.a.createElement(He.a,{checked:p,onChange:function(e){return u(e.target.checked)},value:"checkedA",classes:{switchBase:e.switchBase,checked:e.switchChecked,thumb:e.switchIcon,track:e.switchBar}}),classes:{label:e.label},label:"Toggle is on"})),n.a.createElement("div",null,n.a.createElement(Re.a,{control:n.a.createElement(He.a,{checked:x,onChange:function(e){return f(e.target.checked)},value:"checkedB",classes:{switchBase:e.switchBase,checked:e.switchChecked,thumb:e.switchIcon,track:e.switchBar}}),classes:{label:e.label},label:"Toggle is off"}))))),n.a.createElement("div",{className:e.space70}),n.a.createElement("div",{id:"progress"},n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Progress Bars")),n.a.createElement(Qe,{variant:"determinate",color:"primary",value:30}),n.a.createElement(Qe,{variant:"determinate",color:"info",value:60}),n.a.createElement(Qe,{variant:"determinate",color:"success",value:100,style:{width:"35%",display:"inline-block"}}),n.a.createElement(Qe,{variant:"determinate",color:"warning",value:100,style:{width:"20%",display:"inline-block"}}),n.a.createElement(Qe,{variant:"determinate",color:"danger",value:25,style:{width:"45%",display:"inline-block"}})),n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Pagination")),n.a.createElement(Ze,{pages:[{text:1},{text:"..."},{text:5},{text:6},{active:!0,text:7},{text:8},{text:9},{text:"..."},{text:12}]}),n.a.createElement(Ze,{pages:[{text:"PREV"},{text:1},{text:2},{active:!0,text:3},{text:4},{text:5},{text:"NEXT"}],color:"info"})))),n.a.createElement("div",{id:"sliders"},n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Sliders")),n.a.createElement("div",{id:"sliderRegular",className:"slider-primary"}),n.a.createElement("br",null),n.a.createElement("div",{id:"sliderDouble",className:"slider-info"})),n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Badges")),n.a.createElement(ta,null,"default"),n.a.createElement(ta,{color:"primary"},"primary"),n.a.createElement(ta,{color:"info"},"info"),n.a.createElement(ta,{color:"success"},"success"),n.a.createElement(ta,{color:"warning"},"warning"),n.a.createElement(ta,{color:"danger"},"danger"),n.a.createElement(ta,{color:"rose"},"rose"))))))}var ia=t(140),ca=t.n(ia),sa=t(50),ma=t.n(sa),da=t(85),pa=t.n(da),ua=t(142),ba=t.n(ua),ga=t(141),ha=t.n(ga),xa=t(84),fa=t.n(xa),Ea=t(40),va=t.n(Ea),ka=function(e){return Object(N.a)({section:{padding:"70px 0",paddingTop:"0"},container:C,title:Object(N.a)({},A,{marginTop:"30px",minHeight:"32px",textDecoration:"none"}),navbar:{marginBottom:"-20px",zIndex:"100",position:"relative",overflow:"hidden","& header":{borderRadius:"0"}},navigation:{backgroundPosition:"center center",backgroundSize:"cover",marginTop:"0",minHeight:"740px"},formControl:{margin:"0 !important",paddingTop:"0"},inputRootCustomClasses:{margin:"0!important"},searchIcon:{width:"20px",height:"20px",color:"inherit"}},ye(e),{img:{width:"40px",height:"40px",borderRadius:"50%"},imageDropdownButton:{padding:"0px",top:"4px",borderRadius:"50%",marginLeft:"5px"}})},wa=Object(p.a)(ka);function Na(){var e=wa();return n.a.createElement("div",{className:e.section},n.a.createElement("div",{className:e.container},n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Menu")),n.a.createElement(K,{brand:"Menu",color:"primary",leftLinks:n.a.createElement(_.a,{className:e.list},n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Link")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Link")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(we,{buttonText:"Dropdown",dropdownHeader:"Dropdown Header",buttonProps:{className:e.navLink,color:"transparent"},dropdownList:["Action","Another action","Something else here",{divider:!0},"Separated link",{divider:!0},"One more separated link"]})))})),n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Menu with Icons")),n.a.createElement(K,{brand:"Icons",color:"info",rightLinks:n.a.createElement(_.a,{className:e.list},n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{color:"transparent",className:e.navLink},n.a.createElement(ma.a,{className:e.icons}))),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{color:"transparent",className:e.navLink},n.a.createElement(pa.a,{className:e.icons}))),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(we,{left:!0,hoverColor:"info",dropdownHeader:"Dropdown Header",buttonIcon:"settings",buttonProps:{className:e.navLink,color:"transparent"},dropdownList:["Action","Another action","Something else here",{divider:!0},"Separated link",{divider:!0},"One more separated link"]})))}))),n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Navigation"))),n.a.createElement("div",{id:"navbar",className:e.navbar},n.a.createElement("div",{className:e.navigation,style:{backgroundImage:"url("+fa.a+")"}},n.a.createElement(K,{brand:"Brand",color:"rose",leftLinks:n.a.createElement(_.a,{className:e.list},n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Link")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Link"))),rightLinks:n.a.createElement("div",null,n.a.createElement($e,{white:!0,inputRootCustomClasses:e.inputRootCustomClasses,formControlProps:{className:e.formControl},inputProps:{placeholder:"Search",inputProps:{"aria-label":"Search",className:e.searchInput}}}),n.a.createElement(oe,{justIcon:!0,round:!0,color:"white"},n.a.createElement(ca.a,{className:e.searchIcon})))}),n.a.createElement(K,{brand:"Info Color",color:"info",rightLinks:n.a.createElement(_.a,{className:e.list},n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink+" "+e.navLinkActive,onClick:function(e){return e.preventDefault()},color:"transparent"},"Discover")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Profile")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Settings")))}),n.a.createElement(K,{brand:"Primary Color",color:"primary",rightLinks:n.a.createElement(_.a,{className:e.list},n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink+" "+e.navLinkActive,onClick:function(e){return e.preventDefault()},color:"transparent"},n.a.createElement(ha.a,{className:e.icons})," Discover")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},n.a.createElement(ba.a,{className:e.icons})," Profile")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},n.a.createElement(fe.a,{className:e.icons},"settings")," Settings")))}),n.a.createElement(K,{brand:"Navbar with notifications",color:"dark",rightLinks:n.a.createElement(_.a,{className:e.list},n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Discover")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Wishlist")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{justIcon:!0,round:!0,href:"#pablo",className:e.notificationNavLink,onClick:function(e){return e.preventDefault()},color:"rose"},n.a.createElement(ma.a,{className:e.icons}))),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(we,{left:!0,caret:!1,hoverColor:"black",dropdownHeader:"Dropdown Header",buttonText:n.a.createElement("img",{src:va.a,className:e.img,alt:"profile"}),buttonProps:{className:e.navLink+" "+e.imageDropdownButton,color:"transparent"},dropdownList:["Me","Settings and other stuff","Sign out"]})))}),n.a.createElement(K,{brand:"Navbar with profile",rightLinks:n.a.createElement(_.a,{className:e.list},n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Discover")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.navLink,onClick:function(e){return e.preventDefault()},color:"transparent"},"Wishlist")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{href:"#pablo",className:e.registerNavLink,onClick:function(e){return e.preventDefault()},color:"rose",round:!0},"Register")))}),n.a.createElement(K,{brand:"Transparent",color:"transparent",rightLinks:n.a.createElement(_.a,{className:e.list},n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{color:"transparent",className:e.navLink+" "+e.socialIconsButton},n.a.createElement("i",{className:e.socialIcons+" "+e.marginRight5+" fab fa-twitter"})," ","Twitter")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{color:"transparent",className:e.navLink+" "+e.socialIconsButton},n.a.createElement("i",{className:e.socialIcons+" "+e.marginRight5+" fab fa-facebook"})," ","Facebook")),n.a.createElement(U.a,{className:e.listItem},n.a.createElement(oe,{color:"transparent",className:e.navLink+" "+e.socialIconsButton},n.a.createElement("i",{className:e.socialIcons+" "+e.marginRight5+" fab fa-instagram"})," ","Instagram")))}))))}var ya=t(86),Ca=t.n(ya),Fa=t(143),ja=t.n(Fa),Ia=t(330),Oa=t(323),Sa={card:{border:"0",marginBottom:"30px",marginTop:"30px",borderRadius:"6px",color:"rgba(0, 0, 0, 0.87)",background:"#fff",width:"100%",boxShadow:"0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)",position:"relative",display:"flex",flexDirection:"column",minWidth:"0",wordWrap:"break-word",fontSize:".875rem",transition:"all 300ms linear"},cardPlain:{background:"transparent",boxShadow:"none"},cardCarousel:{overflow:"hidden"}},Ra=Object(p.a)(Sa);function Ta(e){var a,t=Ra(),r=e.className,o=e.children,l=e.plain,i=e.carousel,c=Object(Q.a)(e,["className","children","plain","carousel"]),s=m()((a={},Object(u.a)(a,t.card,!0),Object(u.a)(a,t.cardPlain,l),Object(u.a)(a,t.cardCarousel,i),Object(u.a)(a,r,void 0!==r),a));return n.a.createElement("div",Object.assign({className:s},c),o)}var La={cardBody:{padding:"0.9375rem 1.875rem",flex:"1 1 auto"}},Ha=Object(p.a)(La);function Wa(e){var a,t=Ha(),r=e.className,o=e.children,l=Object(Q.a)(e,["className","children"]),i=m()((a={},Object(u.a)(a,t.cardBody,!0),Object(u.a)(a,r,void 0!==r),a));return n.a.createElement("div",Object.assign({className:i},l),o)}var Ba={cardHeader:{borderRadius:"3px",padding:"1rem 15px",marginLeft:"15px",marginRight:"15px",marginTop:"-30px",border:"0",marginBottom:"0"},cardHeaderPlain:{marginLeft:"0px",marginRight:"0px"},warningCardHeader:L,successCardHeader:H,dangerCardHeader:W,infoCardHeader:B,primaryCardHeader:z},za=Object(p.a)(Ba);function Aa(e){var a,t=za(),r=e.className,o=e.children,l=e.color,i=e.plain,c=Object(Q.a)(e,["className","children","color","plain"]),s=m()((a={},Object(u.a)(a,t.cardHeader,!0),Object(u.a)(a,t[l+"CardHeader"],l),Object(u.a)(a,t.cardHeaderPlain,i),Object(u.a)(a,r,void 0!==r),a));return n.a.createElement("div",Object.assign({className:s},c),o)}var Da={cardTitle:{float:"left",padding:"10px 10px 10px 0px",lineHeight:"24px"},cardTitleRTL:{float:"right",padding:"10px 0px 10px 10px !important"},displayNone:{display:"none !important"},tabsRoot:{minHeight:"unset !important"},tabRootButton:{minHeight:"unset !important",minWidth:"unset !important",width:"unset !important",height:"unset !important",maxWidth:"unset !important",maxHeight:"unset !important",padding:"10px 15px",borderRadius:"3px",lineHeight:"24px",border:"0 !important",color:"#fff !important",marginLeft:"4px",fontWeight:"500",fontSize:"12px","&:last-child":{marginLeft:"0px"}},tabSelected:{backgroundColor:"rgba(255, 255, 255, 0.2)",transition:"0.2s background-color 0.1s"},tabWrapper:{display:"inline-block",minHeight:"unset !important",minWidth:"unset !important",width:"unset !important",height:"unset !important",maxWidth:"unset !important",maxHeight:"unset !important","& > svg":{verticalAlign:"middle",margin:"-1.55px 5px 0 0 !important"},"&,& *":{letterSpacing:"normal !important"}}},Pa=Object(p.a)(Da);function Ma(e){var a,t=n.a.useState(0),r=Object(b.a)(t,2),o=r[0],l=r[1],i=Pa(),c=e.headerColor,s=e.plainTabs,d=e.tabs,p=e.title,g=e.rtlActive,h=m()((a={},Object(u.a)(a,i.cardTitle,!0),Object(u.a)(a,i.cardTitleRTL,g),a));return n.a.createElement(Ta,{plain:s},n.a.createElement(Aa,{color:c,plain:s},void 0!==p?n.a.createElement("div",{className:h},p):null,n.a.createElement(Ia.a,{value:o,onChange:function(e,a){l(a)},classes:{root:i.tabsRoot,indicator:i.displayNone}},d.map((function(e,a){var t={};return e.tabIcon&&(t={icon:"string"===typeof e.tabIcon?n.a.createElement(fe.a,null,e.tabIcon):n.a.createElement(e.tabIcon,null)}),n.a.createElement(Oa.a,Object.assign({classes:{root:i.tabRootButton,label:i.tabLabel,selected:i.tabSelected,wrapper:i.tabWrapper},key:a,label:e.tabName},t))})))),n.a.createElement(Wa,null,d.map((function(e,a){return a===o?n.a.createElement("div",{key:a},e.tabContent):null}))))}var Ka={section:{background:"#EEEEEE",padding:"70px 0"},container:C,textCenter:{textAlign:"center"}},_a=Object(p.a)(Ka);function Ua(){var e=_a();return n.a.createElement("div",{className:e.section},n.a.createElement("div",{className:e.container},n.a.createElement("div",{id:"nav-tabs"},n.a.createElement("h3",null,"Navigation Tabs"),n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement("h3",null,n.a.createElement("small",null,"Tabs with Icons on Card")),n.a.createElement(Ma,{headerColor:"primary",tabs:[{tabName:"Profile",tabIcon:pa.a,tabContent:n.a.createElement("p",{className:e.textCenter},"I think that\u2019s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. So when you get something that has the name Kanye West on it, it\u2019s supposed to be pushing the furthest possibilities. I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus.")},{tabName:"Messages",tabIcon:Ca.a,tabContent:n.a.createElement("p",{className:e.textCenter},"I think that\u2019s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that\u2019s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.")},{tabName:"Settings",tabIcon:ja.a,tabContent:n.a.createElement("p",{className:e.textCenter},"think that\u2019s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. So when you get something that has the name Kanye West on it, it\u2019s supposed to be pushing the furthest possibilities. I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus.")}]})),n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement("h3",null,n.a.createElement("small",null,"Tabs on Plain Card")),n.a.createElement(Ma,{plainTabs:!0,headerColor:"danger",tabs:[{tabName:"Home",tabContent:n.a.createElement("p",{className:e.textCenter},"I think that\u2019s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. So when you get something that has the name Kanye West on it, it\u2019s supposed to be pushing the furthest possibilities. I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus.")},{tabName:"Updates",tabContent:n.a.createElement("p",{className:e.textCenter},"I think that\u2019s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that\u2019s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.")},{tabName:"History",tabContent:n.a.createElement("p",{className:e.textCenter},"think that\u2019s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. So when you get something that has the name Kanye West on it, it\u2019s supposed to be pushing the furthest possibilities. I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus.")}]}))))))}var Ya=t(107),$a=t.n(Ya),Ga=t(108),Va=t.n(Ga),qa=t(145),Qa=t.n(qa),Ja=t(144),Xa=t.n(Ja),Za=function(e){return{root:{marginTop:"20px",paddingLeft:"0",marginBottom:"0",overflow:"visible !important",lineHeight:"24px",textTransform:"uppercase",fontSize:"12px",fontWeight:"500",position:"relative",display:"block",color:"inherit"},flexContainer:Object(u.a)({},e.breakpoints.down("xs"),{display:"flex",flexWrap:"wrap"}),displayNone:{display:"none !important"},fixed:{overflow:"visible !important"},horizontalDisplay:{display:"block"},pills:{float:"left",position:"relative",display:"block",borderRadius:"30px",minWidth:"100px",textAlign:"center",transition:"all .3s",padding:"10px 15px",color:"#555555",height:"auto",opacity:"1",maxWidth:"100%",margin:"0 5px"},pillsWithIcons:{borderRadius:"4px"},tabIcon:{width:"30px",height:"30px",display:"block",margin:"15px 0 !important","&, & *":{letterSpacing:"normal !important"}},horizontalPills:{width:"100%",float:"none !important","& + button":{margin:"10px 0"}},contentWrapper:{marginTop:"20px"},primary:{"&,&:hover":{color:"#FFFFFF",backgroundColor:"#9c27b0",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4)"}},info:{"&,&:hover":{color:"#FFFFFF",backgroundColor:"#00acc1",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4)"}},success:{"&,&:hover":{color:"#FFFFFF",backgroundColor:"#4caf50",boxShadow:"0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12)"}},warning:{"&,&:hover":{color:"#FFFFFF",backgroundColor:"#ff9800",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4)"}},danger:{"&,&:hover":{color:"#FFFFFF",backgroundColor:"#f44336",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4)"}},rose:{"&,&:hover":{color:"#FFFFFF",backgroundColor:"#e91e63",boxShadow:"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4)"}},alignCenter:{alignItems:"center",justifyContent:"center"},tabWrapper:{color:"inherit",position:"relative",fontSize:"12px",lineHeight:"24px",fontWeight:"500",textTransform:"uppercase","&,& *":{letterSpacing:"normal"}}}},et=Object(p.a)(Za);function at(e){var a,t=n.a.useState(e.active),r=Object(b.a)(t,2),o=r[0],l=r[1],i=et(),c=e.tabs,s=e.direction,d=e.color,p=e.horizontal,g=e.alignCenter,h=m()((a={},Object(u.a)(a,i.flexContainer,!0),Object(u.a)(a,i.horizontalDisplay,void 0!==p),a)),x=n.a.createElement(Ia.a,{classes:{root:i.root,fixed:i.fixed,flexContainer:h,indicator:i.displayNone},value:o,onChange:function(e,a){l(a)},centered:g},c.map((function(e,a){var t,r={};void 0!==e.tabIcon&&(r.icon=n.a.createElement(e.tabIcon,{className:i.tabIcon}));var o=m()((t={},Object(u.a)(t,i.pills,!0),Object(u.a)(t,i.horizontalPills,void 0!==p),Object(u.a)(t,i.pillsWithIcons,void 0!==e.tabIcon),t));return n.a.createElement(Oa.a,Object.assign({label:e.tabButton,key:a},r,{classes:{root:o,selected:i[d],wrapper:i.tabWrapper}}))}))),f=n.a.createElement("div",{className:i.contentWrapper},n.a.createElement(Xa.a,{axis:"rtl"===s?"x-reverse":"x",index:o,onChangeIndex:function(e){l(e)}},c.map((function(e,a){return n.a.createElement("div",{className:i.tabContent,key:a},e.tabContent)}))));return void 0!==p?n.a.createElement(Z,null,n.a.createElement(ae,p.tabsGrid,x),n.a.createElement(ae,p.contentGrid,f)):n.a.createElement("div",null,x,f)}at.defaultProps={active:0,color:"primary"};var tt={section:{padding:"70px 0"},container:C,title:Object(N.a)({},A,{marginTop:"30px",minHeight:"32px",textDecoration:"none"})},rt=Object(p.a)(tt);function nt(){var e=rt();return n.a.createElement("div",{className:e.section},n.a.createElement("div",{className:e.container},n.a.createElement("div",{id:"navigation-pills"},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Navigation Pills")),n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,n.a.createElement("small",null,"With Icons"))),n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:8,lg:6},n.a.createElement(at,{color:"primary",tabs:[{tabButton:"Dashboard",tabIcon:$a.a,tabContent:n.a.createElement("span",null,n.a.createElement("p",null,"Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."),n.a.createElement("br",null),n.a.createElement("p",null,"Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."),n.a.createElement("br",null),n.a.createElement("p",null,"Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."))},{tabButton:"Schedule",tabIcon:Va.a,tabContent:n.a.createElement("span",null,n.a.createElement("p",null,"Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas."),n.a.createElement("br",null),n.a.createElement("p",null,"Dramatically maintain clicks-and-mortar solutions without functional solutions. Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."))},{tabButton:"Tasks",tabIcon:Qa.a,tabContent:n.a.createElement("span",null,n.a.createElement("p",null,"Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."),n.a.createElement("br",null),n.a.createElement("p",null,"Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."),n.a.createElement("br",null),n.a.createElement("p",null,"Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."))}]})),n.a.createElement(ae,{xs:12,sm:12,md:12,lg:6},n.a.createElement(at,{color:"rose",horizontal:{tabsGrid:{xs:12,sm:4,md:4},contentGrid:{xs:12,sm:8,md:8}},tabs:[{tabButton:"Dashboard",tabIcon:$a.a,tabContent:n.a.createElement("span",null,n.a.createElement("p",null,"Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."),n.a.createElement("br",null),n.a.createElement("p",null,"Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."),n.a.createElement("br",null),n.a.createElement("p",null,"Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."))},{tabButton:"Schedule",tabIcon:Va.a,tabContent:n.a.createElement("span",null,n.a.createElement("p",null,"Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas."),n.a.createElement("br",null),n.a.createElement("p",null,"Dramatically maintain clicks-and-mortar solutions without functional solutions. Dramatically visualize customer directed convergence without revolutionary ROI. Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits."))}]}))))))}var ot=t(146),lt=t.n(ot),it=t(4),ct=t.n(it),st=t(324),mt=t(87),dt=t.n(mt),pt={root:Object(N.a)({},F,{position:"relative",padding:"20px 15px",lineHeight:"20px",marginBottom:"20px",fontSize:"14px",backgroundColor:"white",color:"#555555",borderRadius:"0px",maxWidth:"100%",minWidth:"auto",boxShadow:"0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2)"}),info:Object(N.a)({backgroundColor:"#00d3ee",color:"#ffffff"},I),success:Object(N.a)({backgroundColor:"#5cb860",color:"#ffffff"},O),warning:Object(N.a)({backgroundColor:"#ffa21a",color:"#ffffff"},S),danger:Object(N.a)({backgroundColor:"#f55a4e",color:"#ffffff"},R),primary:Object(N.a)({backgroundColor:"#af2cc5",color:"#ffffff"},j),message:{padding:"0",display:"block",maxWidth:"89%","&,& *":{letterSpacing:"normal"}},close:{width:"14px",height:"14px"},iconButton:{width:"24px",height:"24px",float:"right",fontSize:"1.5rem",fontWeight:"500",lineHeight:"1",position:"absolute",right:"-4px",top:"0",padding:"0"},icon:{display:"block",float:"left",marginRight:"1.071rem"},container:Object(N.a)({},C,{position:"relative"})},ut=Object(p.a)(pt);function bt(e){var a=e.message,t=e.color,r=e.close,o=e.icon,l=ut(),i=[];void 0!==r&&(i=[n.a.createElement(x.a,{className:l.iconButton,key:"close","aria-label":"Close",color:"inherit",onClick:function(){p(null)}},n.a.createElement(dt.a,{className:l.close}))]);var c=null;switch(typeof o){case"object":c=n.a.createElement(e.icon,{className:l.icon});break;case"string":c=n.a.createElement(fe.a,{className:l.icon},e.icon);break;default:c=null}var s=n.a.useState(n.a.createElement(st.a,{message:n.a.createElement("div",null,c,a,void 0!==r?i:null),classes:{root:l.root+" "+l[t],message:l.message+" "+l.container}})),m=Object(b.a)(s,2),d=m[0],p=m[1];return d}bt.propTypes={message:ct.a.node.isRequired,color:ct.a.oneOf(["info","success","warning","danger","primary"]),close:ct.a.bool,icon:ct.a.oneOfType([ct.a.object,ct.a.string])};var gt=Object(p.a)({clearfix:{"&:after,&:before":{display:"table",content:'" "'},"&:after":{clear:"both"}}});function ht(){var e=gt();return n.a.createElement("div",{className:e.clearfix})}var xt={section:{backgroundColor:"#FFFFFF",display:"block",width:"100%",position:"relative",padding:"0"},title:Object(N.a)({},A,{marginTop:"30px",minHeight:"32px",textDecoration:"none"}),container:C},ft=Object(p.a)(xt);function Et(){var e=ft();return n.a.createElement("div",{className:e.section,id:"notifications"},n.a.createElement("div",{className:e.container},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Notifications"))),n.a.createElement(bt,{message:n.a.createElement("span",null,n.a.createElement("b",null,"INFO ALERT:")," You","'","ve got some friends nearby, stop looking at your phone and find them..."),close:!0,color:"info",icon:"info_outline"}),n.a.createElement(bt,{message:n.a.createElement("span",null,n.a.createElement("b",null,"SUCCESS ALERT:")," You","'","ve got some friends nearby, stop looking at your phone and find them..."),close:!0,color:"success",icon:Ae.a}),n.a.createElement(bt,{message:n.a.createElement("span",null,n.a.createElement("b",null,"WARNING ALERT:")," You","'","ve got some friends nearby, stop looking at your phone and find them..."),close:!0,color:"warning",icon:lt.a}),n.a.createElement(bt,{message:n.a.createElement("span",null,n.a.createElement("b",null,"DANGER ALERT:")," You","'","ve got some friends nearby, stop looking at your phone and find them..."),close:!0,color:"danger",icon:"info_outline"}),n.a.createElement(ht,null))}var vt={defaultFontStyle:Object(N.a)({},F,{fontSize:"14px"}),defaultHeaderMargins:{marginTop:"20px",marginBottom:"10px"},quote:{padding:"10px 20px",margin:"0 0 20px",fontSize:"17.5px",borderLeft:"5px solid #eee"},quoteText:{margin:"0 0 10px",fontStyle:"italic"},quoteAuthor:{display:"block",fontSize:"80%",lineHeight:"1.42857143",color:"#777"},mutedText:{color:"#777"},primaryText:{color:"#9c27b0"},infoText:{color:"#00acc1"},successText:{color:"#4caf50"},warningText:{color:"#ff9800"},dangerText:{color:"#f44336"},smallText:{fontSize:"65%",fontWeight:"400",lineHeight:"1",color:"#777"}},kt=Object(p.a)(vt);function wt(e){var a=kt(),t=e.children;return n.a.createElement("div",{className:a.defaultFontStyle+" "+a.smallText},t)}var Nt=Object(p.a)(vt);function yt(e){var a=Nt(),t=e.children;return n.a.createElement("div",{className:a.defaultFontStyle+" "+a.dangerText},t)}var Ct=Object(p.a)(vt);function Ft(e){var a=Ct(),t=e.children;return n.a.createElement("div",{className:a.defaultFontStyle+" "+a.warningText},t)}var jt=Object(p.a)(vt);function It(e){var a=jt(),t=e.children;return n.a.createElement("div",{className:a.defaultFontStyle+" "+a.successText},t)}var Ot=Object(p.a)(vt);function St(e){var a=Ot(),t=e.children;return n.a.createElement("div",{className:a.defaultFontStyle+" "+a.infoText},t)}var Rt=Object(p.a)(vt);function Tt(e){var a=Rt(),t=e.children;return n.a.createElement("div",{className:a.defaultFontStyle+" "+a.primaryText},t)}var Lt=Object(p.a)(vt);function Ht(e){var a=Lt(),t=e.children;return n.a.createElement("div",{className:a.defaultFontStyle+" "+a.mutedText},t)}var Wt=Object(p.a)(vt);function Bt(e){var a=e.text,t=e.author,r=Wt();return n.a.createElement("blockquote",{className:r.defaultFontStyle+" "+r.quote},n.a.createElement("p",{className:r.quoteText},a),n.a.createElement("small",{className:r.quoteAuthor},t))}var zt={imgFluid:{maxWidth:"100%",height:"auto"},imgRounded:{borderRadius:"6px !important"},imgRoundedCircle:{borderRadius:"50% !important"},imgRaised:{boxShadow:"0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2)"},imgGallery:{width:"100%",marginBottom:"2.142rem"},imgCardTop:{width:"100%",borderTopLeftRadius:"calc(.25rem - 1px)",borderTopRightRadius:"calc(.25rem - 1px)"},imgCardBottom:{width:"100%",borderBottomLeftRadius:"calc(.25rem - 1px)",borderBottomRightRadius:"calc(.25rem - 1px)"},imgCard:{width:"100%",borderRadius:"calc(.25rem - 1px)"},imgCardOverlay:{position:"absolute",top:"0",right:"0",bottom:"0",left:"0",padding:"1.25rem"}},At=Object(N.a)({section:{padding:"70px 0"},container:C,space50:{height:"50px",display:"block"},title:Object(N.a)({},A,{marginTop:"30px",minHeight:"32px",textDecoration:"none"}),typo:{paddingLeft:"25%",marginBottom:"40px",position:"relative",width:"100%"},note:{fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif',bottom:"10px",color:"#c0c1c2",display:"block",fontWeight:"400",fontSize:"13px",lineHeight:"13px",left:"0",marginLeft:"20px",position:"absolute",width:"260px"},marginLeft:{marginLeft:"auto !important"}},zt),Dt=Object(p.a)(At);function Pt(){var e=Dt();return n.a.createElement("div",{className:e.section},n.a.createElement("div",{className:e.container},n.a.createElement("div",{id:"typography"},n.a.createElement("div",{className:e.title},n.a.createElement("h2",null,"Typography")),n.a.createElement(Z,null,n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Header 1"),n.a.createElement("h1",null,"The Life of Material Kit")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Header 2"),n.a.createElement("h2",null,"The Life of Material Kit")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Header 3"),n.a.createElement("h3",null,"The Life of Material Kit")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Header 4"),n.a.createElement("h4",null,"The Life of Material Kit")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Header 5"),n.a.createElement("h5",null,"The Life of Material Kit")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Header 6"),n.a.createElement("h6",null,"The Life of Material Kit")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Header 1"),n.a.createElement("h1",{className:e.title},"The Life of Material Kit")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Header 2"),n.a.createElement("h2",{className:e.title},"The Life of Material Kit")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Header 3"),n.a.createElement("h3",{className:e.title},"The Life of Material Kit")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Header 4"),n.a.createElement("h4",{className:e.title},"The Life of Material Kit")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Paragraph"),n.a.createElement("p",null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that\u2019s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Quote"),n.a.createElement(Bt,{text:"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that\u2019s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.",author:" Kanye West, Musician"})),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Muted Text"),n.a.createElement(Ht,null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Primary Text"),n.a.createElement(Tt,null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Info Text"),n.a.createElement(St,null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Success Text"),n.a.createElement(It,null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Warning Text"),n.a.createElement(Ft,null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Danger Text"),n.a.createElement(yt,null,"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...")),n.a.createElement("div",{className:e.typo},n.a.createElement("div",{className:e.note},"Small Tag"),n.a.createElement("h2",null,"Header with small subtitle",n.a.createElement("br",null),n.a.createElement(wt,null,"Use ",'"Small"'," tag for the headers"))))),n.a.createElement("div",{className:e.space50}),n.a.createElement("div",{id:"images"},n.a.createElement("div",{className:e.title},n.a.createElement("h2",null,"Images")),n.a.createElement("br",null),n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:2},n.a.createElement("h4",null,"Rounded Image"),n.a.createElement("img",{src:va.a,alt:"...",className:e.imgRounded+" "+e.imgFluid})),n.a.createElement(ae,{xs:12,sm:2,className:e.marginLeft},n.a.createElement("h4",null,"Circle Image"),n.a.createElement("img",{src:va.a,alt:"...",className:e.imgRoundedCircle+" "+e.imgFluid})),n.a.createElement(ae,{xs:12,sm:2,className:e.marginLeft},n.a.createElement("h4",null,"Rounded Raised"),n.a.createElement("img",{src:va.a,alt:"...",className:e.imgRaised+" "+e.imgRounded+" "+e.imgFluid})),n.a.createElement(ae,{xs:12,sm:2,className:e.marginLeft},n.a.createElement("h4",null,"Circle Raised"),n.a.createElement("img",{src:va.a,alt:"...",className:e.imgRaised+" "+e.imgRoundedCircle+" "+e.imgFluid}))),n.a.createElement(Z,null)),n.a.createElement("div",{className:e.space50})))}var Mt=t(147),Kt=t.n(Mt),_t=t(265),Ut=t(325),Yt=t(326),$t=t(327),Gt=t(328),Vt=t(329),qt=t(148),Qt=t.n(qt),Jt={modal:{borderRadius:"6px"},modalHeader:{borderBottom:"none",paddingTop:"24px",paddingRight:"24px",paddingBottom:"0",paddingLeft:"24px",minHeight:"16.43px"},modalTitle:{margin:"0",lineHeight:"1.42857143"},modalCloseButton:{color:"#999999",marginTop:"-12px",WebkitAppearance:"none",padding:"0",cursor:"pointer",background:"0 0",border:"0",fontSize:"inherit",opacity:".9",textShadow:"none",fontWeight:"700",lineHeight:"1",float:"right"},modalClose:{width:"16px",height:"16px"},modalBody:{paddingTop:"24px",paddingRight:"24px",paddingBottom:"16px",paddingLeft:"24px",position:"relative"},modalFooter:{padding:"15px",textAlign:"right",paddingTop:"0",margin:"0"},modalFooterCenter:{marginLeft:"auto",marginRight:"auto"}},Xt={popover:{padding:"0",boxShadow:"0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)",lineHeight:"1.5em",background:"#fff",border:"none",borderRadius:"3px",display:"block",maxWidth:"276px",fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif',fontStyle:"normal",fontWeight:"400",textAlign:"start",textDecoration:"none",textShadow:"none",textTransform:"none",letterSpacing:"normal",wordBreak:"normal",wordSpacing:"normal",whiteSpace:"normal",lineBreak:"auto",fontSize:"0.875rem",wordWrap:"break-word"},popoverBottom:{marginTop:"5px"},popoverHeader:{backgroundColor:"#fff",border:"none",padding:"15px 15px 5px",fontSize:"1.125rem",margin:"0",color:"#555",borderTopLeftRadius:"calc(0.3rem - 1px)",borderTopRightRadius:"calc(0.3rem - 1px)"},popoverBody:{padding:"10px 15px 15px",lineHeight:"1.4",color:"#555"}},Zt=Object(N.a)({section:{padding:"70px 0 0"},container:C,title:Object(N.a)({},A,{marginTop:"30px",minHeight:"32px",textDecoration:"none"}),icon:{width:"17px",height:"17px",marginRight:"4px"}},Jt,{label:{color:"rgba(0, 0, 0, 0.26)",cursor:"pointer",display:"inline-flex",fontSize:"14px",transition:"0.3s ease all",lineHeight:"1.428571429",fontWeight:"400",paddingLeft:"0",letterSpacing:"normal"}},Ne,{},Xt),er=Object(p.a)(Zt),ar=n.a.forwardRef((function(e,a){return n.a.createElement(_t.a,Object.assign({direction:"down",ref:a},e))}));function tr(){var e=er(),a=n.a.useState(null),t=Object(b.a)(a,2),r=t[0],o=t[1],l=n.a.useState(null),i=Object(b.a)(l,2),c=i[0],s=i[1],m=n.a.useState(null),d=Object(b.a)(m,2),p=d[0],u=d[1],g=n.a.useState(null),h=Object(b.a)(g,2),f=h[0],E=h[1],v=n.a.useState(!1),k=Object(b.a)(v,2),w=k[0],N=k[1];return n.a.createElement("div",{className:e.section},n.a.createElement("div",{className:e.container},n.a.createElement("div",{className:e.title},n.a.createElement("h2",null,"Javascript components")),n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Modal")),n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:6,lg:4},n.a.createElement(oe,{color:"primary",block:!0,onClick:function(){return N(!0)}},n.a.createElement(Qt.a,{className:e.icon}),"Classic"),n.a.createElement(Ut.a,{classes:{root:e.center,paper:e.modal},open:w,TransitionComponent:ar,keepMounted:!0,onClose:function(){return N(!1)},"aria-labelledby":"classic-modal-slide-title","aria-describedby":"classic-modal-slide-description"},n.a.createElement(Yt.a,{id:"classic-modal-slide-title",disableTypography:!0,className:e.modalHeader},n.a.createElement(x.a,{className:e.modalCloseButton,key:"close","aria-label":"Close",color:"inherit",onClick:function(){return N(!1)}},n.a.createElement(dt.a,{className:e.modalClose})),n.a.createElement("h4",{className:e.modalTitle},"Modal title")),n.a.createElement($t.a,{id:"classic-modal-slide-description",className:e.modalBody},n.a.createElement("p",null,"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.")),n.a.createElement(Gt.a,{className:e.modalFooter},n.a.createElement(oe,{color:"transparent",simple:!0},"Nice Button"),n.a.createElement(oe,{onClick:function(){return N(!1)},color:"danger",simple:!0},"Close"))))),n.a.createElement(ae,{xs:12,sm:12,md:12},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Datetime Picker")),n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement(Ke.a,{className:e.label},"Datetime Picker"),n.a.createElement("br",null),n.a.createElement(Me.a,{fullWidth:!0},n.a.createElement(Kt.a,{inputProps:{placeholder:"Datetime Picker Here"}})))))),n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Popovers")),n.a.createElement(oe,{onClick:function(e){return o(e.currentTarget)}},"On left"),n.a.createElement(Vt.a,{classes:{paper:e.popover},open:Boolean(r),anchorEl:r,onClose:function(){return o(null)},anchorOrigin:{vertical:"center",horizontal:"left"},transformOrigin:{vertical:"center",horizontal:"right"}},n.a.createElement("h3",{className:e.popoverHeader},"Popover on left"),n.a.createElement("div",{className:e.popoverBody},"Here will be some very useful information about his popover. Here will be some very useful information about his popover.")),n.a.createElement(oe,{onClick:function(e){return s(e.currentTarget)}},"On top"),n.a.createElement(Vt.a,{classes:{paper:e.popover},open:Boolean(c),anchorEl:c,onClose:function(){return s(null)},anchorOrigin:{vertical:"top",horizontal:"center"},transformOrigin:{vertical:"bottom",horizontal:"center"}},n.a.createElement("h3",{className:e.popoverHeader},"Popover on top"),n.a.createElement("div",{className:e.popoverBody},"Here will be some very useful information about his popover.")),n.a.createElement(oe,{onClick:function(e){return u(e.currentTarget)}},"On bottom"),n.a.createElement(Vt.a,{classes:{paper:e.popover},open:Boolean(p),anchorEl:p,onClose:function(){return u(null)},anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},n.a.createElement("h3",{className:e.popoverHeader},"Popover on bottom"),n.a.createElement("div",{className:e.popoverBody},"Here will be some very useful information about his popover.")),n.a.createElement(oe,{onClick:function(e){return E(e.currentTarget)}},"On right"),n.a.createElement(Vt.a,{classes:{paper:e.popover},open:Boolean(f),anchorEl:f,onClose:function(){return E(null)},anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"left"}},n.a.createElement("h3",{className:e.popoverHeader},"Popover on right"),n.a.createElement("div",{className:e.popoverBody},"Here will be some very useful information about his popover.")),n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Tooltips")),n.a.createElement(se.a,{id:"tooltip-left",title:"Tooltip on left",placement:"left",classes:{tooltip:e.tooltip}},n.a.createElement(oe,null,"On left")),n.a.createElement(se.a,{id:"tooltip-top",title:"Tooltip on top",placement:"top",classes:{tooltip:e.tooltip}},n.a.createElement(oe,null,"On top")),n.a.createElement(se.a,{id:"tooltip-bottom",title:"Tooltip on bottom",placement:"bottom",classes:{tooltip:e.tooltip}},n.a.createElement(oe,null,"On bottom")),n.a.createElement(se.a,{id:"tooltip-right",title:"Tooltip on right",placement:"right",classes:{tooltip:e.tooltip}},n.a.createElement(oe,null,"On right")))),n.a.createElement("div",{className:e.title},n.a.createElement("h3",null,"Carousel"))))}ar.displayName="Transition";var rr=t(149),nr=t.n(rr),or=t(89),lr=t.n(or),ir=t(150),cr=t.n(ir),sr=t(151),mr=t.n(sr),dr={section:{padding:"70px 0"},container:C,marginAuto:{marginLeft:"auto !important",marginRight:"auto !important"}},pr=Object(p.a)(dr);function ur(){var e=pr();return n.a.createElement("div",{className:e.section},n.a.createElement("div",{className:e.container},n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:8,className:e.marginAuto},n.a.createElement(Ta,{carousel:!0},n.a.createElement(nr.a,{dots:!0,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,autoplay:!1},n.a.createElement("div",null,n.a.createElement("img",{src:fa.a,alt:"First slide",className:"slick-image"}),n.a.createElement("div",{className:"slick-caption"},n.a.createElement("h4",null,n.a.createElement(lr.a,{className:"slick-icons"}),"Yellowstone National Park, United States"))),n.a.createElement("div",null,n.a.createElement("img",{src:cr.a,alt:"Second slide",className:"slick-image"}),n.a.createElement("div",{className:"slick-caption"},n.a.createElement("h4",null,n.a.createElement(lr.a,{className:"slick-icons"}),"Somewhere Beyond, United States"))),n.a.createElement("div",null,n.a.createElement("img",{src:mr.a,alt:"Third slide",className:"slick-image"}),n.a.createElement("div",{className:"slick-caption"},n.a.createElement("h4",null,n.a.createElement(lr.a,{className:"slick-icons"}),"Yellowstone National Park, United States")))))))))}var br={section:{padding:"70px 0"},container:Object(N.a)({},C,{textAlign:"center !important"})},gr=Object(p.a)(br);function hr(){var e=gr();return n.a.createElement("div",{className:e.section},n.a.createElement("div",{className:e.container},n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:8},n.a.createElement("h2",null,"Completed with examples"),n.a.createElement("h4",null,"The kit comes with three pre-built pages to help you get started faster. You can change the text and images and you","'","re good to go. More importantly, looking at them will give you a picture of what you can build with this powerful kit.")))))}var xr={cardFooter:{display:"flex",alignItems:"center",backgroundColor:"transparent",padding:"0.9375rem 1.875rem"}},fr=Object(p.a)(xr);function Er(e){var a,t=fr(),r=e.className,o=e.children,l=Object(Q.a)(e,["className","children"]),i=m()((a={},Object(u.a)(a,t.cardFooter,!0),Object(u.a)(a,r,void 0!==r),a));return n.a.createElement("div",Object.assign({className:i},l),o)}var vr=t(152),kr={section:{minHeight:"110vh",maxHeight:"1600px",overflow:"hidden",padding:"70px 0",backgroundPosition:"top center",backgroundSize:"cover",margin:"0",border:"0",display:"flex",alignItems:"center",backgroundImage:"url("+t.n(vr).a+")"},container:C,form:{margin:"0"},cardHeader:{width:"auto",textAlign:"center",marginLeft:"20px",marginRight:"20px",marginTop:"-40px",padding:"20px 0",marginBottom:"15px"},socialIcons:{maxWidth:"24px",marginTop:"0",width:"100%",transform:"none",left:"0",top:"0",height:"100%",lineHeight:"41px",fontSize:"20px"},divider:{marginTop:"30px",marginBottom:"0px",textAlign:"center"},cardFooter:{paddingTop:"0rem",border:"0",borderRadius:"6px",justifyContent:"center !important"},socialLine:{marginTop:"1rem",textAlign:"center",padding:"0"},inputIconsColor:{color:"#495057"}},wr=Object(p.a)(kr);function Nr(){var e=wr();return n.a.createElement("div",{className:e.section},n.a.createElement("div",{className:e.container},n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement(Ta,null,n.a.createElement("form",{className:e.form},n.a.createElement(Aa,{color:"primary",className:e.cardHeader},n.a.createElement("h4",null,"Login"),n.a.createElement("div",{className:e.socialLine},n.a.createElement(oe,{justIcon:!0,href:"#pablo",target:"_blank",color:"transparent",onClick:function(e){return e.preventDefault()}},n.a.createElement("i",{className:e.socialIcons+" fab fa-twitter"})),n.a.createElement(oe,{justIcon:!0,href:"#pablo",target:"_blank",color:"transparent",onClick:function(e){return e.preventDefault()}},n.a.createElement("i",{className:e.socialIcons+" fab fa-facebook"})),n.a.createElement(oe,{justIcon:!0,href:"#pablo",target:"_blank",color:"transparent",onClick:function(e){return e.preventDefault()}},n.a.createElement("i",{className:e.socialIcons+" fab fa-google-plus-g"})))),n.a.createElement("p",{className:e.divider},"Or Be Classical"),n.a.createElement(Wa,null,n.a.createElement($e,{labelText:"First Name...",id:"first",formControlProps:{fullWidth:!0},inputProps:{type:"text",endAdornment:n.a.createElement(Se.a,{position:"end"},n.a.createElement(Be.a,{className:e.inputIconsColor}))}}),n.a.createElement($e,{labelText:"Email...",id:"email",formControlProps:{fullWidth:!0},inputProps:{type:"email",endAdornment:n.a.createElement(Se.a,{position:"end"},n.a.createElement(ma.a,{className:e.inputIconsColor}))}}),n.a.createElement($e,{labelText:"Password",id:"pass",formControlProps:{fullWidth:!0},inputProps:{type:"password",endAdornment:n.a.createElement(Se.a,{position:"end"},n.a.createElement(fe.a,{className:e.inputIconsColor},"lock_outline")),autoComplete:"off"}})),n.a.createElement(Er,{className:e.cardFooter},n.a.createElement(oe,{simple:!0,color:"primary",size:"lg"},"Get started"))))))))}var yr=t(153),Cr=t.n(yr),Fr=t(154),jr=t.n(Fr),Ir=Object(N.a)({section:{padding:"70px 0"},container:Object(N.a)({},y,{textAlign:"center !important"})},zt,{link:{textDecoration:"none"}}),Or=Object(p.a)(Ir);function Sr(){var e=Or();return n.a.createElement("div",{className:e.section},n.a.createElement("div",{className:e.container},n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement(d.a,{to:"landing-page",className:e.link},n.a.createElement("img",{src:Cr.a,alt:"...",className:e.imgRaised+" "+e.imgRounded+" "+e.imgFluid}),n.a.createElement(oe,{color:"primary",size:"lg",simple:!0},"View landing page"))),n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement(d.a,{to:"profile-page",className:e.link},n.a.createElement("img",{src:jr.a,alt:"...",className:e.imgRaised+" "+e.imgRounded+" "+e.imgFluid}),n.a.createElement(oe,{color:"primary",size:"lg",simple:!0},"View profile page"))))))}var Rr={section:{padding:"70px 0"},container:C,textCenter:{textAlign:"center"},sharingArea:{marginTop:"80px"},socials:{maxWidth:"24px",marginTop:"0",width:"100%",transform:"none",left:"0",top:"0",height:"100%",fontSize:"20px",marginRight:"4px"}},Tr=Object(p.a)(Rr);function Lr(){var e=Tr();return n.a.createElement("div",{className:e.section},n.a.createElement("div",{className:e.container},n.a.createElement(Z,{className:e.textCenter,justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:8},n.a.createElement("h2",null,"Do you love this UI Kit?"),n.a.createElement("h4",null,"Cause if you do, it can be yours for FREE. Hit the buttons below to navigate to our website where you can find the kit. We also have the Bootstrap 4 version on plain HTML. Start a new project or give an old Bootstrap project a new look!")),n.a.createElement(ae,{xs:12,sm:8,md:6},n.a.createElement(oe,{color:"primary",size:"lg",href:"https://www.creative-tim.com/product/material-kit-react?ref=mkr-download-section",target:"_blank"},"Free React Download"),n.a.createElement(oe,{color:"primary",size:"lg",href:"https://www.creative-tim.com/product/material-kit?ref=mkr-download-section",target:"_blank"},"Free HTML Downoad"))),n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement(Z,{className:e.textCenter,justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:8},n.a.createElement("h2",null,"Want more?"),n.a.createElement("h4",null,"We","'","ve launched"," ",n.a.createElement("a",{href:"https://www.creative-tim.com/product/material-kit-pro-react?ref=mkr-download-section",target:"_blank"},"Material Kit PRO React"," "),".It has a huge number of components, sections and example pages. Start Your Development With A Badass Material-UI nspired by Material Design.")),n.a.createElement(ae,{xs:12,sm:8,md:6},n.a.createElement(oe,{color:"rose",size:"lg",href:"https://www.creative-tim.com/product/material-kit-pro-react?ref=mkr-download-section",target:"_blank"},"Material Kit PRO"),n.a.createElement(oe,{color:"rose",size:"lg",href:"https://www.creative-tim.com/product/material-dashboard-pro-react?ref=mkr-download-section",target:"_blank"},"Material Dashboard PRO"))),n.a.createElement("div",{className:e.textCenter+" "+e.sharingArea},n.a.createElement(Z,{justify:"center"},n.a.createElement("h3",null,"Thank you for supporting us!")),n.a.createElement(oe,{color:"twitter"},n.a.createElement("i",{className:e.socials+" fab fa-twitter"})," Tweet"),n.a.createElement(oe,{color:"facebook"},n.a.createElement("i",{className:e.socials+" fab fa-facebook-square"})," Share"),n.a.createElement(oe,{color:"google"},n.a.createElement("i",{className:e.socials+" fab fa-google-plus-g"}),"Share"),n.a.createElement(oe,{color:"github"},n.a.createElement("i",{className:e.socials+" fab fa-github"})," Star"))))}var Hr={container:C,brand:{color:"#FFFFFF",textAlign:"left"},title:{fontSize:"4.2rem",fontWeight:"600",display:"inline-block",position:"relative"},subtitle:{fontSize:"1.313rem",maxWidth:"500px",margin:"10px 0 0"},main:{background:"#FFFFFF",position:"relative",zIndex:"3"},mainRaised:{margin:"-60px 30px 0px",borderRadius:"6px",boxShadow:"0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)"},link:{textDecoration:"none"},textCenter:{textAlign:"center"}},Wr=Object(p.a)(Hr);var Br={container:Object(N.a)({zIndex:"12",color:"#FFFFFF"},C),title:Object(N.a)({},A,{display:"inline-block",position:"relative",marginTop:"30px",minHeight:"32px",color:"#FFFFFF",textDecoration:"none"}),subtitle:{fontSize:"1.313rem",maxWidth:"500px",margin:"10px auto 0"},main:{background:"#FFFFFF",position:"relative",zIndex:"3"},mainRaised:{margin:"-60px 30px 0px",borderRadius:"6px",boxShadow:"0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)"}},zr=t(155),Ar=t.n(zr),Dr=t(156),Pr=t.n(Dr),Mr={infoArea:{maxWidth:"360px",margin:"0 auto",padding:"0px"},iconWrapper:{float:"left",marginTop:"24px",marginRight:"10px"},primary:{color:"#9c27b0"},warning:{color:"#ff9800"},danger:{color:"#f44336"},success:{color:"#4caf50"},info:{color:"#00acc1"},rose:{color:"#e91e63"},gray:{color:"#999999"},icon:{width:"36px",height:"36px"},descriptionWrapper:{color:"#999999",overflow:"hidden"},title:A,description:{color:"#999999",overflow:"hidden",marginTop:"0px",fontSize:"14px"},iconWrapperVertical:{float:"none"},iconVertical:{width:"61px",height:"61px"}},Kr=Object(p.a)(Mr);function _r(e){var a,t,r=Kr(),o=e.title,l=e.description,i=e.iconColor,c=e.vertical,s=m()((a={},Object(u.a)(a,r.iconWrapper,!0),Object(u.a)(a,r[i],!0),Object(u.a)(a,r.iconWrapperVertical,c),a)),d=m()((t={},Object(u.a)(t,r.icon,!0),Object(u.a)(t,r.iconVertical,c),t));return n.a.createElement("div",{className:r.infoArea},n.a.createElement("div",{className:s},n.a.createElement(e.icon,{className:d})),n.a.createElement("div",{className:r.descriptionWrapper},n.a.createElement("h4",{className:r.title},o),n.a.createElement("p",{className:r.description},l)))}_r.defaultProps={iconColor:"gray"};var Ur={section:{padding:"70px 0",textAlign:"center"},title:Object(N.a)({},A,{marginBottom:"1rem",marginTop:"30px",minHeight:"32px",textDecoration:"none"}),description:{color:"#999"}},Yr=Object(p.a)(Ur);function $r(){var e=Yr();return n.a.createElement("div",{className:e.section},n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:8},n.a.createElement("h2",{className:e.title},"Let","'","s talk product"),n.a.createElement("h5",{className:e.description},"This is the paragraph where you can write more details about your product. Keep you user engaged by providing meaningful information. Remember that by this time, the user is curious, otherwise he wouldn","'","t scroll to get here. Add a button if you want the user to see more."))),n.a.createElement("div",null,n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement(_r,{title:"Free Chat",description:"Divide details about your product or agency work into parts. Write a few lines about each one. A paragraph describing a feature will be enough.",icon:Ca.a,iconColor:"info",vertical:!0})),n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement(_r,{title:"Verified Users",description:"Divide details about your product or agency work into parts. Write a few lines about each one. A paragraph describing a feature will be enough.",icon:Ar.a,iconColor:"success",vertical:!0})),n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement(_r,{title:"Fingerprint",description:"Divide details about your product or agency work into parts. Write a few lines about each one. A paragraph describing a feature will be enough.",icon:Pr.a,iconColor:"danger",vertical:!0})))))}var Gr=Object(N.a)({section:{padding:"70px 0",textAlign:"center"},title:Object(N.a)({},A,{marginBottom:"1rem",marginTop:"30px",minHeight:"32px",textDecoration:"none"})},zt,{itemGrid:{marginLeft:"auto",marginRight:"auto"},cardTitle:D,smallTitle:{color:"#6c757d"},description:{color:"#999"},justifyCenter:{justifyContent:"center !important"},socials:{marginTop:"0",width:"100%",transform:"none",left:"0",top:"0",height:"100%",lineHeight:"41px",fontSize:"20px",color:"#999"},margin5:{margin:"5px"}}),Vr=t(88),qr=t.n(Vr),Qr=t(157),Jr=t.n(Qr),Xr=Object(p.a)(Gr);function Zr(){var e=Xr(),a=m()(e.imgRaised,e.imgRoundedCircle,e.imgFluid);return n.a.createElement("div",{className:e.section},n.a.createElement("h2",{className:e.title},"Here is our team"),n.a.createElement("div",null,n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement(Ta,{plain:!0},n.a.createElement(ae,{xs:12,sm:12,md:6,className:e.itemGrid},n.a.createElement("img",{src:va.a,alt:"...",className:a})),n.a.createElement("h4",{className:e.cardTitle},"Gigi Hadid",n.a.createElement("br",null),n.a.createElement("small",{className:e.smallTitle},"Model")),n.a.createElement(Wa,null,n.a.createElement("p",{className:e.description},"You can write here details about one of your team members. You can give more details about what they do. Feel free to add some ",n.a.createElement("a",{href:"#pablo"},"links")," for people to be able to follow them outside the site.")),n.a.createElement(Er,{className:e.justifyCenter},n.a.createElement(oe,{justIcon:!0,color:"transparent",className:e.margin5},n.a.createElement("i",{className:e.socials+" fab fa-twitter"})),n.a.createElement(oe,{justIcon:!0,color:"transparent",className:e.margin5},n.a.createElement("i",{className:e.socials+" fab fa-instagram"})),n.a.createElement(oe,{justIcon:!0,color:"transparent",className:e.margin5},n.a.createElement("i",{className:e.socials+" fab fa-facebook"}))))),n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement(Ta,{plain:!0},n.a.createElement(ae,{xs:12,sm:12,md:6,className:e.itemGrid},n.a.createElement("img",{src:qr.a,alt:"...",className:a})),n.a.createElement("h4",{className:e.cardTitle},"Christian Louboutin",n.a.createElement("br",null),n.a.createElement("small",{className:e.smallTitle},"Designer")),n.a.createElement(Wa,null,n.a.createElement("p",{className:e.description},"You can write here details about one of your team members. You can give more details about what they do. Feel free to add some ",n.a.createElement("a",{href:"#pablo"},"links")," for people to be able to follow them outside the site.")),n.a.createElement(Er,{className:e.justifyCenter},n.a.createElement(oe,{justIcon:!0,color:"transparent",className:e.margin5},n.a.createElement("i",{className:e.socials+" fab fa-twitter"})),n.a.createElement(oe,{justIcon:!0,color:"transparent",className:e.margin5},n.a.createElement("i",{className:e.socials+" fab fa-linkedin"}))))),n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement(Ta,{plain:!0},n.a.createElement(ae,{xs:12,sm:12,md:6,className:e.itemGrid},n.a.createElement("img",{src:Jr.a,alt:"...",className:a})),n.a.createElement("h4",{className:e.cardTitle},"Kendall Jenner",n.a.createElement("br",null),n.a.createElement("small",{className:e.smallTitle},"Model")),n.a.createElement(Wa,null,n.a.createElement("p",{className:e.description},"You can write here details about one of your team members. You can give more details about what they do. Feel free to add some ",n.a.createElement("a",{href:"#pablo"},"links")," for people to be able to follow them outside the site.")),n.a.createElement(Er,{className:e.justifyCenter},n.a.createElement(oe,{justIcon:!0,color:"transparent",className:e.margin5},n.a.createElement("i",{className:e.socials+" fab fa-twitter"})),n.a.createElement(oe,{justIcon:!0,color:"transparent",className:e.margin5},n.a.createElement("i",{className:e.socials+" fab fa-instagram"})),n.a.createElement(oe,{justIcon:!0,color:"transparent",className:e.margin5},n.a.createElement("i",{className:e.socials+" fab fa-facebook"}))))))))}var en={section:{padding:"70px 0"},title:Object(N.a)({},A,{marginBottom:"50px",marginTop:"30px",minHeight:"32px",textDecoration:"none",textAlign:"center"}),description:{color:"#999",textAlign:"center"},textCenter:{textAlign:"center"},textArea:{marginRight:"15px",marginLeft:"15px"}},an=Object(p.a)(en);function tn(){var e=an();return n.a.createElement("div",{className:e.section},n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{cs:12,sm:12,md:8},n.a.createElement("h2",{className:e.title},"Work with us"),n.a.createElement("h4",{className:e.description},"Divide details about your product or agency work into parts. Write a few lines about each one and contact us about any further collaboration. We will responde get back to you in a couple of hours."),n.a.createElement("form",null,n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement($e,{labelText:"Your Name",id:"name",formControlProps:{fullWidth:!0}})),n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement($e,{labelText:"Your Email",id:"email",formControlProps:{fullWidth:!0}})),n.a.createElement($e,{labelText:"Your Message",id:"message",formControlProps:{fullWidth:!0,className:e.textArea},inputProps:{multiline:!0,rows:5}}),n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:4,className:e.textCenter},n.a.createElement(oe,{color:"primary"},"Send Message"))))))))}var rn=[],nn=Object(p.a)(Br);var on=t(164),ln=t.n(on),cn=t(165),sn=t.n(cn),mn=t(109),dn=t.n(mn),pn=t(158),un=t.n(pn),bn=t(159),gn=t.n(bn),hn=t(160),xn=t.n(hn),fn=t(161),En=t.n(fn),vn=t(110),kn=t.n(vn),wn=t(111),Nn=t.n(wn),yn=t(162),Cn=t.n(yn),Fn=t(112),jn=t.n(Fn),In=t(163),On=t.n(In),Sn=Object(N.a)({container:C,profile:{textAlign:"center","& img":{maxWidth:"160px",width:"100%",margin:"0 auto",transform:"translate3d(0, -50%, 0)"}},description:{margin:"1.071rem auto 0",maxWidth:"600px",color:"#999",textAlign:"center !important"},name:{marginTop:"-80px"}},zt,{main:{background:"#FFFFFF",position:"relative",zIndex:"3"},mainRaised:{margin:"-60px 30px 0px",borderRadius:"6px",boxShadow:"0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)"},title:Object(N.a)({},A,{display:"inline-block",position:"relative",marginTop:"30px",minHeight:"32px",textDecoration:"none"}),socials:{marginTop:"0",width:"100%",transform:"none",left:"0",top:"0",height:"100%",lineHeight:"41px",fontSize:"20px",color:"#999"},navWrapper:{margin:"20px auto 50px auto",textAlign:"center"}}),Rn=Object(p.a)(Sn);var Tn={container:Object(N.a)({},C,{zIndex:"2",position:"relative",paddingTop:"20vh",color:"#FFFFFF",paddingBottom:"200px"}),cardHidden:{opacity:"0",transform:"translate3d(0, -60px, 0)"},pageHeader:{minHeight:"100vh",height:"auto",display:"inherit",position:"relative",margin:"0",padding:"0",border:"0",alignItems:"center","&:before":{background:"rgba(0, 0, 0, 0.5)"},"&:before,&:after":{position:"absolute",zIndex:"1",width:"100%",height:"100%",display:"block",left:"0",top:"0",content:'""'},"& footer li a,& footer li a:hover,& footer li a:active":{color:"#FFFFFF"},"& footer":{position:"absolute",bottom:"0",width:"100%"}},form:{margin:"0"},cardHeader:{width:"auto",textAlign:"center",marginLeft:"20px",marginRight:"20px",marginTop:"-40px",padding:"20px 0",marginBottom:"15px"},socialIcons:{maxWidth:"24px",marginTop:"0",width:"100%",transform:"none",left:"0",top:"0",height:"100%",lineHeight:"41px",fontSize:"20px"},divider:{marginTop:"30px",marginBottom:"0px",textAlign:"center"},cardFooter:{paddingTop:"0rem",border:"0",borderRadius:"6px",justifyContent:"center !important"},socialLine:{marginTop:"1rem",textAlign:"center",padding:"0"},inputIconsColor:{color:"#495057"}},Ln=t(166),Hn=t.n(Ln),Wn=Object(p.a)(Tn);var Bn=Object(i.a)();l.a.render(n.a.createElement(c.b,{history:Bn},n.a.createElement(c.c,null,n.a.createElement(c.a,{path:"/landing-page",component:function(e){var a=nn(),r=Object.assign({},e);return n.a.createElement("div",null,n.a.createElement(K,Object.assign({color:"transparent",routes:rn,brand:"Material Kit React",rightLinks:n.a.createElement(Fe,null),fixed:!0,changeColorOnScroll:{height:400,color:"white"}},r)),n.a.createElement(ce,{filter:!0,image:t(258)},n.a.createElement("div",{className:a.container},n.a.createElement(Z,null,n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement("h1",{className:a.title},"Your Story Starts With Us."),n.a.createElement("h4",null,"Every landing page needs a small description after the big bold title, that","'","s why we added this text here. Add here all the information that can make you or your product create the first impression."),n.a.createElement("br",null),n.a.createElement(oe,{color:"danger",size:"lg",href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ&ref=creativetim",target:"_blank",rel:"noopener noreferrer"},n.a.createElement("i",{className:"fas fa-play"}),"Watch video"))))),n.a.createElement("div",{className:m()(a.main,a.mainRaised)},n.a.createElement("div",{className:a.container},n.a.createElement($r,null),n.a.createElement(Zr,null),n.a.createElement(tn,null))),n.a.createElement(q,null))}}),n.a.createElement(c.a,{path:"/profile-page",component:function(e){var a=Rn(),r=Object.assign({},e),o=m()(a.imgRaised,a.imgRoundedCircle,a.imgFluid),l=m()(a.imgRounded,a.imgGallery);return n.a.createElement("div",null,n.a.createElement(K,Object.assign({color:"transparent",brand:"Material Kit React",rightLinks:n.a.createElement(Fe,null),fixed:!0,changeColorOnScroll:{height:200,color:"white"}},r)),n.a.createElement(ce,{small:!0,filter:!0,image:t(259)}),n.a.createElement("div",{className:m()(a.main,a.mainRaised)},n.a.createElement("div",null,n.a.createElement("div",{className:a.container},n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:6},n.a.createElement("div",{className:a.profile},n.a.createElement("div",null,n.a.createElement("img",{src:qr.a,alt:"...",className:o})),n.a.createElement("div",{className:a.name},n.a.createElement("h3",{className:a.title},"Christian Louboutin"),n.a.createElement("h6",null,"DESIGNER"),n.a.createElement(oe,{justIcon:!0,link:!0,className:a.margin5},n.a.createElement("i",{className:"fab fa-twitter"})),n.a.createElement(oe,{justIcon:!0,link:!0,className:a.margin5},n.a.createElement("i",{className:"fab fa-instagram"})),n.a.createElement(oe,{justIcon:!0,link:!0,className:a.margin5},n.a.createElement("i",{className:"fab fa-facebook"})))))),n.a.createElement("div",{className:a.description},n.a.createElement("p",null,"An artist of considerable range, Chet Faker \u2014 the name taken by Melbourne-raised, Brooklyn-based Nick Murphy \u2014 writes, performs and records all of his own music, giving it a warm, intimate feel with a solid groove structure."," ")),n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:8,className:a.navWrapper},n.a.createElement(at,{alignCenter:!0,color:"primary",tabs:[{tabButton:"Studio",tabIcon:ln.a,tabContent:n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement("img",{alt:"...",src:dn.a,className:l}),n.a.createElement("img",{alt:"...",src:un.a,className:l})),n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement("img",{alt:"...",src:En.a,className:l}),n.a.createElement("img",{alt:"...",src:xn.a,className:l})))},{tabButton:"Work",tabIcon:sn.a,tabContent:n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement("img",{alt:"...",src:kn.a,className:l}),n.a.createElement("img",{alt:"...",src:Nn.a,className:l}),n.a.createElement("img",{alt:"...",src:Cn.a,className:l})),n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement("img",{alt:"...",src:jn.a,className:l}),n.a.createElement("img",{alt:"...",src:On.a,className:l})))},{tabButton:"Favorite",tabIcon:$.a,tabContent:n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement("img",{alt:"...",src:jn.a,className:l}),n.a.createElement("img",{alt:"...",src:gn.a,className:l})),n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement("img",{alt:"...",src:Nn.a,className:l}),n.a.createElement("img",{alt:"...",src:kn.a,className:l}),n.a.createElement("img",{alt:"...",src:dn.a,className:l})))}]})))))),n.a.createElement(q,null))}}),n.a.createElement(c.a,{path:"/login-page",component:function(e){var a=n.a.useState("cardHidden"),t=Object(b.a)(a,2),r=t[0],o=t[1];setTimeout((function(){o("")}),700);var l=Wn(),i=Object.assign({},e);return n.a.createElement("div",null,n.a.createElement(K,Object.assign({absolute:!0,color:"transparent",brand:"Material Kit React",rightLinks:n.a.createElement(Fe,null)},i)),n.a.createElement("div",{className:l.pageHeader,style:{backgroundImage:"url("+Hn.a+")",backgroundSize:"cover",backgroundPosition:"top center"}},n.a.createElement("div",{className:l.container},n.a.createElement(Z,{justify:"center"},n.a.createElement(ae,{xs:12,sm:12,md:4},n.a.createElement(Ta,{className:l[r]},n.a.createElement("form",{className:l.form},n.a.createElement(Aa,{color:"primary",className:l.cardHeader},n.a.createElement("h4",null,"Login"),n.a.createElement("div",{className:l.socialLine},n.a.createElement(oe,{justIcon:!0,href:"#pablo",target:"_blank",color:"transparent",onClick:function(e){return e.preventDefault()}},n.a.createElement("i",{className:"fab fa-twitter"})),n.a.createElement(oe,{justIcon:!0,href:"#pablo",target:"_blank",color:"transparent",onClick:function(e){return e.preventDefault()}},n.a.createElement("i",{className:"fab fa-facebook"})),n.a.createElement(oe,{justIcon:!0,href:"#pablo",target:"_blank",color:"transparent",onClick:function(e){return e.preventDefault()}},n.a.createElement("i",{className:"fab fa-google-plus-g"})))),n.a.createElement("p",{className:l.divider},"Or Be Classical"),n.a.createElement(Wa,null,n.a.createElement($e,{labelText:"First Name...",id:"first",formControlProps:{fullWidth:!0},inputProps:{type:"text",endAdornment:n.a.createElement(Se.a,{position:"end"},n.a.createElement(Be.a,{className:l.inputIconsColor}))}}),n.a.createElement($e,{labelText:"Email...",id:"email",formControlProps:{fullWidth:!0},inputProps:{type:"email",endAdornment:n.a.createElement(Se.a,{position:"end"},n.a.createElement(ma.a,{className:l.inputIconsColor}))}}),n.a.createElement($e,{labelText:"Password",id:"pass",formControlProps:{fullWidth:!0},inputProps:{type:"password",endAdornment:n.a.createElement(Se.a,{position:"end"},n.a.createElement(fe.a,{className:l.inputIconsColor},"lock_outline")),autoComplete:"off"}})),n.a.createElement(Er,{className:l.cardFooter},n.a.createElement(oe,{simple:!0,color:"primary",size:"lg"},"Get started"))))))),n.a.createElement(q,{whiteFont:!0})))}}),n.a.createElement(c.a,{path:"/",component:function(e){var a=Wr(),r=Object.assign({},e);return n.a.createElement("div",null,n.a.createElement(K,Object.assign({brand:"Material Kit React",rightLinks:n.a.createElement(Fe,null),fixed:!0,color:"transparent",changeColorOnScroll:{height:400,color:"white"}},r)),n.a.createElement(ce,{image:t(257)},n.a.createElement("div",{className:a.container},n.a.createElement(Z,null,n.a.createElement(ae,null,n.a.createElement("div",{className:a.brand},n.a.createElement("h1",{className:a.title},"Material Kit React."),n.a.createElement("h3",{className:a.subtitle},"A Badass Material-UI Kit based on Material Design.")))))),n.a.createElement("div",{className:m()(a.main,a.mainRaised)},n.a.createElement(la,null),n.a.createElement(Na,null),n.a.createElement(Ua,null),n.a.createElement(nt,null),n.a.createElement(Et,null),n.a.createElement(Pt,null),n.a.createElement(tr,null),n.a.createElement(ur,null),n.a.createElement(hr,null),n.a.createElement(Nr,null),n.a.createElement(ae,{md:12,className:a.textCenter},n.a.createElement(d.a,{to:"/login-page",className:a.link},n.a.createElement(oe,{color:"primary",size:"lg",simple:!0},"View Login Page"))),n.a.createElement(Sr,null),n.a.createElement(Lr,null)),n.a.createElement(q,null))}}))),document.getElementById("root"))},40:function(e,a,t){e.exports=t.p+"static/media/avatar.f1d71f77.jpg"},84:function(e,a,t){e.exports=t.p+"static/media/bg.e5241971.jpg"},88:function(e,a,t){e.exports=t.p+"static/media/christian.56633ed3.jpg"}},[[184,1,2]]]);
  //# sourceMappingURL=main.de550eb1.chunk.js.map