From 156d70e91852c92f0d74db00ae76695c97e411b5 Mon Sep 17 00:00:00 2001
From: "Gabriel D." <gabrielpanovich@gmail.com>
Date: Fri, 28 Nov 2025 19:50:30 -0300
Subject: [PATCH] =?UTF-8?q?Cria=C3=A7=C3=A3o=20dos=20elementos=20b=C3=A1si?=
 =?UTF-8?q?cos=20da=20tela=20de=20login?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Login/index.jsx | 55 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 53 insertions(+), 2 deletions(-)

diff --git a/src/pages/Login/index.jsx b/src/pages/Login/index.jsx
index 8087cb6..de77520 100644
--- a/src/pages/Login/index.jsx
+++ b/src/pages/Login/index.jsx
@@ -1,9 +1,60 @@
 import React from 'react'
+import { useState } from 'react'
 
 const Login = () => {
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
+
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    alert("Enviando os dados: " + username + " - " + password);
+  }
+
   return(
-    <h1>Login Page</h1>
+    <div className="container">
+      <form onSubmit={handleSubmit}>
+        <h1>IBEApp</h1>
+        <div>
+          <label 
+            style={{ whiteSpace: "pre-wrap" }}>
+            Nome de Usuário / E-mail{"\n"}
+          </label>
+          <input
+            type="email"
+            placeholder="Seu nome de usuário ou e-mail"
+            required
+            onChange={(e) => setUsername(e.target.value)} />
+        </div>
+        <div>
+          <label
+            style={{ whiteSpace: "pre-wrap" }}>
+            Senha{"\n"}
+          </label>
+          <input 
+            type="password"
+            placeholder="Sua senha"
+            onChange={(e) => setPassword(e.target.value)}/>
+        </div>
+
+        <div className="recall-forget">
+          <label>
+            <a href="#">Esqueceu a senha?</a>
+          </label>
+        </div>
+
+        <button
+          //color="#FFF"
+          //bgColor="#31788A"
+          //_hover={{bg: '#31788A'}}
+          //size="lg"
+          //mt={4}
+          //isLoading={loading}
+          type="submit">
+          Entrar
+        </button>
+      </form>
+    </div>
   )
-}
+} 
 
 export default Login;
\ No newline at end of file