feat: Add first login page

src/App.tsx

@@ -1,10 +1,11 @@
 import './App.css'
 import Catalog from './pages/catalog/Catalog'
-
+import Login from './pages/login/Login'
 
 function App() {
   return (
     <>
+      <Login/>
       <Catalog/>
     </>
   )

src/pages/index.ts

@@ -1 +1,2 @@
 export * from './catalog/';
+export * from './login/';

src/pages/login/Login.tsx

@@ -0,0 +1,42 @@
+import React, { useState } from "react";
+
+const Login = () => {
+  const [user, setUser] = useState<string>("");
+  const [password, setPassword] = useState<string>("");
+
+  function handleUserChange(e: React.ChangeEvent<HTMLInputElement>): void {
+    setUser(e.target.value);
+  }
+
+  function handlePasswordChange(e: React.ChangeEvent<HTMLInputElement>): void {
+    setPassword(e.target.value);
+  }
+
+  function handleSubmit(e: React.FormEvent<HTMLFormElement>): void {
+    e.preventDefault();
+    alert([user, password]);
+    setUser("");
+    setPassword("");
+  }
+  return (
+    <>
+      <div>
+        <h1>Inicia sesión.</h1>
+      </div>
+      <div>
+        <form onSubmit={handleSubmit}>
+          <img src="https://picsum.photos/300/200?random={i}" alt="Imagen"/><br/>
+
+          <label>Usuario:</label><br/>
+          <input type="text" value={user} onChange={handleUserChange}/><br/>
+          <label>Contraseña</label><br/>
+          <input type="password" value={password} onChange={handlePasswordChange}/><br/>
+          <input type="submit" value="submit"/>
+        </form>
+      </div>
+    </>
+  )
+};
+
+
+export default Login;

src/pages/login/index.ts

@@ -0,0 +1 @@
+export * from './Login.tsx';