diff --git a/index.html b/index.html
index f661a6a6..1c61a7c5 100644
--- a/index.html
+++ b/index.html
@@ -34,7 +34,61 @@
         </ul>
   </div>
   <div id="menu-button">Abrir Menú</div>
-  
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script>
+  <script>
+  <script type="module" src="js/app.js"></script>
+  <script type="module" src="js/characterCreator.js"></script>
+  <script type="module" src="js/three-scene.js"></script>
+  <script type="module" src="js/menu.js"></script>
+  <h1>Firebase + Three.js</h1>
+
+  <h2>Registro</h2>
+  <input type="email" id="register-email" placeholder="Correo">
+  <input type="password" id="register-password" placeholder="Contraseña">
+  <button onclick="handleRegister()">Registrarse</button>
+
+  <h2>Inicio de Sesión</h2>
+  <input type="email" id="login-email" placeholder="Correo">
+  <input type="passwo<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Firebase + Three.js</title>
+  <link rel="stylesheet" href="style.css">
+  <style>
+    body {
+      margin: 0;
+      font-family: Arial, sans-serif;
+    }
+    .screen {
+      display: none;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: #000;
+      color: #fff;
+    }
+    .active {
+      display: block;
+    }
+   </style>
+</head>
+<body>
+  <div id="menu-container">
+        <ul>
+            <li>Opción 1</li>
+            <li>Opción 2</li>
+            <li>Opción 3</li>
+        </ul>
+  </div>
+  <div id="menu-button">Abrir Menú</div>
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script>
+  <script>
   <script type="module" src="js/app.js"></script>
   <script type="module" src="js/characterCreator.js"></script>
   <script type="module" src="js/three-scene.js"></script>
@@ -61,3 +115,16 @@ <h2>Sesión Activa</h2>
   
 </body>
 </html>
+rd" id="login-password" placeholder="Contraseña">
+  <button onclick="handleLogin()">Iniciar Sesión</button>
+
+  <h2>Sesión Activa</h2>
+  <button onclick="handleLogout()">Cerrar Sesión</button>
+
+  <!-- Contenedor para mensajes -->
+  <div id="messages"></div>
+
+  <!-- Incluye los scripts desde la carpeta js -->
+  
+</body>
+</html>
