feat(home): posicionamento com prova, menu sem recarregar e WhatsApp em todo o site

H1 'Sites e sistemas que trazem pedidos pelo WhatsApp e tiram sua operação da planilha.'; HeroWork maior com a SEV; menu Cases, Serviços, Como trabalho, Sobre e IA com next/link e pré-carregamento no hover; menu do celular em tela cheia; WhatsApp flutuante e no rodapé com a mensagem da rota; rodapé em todas as páginas; FAQ da home; /ia como oferta de revisão de app feito com IA; formulário com noscript, validação do mailto e plano B do pop-up; cartões sem foco indevido; sem a fonte Monument.

app/components/Hero.paths.test.tsx

@@ -2,7 +2,7 @@ import { fireEvent, render, screen } from "@testing-library/react";
 import Hero from "./Hero";
 
 /**
- * Testes de caminhos-base de Hero (complemento de Hero.test.tsx): statItems() (sem stats, sem anos, zero anos, com anos),
+ * 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.
  */
 
@@ -23,27 +23,37 @@ afterEach(() => {
   delete window.gtag;
 });
 
-describe("Hero: números de experiência (statItems)", () => {
+describe("Hero: anos de experiência (na linha de clientes)", () => {
   it.each([
     ["no stats at all", undefined],
     ["stats without years", {}],
     ["zero years", { years: 0 }],
-  ])("path: %s -> no figures block", (_label, stats) => {
+  ])("path: %s -> no experience text", (_label, stats) => {
     const { container } = render(<Hero stats={stats} />);
 
     expect(container.querySelector("dl")).toBeNull();
     expect(screen.queryByText("anos de experiência")).toBeNull();
   });
 
-  it("path: years given -> one figure with the number and its label", () => {
-    const { container } = render(<Hero stats={{ years: 7 }} />);
-
-    const items = container.querySelectorAll("dl > div");
-    expect(items).toHaveLength(1);
-    expect(items[0].querySelector("dd")).toHaveTextContent("7");
-    expect(items[0].querySelector("dt")).toHaveTextContent(
-      "anos de experiência",
+  it("path: years given -> the number and its label sit in the same line as the clients", () => {
+    const { container } = render(
+      <Hero
+        stats={{ years: 7 }}
+        clients={[{ id: "lavacao-047", name: "Lavação 047" }]}
+      />,
     );
+
+    expect(container.querySelector("dl")).toBeNull();
+    const strip = screen.getByText("Já entregue para:").parentElement;
+    expect(strip).toHaveTextContent("Lavação 047");
+    expect(strip).toHaveTextContent("7 anos de experiência");
+  });
+
+  it("path: years given but no clients -> only the experience text, with no 'Já entregue para'", () => {
+    render(<Hero stats={{ years: 7 }} />);
+
+    expect(screen.getByText("anos de experiência")).toBeInTheDocument();
+    expect(screen.queryByText("Já entregue para:")).toBeNull();
   });
 });