feat(servicos): ofertas no topo de /servicos, capa por assunto e diagramas

/servicos abre com as 3 ofertas e depois outros serviços; H1 de criação de sites e de engenharia com o nome da oferta; capa de cada serviço pelo assunto (SEV fora do próprio case cai de ~11 para 2 imagens); diagrama de fluxo em SVG nos serviços sem case; cases com o que o cliente passou a poder fazer e contato logo depois de Como ficou; FAQ num componente só; lastmod por rota; ProfessionalService com areaServed.

app/cases/_components/CaseContactSection.paths.test.tsx

@@ -1,5 +1,6 @@
 import { render, screen } from "@testing-library/react";
 import { getRelatedServices } from "@/lib/site-content";
+import { similarProjectSubject } from "@/lib/whatsapp";
 import { CaseContactSection } from "./CaseContactSection";
 
 /**
@@ -25,12 +26,11 @@ describe("CaseContactSection", () => {
         name: "Quer um projeto parecido com este?",
       }),
     ).toBeVisible();
-    const cta = screen.getByRole("link", {
-      name: "Conversar sobre um projeto parecido",
-    });
+    const cta = screen.getByRole("link", { name: "Falar sobre meu projeto" });
     expect(cta).toHaveAttribute("target", "_blank");
+    // sem escrever a frase à mão: ela vem de `similarProjectSubject`, que a frente de contato pode reescrever
     expect(messageOf(cta)).toContain(
-      `Quero conversar sobre um projeto parecido com o ${sev.title}.`,
+      `Quero conversar sobre ${similarProjectSubject(sev.title)}.`,
     );
     expect(getRelatedServices(sev.id).length).toBeGreaterThan(0);
     expect(
@@ -47,17 +47,16 @@ describe("CaseContactSection", () => {
     expect(
       screen.getByRole("heading", { level: 2, name: "Fale sobre o seu caso" }),
     ).toBeVisible();
-    const cta = screen.getByRole("link", {
-      name: "Tem um problema parecido? Vamos conversar.",
-    });
-    // a mensagem usa a mesma frase do cabeçalho, sem "da" nem "do projeto" na frente do nome
+    // o rótulo do botão é o mesmo do case de cliente: uma lista só
+    const cta = screen.getByRole("link", { name: "Falar sobre meu projeto" });
+    // a mensagem usa a mesma frase do cabeçalho (`similarProjectSubject`), sem "da" nem "do projeto" na frente do nome
     expect(messageOf(cta)).toContain(
-      `Quero conversar sobre um projeto parecido com o ${nutri.title}.`,
+      `Quero conversar sobre ${similarProjectSubject(nutri.title)}.`,
     );
     expect(messageOf(cta)).not.toMatch(/problema parecido|com o da |com o do /);
     expect(
       screen.queryByRole("link", {
-        name: "Conversar sobre um projeto parecido",
+        name: /Tem um problema parecido|Conversar sobre um projeto parecido/,
       }),
     ).toBeNull();
     // o NutriScan não é citado por nenhum serviço: sem cartões, o convite continua