Evandro Fonseca Junior
6e1022b58c
Cases da SEV Moda Íntima e da Lavação 047; case no formato cliente, problema, entrega, mídia e contato, com detalhes técnicos recolhidos; sem GitHub, ressalvas e fontes de commit. /cases separa clientes e Laboratório. Serviços mostram o case de cliente certo e o bloco de investimento e prazo só aparece preenchido. Metadata social própria por página, not-found com noindex, sitemap com /ia.
85 lines
2.9 KiB
TypeScript
85 lines
2.9 KiB
TypeScript
import Link from "next/link";
|
|
import { CaseCover } from "@/app/cases/_components/CaseCover";
|
|
import { getCaseMedia } from "@/app/cases/_components/case-media";
|
|
import { secondaryButtonLight, textLink } from "@/app/components/button-styles";
|
|
import { type CaseStudyContent, isClientCase } from "@/lib/site-content";
|
|
|
|
/** "Veja projetos parecidos": os cases ligados ao serviço. Sem case relacionado, não mostra nada. */
|
|
export function ServiceRelatedCases({
|
|
cases,
|
|
}: {
|
|
cases: readonly CaseStudyContent[];
|
|
}) {
|
|
if (cases.length === 0) return null;
|
|
|
|
return (
|
|
<section
|
|
id="casos-relacionados"
|
|
className="ds-section"
|
|
aria-labelledby="casos-relacionados-titulo"
|
|
>
|
|
<div className="ds-section-shell">
|
|
<div className="ds-section-header">
|
|
<div className="ds-section-meta">
|
|
<p className="ds-eyebrow">Trabalhos parecidos</p>
|
|
<h2 id="casos-relacionados-titulo" className="ds-section-title">
|
|
Veja projetos parecidos, já prontos
|
|
</h2>
|
|
<p className="ds-section-description">
|
|
Projetos reais nesta área. Abra o case para ver o que foi feito e
|
|
como ficou.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="ds-grid-2">
|
|
{cases.map((caseStudy) => (
|
|
<article key={caseStudy.id} className="ds-card">
|
|
{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}
|
|
<div className="ds-kicker">
|
|
{isClientCase(caseStudy)
|
|
? caseStudy.title
|
|
: `${caseStudy.title} · Protótipo de laboratório`}
|
|
</div>
|
|
<h3 className="ds-card-title">{caseStudy.headline}</h3>
|
|
<p className="ds-copy">{caseStudy.summary}</p>
|
|
<div className="mt-sp-6 flex flex-wrap items-center gap-sp-3">
|
|
<Link
|
|
href={`/cases/${caseStudy.id}`}
|
|
className={secondaryButtonLight}
|
|
>
|
|
Ler case: {caseStudy.title}
|
|
</Link>
|
|
{caseStudy.demoUrl ? (
|
|
<a
|
|
href={caseStudy.demoUrl}
|
|
className={textLink}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
Abrir o site: {caseStudy.title}
|
|
</a>
|
|
) : null}
|
|
</div>
|
|
</article>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|