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.
61 lines
2.0 KiB
TypeScript
61 lines
2.0 KiB
TypeScript
import {
|
|
primaryButton,
|
|
secondaryButtonDark,
|
|
} from "@/app/components/button-styles";
|
|
import HoverPrefetchLink from "@/app/components/HoverPrefetchLink";
|
|
import WhatsAppLink from "@/app/components/WhatsAppLink";
|
|
import { buttonLabels, type CaseStudyContent } from "@/lib/site-content";
|
|
import { similarProjectSubject } from "@/lib/whatsapp";
|
|
import { CaseRelatedServices } from "./CaseRelatedServices";
|
|
|
|
/**
|
|
* Títulos do convite ao contato: o case de cliente fala de um projeto parecido; o de laboratório, do caso de quem lê.
|
|
* O botão abre o WhatsApp e tem o mesmo rótulo nos dois (`buttonLabels.whatsapp`), e o assunto da conversa também:
|
|
* `similarProjectSubject`.
|
|
*/
|
|
const contactCopy = {
|
|
client: { title: "Quer um projeto parecido com este?" },
|
|
lab: { title: "Fale sobre o seu caso" },
|
|
} 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 pelo WhatsApp, sem
|
|
formulário.
|
|
</p>
|
|
<div className="mt-sp-6 flex flex-wrap items-center gap-sp-3">
|
|
<WhatsAppLink
|
|
service={similarProjectSubject(caseStudy.title)}
|
|
placement="case_detail"
|
|
className={primaryButton}
|
|
>
|
|
{buttonLabels.whatsapp}
|
|
</WhatsAppLink>
|
|
<HoverPrefetchLink href="/cases" className={secondaryButtonDark}>
|
|
Ver outros cases
|
|
</HoverPrefetchLink>
|
|
</div>
|
|
<CaseRelatedServices caseId={caseStudy.id} />
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|