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/ClientStrip.test.tsx

@@ -29,3 +29,53 @@ it("renders nothing without clients", () => {
   const withoutProp = render(<ClientStrip />);
   expect(withoutProp.container).toBeEmptyDOMElement();
 });
+
+it("puts the years of experience in the same line, after the clients", () => {
+  render(<ClientStrip clients={clients} years={5} />);
+
+  const experience = screen.getByText("anos de experiência");
+  expect(screen.getByText("5")).toBeInTheDocument();
+  const lastClient = screen.getByRole("link", { name: "Lavação 047" });
+  expect(
+    lastClient.compareDocumentPosition(experience) &
+      Node.DOCUMENT_POSITION_FOLLOWING,
+  ).toBeTruthy();
+  expect(experience.closest("div")).toBe(
+    screen.getByText("Já entregue para:").parentElement,
+  );
+});
+
+it("shows only the experience when there are no clients, and nothing without either", () => {
+  const only = render(<ClientStrip years={5} />);
+  expect(screen.queryByText("Já entregue para:")).toBeNull();
+  expect(screen.getByText("anos de experiência")).toBeInTheDocument();
+  only.unmount();
+
+  const none = render(<ClientStrip years={0} />);
+  expect(none.container).toBeEmptyDOMElement();
+});
+
+it("gives every client link a touch target of at least 44 px (min-h-11)", () => {
+  render(<ClientStrip clients={clients} />);
+
+  for (const link of screen.getAllByRole("link")) {
+    expect(link).toHaveClass("min-h-11");
+  }
+});
+
+it("keeps the separator after the last client when the years follow, and none when they do not", () => {
+  const withYears = render(<ClientStrip clients={clients} years={5} />);
+  const separators = withYears.container.querySelectorAll(
+    "li [aria-hidden='true']",
+  );
+  expect(separators).toHaveLength(clients.length);
+  withYears.unmount();
+
+  // zero anos não escreve um "0" solto nem um ponto a mais
+  const zero = render(<ClientStrip clients={clients} years={0} />);
+  expect(
+    zero.container.querySelectorAll("li [aria-hidden='true']"),
+  ).toHaveLength(clients.length - 1);
+  expect(zero.container).not.toHaveTextContent(/anos de experiência/);
+  expect(screen.queryByText("0")).toBeNull();
+});