Una landing con WebGL real, no un vídeo en bucle

Crea un lanzamiento de audio para exteriores con fondo WebGL discreto. Historia, especificaciones y consulta deben funcionar antes de cargar la escena.

Incluye estas capacidades:
- Hero WebGL — degradados por shader, partículas o escenas reactivas al cursor
- Secciones de conversión: propuestas de valor, prueba social, precios, CTA
- Captura de email guardada en un backend real y tuyo
- Marcado rápido e indexable alrededor de la capa 3D
- Despliegue en un clic, dominio propio y exportación total del código

Construye el proyecto completo con rutas, modelo de datos e interacciones funcionales. Para datos guardados o privados, implementa persistencia, autenticación y permisos en el servidor. Conserva las credenciales de API en el servidor. Documenta los servicios externos y usa modo de prueba hasta conectar cuentas reales. No presentes una integración simulada como una conexión real terminada.

Crea una interfaz adaptable con etiquetas accesibles, teclado y foco visible. Incluye estados de carga, vacío, validación y error. Identifica los datos de ejemplo y no inventes testimonios ni resultados. Elige una dirección visual adecuada al proyecto, con tipografía, espacios y controles coherentes. Explica cómo ejecutar, probar, exportar y publicar el código.

Verifica este recorrido completo:
Prueba una conexión lenta y ausencia de WebGL. Título, navegación y formulario deben seguir accesibles.