textos de contacto

This commit is contained in:
2026-09-24 20:58:01 -03:00
parent f3a06200b3
commit 9ab9110729
+27 -20
View File
@@ -21,9 +21,9 @@
<section class="section-padding" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color);">
<div class="container container-narrow text-center">
<span class="eyebrow">CONVERSACIÓN INICIAL</span>
<h1 style="margin-bottom: 1.25rem;">¿Qué desafío querés transformar?</h1>
<h1 style="margin-bottom: 1.25rem;">Hablemos de lo que necesitás</h1>
<p class="lead-text" style="margin: 0 auto;">
Empecemos por entenderlo. Completá el formulario a continuación o contactanos directamente por WhatsApp o correo electrónico.
Cada organización, proyecto o iniciativa parte de un contexto diferente. <br>Contanos qué te trae a IDE y empecemos por entender cómo podemos aportar valor.
</p>
</div>
</section>
@@ -36,9 +36,9 @@
<!-- Columna Izquierda: Formulario Inteligente -->
<div class="card" style="padding: clamp(1.75rem, 4vw, 2.5rem);">
<h3 style="font-size: 1.35rem; margin-bottom: 0.5rem; color: var(--ide-primary);">Formulario de Contacto</h3>
<h3 style="font-size: 1.35rem; margin-bottom: 0.5rem; color: var(--ide-primary);">Contanos en qué podemos ayudarte</h3>
<p style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 1.75rem;">
Completá tus datos para que un consultor senior analice tu contexto y preparemos una propuesta pertinente.
Completá tus datos y contanos brevemente el motivo de tu consulta. Empecemos por conversar y entender cómo podemos aportar valor.
</p>
<form id="ide-contact-form">
@@ -73,25 +73,31 @@
</div>
<div class="form-group">
<label for="contact-busqueda" class="form-label">Estoy buscando:</label>
<label for="contact-busqueda" class="form-label">¿Qué te trae a IDE? *</label>
<select id="contact-busqueda" name="busqueda" class="form-control">
<option value="Orientación para abordar un desafío">Orientación para abordar un desafío</option>
<option value="Una solución concreta">Una solución concreta</option>
<option value="Implementar o certificar una norma">Implementar o certificar una norma (ISO 9001/14001/etc.)</option>
<option value="Formación para mi organización">Formación para mi organización (In-Company / Cursos)</option>
<option value="Gestionar o impulsar un proyecto">Gestionar o impulsar un proyecto (PMO)</option>
<option value="Transformación digital / IA">Transformación digital / IA en Procesos</option>
<option value="Otro">Otro motivo de consulta</option>
<option value="Necesito orientación para abordar un desafío">Necesito orientación para abordar un desafío</option>
<option value="Estoy buscando una solución específica">Estoy buscando una solución específica</option>
<option value="Quiero implementar o certificar una norma / sistema de gestión"> Quiero implementar o certificar una norma / sistema de gestión</option>
<option value="Busco formación para mi organización / equipo">Busco formación para mi organización / equipo</option>
<option value="Necesito gestionar, ordenar o impulsar un proyecto">Necesito gestionar, ordenar o impulsar un proyecto</option>
<option value="Quiero incorporar tecnología, automatización o IA">Quiero incorporar tecnología, automatización o IA</option>
<option value="Quiero hacer una consulta sobre IDE Academy">Quiero hacer una consulta sobre IDE Academy</option>
<option value="Quiero proponer una alianza o colaboración">Quiero proponer una alianza o colaboración</option>
<option value="Otro motivo de consulta">Otro motivo de consulta.</option>
</select>
</div>
<div class="form-group">
<label for="contact-mensaje" class="form-label">Contanos brevemente en qué podemos ayudarte *</label>
<textarea id="contact-mensaje" name="mensaje" class="form-control" rows="4" placeholder="Describí los objetivos o dolores que quisieran abordar..." required></textarea>
<textarea id="contact-mensaje" name="mensaje" class="form-control" rows="4" placeholder="Describí los objetivos o problemáticas que quisieras abordar..." required></textarea>
<p style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 1.75rem;">
* campos requeridos. <br><i>La información que compartas será utilizada únicamente para gestionar tu consulta y contactarte en relación con ella.</i>
</p>
</div>
<button type="submit" class="btn btn-primary btn-lg" style="width: 100%; margin-top: 0.5rem;">
HABLEMOS
ENVIAR CONSULTA →
</button>
<div id="contact-form-alert" class="form-alert"></div>
@@ -103,12 +109,12 @@
<!-- WhatsApp Destacado -->
<div class="card" style="background-color: var(--ide-accent-soft); border-color: var(--ide-accent); padding: 1.75rem; margin-bottom: 2rem;">
<h3 style="font-size: 1.2rem; color: var(--ide-accent-hover); margin-bottom: 0.5rem;">¿Preferís escribirnos directamente?</h3>
<h3 style="font-size: 1.2rem; color: var(--ide-accent-hover); margin-bottom: 0.5rem;">¿Preferís contactarnos directamente?</h3>
<p style="font-size: 0.9rem; color: var(--text-body); line-height: 1.5; margin-bottom: 1.25rem;">
Si necesitás una respuesta ágil o coordinar un llamado breve, escribinos a nuestro canal oficial de WhatsApp.
<strong>WhatsApp: </strong>Para consultas breves o coordinar una conversación.
</p>
<a href="https://wa.me/5491123456789?text=Hola%20IDE%20Consultores,%20quisiera%20recibir%20m%C3%A1s%20informaci%C3%B3n." target="_blank" rel="noopener noreferrer" class="btn btn-accent btn-sm" style="width: 100%;">
Abrir chat de WhatsApp (+54 9 11 2345-6789) →
ESCRIBINOS POR WHATSAPP →
</a>
</div>
@@ -120,8 +126,9 @@
<li style="display: flex; gap: 0.85rem; align-items: flex-start;">
<span style="font-size: 1.2rem;">•</span>
<div>
<strong>Correo Central:</strong><br>
<strong>Email:</strong><br>
<a href="mailto:info@ideconsultores.com.ar" style="color: var(--ide-primary); font-weight: 600;">info@ideconsultores.com.ar</a>
<p>Para consultas, propuestas o documentación.</p>
</div>
</li>
@@ -133,12 +140,12 @@
</div>
</li>
<li style="display: flex; gap: 0.85rem; align-items: flex-start;">
<!--<li style="display: flex; gap: 0.85rem; align-items: flex-start;">
<span style="font-size: 1.2rem;">•</span>
<div>
<strong>Oficinas Centrales:</strong><br>
<span style="color: var(--text-body);">Av. del Libertador 4800, Piso 8, CABA, Argentina</span>
</div>
</div>-->
</li>
</ul>
</div>