diff --git a/go.mod b/go.mod
index c25c3b9..8ccaa4e 100644
--- a/go.mod
+++ b/go.mod
@@ -72,6 +72,7 @@ require (
 	github.com/go-sql-driver/mysql v1.8.1 // indirect
 	github.com/go-test/deep v1.1.0 // indirect
 	github.com/gogo/protobuf v1.3.2 // indirect
+	github.com/golang-jwt/jwt/v5 v5.2.1 // indirect
 	github.com/golang-sql/civil v0.0.0-20220223132316-b832511892a9 // indirect
 	github.com/golang-sql/sqlexp v0.1.0 // indirect
 	github.com/golang/protobuf v1.5.4 // indirect
diff --git a/go.sum b/go.sum
index 1d12dea..72e483b 100644
--- a/go.sum
+++ b/go.sum
@@ -248,6 +248,8 @@ github.com/golang-jwt/jwt/v4 v4.5.0/go.mod h1:m21LjoU+eqJr34lmDMbreY2eSTRJ1cv77w
 github.com/golang-jwt/jwt/v5 v5.0.0/go.mod h1:pqrtFR0X4osieyHYxtmOUWsAWrfe1Q5UVIyoH402zdk=
 github.com/golang-jwt/jwt/v5 v5.2.0 h1:d/ix8ftRUorsN+5eMIlF4T6J8CAt9rch3My2winC1Jw=
 github.com/golang-jwt/jwt/v5 v5.2.0/go.mod h1:pqrtFR0X4osieyHYxtmOUWsAWrfe1Q5UVIyoH402zdk=
+github.com/golang-jwt/jwt/v5 v5.2.1 h1:OuVbFODueb089Lh128TAcimifWaLhJwVflnrgM17wHk=
+github.com/golang-jwt/jwt/v5 v5.2.1/go.mod h1:pqrtFR0X4osieyHYxtmOUWsAWrfe1Q5UVIyoH402zdk=
 github.com/golang-sql/civil v0.0.0-20220223132316-b832511892a9 h1:au07oEsX2xN0ktxqI+Sida1w446QrXBRJ0nee3SNZlA=
 github.com/golang-sql/civil v0.0.0-20220223132316-b832511892a9/go.mod h1:8vg3r2VgvsThLBIFL93Qb5yWzgyZWhEmBwUJWevAkK0=
 github.com/golang-sql/sqlexp v0.1.0 h1:ZCD6MBpcuOVfGVqsEmY5/4FtYiKz6tSyUv9LPEDei6A=
diff --git a/public/img/logousite.webp b/public/img/logousite.webp
new file mode 100644
index 0000000..a4aa69c
Binary files /dev/null and b/public/img/logousite.webp differ
diff --git a/resources/views/index.html b/resources/views/index.html
index 65b484c..e9c3645 100644
--- a/resources/views/index.html
+++ b/resources/views/index.html
@@ -1,5 +1,5 @@
 <!-- Container Principal -->
-<div x-data="modals" @keydown.escape="closeModal"   class="bg-white rounded-lg shadow">
+<div x-data="modals" @keydown.escape="closeModal" class="bg-white rounded-lg shadow">
     <div class="container mx-auto p-6 w-full ">
         <h1 class="text-2xl font-bold mb-4">Oficina Virtual</h1>
         <div class="justify-between w-full  md:flex">
@@ -12,11 +12,10 @@
                     <p> Volver a la pagina principal </p>
                 </button>
             </a>
-
             <!-- Agregar el GIF de carga -->
             <div x-show="loading" class="fixed inset-0 bg-gray-800 bg-opacity-75 flex z-50 justify-center items-center">
                 <img src="../img/loading.gif" alt="Cargando..." class="w-16 h-16" />
             </div>
-
-
-        </div>
\ No newline at end of file
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/login.html b/resources/views/login.html
new file mode 100644
index 0000000..5a4618b
--- /dev/null
+++ b/resources/views/login.html
@@ -0,0 +1,59 @@
+<div class="max-w-md mx-auto mt-10 bg-gradient-to-br from-green-50 to-green-50 p-7 rounded-xl shadow-2xl text-center transform transition-all">
+    <div class="flex justify-start mb-6">
+        <img src="/img/logousite.webp" alt="Logo de la empresa" class="w-20">
+    </div>
+    <div class="flex justify-center">
+        <div class="w-24 h-24 bg-gradient-to-br from-green-500 to-green-600 rounded-full flex items-center justify-center mb-6 shadow-lg">
+            <svg class="w-12 h-12 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
+            </svg>
+        </div>
+    </div>
+    <h2 class="text-3xl font-bold text-gray-800 mb-6">Bienvenido</h2>
+    <form id="loginForm" class="space-y-4">
+        <div class="relative">
+            <input type="email" id="email" placeholder="Email" class="w-full p-3 pl-10 border-2 border-gray-200 rounded-lg focus:outline-none focus:border-green-500 transition-all" required>
+            <svg class="w-5 h-5 text-gray-400 absolute left-3 top-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
+            </svg>
+        </div>
+        <div class="relative">
+            <input type="password" id="password" placeholder="Password" class="w-full p-3 pl-10 border-2 border-gray-200 rounded-lg focus:outline-none focus:border-green-500 transition-all" required>
+            <svg class="w-5 h-5 text-gray-400 absolute left-3 top-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
+            </svg>
+        </div>
+        <button type="submit" class="w-full bg-gradient-to-br from-green-500 to-green-600 text-white p-3 rounded-lg font-semibold hover:from-green-600 hover:to-green-700 transition-all transform hover:scale-105">
+            Login
+        </button>
+    </form>
+    <div class="mt-4 text-sm text-gray-600 hover:text-green-500 transition-all">
+        <a href="#">¿Olvidaste tu contraseña?</a>
+    </div>
+</div>
+
+<script>
+    document.getElementById('loginForm').addEventListener('submit', async function (e) {
+        e.preventDefault();
+
+        const email = document.getElementById('email').value;
+        const password = document.getElementById('password').value;
+
+        const response = await fetch('/api/login', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ email, password }),
+        });
+
+        const result = await response.json();
+
+        if (result.success) {
+            alert('Login exitoso');
+            window.location.href = '/dashboard'; 
+        } else {
+            alert('Error: ' + result.message);
+        }
+    });
+</script>
\ No newline at end of file
diff --git a/rest/controllers/login_controller.go b/rest/controllers/login_controller.go
new file mode 100644
index 0000000..dc2d816
--- /dev/null
+++ b/rest/controllers/login_controller.go
@@ -0,0 +1,22 @@
+package controllers
+
+import (
+	"github.com/gofiber/fiber/v2"
+)
+
+// RENDER
+func Login(c *fiber.Ctx) error {
+	data := fiber.Map{
+		//"user":    c.Locals("user").(map[string]interface{}),
+		//"modules": c.Locals("userModules"),
+	}
+
+	// Renderiza la vista con el layout layouts/main
+	if err := c.Render("login", data, "layouts/public"); err != nil {
+		return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{
+			"message": "Error rendering template",
+			"error":   err.Error(),
+		})
+	}
+	return nil
+}
diff --git a/rest/routes/publicas.go b/rest/routes/publicas.go
index cd61410..f571a73 100644
--- a/rest/routes/publicas.go
+++ b/rest/routes/publicas.go
@@ -9,10 +9,9 @@ import (
 func RutasPublicas(web fiber.Router) {
 	//web.Get("/", controllers.Landing)
 	web.Get("/index", controllers.Index)
+	web.Get("/login", controllers.Login)
 	web.Get("/ping", Pong)
 	web.Get("/all-routes", AllRoutes)
 	web.Get("/do/verify-email", middlewares.ValidateConfirmToken, controllers.VerifyRegisteredEmail)
-	
 
 }
-