feat: rewrite landing page copy with manifesto tone and impact-driven messaging

Replace generic corporate copy with a cohesive narrative built around
"innovation as our game" — strategic, bold, and result-oriented.
Capabilities now speak to business impact, not technical features.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-14 17:06:36 -06:00
parent 23ede47d89
commit 76b39b2b61
5 changed files with 42 additions and 40 deletions

View File

@@ -4,16 +4,16 @@
<section id="nosotros" class="bg-light-bg py-24 px-6"> <section id="nosotros" class="bg-light-bg py-24 px-6">
<div class="max-w-3xl mx-auto text-center reveal"> <div class="max-w-3xl mx-auto text-center reveal">
<p class="text-brand-blue text-xs tracking-[0.2em] uppercase font-semibold mb-3"> <p class="text-brand-blue text-xs tracking-[0.2em] uppercase font-semibold mb-3">
Sobre nosotros Qui&eacute;nes somos
</p> </p>
<h2 class="text-3xl md:text-4xl font-bold text-slate-900 mb-6"> <h2 class="text-3xl md:text-4xl font-bold text-slate-900 mb-6">
La incubadora de innovaci&oacute;n de FactorIT Nacimos para jugar en serio.
</h2> </h2>
<p class="text-slate-500 text-lg leading-relaxed"> <p class="text-slate-500 text-lg leading-relaxed">
FIT Labs es donde exploramos, prototipamos y llevamos a producci&oacute;n soluciones FIT Labs es el brazo de innovaci&oacute;n de FactorIT. Pero no somos un lab que
de inteligencia artificial para empresas. Nacimos del ADN tecnol&oacute;gico de prototipa por deporte &mdash; somos el equipo que convierte desaf&iacute;os de negocio
FactorIT para resolver los desaf&iacute;os m&aacute;s complejos con IA &mdash; no entregamos en soluciones de IA que llegan a producci&oacute;n. Cada proyecto nace de un objetivo
demos, entregamos sistemas que funcionan en el mundo real. estrat&eacute;gico, no de una moda. Cada entrega se mide en impacto, no en demos.
</p> </p>
</div> </div>
</section> </section>

View File

@@ -1,33 +1,33 @@
--- ---
const capabilities = [ const capabilities = [
{ {
icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg>`, icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>`,
title: 'Documentos Inteligentes', title: 'Operaciones que se ejecutan solas',
description: 'OCR, extracción y clasificación automática', description: 'Procesos que hoy devoran horas de tu equipo, automatizados con IA de punta a punta.',
borderColor: 'border-brand-cyan', borderColor: 'border-brand-cyan',
}, },
{
icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 8V4H8"/><rect width="16" height="12" x="4" y="8" rx="2"/><path d="M2 14h2"/><path d="M20 14h2"/><path d="M15 13v2"/><path d="M9 13v2"/></svg>`,
title: 'Agentes de IA',
description: 'Conversacionales y autónomos',
borderColor: 'border-brand-violet',
},
{
icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"/></svg>`,
title: 'Automatización con IA',
description: 'Procesos end-to-end inteligentes',
borderColor: 'border-brand-blue',
},
{ {
icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v16a2 2 0 0 0 2 2h16"/><path d="m19 9-5 5-4-4-3 3"/></svg>`, icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v16a2 2 0 0 0 2 2h16"/><path d="m19 9-5 5-4-4-3 3"/></svg>`,
title: 'Análisis de Datos', title: 'Decisiones con datos, no con intuici\u00f3n',
description: 'Insights e inteligencia de negocio', description: 'Informaci\u00f3n dispersa convertida en inteligencia accionable para tu negocio.',
borderColor: 'border-brand-violet',
},
{
icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>`,
title: 'Tu equipo enfocado en lo que importa',
description: 'Agentes de IA que absorben lo repetitivo para que tu gente haga lo que solo humanos pueden hacer.',
borderColor: 'border-brand-blue',
},
{
icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg>`,
title: 'Documentos que se leen solos',
description: 'Contratos, facturas, reportes \u2014 extra\u00eddos, clasificados y listos en segundos, no en d\u00edas.',
borderColor: 'border-brand-cyan', borderColor: 'border-brand-cyan',
}, },
{ {
icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/></svg>`, icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>`,
title: 'Soluciones Industriales', title: 'Experiencias que escalan sin perder lo humano',
description: 'IA aplicada a tu vertical', description: 'Atenci\u00f3n, soporte y comunicaci\u00f3n potenciados con IA que entiende contexto, no solo palabras.',
borderColor: 'border-brand-violet', borderColor: 'border-brand-violet',
}, },
]; ];
@@ -40,7 +40,7 @@ const capabilities = [
Capacidades Capacidades
</p> </p>
<h2 class="text-3xl md:text-4xl font-bold text-white"> <h2 class="text-3xl md:text-4xl font-bold text-white">
Lo que construimos Las jugadas que dominamos.
</h2> </h2>
</div> </div>

View File

@@ -9,10 +9,10 @@
<div class="relative z-10 max-w-2xl mx-auto text-center reveal"> <div class="relative z-10 max-w-2xl mx-auto text-center reveal">
<h2 class="text-3xl md:text-4xl font-bold text-white mb-4"> <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">
&iquest;Tienes un desaf&iacute;o en mente? &iquest;Listo para jugar?
</h2> </h2>
<p class="text-slate-400 text-lg mb-10 leading-relaxed"> <p class="text-slate-400 text-lg mb-10 leading-relaxed">
Cu&eacute;ntanos qu&eacute; problema quieres resolver. Nosotros vemos c&oacute;mo la IA puede ayudarte. Cu&eacute;ntanos tu desaf&iacute;o. Nosotros ponemos la estrategia, la IA y la ejecuci&oacute;n.
</p> </p>
<a <a
href="mailto:contacto@fitlabs.dev" href="mailto:contacto@fitlabs.dev"

View File

@@ -1,8 +1,8 @@
--- ---
const values = [ const values = [
{ text: 'Arquitectura para escalar', borderColor: 'border-brand-blue' }, { text: 'Arquitectura que escala contigo', borderColor: 'border-brand-blue' },
{ text: 'Performance en producción', borderColor: 'border-brand-violet' }, { text: 'Integración real con tu ecosistema', borderColor: 'border-brand-violet' },
{ text: 'Integración con tu ecosistema', borderColor: 'border-brand-cyan' }, { text: 'Performance donde importa: producción', borderColor: 'border-brand-cyan' },
]; ];
--- ---
@@ -15,12 +15,13 @@ const values = [
<div class="flex flex-col md:flex-row gap-12 md:gap-16"> <div class="flex flex-col md:flex-row gap-12 md:gap-16">
<div class="flex-1"> <div class="flex-1">
<h2 class="text-2xl md:text-3xl font-bold text-slate-900 mb-4"> <h2 class="text-2xl md:text-3xl font-bold text-slate-900 mb-4">
Innovaci&oacute;n con los pies en la tierra Innovaci&oacute;n sin humo.
</h2> </h2>
<p class="text-slate-500 leading-relaxed"> <p class="text-slate-500 leading-relaxed">
Nos apasiona la IA, pero nos obsesiona que funcione. Cada proyecto que Nos apasiona la IA. Pero lo que nos mueve es ver c&oacute;mo transforma
sale de FIT Labs est&aacute; pensado para integrarse en operaciones reales, operaciones reales. No jugamos a innovar &mdash; jugamos para ganar.
soportar carga real, y crecer cuando tu negocio crece. Y ganar significa que tu soluci&oacute;n escala, se integra y tu negocio
crece con ella.
</p> </p>
</div> </div>

View File

@@ -19,19 +19,20 @@
<div class="relative z-10 text-center px-6 max-w-2xl mx-auto"> <div class="relative z-10 text-center px-6 max-w-2xl mx-auto">
<p class="text-brand-cyan text-xs tracking-[0.2em] uppercase mb-4 font-semibold"> <p class="text-brand-cyan text-xs tracking-[0.2em] uppercase mb-4 font-semibold">
FactorIT Innovation Lab El laboratorio de innovaci&oacute;n de FactorIT
</p> </p>
<h1 class="text-5xl md:text-7xl font-extrabold text-white mb-6"> <h1 class="text-5xl md:text-7xl font-extrabold text-white mb-6">
FIT Labs La innovaci&oacute;n es nuestro juego.
</h1> </h1>
<p class="text-lg md:text-xl text-slate-400 mb-10 leading-relaxed"> <p class="text-lg md:text-xl text-slate-400 mb-10 leading-relaxed">
Donde la inteligencia artificial se convierte en soluciones enterprise que escalan No hacemos experimentos para el PowerPoint. Dise&ntilde;amos soluciones de IA
que cambian c&oacute;mo opera tu negocio &mdash; con estrategia, con objetivos, con resultados.
</p> </p>
<a <a
href="#capacidades" href="#capacidades"
class="inline-block px-8 py-3 text-base font-semibold text-white rounded-lg bg-gradient-to-br from-brand-blue to-brand-violet hover:scale-105 hover:shadow-[0_0_30px_rgba(124,58,237,0.3)] transition-all duration-300" class="inline-block px-8 py-3 text-base font-semibold text-white rounded-lg bg-gradient-to-br from-brand-blue to-brand-violet hover:scale-105 hover:shadow-[0_0_30px_rgba(124,58,237,0.3)] transition-all duration-300"
> >
Explorar capacidades &darr; Ver c&oacute;mo jugamos &darr;
</a> </a>
</div> </div>
</section> </section>