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

@@ -34,8 +34,27 @@ describe("ServicesIndexPage: topo sem captura gravada", () => {
         name: "Sites, sistemas e aplicativos sob medida.",
       }),
     ).toBeVisible();
+    // o botão do topo leva à lista de cases (não há mais seção de projetos nesta página)
+    expect(screen.getByRole("link", { name: "Ver os cases" })).toHaveAttribute(
+      "href",
+      "/cases",
+    );
+    const contactLinks = screen.getAllByRole("link", {
+      name: "Falar sobre meu projeto",
+    });
+    expect(contactLinks).toHaveLength(2);
+    for (const link of contactLinks) {
+      expect(link).toHaveAttribute(
+        "href",
+        expect.stringContaining("https://wa.me/"),
+      );
+    }
+    // as três ofertas seguem no topo da página, mesmo sem nenhuma captura
     expect(
-      screen.getByRole("link", { name: "Ver projetos realizados" }),
-    ).toHaveAttribute("href", "#projetos");
+      screen.getByRole("heading", {
+        level: 2,
+        name: "Três jeitos de começar.",
+      }),
+    ).toBeVisible();
   });
 });