diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
new file mode 100644
index 0000000..2ad9b10
--- /dev/null
+++ b/src/routes/login/+page.svelte
@@ -0,0 +1,45 @@
+<script>
+</script>
+
+<div class="h-screen flex items-center justify-center">
+	<form class="bg-white p-8 rounded-md shadow-md" action="/api/login" method="post">
+		<label class="block mb-4" for="email">
+			Email
+			<input
+				class="login-form-input"
+				type="email"
+				name="email"
+				id="email"
+				placeholder="Email"
+				required
+			/>
+		</label>
+
+		<label class="block mb-4" for="password">
+			Password
+			<input
+				class="login-form-input"
+				type="password"
+				name="password"
+				id="password"
+				placeholder="Password"
+				required
+			/>
+		</label>
+
+		<button
+			class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded w-full"
+			type="submit">Login</button
+		>
+	</form>
+</div>
+
+<style>
+	form {
+		@apply text-slate-800;
+	}
+
+	.login-form-input {
+		@apply block w-full px-4 py-2 border-2 border-gray-600 rounded-md;
+	}
+</style>