Página de inicio de Three.js para un reloj inteligente de lujo con secciones animadas

Crea un archivo HTML para una página de {argument name="product_type_en" default="reloj inteligente de lujo"} usando Three.js, Anime.js y Tailwind. Crea un modelo 3D de {argument name="main_object_en" default="reloj"}, una superposición oscura texturizada con un orificio redondo que muestre el {argument name="main_object_background_en" default="reloj sobre fondo beige"}, y anima el encabezado y los números grandes para que se deslicen al cargar la página.

Haz la página más profesional. Reemplaza el orificio estático con un iris que se abre al cargar. Agrega una cúpula de cristal sobre la {argument name="focus_area_en" default="esfera del reloj"} con reflejos, mejora los materiales metálicos, añade paralaje de ratón para que el {argument name="parallax_target_en" default="reloj"} gire con el cursor, y dibuja la hora y los anillos de actividad física en la {argument name="dial_area_en" default="esfera del reloj"}.

Convierte la pantalla única en un sitio de desplazamiento de varias secciones. Cuando el usuario se desplace, anima el {argument name="scroll_object_en" default="reloj"} 3D para que se mueva y gire para coincidir con cada sección. Mantén el lienzo 3D y el fondo fijos mientras el texto se desplaza sobre ellos; solo el {argument name="moving_element_en" default="reloj"} se mueve.

- lienzo fijo: posiciona el lienzo