Skip to content

Commit d00b3a5

Browse files
jaramktjaramkt
authored
Add files via upload
1 parent 5a66b6d commit d00b3a5

2 files changed

Lines changed: 72 additions & 22 deletions

File tree

‎index.html‎

Lines changed: 72 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -178,7 +178,7 @@
178178
<button onclick="document.getElementById('apply-form').scrollIntoView({ behavior: 'smooth' })"
179179
class="hidden md:flex items-center gap-2 text-sm font-medium text-slate-400 hover:text-white transition-colors group">
180180
<span class="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse"></span>
181-
Postula tu empresa
181+
Postúlate
182182
<svg class="w-4 h-4 text-slate-500 group-hover:translate-x-0.5 transition-transform" fill="none"
183183
viewBox="0 0 24 24" stroke="currentColor">
184184
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
@@ -216,7 +216,7 @@ <h1 class="font-sans text-5xl md:text-7xl font-extrabold leading-[1.1] mb-8 trac
216216
<p class="text-lg md:text-xl text-slate-400 mb-12 max-w-2xl mx-auto leading-relaxed font-light">
217217
El <strong class="text-slate-200">67% de empresas</strong> compra licencias que se abandonan en 3 meses.
218218
Convierte ese "gasto muerto" en ROI real en <strong class="text-white font-medium">30 días</strong>. Sin
219-
consultores eternos.
219+
consultoría eterna.
220220
</p>
221221

222222
<div class="flex flex-col sm:flex-row items-center justify-center gap-6 mb-16">
@@ -225,7 +225,7 @@ <h1 class="font-sans text-5xl md:text-7xl font-extrabold leading-[1.1] mb-8 trac
225225
<div
226226
class="absolute inset-0 w-full h-full bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:animate-shimmer">
227227
</div>
228-
<span class="relative z-10">Agendar Auditoría de Adopción</span>
228+
<span class="relative z-10">Postula tu empresa</span>
229229
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
230230
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
231231
class="group-hover:translate-x-1 transition-transform relative z-10">
@@ -264,6 +264,13 @@ <h1 class="font-sans text-5xl md:text-7xl font-extrabold leading-[1.1] mb-8 trac
264264
<span class="font-bold text-lg tracking-tight text-white">HEALTH<span
265265
class="text-indigo-500">CARE</span></span>
266266
</div>
267+
268+
<!-- Methodologies Badge -->
269+
<div
270+
class="mt-8 inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg bg-white/5 border border-white/5 text-[10px] text-slate-400 font-mono tracking-tight max-w-2xl mx-auto leading-relaxed">
271+
<span class="text-indigo-400 shrink-0">METODOLOGÍAS DE:</span>
272+
Google • Microsoft • AI for Good Lab • IBM • OpenAI Academy • Deeplearning • AWS
273+
</div>
267274
</div>
268275
</div>
269276
</header>
@@ -350,9 +357,10 @@ <h2 class="font-sans text-3xl md:text-5xl font-bold text-white mb-4">Inmersión
350357
class="mb-6 w-12 h-12 rounded-xl bg-slate-800/50 border border-white/10 flex items-center justify-center group-hover:bg-indigo-500/20 group-hover:border-indigo-500/30 transition-colors shadow-inner">
351358
<span class="font-mono text-xl font-bold text-slate-300 group-hover:text-indigo-400">01</span>
352359
</div>
353-
<h3 class="text-xl font-bold mb-4 text-white">Diagnóstico de Fricción</h3>
360+
<h3 class="text-xl font-bold mb-4 text-white">Identificación de Oportunidades</h3>
354361
<p class="text-slate-400 text-sm leading-relaxed">
355-
Auditamos el "stack" actual y entrevistamos al equipo. Entendemos dónde duele, no solo qué software tienen.
362+
Entendemos dónde duele, no solo qué software tienen, e identificamos las oportunidades más eficientes para
363+
empezar a implementar IA.
356364
</p>
357365
</div>
358366

@@ -379,9 +387,9 @@ <h3 class="text-xl font-bold mb-4 text-white flex items-center gap-2">
379387
class="mb-6 w-12 h-12 rounded-xl bg-slate-800/50 border border-white/10 flex items-center justify-center group-hover:bg-indigo-500/20 group-hover:border-indigo-500/30 transition-colors shadow-inner">
380388
<span class="font-mono text-xl font-bold text-slate-300 group-hover:text-indigo-400">03</span>
381389
</div>
382-
<h3 class="text-xl font-bold mb-4 text-white">Autonomía 30 Días</h3>
390+
<h3 class="text-xl font-bold mb-4 text-white">Autonomía Total</h3>
383391
<p class="text-slate-400 text-sm leading-relaxed">
384-
Seguimiento técnico para destrabar cuellos de botella. El objetivo es que no nos necesiten el mes siguiente.
392+
Seguimiento y acompañamiento para destrabar cuellos de botella (para que no nos necesites el mes siguiente).
385393
</p>
386394
</div>
387395
</div>
@@ -476,7 +484,7 @@ <h3 class="text-xl font-bold mb-8 flex items-center gap-3 text-white">
476484
<span class="w-2 h-2 rounded-full bg-rose-500 animate-pulse shadow-[0_0_10px_rgba(244,63,94,0.6)]"></span>
477485
DISPONIBILIDAD LIMITADA
478486
</div>
479-
<h3 class="text-2xl font-bold text-white mb-2">Solo 12 empresas por trimestre.</h3>
487+
<h3 class="text-2xl font-bold text-white mb-2">Solo 6 empresas por trimestre.</h3>
480488
<p class="text-slate-400 text-sm">Garantizamos calidad cerrando agenda. Próxima apertura: Q2 2026.</p>
481489
</div>
482490

@@ -489,7 +497,7 @@ <h3 class="text-2xl font-bold text-white mb-2">Solo 12 empresas por trimestre.</
489497

490498
<div class="relative z-10 mb-3">
491499
<span id="slots-counter" class="text-4xl font-bold text-white font-mono">0</span><span
492-
class="text-lg font-normal text-slate-600 font-mono">/12</span>
500+
class="text-lg font-normal text-slate-600 font-mono">/6</span>
493501
</div>
494502

495503
<!-- Scarcity Bar -->
@@ -533,7 +541,7 @@ <h3 class="text-3xl font-bold text-white mb-4">¡Registro Recibido!</h3>
533541
<!-- Form Content -->
534542
<div id="form-content" class="transition-opacity duration-500">
535543
<div class="text-center mb-10">
536-
<h2 class="text-3xl font-bold mb-3 text-white transition-colors group-hover:text-white">Solicitar Auditoría
544+
<h2 class="text-3xl font-bold mb-3 text-white transition-colors group-hover:text-white">Postula tu empresa
537545
</h2>
538546
<p class="text-slate-400 text-sm transition-colors group-hover:text-slate-300">Completa el perfil para
539547
verificar eligibilidad de tu empresa.</p>
@@ -637,6 +645,31 @@ <h2 class="text-3xl font-bold mb-3 text-white transition-colors group-hover:text
637645
<div class="max-w-2xl mx-auto">
638646
<h2 class="text-2xl font-bold mb-10 text-center text-white">Preguntas Frecuentes</h2>
639647
<div class="space-y-4" id="faq-container">
648+
649+
<!-- FAQ 1 (Nueva) -->
650+
<div
651+
class="group border border-white/5 rounded-xl bg-white/5 overflow-hidden transition-all hover:border-white/10 hover:bg-white/[0.07]">
652+
<button
653+
class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium text-slate-200 focus:outline-none">
654+
¿Es seguro dar acceso a IA con información sensible de la empresa?
655+
<span class="p-1 rounded-full bg-white/5 group-hover:bg-white/10 transition-colors">
656+
<svg class="chevron-down w-4 h-4 text-slate-400 transition-transform duration-300"
657+
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
658+
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
659+
<path d="m6 9 6 6 6-6" />
660+
</svg>
661+
</span>
662+
</button>
663+
<div class="faq-content hidden p-5 pt-0 text-slate-400 text-sm leading-relaxed border-t border-white/5">
664+
<div class="pt-4">
665+
Es una preocupación válida, pero lo más probable es que tus empleados <strong>ya estén compartiendo
666+
información</strong> con ChatGPT u otras herramientas gratuitas para redactar correos o informes, sin
667+
ningún protocolo de seguridad. Nuestra guía de adopción previene este mal uso ("Shadow AI"), enseñando al
668+
equipo a usar las herramientas correctamente para proteger la data confidencial en lugar de exponerla.
669+
</div>
670+
</div>
671+
</div>
672+
640673
<div
641674
class="group border border-white/5 rounded-xl bg-white/5 overflow-hidden transition-all hover:border-white/10 hover:bg-white/[0.07]">
642675
<button
@@ -692,7 +725,7 @@ <h2 class="text-2xl font-bold mb-10 text-center text-white">Preguntas Frecuentes
692725
</button>
693726
<div class="faq-content hidden p-5 pt-0 text-slate-400 text-sm leading-relaxed border-t border-white/5">
694727
<div class="pt-4">
695-
Rotundamente no. Nuestra métrica de éxito es la autonomía del cliente en el día 31.
728+
Rotundamente no. Nuestra métrica de éxito es la autonomía del cliente construida desde el día 1.
696729
</div>
697730
</div>
698731
</div>
@@ -711,7 +744,7 @@ <h2 class="text-2xl font-bold mb-10 text-center text-white">Preguntas Frecuentes
711744
class="fixed bottom-8 left-1/2 -translate-x-1/2 z-50 opacity-0 translate-y-10 transition-all duration-500 pointer-events-none">
712745
<button onclick="document.getElementById('apply-form').scrollIntoView({ behavior: 'smooth' })"
713746
class="glass px-6 py-3 rounded-full text-white font-bold flex items-center gap-2 shadow-[0_0_20px_rgba(79,70,229,0.4)] hover:shadow-[0_0_30px_rgba(79,70,229,0.6)] hover:scale-105 transition-transform cursor-pointer border border-indigo-500/30 bg-slate-900/80 backdrop-blur-md">
714-
<span>Agendar Auditoría</span>
747+
<span>Postula tu empresa</span>
715748
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
716749
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
717750
<line x1="22" y1="2" x2="11" y2="13"></line>
@@ -720,7 +753,7 @@ <h2 class="text-2xl font-bold mb-10 text-center text-white">Preguntas Frecuentes
720753
</button>
721754
</div>
722755

723-
<!-- --- BACK TO TOP BUTTON --- -->
756+
<!-- --- BACK TO TOP BUTTON (RIGHT) --- -->
724757
<button id="back-to-top" onclick="window.scrollTo({top: 0, behavior: 'smooth'})"
725758
class="fixed bottom-8 right-8 z-40 p-3 rounded-full glass text-slate-400 hover:text-white hover:bg-white/10 transition-all duration-300 opacity-0 translate-y-10 shadow-lg border border-white/10 pointer-events-none cursor-pointer">
726759
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
@@ -729,6 +762,14 @@ <h2 class="text-2xl font-bold mb-10 text-center text-white">Preguntas Frecuentes
729762
</svg>
730763
</button>
731764

765+
<!-- --- WHATSAPP BUTTON (LEFT) --- -->
766+
<a id="whatsapp-btn" href="https://tinyurl.com/taller-cultura-ia" target="_blank"
767+
class="fixed bottom-8 left-8 z-40 p-3 rounded-full bg-[#25D366] text-white hover:bg-[#20bd5a] hover:scale-110 transition-all duration-300 opacity-0 translate-y-10 shadow-[0_0_20px_rgba(37,211,102,0.4)] pointer-events-none cursor-pointer flex items-center justify-center">
768+
<!-- Usando SVG por defecto, pero puedes reemplazar src con 'whatsapp.png' si lo tienes localmente -->
769+
<img src="whatsapp.png" onerror="this.src='https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg'"
770+
alt="WhatsApp" class="w-6 h-6 text-white" />
771+
</a>
772+
732773
<!-- JS Logic -->
733774
<script>
734775
// Spotlight Logic
@@ -839,20 +880,20 @@ <h2 class="text-2xl font-bold mb-10 text-center text-white">Preguntas Frecuentes
839880
barObserver.observe(expenseBar);
840881
}
841882

842-
// --- SCARCITY COUNTER ANIMATION ---
883+
// --- SCARCITY COUNTER ANIMATION (UPDATED to 3/6) ---
843884
const slotsObserver = new IntersectionObserver((entries) => {
844885
entries.forEach(entry => {
845886
if (entry.isIntersecting) {
846887
const counter = document.getElementById('slots-counter');
847888
const bar = document.getElementById('slots-bar');
848889

849-
// Animate Bar
850-
if (bar) bar.style.width = '50%'; // 6 out of 12 = 50%
890+
// Animate Bar (50% because 3 is half of 6)
891+
if (bar) bar.style.width = '50%';
851892

852-
// Animate Counter
893+
// Animate Counter to 3
853894
if (counter) {
854895
let start = 0;
855-
const end = 6;
896+
const end = 3; // Changed from 6 to 3
856897
const duration = 2000;
857898
const stepTime = Math.abs(Math.floor(duration / end));
858899

@@ -873,10 +914,11 @@ <h2 class="text-2xl font-bold mb-10 text-center text-white">Preguntas Frecuentes
873914
slotsObserver.observe(scarcityBox);
874915
}
875916

876-
// Navbar blur, Sticky CTA & Back to Top logic
917+
// Navbar blur, Sticky CTA, Back to Top & WhatsApp logic
877918
const nav = document.getElementById('navbar');
878919
const stickyCta = document.getElementById('sticky-cta');
879920
const backToTopBtn = document.getElementById('back-to-top');
921+
const whatsappBtn = document.getElementById('whatsapp-btn');
880922
const formSection = document.getElementById('apply-form');
881923

882924
window.addEventListener('scroll', () => {
@@ -892,11 +934,9 @@ <h2 class="text-2xl font-bold mb-10 text-center text-white">Preguntas Frecuentes
892934
}
893935

894936
// Sticky CTA Logic
895-
// Calculamos la posición del formulario para esconder el botón
896937
const formTop = formSection.offsetTop;
897938
const viewportBottom = scrollY + window.innerHeight;
898939

899-
// Mostrar después de 600px Y ANTES de que el formulario entre en visión
900940
if (scrollY > 600 && viewportBottom < formTop + 300) {
901941
stickyCta.classList.remove('opacity-0', 'translate-y-10', 'pointer-events-none');
902942
stickyCta.classList.add('opacity-100', 'translate-y-0', 'pointer-events-auto');
@@ -905,13 +945,23 @@ <h2 class="text-2xl font-bold mb-10 text-center text-white">Preguntas Frecuentes
905945
stickyCta.classList.remove('opacity-100', 'translate-y-0', 'pointer-events-auto');
906946
}
907947

908-
// Back to top Logic (Simple scroll check)
948+
// Back to top & WhatsApp Logic (Simple scroll check)
909949
if (scrollY > 600) {
950+
// Show Back to Top
910951
backToTopBtn.classList.remove('opacity-0', 'translate-y-10', 'pointer-events-none');
911952
backToTopBtn.classList.add('opacity-100', 'translate-y-0', 'pointer-events-auto');
953+
954+
// Show WhatsApp (Symmetric)
955+
whatsappBtn.classList.remove('opacity-0', 'translate-y-10', 'pointer-events-none');
956+
whatsappBtn.classList.add('opacity-100', 'translate-y-0', 'pointer-events-auto');
912957
} else {
958+
// Hide Back to Top
913959
backToTopBtn.classList.add('opacity-0', 'translate-y-10', 'pointer-events-none');
914960
backToTopBtn.classList.remove('opacity-100', 'translate-y-0', 'pointer-events-auto');
961+
962+
// Hide WhatsApp
963+
whatsappBtn.classList.add('opacity-0', 'translate-y-10', 'pointer-events-none');
964+
whatsappBtn.classList.remove('opacity-100', 'translate-y-0', 'pointer-events-auto');
915965
}
916966
});
917967
</script>

‎whatsapp.png‎

54.9 KB
Loading

0 commit comments

Comments
 (0)