feat: init login page

front/pages/login.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import Layout from "../components/ui/layout";
+import { Title } from "../components/ui/styles/title";
+
+const Login = () => {
+  const [email, setEmail] = React.useState("");
+  const [password, setPassword] = React.useState("");
+
+  const handleSubmit = (e: any) => {
+    e.preventDefault();
+    console.log(email, password);
+  };
+
+  const handleEmailChange = (e: any) => {
+    setEmail(e.target.value);
+  };
+
+  const handlePasswordChange = (e: any) => {
+    setPassword(e.target.value);
+  };
+
+  return (
+    <div>
+      <Layout>
+        <Title>Login</Title>
+
+        <form>
+          <input onChange={handleEmailChange} type="text" placeholder="email" />
+          <input onChange={handlePasswordChange} type="password" placeholder="password" />
+          <button onClick={handleSubmit} type="submit">
+            Login
+          </button>
+        </form>
+      </Layout>
+    </div>
+  );
+};
+
+export default Login;