Demo — Scroll Cinematográfico

El scroll
que te
vende.

Lo que separa una web de $200 de una de $2,000 no es el diseño. Es cómo se mueve. Esta demo muestra por qué Lenis + GSAP valen cada peso.

Scrolleá hacia abajo
01
Lenis smooth scroll

Parallax de capas

Movimiento que
crea profundidad

Lenis reemplaza el scroll nativo del navegador con una física personalizada: inercia, easing, velocidad. Las capas se mueven a velocidades distintas creando ilusión de profundidad 3D sin un solo polígono.

GSAP + ScrollTrigger

Animaciones de entrada

Cada elemento
entra con propósito

Fade-in con stagger al entrar en el viewport. Cada tarjeta aparece con un delay calculado para guiar la atención del usuario.

🤖

Agentes IA

Asistentes de WhatsApp que atienden, cotizen y cierran ventas 24/7. Tu equipo que nunca duerme.

→ Quimera Agent
🎬

Video con IA

Reels y anuncios producidos con Higgsfield + ElevenLabs. Resultados de producción real sin el costo.

→ Quimera Reels Co
🌐

Webs Premium

Sitios que convierten. Scroll cinematográfico, micro-animaciones y arquitectura que posiciona en Google.

→ Quimera Web
GSAP ScrollTrigger scrub

Texto pintado al scroll

20+ Marcas gestionadas
30+ Proyectos IA activos
5k+ Mensajes automatizados / día
$0 leads Costo de outreach con IA

ScrollTrigger pin + scrub

Cómo construimos
tu presencia digital

Esta sección está anclada (pinned) mientras el usuario scrollea. El contador y los pasos avanzan en sincronía con el scroll.

1
Auditoría de tu presencia actual y benchmarking competitivo.
2
Diseño y arquitectura de la web con estética Awwwards.
3
Integración de agentes IA y automatizaciones de conversión.
4
Deploy, SEO técnico y panel de métricas en tiempo real.
01

Quimera Group — Bolivia · Miami

Tu web
merece
moverse así.

Webs premium con scroll cinematográfico, agentes IA y SEO que posiciona. Hablemos.

Contactar a Quimera →
⚙ Cómo usarlo en producción — Lenis + GSAP ScrollTrigger

npm install

# Instalar dependencias
npm install lenis gsap

Proyecto (Next.js / Vite)

// app/layout.tsx o main.ts
import Lenis from 'lenis'
import gsap from 'gsap'
import ScrollTrigger from 'gsap/ScrollTrigger'

gsap.registerPlugin(ScrollTrigger)

// Lenis ↔ GSAP bridge
const lenis = new Lenis()
lenis.on('scroll', ScrollTrigger.update)
gsap.ticker.add((time) => lenis.raf(time * 1000))
gsap.ticker.lagSmoothing(0)

// Reveal al entrar al viewport
gsap.from('.card', {
  opacity: 0,
  y: 50,
  duration: 0.8,
  stagger: 0.15,
  ease: 'power3.out',
  scrollTrigger: {
    trigger: '.cards-grid',
    start: 'top 80%'
  }
})