feat(site): blocos 3D da marca, novas ofertas e hero mais abrangente
CI / audit (push) Successful in 10m38s
CI / verify (push) Successful in 13m10s
CI / deploy (push) Successful in 1m50s
CI / e2e (push) Successful in 18m48s

Hero e movimento
- cena 3D em tempo real com os blocos da marca (kit feito no Blender, 3d/blocos.py):
  marca, tela, integrações e dados; segue a rolagem, tem vida em repouso, reage ao
  cursor e, parada no topo, passa sozinha pelos estados com legenda
- três níveis de aparelho (full, lite, static); sem WebGL fica o pôster
- título novo: "Sites e sistemas sob medida para o jeito que a sua empresa trabalha."
- faixa de clientes com o ramo, linha do primeiro passo, hero alinhado às seções
- rótulos digitados, entrada dos blocos, cortina de blocos entre páginas e capa
  compartilhada entre a lista de cases e o case

Ofertas
- atendimento no WhatsApp com IA e nota fiscal para a reforma tributária
  (páginas de serviço, cartões da home, formulário e aviso com data de validade)
- página /ia atualizada, com fontes
- peças 3D em loop nos cartões e topos de página (3d/pecas.py)

Design
- hover por papel (bloco nos botões, barra nos links), rótulos sem caixa alta
- um destino por rótulo: "Falar sobre meu projeto" leva ao formulário,
  "Chamar no WhatsApp" abre o WhatsApp
- logo montado em blocos, 404 redesenhado, grades sem célula vazia
- ícones do PWA e manifesto novos

Specs em specs/, contexto de design em DESIGN.md e PRODUCT.md.
This commit is contained in:
evandro committed 2026-11-10 03:48:25 -03:00
1 parent 4671837c44
commit c7d09d63d4
165 files changed
+7940 -3790

No files matched your search

+66 -9
View File
@@ -205,11 +205,20 @@ it("picks the cover by subject: sites -> Lavação 047, Next.js -> SC Plus, syst
}
});
it("gives each service without a client cover a flow diagram instead, and never both", () => {
it("gives each service without a client cover a flow diagram instead, and never both; the two offers without a case have neither", () => {
expect(getService("tauri-rust").diagram).toBe("desktop");
expect(getService("integracao-hardware-software-iot").diagram).toBe("iot");
expect(getService("arquitetura-de-software").diagram).toBe("arquitetura");
for (const { heroCase, diagram } of servicePages) {
// nenhum esquema existente mostra um atendimento no WhatsApp ou a emissão de nota: o topo fica numa coluna só
const withoutSide = [
"atendimento-whatsapp-ia",
"nota-fiscal-reforma-tributaria",
];
for (const { slug, heroCase, diagram } of servicePages) {
if (withoutSide.includes(slug)) {
expect(heroCase ?? diagram).toBeUndefined();
continue;
}
expect(Boolean(heroCase) !== Boolean(diagram)).toBe(true);
}
});
@@ -225,34 +234,53 @@ it("lists the client cases for the mosaic and /cases in the order of the home sh
expect(clientCasesForListing).toHaveLength(clientCases.length);
});
it("keeps one list of button labels: 'Falar sobre meu projeto' for contact and 'Ver case' for a case", () => {
it("keeps one list of button labels: 'Falar sobre meu projeto' for the form, 'Chamar no WhatsApp' for WhatsApp and 'Ver case' for a case", () => {
expect(buttonLabels.contact).toBe("Falar sobre meu projeto");
expect(buttonLabels.whatsapp).toBe("Chamar no WhatsApp");
expect(buttonLabels.case).toBe("Ver case");
expect(Object.values(buttonLabels).join("|")).not.toMatch(
/Ver o case|Ler case|Conversar|oportunidade/,
);
});
it("gives a block loop to the two offer pages that have no cover nor diagram at the top", () => {
const loops = Object.fromEntries(
servicePages
.filter((service) => service.heroLoop)
.map((service) => [service.slug, service.heroLoop]),
);
expect(loops).toEqual({
"atendimento-whatsapp-ia": "whatsapp",
"nota-fiscal-reforma-tributaria": "fiscal",
});
});
it("reduces 'direto' and 'diretamente' in the case and service text", () => {
const text = JSON.stringify({ caseStudies, servicePages });
expect(text.match(/diret[oa]s?|diretamente/gi) ?? []).toEqual([]);
});
it("explains the three offers of the home with the same names, 3 or 4 deliverables and a place to see them", () => {
it("explains the five offers with the same names, 3 or 4 deliverables and a place to see them", () => {
expect(serviceOffers.map(({ name }) => name)).toEqual([
"Site que traz pedidos pelo WhatsApp",
"Sistema para tirar a operação da planilha",
"Atendimento no WhatsApp com IA sob controle",
"Revisão de sistema que já existe",
"Nota fiscal pronta para a reforma tributária",
]);
expect(serviceOffers.map(({ whatsappSubject }) => whatsappSubject)).toEqual([
"um site que traz pedidos pelo WhatsApp",
"um sistema para tirar a operação da planilha",
"um atendimento no WhatsApp com IA sob controle",
"a revisão de um sistema que já existe",
"a adaptação da nota fiscal à reforma tributária",
]);
expect(serviceOffers.map(({ href }) => href)).toEqual([
"/servicos/criacao-de-sites",
"/servicos/engenharia-de-software",
"/servicos/atendimento-whatsapp-ia",
"/ia",
"/servicos/nota-fiscal-reforma-tributaria",
]);
for (const offer of serviceOffers) {
expect(offer.deliverables.length).toBeGreaterThanOrEqual(3);
@@ -277,14 +305,41 @@ it("explains the three offers of the home with the same names, 3 or 4 deliverabl
].join(" ");
expect(text).not.toMatch(/R\$|\d+\s?%|\d+\s?dias|["“”]/);
}
expect(serviceOffers[0].proof.caseIds).toEqual([
const offer = (id: string) => serviceOffers.find((item) => item.id === id);
expect(offer("site")?.proof.caseIds).toEqual([
"lavacao-047",
"sev-modaintima",
]);
expect(serviceOffers[1].proof.caseIds).toEqual(["sev-modaintima"]);
expect(serviceOffers[1].proof.note).toMatch(/Apolo Energia/);
expect(serviceOffers[1].proof.note).toMatch(/uso interno/);
expect(serviceOffers[2].proof.caseIds).toEqual([]);
expect(offer("sistema")?.proof.caseIds).toEqual(["sev-modaintima"]);
expect(offer("sistema")?.proof.note).toMatch(/Apolo Energia/);
expect(offer("sistema")?.proof.note).toMatch(/uso interno/);
expect(offer("revisao")?.proof.caseIds).toEqual([]);
expect(offer("revisao")?.proof.note).toMatch(/cinco episódios públicos/);
// as duas ofertas novas não têm case: a nota diz isso em vez de mostrar prova que não existe
for (const id of ["whatsapp", "fiscal"]) {
expect(offer(id)?.proof.caseIds).toEqual([]);
expect(offer(id)?.proof.note).toMatch(/^Ainda não há case público/);
}
});
it("backs the WhatsApp and the invoice pages with the official sources, and says nothing the sources do not", () => {
const whatsapp = getService("atendimento-whatsapp-ia");
expect(whatsapp.official?.links.map(({ href }) => href)).toEqual([
"https://whatsappbusiness.com/policy/",
]);
const fiscal = getService("nota-fiscal-reforma-tributaria");
expect(fiscal.official?.links.map(({ href }) => href)).toEqual([
"https://www.cgibs.gov.br/upload/arquivos/202607/31091735-20260730-16h30-ato-conjunto-rfb-cgibs-na-c2-ba-4-260731-090909.pdf",
"https://www.gov.br/receitafederal/pt-br/assuntos/noticias/2026/julho/receita-federal-e-comite-gestor-do-ibs-publicam-o-cronograma-de-implementacao-dos-documentos-fiscais-eletronicos-da-reforma-tributaria-do-consumo",
]);
// as quatro datas do art. 1º do Ato Conjunto RFB/CGIBS nº 4/2026
expect(fiscal.official?.items.join(" ")).toMatch(
/3 de agosto de 2026.*1º de outubro de 2026.*1º de dezembro de 2026.*1º de janeiro de 2027/,
);
// sem fonte oficial lida para rejeição de nota, multa ou tolerância: nada disso entra
expect(JSON.stringify(fiscal)).not.toMatch(/rejei|multa|tolerânc/i);
// o contador continua dono da classificação fiscal e das alíquotas
expect(JSON.stringify(fiscal)).toMatch(/não substitui o contador/);
});
it("uses one name per offer: the service page, the breadcrumb label and the WhatsApp subject match the offer", () => {
@@ -307,6 +362,8 @@ it("gives every service a short name and a lowercase WhatsApp subject with its a
expect(servicePages.map(({ navLabel }) => navLabel)).toEqual([
"Site que traz pedidos pelo WhatsApp",
"Sistema para tirar a operação da planilha",
"Atendimento no WhatsApp com IA sob controle",
"Nota fiscal pronta para a reforma tributária",
"Consultoria em Next.js",
"Aplicativos desktop",
"Integração de equipamentos",