add name on welcome title

public/main/index.html

@@ -270,7 +270,7 @@
      class="fixed inset-0 bg-black/70 flex items-center justify-center z-50 p-4">
   <form id="loginForm" class="bg-white w-full max-w-md p-8 rounded-xl shadow-xl space-y-6">
     <div class="text-center">
-      <h2 class="text-2xl font-bold text-gray-900">¡Bienvenido!</h2>
+      <h2 id="loginTitle" class="text-2xl font-bold text-gray-900">¡Bienvenido!</h2>
       <p id="loginMessage" class="text-sm text-gray-600 mt-2">
         Ingresa tus datos para comenzar tu pedido
       </p>

public/main/js/app.js

@@ -121,6 +121,8 @@ function initializeLoginModal() {
             sessionModal.classList.remove('hidden');
             document.querySelector("#emailInputContainer").classList.remove("hidden");
             document.querySelector("#pinInputContainer").classList.remove("hidden");
+            const loginTitle = document.getElementById("loginTitle");
+            loginTitle.textContent = "¡Bienvenido!";
             // Restaurar atributos required a los inputs
             document.querySelector("#emailInput").setAttribute("required", "");
             document.querySelector("#pinInput").setAttribute("required", "");
@@ -225,6 +227,8 @@ async function checkCache() {
             updateProgress(user.reward_progress || 0);
             const [emailInputContainer, pinInputContainer] = [document.getElementById("emailInputContainer"), document.getElementById("pinInputContainer")];
             const [emailInput, pinInput] = [document.getElementById("emailInput"), document.getElementById("pinInput")];
+            const loginTitle = document.getElementById("loginTitle");
+            loginTitle.textContent = `¡Bienvenido de nuevo, ${user.name}!`;
             emailInputContainer.classList.add("hidden");
             emailInput.removeAttribute("required");
             pinInputContainer.classList.add("hidden");