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:.

app/servicos/page.tsx

@@ -1,7 +1,6 @@
 import type { Metadata } from "next";
 import Link from "next/link";
-import { CaseCover } from "@/app/cases/_components/CaseCover";
-import { getCaseMedia } from "@/app/cases/_components/case-media";
+import { CaseCoverLink } from "@/app/cases/_components/CaseCoverLink";
 import { Breadcrumb } from "@/app/components/Breadcrumb";
 import {
   pageTop,
@@ -15,9 +14,9 @@ import { buildBreadcrumbList, buildPageSocialMetadata } from "@/lib/seo";
 import { clientCases, serviceHubLinks, siteUrl } from "@/lib/site-content";
 
 const pageUrl = `${siteUrl}/servicos`;
-const pageTitle = "Sites, Sistemas e Aplicativos sob Medida para Empresas";
+const pageTitle = "Sites, sistemas e aplicativos sob medida";
 const pageDescription =
-  "Sites, sistemas web e aplicativos sob medida para sua empresa apresentar o negócio e organizar a operação. Evandro, desenvolvedor em Garuva-SC, atende Joinville, região e todo o Brasil de forma remota.";
+  "Sites, sistemas web e aplicativos sob medida para apresentar seu negócio e organizar a operação. Atendimento de Garuva-SC para todo o Brasil.";
 
 const businessIntents = [
   {
@@ -188,21 +187,11 @@ export default function ServicesIndexPage() {
                 key={caseStudy.id}
                 className="border-t border-[var(--border)] pt-sp-6"
               >
-                {getCaseMedia(caseStudy.id, "desktop") ? (
-                  <Link
-                    href={`/cases/${caseStudy.id}`}
-                    aria-hidden="true"
-                    tabIndex={-1}
-                    className="mb-sp-5 block"
-                  >
-                    <CaseCover
-                      id={caseStudy.id}
-                      title={caseStudy.title}
-                      demoUrl={caseStudy.demoUrl}
-                      sizes="(min-width: 1024px) 560px, 100vw"
-                    />
-                  </Link>
-                ) : null}
+                <CaseCoverLink
+                  id={caseStudy.id}
+                  title={caseStudy.title}
+                  demoUrl={caseStudy.demoUrl}
+                />
                 <p className="ds-kicker">{caseStudy.title}</p>
                 <h3 className="ds-card-title">{caseStudy.headline}</h3>
                 <p className="ds-copy">{caseStudy.summary}</p>
@@ -241,7 +230,7 @@ export default function ServicesIndexPage() {
           </div>
           <div>
             <h2 className="ds-card-title">Antes de contratar</h2>
-            <dl className="mt-sp-5 space-y-sp-6 text-sm">
+            <dl className="mt-sp-5 space-y-sp-6 text-[15px] md:text-sm">
               <div>
                 <dt className="font-semibold">
                   Quanto custa e quanto tempo leva?