Portfolio interativo do produtor musical Duck (Lucas Belentani), baseado em Aracaju/SE. Beatmaker, mixagem e masterização com 36M+ streams e 40+ lançamentos oficiais.
🔗 Live: sin publicar — GitHub Pages no está activo en repositorios privados.
- Hero imersivo com carousel de backgrounds e animação slime intro
- Catálogo de singles com covers e links para plataformas de streaming
- Seção de serviços — Beatmaking, Mixagem, Masterização
- Estúdio interativo com galeria de fotos e estações de trabalho
- Sintetizador (Synth Lab) — Web Audio API synth com oscilador, controle de frequência e volume
- Metrónomo — Tempo ajustável (40–240 BPM) com visualização
- Vocal Booth — Gravação de voz com FX chain (Radio, Robot, Reverb)
- Player de áudio persistente — Widget fixo com play/pause e controle de volume
- Formulário de booking — Envio por e-mail (mailto:)
- Smooth scroll com Lenis
- Animações GSAP com ScrollTrigger
- Easter egg — Seção hidden com parallax de ondas sonoras
- Multi-idioma — PT/ES/EN/FR
- Design responsivo e acessível (dark theme, #9acb6b accent)
| Layer | Technology |
|---|---|
| Markup | HTML5 (semântico, Schema.org JSON-LD) |
| Styling | CSS3 (custom properties, grid, flexbox) |
| Animation | GSAP 3 + ScrollTrigger + ScrollToPlugin |
| Smooth Scroll | Lenis |
| Audio | Web Audio API (synth, metronome, vocal booth) |
| Fonts | Space Grotesk + Inter (Google Fonts) |
| Hosting | GitHub Pages |
- O catálogo estruturado em
data.jscontém capas, fundos, artistas, serviços e estações de trabalho; a integridade das 19 referências de imagem é verificada contra os arquivos realmente presentes pornode --test tests/*.test.cjs. - Os fundos do hero e as fotografias de estúdio foram corrigidos para arquivos existentes, sem remover as estações e seus dados.
- Para
Slip N Slide, que não tinha a capa incluída no repositório, usa-seimages/covers/slip-n-slide-placeholder.svg. O arquivo está expressamente rotulado como placeholder editorial, não capa oficial. Substituir somente quando os direitos e a arte original forem confirmados. - Alguns lançamentos continuam com
link: "#"no catálogo estruturado. São links ainda não verificados, nunca URLs falsas de streaming; precisam de edição antes de prometer catálogo com todos os botões de escuta funcionais. - Os números por faixa, depoimentos, equipamentos e condições comerciais em conteúdo editorial não foram individualmente comprovados neste lote. Validar licenças, autorizações e links com o artista antes de declarar uma publicação integral.
- O
index.htmlhistórico tem mais de 1 MB. O gate deste PR garante o catálogo dedata.jse a existência do entrypoint, não afirma que toda referência interna desse HTML foi validada num navegador.
node --check data.js
node --test tests/*.test.cjs# Clone the repo
git clone https://github.com/belentani7/heyduck.git
cd heyduck
# Serve locally (any static server works)
npx serve .
# or
python -m http.server 8000Open http://localhost:8000 (or the port your server uses).
The site deploys automatically via GitHub Pages from the main branch.
- URL: sin publicar — GitHub Pages no está activo en repositorios privados.
- Push to
main→ GitHub Pages rebuilds automatically
heyduck/
├── index.html # Main portfolio (3500+ lines)
├── data.js # Structured data (tracks, services, bio)
├── sitemap.xml # SEO sitemap
├── robots.txt # Crawl directives
├── js/
│ ├── gsap.min.js
│ ├── ScrollTrigger.min.js
│ ├── ScrollToPlugin.min.js
│ ├── lenis.min.js
│ └── lenis.css
├── images/
│ ├── covers/ # Single/album artwork (256px)
│ ├── studio/ # Studio photography
│ ├── VERDE/ # Hero backgrounds (green theme)
│ └── logo*.png # Brand logos (multiple sizes)
└── magic/ # Experimental features
Código do repositório sob a licença MIT (ver arquivo LICENSE, copyright Pedro Belentani, 2026). Músicas, capas, fotos, logotipos, nomes de artistas e gravações podem ter direitos autorais ou conexos independentes; a licença MIT do código não concede automaticamente direitos de exploração comercial desses ativos.
Produção e direção editorial de DUCK. Plataforma desenvolvida por @belentani_.