Landing 3D

Un repo público con el prompt exacto, el index.html del sitio que se ve en el video (se abre con doble clic, sin instalar nada) y el modo grabación con la toma automática de 20 segundos para hacer el reel de la landing.

Para qué sirve

Una landing con un objeto 3D que responde al scroll llama la atención y se graba sola para redes. Es para negocios de producto, arquitectura, diseño, o para quien vende webs y quiere una pieza que muestre lo que hace.

Qué trae

• index.html: la landing completa en un archivo, con el visor 3D (Three.js desde un CDN), el objeto de ejemplo y las secciones.
• PROMPT.md: el prompt con el que se construyó, para pedir la tuya.
• ?grabar=1: el modo grabación: al abrir con ese parámetro, la página hace sola el recorrido de 20 segundos (scroll suave, giro del objeto, aparición de textos) para capturarlo con el grabador de pantalla.

El prompt (para pedir la tuya)

Lee BRAND.md. Construye una landing de un solo archivo HTML con un visor 3D (Three.js por CDN) que muestre [el objeto: un modelo .glb que te adjunto / una forma geométrica con mi color de marca]. Al hacer scroll, el objeto gira y aparecen 4 secciones: [qué es], [para quién], [tres resultados], [un botón a WhatsApp]. Celular primero. Un modo grabación con ?grabar=1 que recorra la página sola en 20 segundos con scroll suave y termine en el botón. Sin frameworks aparte de Three.js. Que abra con doble clic desde el archivo.

Cómo se graba el reel

1. Abre index.html?grabar=1 en el navegador a 390 píxeles de ancho (herramientas de desarrollador, vista celular).
2. Graba la pantalla 20 segundos.
3. Corta a vertical, pon una voz en off («Voz en off gratis») y el CTA.

Las trampas

• Un modelo 3D pesado (más de 5 MB) tarda en cargar en celular y la gente se va: comprime o usa una forma simple con tu color.
• El objeto no puede tapar el texto en ningún ancho: revisa en 390 y en 1280 píxeles.
• El giro debe responder al scroll, no girar solo: lo que gira solo se ve de plantilla.

Qué NO resuelve

No mejora una oferta floja: es una pieza de atención. La conversión la hace el copy («Landing en dos pasos»).

Siguiente paso

Para publicarla: npx vercel --prod en la carpeta; el link va en la bio o en el reel.