Evandro Fonseca Junior
9e2d65a926
O botão das ofertas rola até o contato com o tipo marcado e não quebra mais as âncoras; ofertas com o que você recebe e primeiro passo, logo depois da vitrine; bloco de IA fora da home; cartão largo da SEV no hero do celular; separador da faixa de clientes só entre itens; favicon de 13 para 1,8 KB; pré-carregamento só no hover e nunca de /#... fora da home; X do menu e cabeçalho opaco; WhatsApp com "o case"; /ia com 3 passos e modelo de relatório ilustrativo; Sobre alinhado ao currículo; CSP Report-Only com os domínios do Ads.
32 lines
1.3 KiB
TypeScript
32 lines
1.3 KiB
TypeScript
/**
|
|
* Legendas do mergulho do hero (as camadas da cena 3D, em linguagem simples) e o trecho do progresso do mergulho
|
|
* (`--hero-p`, de 0 a 1) em que cada uma fica em cena. O Hero as escreve com `--from` e `--to` em cada item, e o CSS
|
|
* (globals.css, `.hero-captions li`) as liga e desliga por esses dois valores: uma rampa de 1/14 de progresso para
|
|
* entrar a partir de `from` e para sair até `to`.
|
|
*
|
|
* Os trechos são os da câmera (cameraFrames em cinematic/HeroFieldScene.tsx: a câmera enquadra a camada 1 entre
|
|
* 0,28 e 0,44, a 2 entre 0,55 e 0,69 e a 3 entre 0,78 e 0,89), com folga: cada legenda entra um pouco antes de a
|
|
* câmera chegar e sai um pouco depois de ela partir. Assim o intervalo sem texto entre uma e outra é de poucos pixels
|
|
* de rolagem, e a última passa de 1 para ficar em cena até Projetos subir e cobri-la.
|
|
*/
|
|
export const HERO_CAPTIONS = [
|
|
{
|
|
title: "A tela",
|
|
text: "O que sua equipe e seus clientes usam no dia a dia.",
|
|
from: 0.18,
|
|
to: 0.49,
|
|
},
|
|
{
|
|
title: "As integrações",
|
|
text: "Os programas que você já usa conversando entre si, sem retrabalho.",
|
|
from: 0.51,
|
|
to: 0.75,
|
|
},
|
|
{
|
|
title: "Os dados",
|
|
text: "Suas informações guardadas, organizadas e seguras.",
|
|
from: 0.79,
|
|
to: 1.07,
|
|
},
|
|
] as const;
|