Evandro Fonseca Junior
de6af74a0c
Diagnóstico sem case que não cabe; desktop com o GCC Installer como projeto próprio; IoT com o Twins Lab e a nota da Apolo. Mosaico de pôsteres em /servicos e /cases, faixa baixa em uma coluna no currículo, privacidade e laboratório; Laboratório como lista compacta; SEV começando por catálogo, pedido no WhatsApp e painel; Joinville e SC nos títulos; imagens do LCP com fetchPriority e sizes reais; pré-carregamento só no hover; 404 com Open Graph próprio.
35 lines
1.4 KiB
TypeScript
35 lines
1.4 KiB
TypeScript
import { textLinkDark } from "@/app/components/button-styles";
|
|
import HoverPrefetchLink from "@/app/components/HoverPrefetchLink";
|
|
import { getRelatedServices } from "@/lib/site-content";
|
|
|
|
/** Quantos serviços aparecem no fim do case: dois cards bastam para levar a pessoa ao serviço certo sem virar um menu. */
|
|
export const MAX_RELATED_SERVICES = 2;
|
|
|
|
/** Cards dos serviços que citam este case (no máximo dois), sobre fundo escuro. Sem serviço relacionado, não mostra nada. */
|
|
export function CaseRelatedServices({ caseId }: { caseId: string }) {
|
|
const services = getRelatedServices(caseId).slice(0, MAX_RELATED_SERVICES);
|
|
if (services.length === 0) return null;
|
|
|
|
return (
|
|
<div className="mt-sp-10">
|
|
<p className="ds-kicker">Serviços ligados a este projeto</p>
|
|
<ul className="mt-sp-4 grid gap-sp-4 md:grid-cols-2">
|
|
{services.map((service) => (
|
|
<li key={service.slug} className="flex">
|
|
<article className="ds-card w-full">
|
|
<h3 className="ds-card-title !mt-0">{service.navLabel}</h3>
|
|
<p className="ds-copy">{service.intro}</p>
|
|
<HoverPrefetchLink
|
|
className={`${textLinkDark} mt-sp-4 self-start`}
|
|
href={`/servicos/${service.slug}`}
|
|
>
|
|
Ver o serviço: {service.navLabel}
|
|
</HoverPrefetchLink>
|
|
</article>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
);
|
|
}
|