feat(cases): mídia no topo, títulos de busca curtos e CreativeWork

Case com mídia ao lado do título e play acessível; problema de cada cliente reescrito com base nos dados; serviços relacionados em 2 cards; FAQ antes do próximo passo e bloco 'Onde já apliquei isso'; Apolo citada em IoT e arquitetura. metaTitle até 43 caracteres e descrições até 155 com teste; JSON-LD CreativeWork; imagens de compartilhamento abaixo de 100 KB; 404 e robots corrigidos; server-only nos módulos com node:.
2026-10-14 14:15:25 -03:00
1 parent c9a0b80656
commit e80f73d075
@@ -0,0 +1,64 @@
+import Link from "next/link";
+import {
+  primaryButton,
+  secondaryButtonDark,
+} from "@/app/components/button-styles";
+import WhatsAppLink from "@/app/components/WhatsAppLink";
+import type { CaseStudyContent } from "@/lib/site-content";
+import { CaseRelatedServices } from "./CaseRelatedServices";
+
+/** Textos do convite ao contato: o case de cliente fala de um projeto parecido; o de laboratório, de um problema parecido. */
+const contactCopy = {
+  client: {
+    title: "Quer um projeto parecido com este?",
+    action: "Conversar sobre um projeto parecido",
+    subject: (title: string) => `um projeto parecido com o da ${title}`,
+  },
+  lab: {
+    title: "Fale sobre o seu caso",
+    action: "Tem um problema parecido? Vamos conversar.",
+    subject: (title: string) =>
+      `um problema parecido com o do projeto ${title}`,
+  },
+} as const;
+
+/** Fecho do case: convite ao WhatsApp, volta para a lista de cases e os serviços ligados ao projeto. */
+export function CaseContactSection({
+  caseStudy,
+  isClient,
+}: {
+  caseStudy: Pick<CaseStudyContent, "id" | "title">;
+  isClient: boolean;
+}) {
+  const copy = contactCopy[isClient ? "client" : "lab"];
+
+  return (
+    <section
+      className="ds-section ds-section-dark"
+      aria-labelledby="case-contact"
+    >
+      <div className="ds-section-shell">
+        <h2 id="case-contact" className="ds-card-title !mt-0 text-white">
+          {copy.title}
+        </h2>
+        <p className="ds-copy max-w-[60ch]">
+          Conte o que você precisa. A conversa começa direto no WhatsApp, sem
+          formulário.
+        </p>
+        <div className="mt-sp-6 flex flex-wrap items-center gap-sp-3">
+          <WhatsAppLink
+            service={copy.subject(caseStudy.title)}
+            placement="case_detail"
+            className={primaryButton}
+          >
+            {copy.action}
+          </WhatsAppLink>
+          <Link href="/cases" className={secondaryButtonDark}>
+            Ver outros cases
+          </Link>
+        </div>
+        <CaseRelatedServices caseId={caseStudy.id} />
+      </div>
+    </section>
+  );
+}