Página de experiencia de producto de reloj 3D de lujo (Next.js + Three.js)

Diseñar una página de experiencia de producto en 3D para un reloj de pulsera de lujo.
**Usuarios objetivo:** clientes adinerados, entusiastas de los relojes y empresarios de 30 a 50 años.
**Tono de la marca:** Lujo × Tecnología (una sensación moderna, sofisticada y de alta gama).
Experiencia de desplazamiento (5 secciones):
Sección principal (Hero) – el reloj de pulsera aparece lentamente de la oscuridad a la luz mientras gira. Implementar efectos holográficos y reflexiones de Fresnel con sombreadores personalizados.
Zoom de detalles – primer plano de la esfera. Utilizar GLSL para lograr reflejos metálicos, mapeo de paralaje y brillo en tiempo real.
Desglose del mecanismo – el reloj se desmonta y el movimiento interno flota en el espacio. Utilizar un sombreador de desplazamiento para un efecto de campo de energía y añadir efectos de brillo a cada parte.
Experiencia de materiales – cambiar entre diferentes variaciones de materiales. Expresar la metalicidad, la refracción del vidrio y la textura mate del titanio con sombreadores PBR de forma físicamente precisa.
Final – el reloj se vuelve a ensamblar, con un fondo abstracto de malla de gradiente hecho con un sombreador personalizado. Aplicar postprocesado como *bloom* y profundidad de campo.
**Pila tecnológica:** Next.js 15 + Three.js + React Three Fiber + GLSL (sombreadores personalizados) + react-postprocessing + Lenis.
Requisitos de los sombreadores:
Sombreador de reflexión de Fresnel (efecto de luz de borde)
Sombreador de material PBR (rugosidad, metálico, AO)
Sombreador holográfico (efecto de interferencia iridiscente)
Sombreador de desplazamiento (efectos de ondulación y distorsión)
Sombreador de fondo personalizado (ruido de gradiente)
Postprocesado: Bloom, ChromaticAberration, DepthOfField, Vignette.
Por favor, proponga valores numéricos específicos para:
Rango de desplazamiento de cada sección (en % o unidades vh)
Parámetros de animación (valores iniciales/finales para posición, rotación, escala, etc.)
Funciones de *easing* (tipo de *ease*)
FOV, posición y valores de objetivo de la cámara
Configuración de iluminación (intensidad, color, posición)
Valores uniformes para cada sombreador (progresión del tiempo, progreso del desplazamiento, tono, intensidad, etc.).