feat(site): blocos 3D da marca, novas ofertas e hero mais abrangente

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.

app/components/Hero.paths.test.tsx

@@ -3,7 +3,7 @@ import Hero from "./Hero";
 
 /**
  * Testes de caminhos-base de Hero (complemento de Hero.test.tsx): anos de experiência (sem stats, sem anos, zero anos, com anos),
- * links sociais (externo x mailto, com rastreio), faixa de clientes e endereço do trabalho em destaque.
+ * links sociais (externo x mailto, com rastreio) e faixa de clientes.
  */
 
 jest.mock("./cinematic/HeroField", () => ({
@@ -107,25 +107,46 @@ describe("Hero: faixa de clientes e trabalho em destaque", () => {
     expect(screen.queryByText("Já entregue para:")).toBeNull();
   });
 
-  it("path: workUrl given -> the browser bar of the featured work shows it", () => {
-    render(<Hero workUrl={{ text: "lavacao.example.com", secure: true }} />);
-
-    expect(screen.getByTestId("hero-work")).toHaveTextContent(
-      "lavacao.example.com",
-    );
-  });
-
-  it("path: workUrl omitted -> the browser bar shows no address", () => {
-    render(<Hero />);
-
-    expect(screen.getByTestId("hero-work")).not.toHaveTextContent(".com");
-  });
-
-  it("path: the main button carries the id that hides the floating WhatsApp", () => {
+  it("path: the WhatsApp link carries the id that hides the floating WhatsApp; the form button does not", () => {
     render(<Hero />);
 
     expect(
-      screen.getByRole("link", { name: /Falar sobre meu projeto/ }),
+      screen.getByRole("link", { name: "Chamar no WhatsApp" }),
     ).toHaveAttribute("id", "hero-contact-cta");
+    expect(
+      screen.getByRole("link", { name: /Falar sobre meu projeto/ }),
+    ).not.toHaveAttribute("id");
+  });
+});
+
+describe("Hero: contato", () => {
+  it("path: 'Chamar no WhatsApp' -> a whatsapp_open from the hero, with the home subject", () => {
+    render(<Hero />);
+    const link = screen.getByRole("link", { name: "Chamar no WhatsApp" });
+    link.addEventListener("click", (event) => event.preventDefault());
+    fireEvent.click(link, { button: 0 });
+
+    expect(window.gtag).toHaveBeenCalledWith(
+      "event",
+      "whatsapp_open",
+      expect.objectContaining({
+        placement: "hero",
+        service: "um site ou sistema para a minha empresa",
+      }),
+    );
+  });
+
+  it("path: 'Falar sobre meu projeto' -> the form, with no WhatsApp event", () => {
+    render(<Hero />);
+    const link = screen.getByRole("link", { name: /Falar sobre meu projeto/ });
+    link.addEventListener("click", (event) => event.preventDefault());
+    fireEvent.click(link, { button: 0 });
+
+    expect(link).toHaveAttribute("href", "/#contact-form");
+    expect(window.gtag).not.toHaveBeenCalledWith(
+      "event",
+      "whatsapp_open",
+      expect.anything(),
+    );
   });
 });