Kairo

Sobre Este Template

Kairo es una plantilla premium dark-cinema para SaaS diseñada para plataformas de IA, herramientas de automatización y productos para desarrolladores. Dieciocho páginas listas para producción cubren features, precios, integraciones, documentación, referencia API, changelog, blog, casos de estudio, carreras con postings individuales, about, contacto, status y páginas legales. Hero signature con cronómetro SVG animado y dashboard con iris-reveal, character scramble con GSAP SplitText, grilla bento de features, timeline con DrawSVG, specs técnicas sticky con terminal animada, y versión con Sanity CMS disponible por separado.

Firma

El hero presenta un cronómetro SVG animado con tres arcos concéntricos rotatorios, emparejado con un dashboard con iris-reveal que se expande desde un clip-path circle de radio cero mientras el usuario hace scroll — como un obturador de cámara abriéndose para revelar la interfaz del producto debajo.

Características

• 18 páginas completas — Inicio, Features, Precios, Integraciones, Docs, Referencia API, Changelog, Blog, Post, Casos de Estudio, Caso, About, Carreras, Puesto, Contacto, Status, Privacidad, Términos, 404
• Hero con cronómetro SVG animado con tres arcos rotatorios impulsados por GSAP
• Iris reveal — la imagen del dashboard se expande vía clip-path circle como obturador de cámara con el scroll
• Animación de headline con character scramble SplitText al cargar
• Grilla bento de features — layout de revista asimétrico de 6 cards
• Línea conectora animada con DrawSVG en timeline de 3 pasos
• Specs técnicas sticky con bloque de código terminal animado
• 12 tiles de integraciones con brillo hover — Slack, GitHub, Stripe, etc.
• Cards de precios en 3 niveles con matriz de features
• Layout de documentación con navegación lateral
• 7 colecciones de contenido — blog, casos de estudio, changelog, integraciones, empleos, miembros del equipo
• Barra de confianza con marquee infinito de logos de 8 marcas
• Smooth scroll con Lenis + GSAP ScrollTrigger en todas las secciones
• Fuentes self-hosted — Syne Variable (encabezados) + Geist (cuerpo) vía Fontsource
• Versión con Sanity CMS disponible por separado para gestión completa de contenido
• TypeScript en modo estricto — cero any

Despliegue