Uma landing page de alto padrão projetada para apresentar uma garrafa premium, com foco em uma experiência de usuário imersiva. O grande destaque do projeto é o efeito de "Video Scrubbing" sincronizado com a barra de rolagem (estilo Apple), onde o vídeo avança ou retrocede de acordo com o scroll do usuário, sem travamentos.
🤖 Nota sobre o Desenvolvimento: Todo o código-fonte deste projeto (HTML, CSS e JavaScript) e as lógicas de animação foram 100% gerados por Inteligência Artificial através de engenharia de prompt focada em alta performance e otimização de renderização.
- Video Scrubbing (Scroll-linked Animation): O vídeo de fundo é controlado diretamente pelo scroll da página, garantindo precisão frame a frame.
- Smooth Scrolling: Implementação da biblioteca Lenis para suavizar a rolagem nativa do navegador, essencial para o efeito de parallax do vídeo não apresentar "soluços".
- Animações de Entrada: Elementos de texto e botões surgem de forma fluida (Reveal Animations) controlados pelo GSAP.
- Design Premium e Responsivo: UI minimalista, com tipografia de alto impacto e layout flexível.
- HTML5 & CSS3 (Vanilla)
- GSAP (GreenSock Animation Platform): Motor principal de animações.
- ScrollTrigger (GSAP Plugin): Para atrelar o
currentTimedo vídeo à posição da barra de rolagem. - Lenis: Biblioteca para interpolação suave do scroll.
- Handbrake / FFmpeg: Utilizados na pré-produção para otimizar o
.mp4para o formato All-Intra (keyint=1), vital para a performance.
Como o projeto é majoritariamente estático no front-end, você pode rodá-lo facilmente:
- Faça o clone deste repositório:
git clone [https://github.com/seu-usuario/nome-do-repositorio.git](https://github.com/seu-usuario/nome-do-repositorio.git)