diff --git a/src/views/user/TheLogin.vue b/src/views/user/TheLogin.vue
new file mode 100644
index 0000000..d98d246
--- /dev/null
+++ b/src/views/user/TheLogin.vue
@@ -0,0 +1,15 @@
+<template>
+    <div class="d-flex justify-content-center align-items-center vh-100">
+        <div class="container container-p-y rounded bg-white" style="max-width: 500px">
+            <LogoHeader :logo-url="logoUrl" title="LOCALNET" />
+            <LoginForm @submit="handleSubmit" />
+        </div>
+    </div>
+</template>
+
+<script setup>
+import LogoHeader from '@c/login/LogoHeader.vue';
+import LoginForm from '@c/login/LoginForm.vue';
+</script>
+
+<style></style>