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/components/Breadcrumb.paths.test.tsx

@@ -2,12 +2,12 @@ import { render, screen } from "@testing-library/react";
 import { Breadcrumb } from "./Breadcrumb";
 
 /**
- * Testes de caminhos-base de Breadcrumb: o primeiro item não tem separador,
- * os seguintes têm, e só o último é a página atual (inclusive quando é o único).
+ * Testes de caminhos-base de Breadcrumb: a barra de separação vem depois de cada item menos do último (a quebra de linha
+ * no celular nunca deixa uma linha começando por "/"), e só o último é a página atual (inclusive quando é o único).
  */
 
 describe("Breadcrumb", () => {
-  it("path: several items -> a separator before every item but the first", () => {
+  it("path: several items -> a separator after every item but the last, so a wrapped line starts with a name", () => {
     const { container } = render(
       <Breadcrumb
         items={[
@@ -20,15 +20,19 @@ describe("Breadcrumb", () => {
 
     const entries = Array.from(container.querySelectorAll("li"));
     expect(entries).toHaveLength(3);
-    expect(entries[0].querySelector("span[aria-hidden='true']")).toBeNull();
+    expect(
+      entries[0].querySelector("span[aria-hidden='true']"),
+    ).toHaveTextContent("/");
     expect(
       entries[1].querySelector("span[aria-hidden='true']"),
     ).toHaveTextContent("/");
-    expect(
-      entries[2].querySelector("span[aria-hidden='true']"),
-    ).toHaveTextContent("/");
-    expect(entries[0].className).toBe("");
-    expect(entries[1].className).toContain("flex");
+    expect(entries[2].querySelector("span[aria-hidden='true']")).toBeNull();
+    // o nome vem antes da barra em todos os itens, e nenhum item abre por "/"
+    for (const entry of entries) {
+      expect(entry.firstElementChild?.tagName).toBe("A");
+      expect(entry.textContent?.trimStart().startsWith("/")).toBe(false);
+    }
+    expect(entries[0].className).toContain("flex");
   });
 
   it("path: a single item -> no separator, and it is the current page", () => {