Coro Hub
Site institucional da Coro Hub, a empresa de IA aplicada que abri com três sócios: traz cliente e faz a operação dar conta dele.
- No ar na Vercel; cada push na main publica sozinho
- Sete componentes do React Bits portados sem React para o navegador
- Fundo em WebGL puro que troca de paleta na borda de cada seção clara
- Nenhum case, logo ou número inventado: a empresa ainda não tem clientes no site
Como era antes.
A Coro Hub nasceu com quatro sócios e nenhum cliente. O site precisava explicar uma oferta que junta duas coisas que o mercado vende separado: trazer cliente com anúncio e site, e fazer a operação dar conta dele com IA e automação.
E precisava fazer isso sem o atalho de sempre. Sem cases, sem depoimentos e sem logos de clientes, qualquer número inventado viraria mentira na primeira conversa.
O que mudou.
O hero mostra o produto em vez de descrever: uma conversa de WhatsApp em que o agente de IA atende, qualifica e marca horário, e que termina com o que a automação fez por trás, como salvar o lead no CRM. É o serviço de entrada da empresa acontecendo na frente da pessoa.
A página segue o modelo de negócio: os quatro braços agrupados em Aquisição e Operação, o caminho do primeiro clique até a automação e o Método CORO (Conectar, Organizar, Resolver, Otimizar). Onde entraria prova social entram exemplos de antes e depois, avisando que são exemplos e não histórias de clientes.
Os efeitos vieram do React Bits, mas nenhum React vai para o navegador: cada componente foi portado para TypeScript puro dentro do Astro. O fundo em dither é WebGL escrito à mão e troca de paleta exatamente na borda das seções claras. A pilha de cartões usa position: sticky, porque a versão original movia os cartões por script e travava na rolagem.
Por dentro.
A frase de posicionamento abre os serviços, e os quatro braços ficam em dois blocos: Aquisição traz o cliente, Operação dá conta dele. Embaixo, o caminho em cinco passos amarra os dois, do anúncio até o CRM. 
O nome da empresa vira o método. Um coro é várias vozes soando como uma só, e as quatro letras grandes são as etapas: Conectar, Organizar, Resolver e Otimizar. 
Seis situações de antes e depois, um cartão por vez conforme a rolagem. O Antes fica apagado e o Depois em letra grande, porque é ele que a pessoa precisa lembrar. 
A chamada final faz a pergunta que a conversa de 30 minutos vai responder. Não tem formulário: o botão abre o WhatsApp com a mensagem já escrita, uma diferente para cada seção do site.