evandro
c7d09d63d4
Hero e movimento - cena 3D em tempo real com os blocos da marca (kit feito no Blender, 3d/blocos.py): marca, tela, integrações e dados; segue a rolagem, tem vida em repouso, reage ao cursor e, parada no topo, passa sozinha pelos estados com legenda - três níveis de aparelho (full, lite, static); sem WebGL fica o pôster - título novo: "Sites e sistemas sob medida para o jeito que a sua empresa trabalha." - faixa de clientes com o ramo, linha do primeiro passo, hero alinhado às seções - rótulos digitados, entrada dos blocos, cortina de blocos entre páginas e capa compartilhada entre a lista de cases e o case Ofertas - atendimento no WhatsApp com IA e nota fiscal para a reforma tributária (páginas de serviço, cartões da home, formulário e aviso com data de validade) - página /ia atualizada, com fontes - peças 3D em loop nos cartões e topos de página (3d/pecas.py) Design - hover por papel (bloco nos botões, barra nos links), rótulos sem caixa alta - um destino por rótulo: "Falar sobre meu projeto" leva ao formulário, "Chamar no WhatsApp" abre o WhatsApp - logo montado em blocos, 404 redesenhado, grades sem célula vazia - ícones do PWA e manifesto novos Specs em specs/, contexto de design em DESIGN.md e PRODUCT.md.
57 lines
1.6 KiB
TypeScript
57 lines
1.6 KiB
TypeScript
import { secondaryButtonDark } from "@/app/components/button-styles";
|
|
import { buttonLabels, type CaseStudyContent } from "@/lib/site-content";
|
|
import { CaseMedia } from "./CaseMedia";
|
|
import { getCaseMedia } from "./case-media";
|
|
|
|
/** O bloco "Como ficou" existe quando há site no ar ou captura gravada, no computador ou no celular. */
|
|
export function hasCaseMedia({
|
|
id,
|
|
demoUrl,
|
|
}: Pick<CaseStudyContent, "id" | "demoUrl">) {
|
|
return (
|
|
Boolean(demoUrl) ||
|
|
Boolean(getCaseMedia(id, "desktop")) ||
|
|
Boolean(getCaseMedia(id, "mobile"))
|
|
);
|
|
}
|
|
|
|
/** "Como ficou": pôster e vídeo do projeto e o botão para abrir o site. Sem site nem captura, não mostra nada. */
|
|
export function CaseMediaSection({
|
|
caseStudy,
|
|
}: {
|
|
caseStudy: Pick<CaseStudyContent, "id" | "title" | "demoUrl">;
|
|
}) {
|
|
if (!hasCaseMedia(caseStudy)) return null;
|
|
|
|
return (
|
|
<section
|
|
className="ds-section ds-section-dark"
|
|
aria-labelledby="case-media"
|
|
>
|
|
<div className="ds-section-shell">
|
|
<h2 id="case-media" className="ds-card-title !mt-0 text-white">
|
|
Como ficou
|
|
</h2>
|
|
<CaseMedia
|
|
id={caseStudy.id}
|
|
title={caseStudy.title}
|
|
demoUrl={caseStudy.demoUrl}
|
|
/>
|
|
{caseStudy.demoUrl ? (
|
|
<div className="mt-sp-8">
|
|
<a
|
|
className={secondaryButtonDark}
|
|
href={caseStudy.demoUrl}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
{buttonLabels.site}
|
|
<span className="sr-only"> {caseStudy.title}</span>
|
|
</a>
|
|
</div>
|
|
) : null}
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|