diff --git a/frontend/src/routes/Login/index.tsx b/frontend/src/routes/Login/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..10604776fb88c2cbc707df4f6b64cf8108475f5e
--- /dev/null
+++ b/frontend/src/routes/Login/index.tsx
@@ -0,0 +1,15 @@
+import { Button } from "../../components/Button"
+
+interface LoginProps {
+  onClick: () => void
+}
+
+export const Login = ({ onClick }: LoginProps) => {
+  return (
+    <div className="bg-slate-100 w-1/3 m-auto p-8 shadow-lg mt-16 rounded-md">
+      <img className="mx-auto bg-gray-100 p-4" alt="" src="/logo530.png" />
+      <h1 className="mx-auto text-center text-4xl font-extrabold">Welcome</h1>
+      <Button onClick={onClick} className="p-8 mx-auto" title="Login with OpenID connect" />
+    </div>
+  )
+}
\ No newline at end of file