diff --git a/src/components/Login.tsx b/src/app/login/Login.tsx
similarity index 94%
rename from src/components/Login.tsx
rename to src/app/login/Login.tsx
index 51ee633..56c5269 100644
--- a/src/components/Login.tsx
+++ b/src/app/login/Login.tsx
@@ -1,12 +1,12 @@
 "use client";
 
 import { useState } from "react";
-import "../app/styles/layout/login.scss";
-import "../app/styles/base/globales.scss";
+import "../styles/layout/login.scss";
+import "../styles/base/globales.scss";
 import Image from "next/image";
 import Link from "next/link";
 import axios from "axios";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 export default function Login() {
   const [nombre, setNombre] = useState("");
@@ -22,7 +22,7 @@ export default function Login() {
     setLoading(true);
 
     try {
-      const response = await axios.post(`${process.env.API_URL}/auth/login`, {
+      const response = await axios.post(`http://localhost:3000/auth/login`, {
         nombre,
         contraseña: password,
       });
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0f8bd8c..0da1183 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-import Login from "@/components/Login";
+import Login from "./login/Login";
 import "../app/styles/base/globales.scss";
 
 export default function page() {