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.
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
import type { ServicePageContent } from "@/lib/site-content";
|
|
|
|
/**
|
|
* Regras ou datas de fonte oficial (`official`), com o link de cada fonte para o visitante conferir. O link abre fora
|
|
* do site, em outra aba; sem `official`, nada aparece.
|
|
*/
|
|
export function ServiceOfficial({
|
|
official,
|
|
}: {
|
|
official: ServicePageContent["official"];
|
|
}) {
|
|
if (!official) return null;
|
|
|
|
return (
|
|
<section className="ds-section" aria-labelledby="fonte-oficial">
|
|
<div className="ds-section-shell">
|
|
<h2 id="fonte-oficial" className="ds-card-title !mt-0">
|
|
{official.title}
|
|
</h2>
|
|
<ul className="ds-list max-w-[80ch] space-y-sp-2">
|
|
{official.items.map((item) => (
|
|
<li key={item}>{item}</li>
|
|
))}
|
|
</ul>
|
|
<ul className="mt-sp-4 flex flex-col">
|
|
{official.links.map((link) => (
|
|
<li key={link.href}>
|
|
<a
|
|
href={link.href}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="inline-flex min-h-11 items-center text-[15px] underline underline-offset-4"
|
|
>
|
|
{link.label}
|
|
</a>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|