{"version":3,"sources":["components/Navbar.js","components/MainContent.js","components/Atividades.js","components/Form.js","App.js","index.js"],"names":["Navbar","props","className","href","MainContent","src","Atividades","Form","id","type","name","placeholder","onClick","n","document","getElementById","value","s","e","m","h","innerHTML","alert","App","addEventListener","ReactDOM","render"],"mappings":"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","file":"static/js/main.3e51195f.chunk.js","sourcesContent":["import React from \"react\";\r\nimport \"./Navbar.css\";\r\n\r\nfunction Navbar(props){\r\n    return(\r\n         <div className=\"navbar-container\">\r\n             <h3 className=\"navbar-logo\">FitCenter</h3>\r\n             <ul className=\"navbar-items\">\r\n               <li className=\"navbar-item\"><a href=\"#\" className=\"navbar-link\">Home</a></li>\r\n               <li className=\"navbar-item\"><a href=\"#\" className=\"navbar-link\">Atividades</a></li>\r\n               <li className=\"navbar-item\"><a href=\"#\" className=\"navbar-link\">Preços</a></li>\r\n               <li className=\"navbar-item\"><a href=\"#\" className=\"navbar-link\">Contato</a></li>\r\n             </ul>\r\n         </div>\r\n    )\r\n}\r\nexport default Navbar;","import React from \"react\";\r\nimport \"./MainContent.css\"\r\n\r\nfunction MainContent(props){\r\n    return(\r\n        <div className=\"mc-container\">\r\n           <h1 className=\"mc-txt1\">SUA SAÚDE É NOSSA PRIORIDADE</h1>\r\n           <p className=\"mc-txt2\">Venha fazer parte da nossa academia. Aqui você recebe todo o apoio necessário para garantir o bem-estar da sua saúde.</p>\r\n           <div className=\"carrosel\">\r\n               <div className=\"items\">\r\n                   <div className=\"item\"><img src=\"https://news.gympass.com/wp-content/uploads/2017/11/Academia-Bluefit-Gympass-Academias-Super-Estilosas-Blog.jpg\"></img></div>\r\n                   <div className=\"item\"><img src=\"http://www.formacco.com.br/fmanager/formaccon/f_cf_academia_ef_web.jpg\"></img></div>\r\n                   <div className=\"item\"><img src=\"http://geranegocios.com/wp-content/uploads/2019/07/montar-academia-crossfit.png\"></img></div>\r\n                   <div className=\"item\"><img src=\"https://www.recreiodajuventude.com.br/userfiles/redacao/posts/academia-campanha.jpg\"></img></div>\r\n               </div>\r\n           </div>\r\n        </div>\r\n    )\r\n}\r\nexport default MainContent;","import React from \"react\";\r\nimport \"./Atividades.css\";\r\n\r\nfunction Atividades(props){\r\n    return(\r\n       <div className=\"atividades-container\">\r\n          <h2 className=\"atividades-txt\">Veja nossas atividades</h2>\r\n          <div className=\"dq\">\r\n          <div className=\"atividade\">\r\n             <img className=\"atividade-img\" src=\"../images/cross.jpg\"></img>\r\n             <h5 className=\"atividade-title\">CrossFit</h5>\r\n             <p className=\"atividade-desc\">Venha fazer CrossFit com excelentes personais</p>\r\n             <button className=\"atividade-button\">Ver mais</button>\r\n          </div>\r\n          <div className=\"atividade\">\r\n             <img className=\"atividade-img\" src=\"../images/musc.jpg\"></img>\r\n             <h5 className=\"atividade-title\">Musculação</h5>\r\n             <p className=\"atividade-desc\">Venha fazer musculação com excelentes personais</p>\r\n             <button className=\"atividade-button\">Ver mais</button>\r\n          </div>\r\n          <div className=\"atividade\">\r\n             <img className=\"atividade-img\" src=\"../images/box.jpg\"></img>\r\n             <h5 className=\"atividade-title\">Boxe</h5>\r\n             <p className=\"atividade-desc\">Venha fazer boxe com excelentes lutadores</p>\r\n             <button className=\"atividade-button\">Ver mais</button>\r\n          </div>\r\n          <div className=\"atividade\">\r\n             <img className=\"atividade-img\" src=\"../images/danca.jpg\"></img>\r\n             <h5 className=\"atividade-title\">Dança</h5>\r\n             <p className=\"atividade-desc\">Venha fazer dança com excelentes dançarinos</p>\r\n             <button className=\"atividade-button\">Ver mais</button>\r\n          </div>\r\n          </div>\r\n       </div>\r\n    )\r\n}\r\nexport default Atividades;","import React from \"react\";\r\nimport \"./Form.css\";\r\n\r\nfunction Form(props){\r\n    function enviarMsg(){\r\n        let n = document.getElementById(\"nome\").value;\r\n        let s = document.getElementById(\"sobrenome\").value;\r\n        let e = document.getElementById(\"email\").value;\r\n        let m = document.getElementById(\"msg\").value ;\r\n        let h = document.getElementById(\"b\");\r\n\r\n        if (n == \"\"){\r\n            h.innerHTML = \"Campos vazios!\"\r\n        }\r\n        if (s == \"\"){\r\n            h.innerHTML = \"Campos vazios!\"\r\n        }\r\n        if(e == \"\"){\r\n            h.innerHTML = \"Campos vazios!\"\r\n        }\r\n        if(m==\"\"){\r\n            h.innerHTML = \"Campos vazios!\"\r\n        }\r\n        else {\r\n            h.innerHTML = \"Mensagem enviada com sucesso!\"\r\n            alert(\"Olá, \" + n + \". Sua mensagem foi enviada com sucesso!\")\r\n        }\r\n    }\r\n    return(\r\n       <>\r\n       <h3 className=\"form-txt\">Alguma dúvida? Preencha o formulário abaixo</h3>\r\n       <div className=\"form-container\">\r\n          <div className=\"form\">\r\n          <input id=\"nome\" type=\"name\" name=\"name\" placeholder=\"Seu nome\"></input> <br></br>\r\n          <input id=\"sobrenome\" type=\"name\" name=\"name\" placeholder=\"Seu sobrenome\"></input> <br></br>\r\n          <input id=\"email\" type=\"email\" name=\"email\" placeholder=\"Seu email\"></input> <br></br>\r\n          <input id=\"msg\" type=\"text\" name=\"text\" placeholder=\"Sua mensagem\"></input> <br></br>\r\n          <button onClick={enviarMsg} className=\"form-button\">Enviar</button>\r\n          <h3 id=\"b\"></h3>\r\n          </div>\r\n       </div>\r\n       </>\r\n    )\r\n}\r\nexport default Form;\r\n","import React from \"react\";\r\nimport \"./App.css\"\r\n\r\nimport Navbar from \"./components/Navbar\";\r\nimport MainContent from \"./components/MainContent\";\r\nimport Atividades from \"./components/Atividades\";\r\nimport Form from \"./components/Form\";\r\n\r\nfunction App(props){\r\n    document.addEventListener(\"DOMContentLoaded\",()=>{\r\n       alert(\"Seja Bem-Vindo(a)!\");\r\n    });\r\n    return(\r\n        <>\r\n        <header>\r\n        <Navbar/>\r\n        </header>\r\n        <main>\r\n        <MainContent/>\r\n        <Atividades/>\r\n        </main>\r\n        <footer>\r\n        <Form/>\r\n        </footer>\r\n        </>\r\n    )\r\n}\r\nexport default App;","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\n\r\nimport App from \"./App\";\r\n\r\nReactDOM.render(\r\n    <App/>,\r\n    document.getElementById(\"root\")\r\n)"],"sourceRoot":""}