JIMFER SECURITY
Informe de correcciones

El formulario usaba action="mailto:" que abre el cliente de correo local del usuario. En móvil (donde navega la mayoría) muchos no tienen cliente configurado y el formulario no hacía absolutamente nada. Ahora usa Formspree, un servicio que recibe el formulario y lo envía al correo sin necesitar servidor propio.

<form
  action="mailto:comercial@jimfersecurity.co"
  method="POST"
  enctype="text/plain"
>

<form
  id="cotizacion-form"
  action="https://formspree.io/f/FORM_ID"
  method="POST"
>
<!-- Reemplaza FORM_ID con tu ID de formspree.io -->

Los campos del formulario no tenían atributo name. Sin él, ningún servicio (Formspree, backend propio, etc.) puede identificar qué dato es el nombre, el teléfono o el correo. Los datos llegaban vacíos o no llegaban.

<input type="text"
  placeholder="Juan Pérez" />

<input type="tel"
  placeholder="300 000 0000" />

<input type="email"
  placeholder="correo@empresa.com" />

<select>...</select>
<textarea></textarea>

<input type="text"
  name="nombre"
  placeholder="Juan Pérez"
  required />

<input type="tel"
  name="telefono"
  placeholder="300 000 0000"
  required />

<input type="email"
  name="email"
  placeholder="correo@empresa.com"
  required />

<select name="servicio">...</select>
<textarea name="mensaje"></textarea>

El botón mostraba "✅ Mensaje enviado" al hacer clic sin verificar si realmente se envió algo. Un usuario podía ver ese mensaje, creer que su solicitud llegó, y nunca recibir respuesta. Ahora el mensaje de éxito solo aparece si el servidor confirma la recepción.

<button class="btn-form"
  onclick="this.textContent=
  '✅ Mensaje enviado'">
  Enviar solicitud →
</button>

// JavaScript escucha la respuesta real:
form.addEventListener('submit', function(e) {
  e.preventDefault();
  fetch(form.action, { method:'POST', ... })
  .then(function(response) {
    if (response.ok) {
      // Solo aquí se muestra éxito
      status.textContent = '✅ Enviado';
    } else {
      // Si falla, muestra el teléfono de contacto
      status.textContent = '❌ Error — llame al 313 846 0666';
    }
  });
});

El formulario cerraba con </div> en lugar de </form>. Esto crea HTML inválido: el formulario nunca se cierra correctamente y puede provocar que el botón de envío quede fuera del formulario en algunos navegadores.

        <button class="btn-form" ...>
          Enviar solicitud →
        </button>
      </div>   ← ¡cierra un div, no el form!
    </div>
  </section>

        <button class="btn-form" type="submit">
          Enviar solicitud →
        </button>
        <p id="form-status"></p>
      </form>   ← cierre correcto
    </div>
  </section>

El badge "Vigilancia Privada · Bogotá, Colombia" tenía un color rosa (#ff8c94) que no existe en la paleta azul marino + dorado de JIMFER SECURITY. Parecía un color de prueba que se quedó por descuido.

.hero-badge {
  color: #ff8c94; /* color rosa, sin relación
                     con la paleta del negocio */
}

.hero-badge {
  color: var(--dorado-claro); /* #e4b84d
    coherente con el resto del diseño */
}

1. Activar Formspree: crear cuenta gratuita en formspree.io, crear un formulario nuevo, copiar el ID generado y reemplazar FORM_ID en el HTML. El plan gratuito permite 50 envíos/mes.
2. Agregar sección de testimonios: incluir 3–5 testimonios reales de clientes con nombre, empresa y cargo. Es el elemento que más impacta la decisión de compra en servicios B2B de seguridad.
3. Mostrar licencia de vigilancia: incluir el número de licencia otorgada por la Superintendencia de Vigilancia y Seguridad Privada (SuperVigilancia) para generar confianza legal.
4. Embeber Google Maps: añadir un mapa interactivo en la sección de sedes para que los visitantes puedan verificar la ubicación física de la empresa.
5. Actualizar contador de Facebook: cambiar el número hardcodeado por una referencia dinámica o actualizar el valor cada cierto tiempo para que no quede desactualizado.