O objetivo deste projeto é criar uma seção web interativa e visualmente atraente para apresentar os recursos da plataforma Agendi. A seção deve utilizar React para a interface do usuário e ThreeJS para a renderização de elementos 3D, proporcionando uma experiência imersiva aos usuários.Funcionalidades esperadas:Seleção de Recurso: O usuário poderá escolher um recurso específico do Agendi através de "chats" ou "bolhas" interativas (ex: Gestão do salão, Agendamentos, Reembolso, Relatórios).Animação de Câmera 3D: Ao selecionar um recurso, a câmera virtual deve realizar um movimento de dolly/zoom suave em direção a um bonequinho 3D central.Animação do Personagem 3D: O bonequinho 3D deve girar para a frente, simulando que está segurando um celular.Carrossel de Screenshots no Celular: Na tela do celular do bonequinho 3D, um carrossel de imagens (prints do aplicativo Agendi) será exibido, permitindo que o usuário deslize para visualizar diferentes telas do
recurso.Bolha de Chat com Descrição: Simultaneamente, uma bolha de chat aparecerá ao lado do bonequinho 3D, exibindo uma descrição detalhada do recurso selecionado.O projeto requer expertise em desenvolvimento front-end com React, manipulação de gráficos 3D com ThreeJS, e criação de animações e interações fluidas para uma experiência de usuário envolvente.
Desenho de como deve ser
https://www.tldraw.com/f/GrTL6k1N4Ju1mGMggc2FR?d=v-499.295.3324.1445.mP-T4dkBBvwI4tS_Vd6Ti
Prazo de Entrega: Não estabelecido