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

@@ -1,22 +1,26 @@
 import { render, screen, within } from "@testing-library/react";
 import AiPage, { metadata } from "./page";
 
-it("uses its own title without the site suffix being added twice", () => {
-  expect(metadata.title).toEqual({
-    absolute:
-      "Começou um sistema com IA? Revisão e continuidade | Evandro Fonseca Junior",
-  });
+it("uses a short search title: with the layout suffix it fits in 44 characters", () => {
+  // o template de app/layout.tsx acrescenta " | Evandro.dev.br"
+  const suffix = " | Evandro.dev.br";
+  expect(metadata.title).toBe("Revisão de app feito com IA");
+  expect(`${metadata.title}${suffix}`.length).toBeLessThanOrEqual(44);
   expect(metadata).toMatchObject({
     description: expect.any(String),
     alternates: { canonical: "https://evandro.dev.br/ia" },
   });
+  // as prévias de compartilhamento não passam pelo template: o título delas já leva o sufixo
+  expect(metadata.openGraph?.title).toBe(
+    `Revisão de app feito com IA${suffix}`,
+  );
 });
 
 it("keeps the full AI content, with the cited incidents summarized only here", () => {
   render(<AiPage />);
 
   expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent(
-    "Começou um sistema com IA? Dá para partir daí.",
+    "Revisão de app feito com IA (Lovable, Bolt, Replit)",
   );
   for (const heading of [
     "Se a IA cria um sistema, por que contratar um desenvolvedor?",
@@ -25,7 +29,7 @@ it("keeps the full AI content, with the cited incidents summarized only here", (
   ]) {
     expect(screen.getByRole("heading", { name: heading })).toBeInTheDocument();
   }
-  for (const incident of [/Lovable/, /Replit/, /Base44/]) {
+  for (const incident of [/Lovable:/, /Replit:/, /Base44:/]) {
     expect(screen.getByRole("heading", { name: incident })).toBeInTheDocument();
   }
   expect(
@@ -40,16 +44,16 @@ it("offers WhatsApp conversations about reviewing an AI-built system", () => {
     .getAllByRole("link")
     .filter((link) => link.getAttribute("href")?.startsWith("https://wa.me/"));
   expect(links.map((link) => link.textContent)).toEqual([
-    "Falar sobre meu sistema",
+    "Pedir a revisão do meu app",
     "Avaliar meu projeto",
   ]);
   for (const link of links) {
     const text = new URL(link.getAttribute("href") ?? "").searchParams.get(
       "text",
     );
-    // a mensagem tem de formar uma frase: "Quero conversar sobre a revisão de um sistema feito com IA."
+    // a mensagem tem de formar uma frase: "Quero conversar sobre a revisão de um aplicativo feito com IA."
     expect(text).toContain(
-      "Quero conversar sobre a revisão de um sistema feito com IA.",
+      "Quero conversar sobre a revisão de um aplicativo feito com IA.",
     );
   }
 });
@@ -57,12 +61,54 @@ it("offers WhatsApp conversations about reviewing an AI-built system", () => {
 it("has breadcrumb navigation back to the home", () => {
   render(<AiPage />);
 
-  const breadcrumb = screen.getByRole("navigation", { name: "Breadcrumb" });
+  const breadcrumb = screen.getByRole("navigation", {
+    name: "Trilha de navegação",
+  });
   expect(
     within(breadcrumb).getByRole("link", { name: "Início" }),
   ).toHaveAttribute("href", "/");
-  expect(within(breadcrumb).getByText("IA no desenvolvimento")).toHaveAttribute(
-    "aria-current",
-    "page",
-  );
+  expect(
+    within(breadcrumb).getByText("Revisão de app feito com IA"),
+  ).toHaveAttribute("aria-current", "page");
+});
+
+it("presents the review as an offer: what the person receives, with no price or deadline", () => {
+  const { container } = render(<AiPage />);
+
+  const offer = screen.getByRole("heading", {
+    name: "O que você recebe na revisão",
+  });
+  const section = offer.closest("section") as HTMLElement;
+  const items = within(section)
+    .getAllByRole("listitem")
+    .map((item) => item.querySelector("h3")?.textContent);
+  expect(items).toEqual([
+    "As falhas de acesso a dados",
+    "O que dá para aproveitar",
+    "O que é melhor refazer",
+    "Um orçamento para pôr em produção",
+  ]);
+  expect(container.textContent).not.toMatch(/R\$|\d+ dias|em até \d+/);
+});
+
+it("keeps the incident news collapsed in a <details>, closed by default", () => {
+  const { container } = render(<AiPage />);
+
+  const heading = screen.getByRole("heading", {
+    name: "O que casos documentados ensinam",
+  });
+  const details = heading.closest("details") as HTMLDetailsElement;
+  expect(details).not.toBeNull();
+  expect(details.open).toBe(false);
+  expect(heading.closest("summary")).not.toBeNull();
+  for (const incident of [/Lovable:/, /Replit:/, /Base44:/]) {
+    expect(within(details).getByText(incident)).toBeInTheDocument();
+  }
+  // só os incidentes ficam recolhidos: a oferta e a LGPD ficam à vista
+  expect(container.querySelectorAll("details")).toHaveLength(1);
+  expect(
+    screen
+      .getByRole("heading", { name: "O que você recebe na revisão" })
+      .closest("details"),
+  ).toBeNull();
 });