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.
555 lines
25 KiB
TypeScript
555 lines
25 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Breadcrumb } from "@/app/components/Breadcrumb";
|
|
import {
|
|
pageTop,
|
|
primaryButton,
|
|
textLinkDark,
|
|
} from "@/app/components/button-styles";
|
|
import HoverPrefetchLink from "@/app/components/HoverPrefetchLink";
|
|
import WhatsAppLink from "@/app/components/WhatsAppLink";
|
|
import { safeJsonLd } from "@/lib/jsonld";
|
|
import { buildBreadcrumbList, buildPageSocialMetadata } from "@/lib/seo";
|
|
import { buttonLabels, siteUrl } from "@/lib/site-content";
|
|
import { IA_PAGE_LABEL } from "@/lib/site-navigation";
|
|
import { AI_REVIEW_SUBJECT } from "@/lib/whatsapp";
|
|
|
|
const pageUrl = `${siteUrl}/ia`;
|
|
/**
|
|
* Título para busca: até 44 caracteres, e 60 com o " | Evandro.dev.br" que o template de app/layout.tsx acrescenta. Cobre a oferta
|
|
* (revisão de sistema) e a busca por app feito com IA. A trilha e os dados estruturados usam o rótulo da página no menu e no
|
|
* rodapé (`IA_PAGE_LABEL`); a oferta, nos cartões e no formulário, continua com o nome dela.
|
|
*/
|
|
const pageTitle = "Revisão de sistema e de app feito com IA";
|
|
const pageDescription =
|
|
"Fez um app com Lovable, Bolt ou Replit? Eu reviso as falhas de acesso a dados, separo o que aproveitar do que refazer e faço o orçamento para a produção.";
|
|
/** Entra na frase "Quero conversar sobre {assunto}." da mensagem do WhatsApp (a mesma do botão flutuante em /ia). */
|
|
const WHATSAPP_SERVICE = AI_REVIEW_SUBJECT;
|
|
|
|
export const metadata: Metadata = {
|
|
title: pageTitle,
|
|
description: pageDescription,
|
|
...buildPageSocialMetadata({
|
|
url: pageUrl,
|
|
title: pageTitle,
|
|
description: pageDescription,
|
|
type: "website",
|
|
}),
|
|
};
|
|
|
|
/** O que a pessoa recebe ao contratar a revisão. Sem prazo e sem preço: isso se combina na conversa. */
|
|
const DELIVERABLES = [
|
|
{
|
|
title: "As falhas de acesso a dados",
|
|
description:
|
|
"Testo se uma pessoa consegue ver ou alterar os dados de outra e mostro o que precisa de correção.",
|
|
},
|
|
{
|
|
title: "O que dá para aproveitar",
|
|
description: "O que já está pronto e pode seguir no projeto.",
|
|
},
|
|
{
|
|
title: "O que é melhor refazer",
|
|
description:
|
|
"As partes que não se sustentam em uso real, com o motivo de cada uma.",
|
|
},
|
|
{
|
|
title: "Um orçamento para pôr em produção",
|
|
description:
|
|
"O que falta para o app atender clientes de verdade, com o orçamento por escrito.",
|
|
},
|
|
];
|
|
|
|
/**
|
|
* Como a revisão anda, em três passos, no cartão do hero. Só o que o resto da página já diz: a conversa pelo WhatsApp
|
|
* (sem enviar senhas), o teste e a separação do que aproveitar do que refazer, e o orçamento por escrito. Sem prazo e
|
|
* sem preço: isso se combina na conversa.
|
|
*/
|
|
const STEPS = [
|
|
{
|
|
title: "Conversa pelo WhatsApp",
|
|
description:
|
|
"Você conta o que o app faz e o que ele precisa fazer. Não envie senhas nem acessos por mensagem.",
|
|
},
|
|
{
|
|
title: "Teste e avaliação",
|
|
description:
|
|
"Testo se uma pessoa consegue ver ou alterar os dados de outra e separo o que dá para aproveitar do que é melhor refazer.",
|
|
},
|
|
{
|
|
title: "Relatório e orçamento",
|
|
description:
|
|
"Você recebe o que precisa de correção e o orçamento por escrito para pôr o app em produção.",
|
|
},
|
|
];
|
|
|
|
/**
|
|
* Três achados de EXEMPLO do relatório, para mostrar como ele é organizado: a falha, a gravidade e a correção sugerida.
|
|
* São ilustrativos: não são de nenhum cliente nem de um app real, e a página os rotula assim.
|
|
*/
|
|
const REPORT_EXAMPLES = [
|
|
{
|
|
flaw: "Um usuário consegue abrir os dados de outro trocando o número no endereço da página.",
|
|
severity: "Alta",
|
|
fix: "Conferir no servidor se cada registro pertence a quem está logado e testar com contas de empresas diferentes.",
|
|
},
|
|
{
|
|
flaw: "A chave de acesso ao banco de dados está no código que o navegador baixa.",
|
|
severity: "Alta",
|
|
fix: "Levar a chave para o servidor, trocar a que ficou exposta e liberar no banco só o que cada perfil precisa.",
|
|
},
|
|
{
|
|
flaw: "Não há cópia de segurança com restauração testada.",
|
|
severity: "Média",
|
|
fix: "Ligar as cópias automáticas, separar o banco de testes do de produção e ensaiar a restauração.",
|
|
},
|
|
];
|
|
|
|
const RESPONSIBILITIES = [
|
|
{
|
|
title: "Quem pode acessar cada dado?",
|
|
description:
|
|
"Login não basta. Permissões precisam ser verificadas no servidor e testadas entre usuários, empresas e perfis diferentes.",
|
|
},
|
|
{
|
|
title: "Como recuperar a operação?",
|
|
description:
|
|
"Ambientes separados, acesso restrito à produção e backups com restauração testada reduzem o impacto de uma alteração errada.",
|
|
},
|
|
{
|
|
title: "Quem valida antes de publicar?",
|
|
description:
|
|
"Código gerado também passa por revisão, testes e avaliação de dependências. O escopo inclui manutenção, custos e riscos de operação.",
|
|
},
|
|
];
|
|
|
|
/** Episódios de 2025 e 2026, resumidos. Cada um traz o que foi relatado, o que não foi provado e o cuidado técnico. */
|
|
const INCIDENTS = [
|
|
{
|
|
title: "Lovable: dados expostos em aplicações criadas na plataforma",
|
|
summary:
|
|
"Em maio de 2025, a Semafor noticiou uma análise que encontrou 170 de 1.645 aplicações com acesso indevido a informações, incluindo dados de usuários e chaves de API, ligado à configuração de acesso dos bancos conectados. O fornecedor contesta que a falha seja da plataforma e lembra que os clientes respondem por seus dados. O relato não comprova roubo em todas essas aplicações.",
|
|
care: "testar se uma pessoa consegue ler ou alterar dados de outra, em vez de tratar a tela de login como prova de segurança.",
|
|
links: [
|
|
{
|
|
href: "https://www.semafor.com/article/05/29/2025/the-hottest-new-vibe-coding-startup-lovable-is-a-sitting-duck-for-hackers",
|
|
label: "Reportagem da Semafor (em inglês)",
|
|
},
|
|
{
|
|
href: "https://nvd.nist.gov/vuln/detail/CVE-2025-48757",
|
|
label: "Registro e contestação no NVD",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Replit: um agente apagou dados de uma aplicação",
|
|
summary:
|
|
"Em julho de 2025, o cofundador da SaaStr relatou que um agente apagou dados durante a construção de uma aplicação, e as alterações de desenvolvimento podiam afetar a produção. A Replit reconheceu o episódio, informou que o banco foi recuperado por rollback e anunciou a separação entre bancos de desenvolvimento e produção por padrão. Houve exclusão e recuperação, não roubo de informações.",
|
|
care: "limitar permissões de agentes, separar ambientes e testar a recuperação antes de depender dela.",
|
|
links: [
|
|
{
|
|
href: "https://replit.com/blog/doubling-down-on-our-commitment-to-secure-vibe-coding",
|
|
label: "Relato e medidas da Replit (29/07/2025)",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Base44: aplicações privadas com falha de acesso",
|
|
summary:
|
|
"Em julho de 2025, pesquisadores da Wiz demonstraram uma falha que permitia acesso não autorizado a aplicações privadas do Base44. Ela estava na camada compartilhada de autenticação da plataforma, não em erro de um usuário iniciante. A Wix corrigiu em menos de 24 horas e informou não ter encontrado exploração maliciosa.",
|
|
care: "avaliar também o fornecedor e as permissões efetivas das integrações, além do código da aplicação.",
|
|
links: [
|
|
{
|
|
href: "https://www.wiz.io/blog/critical-vulnerability-base44",
|
|
label: "Pesquisa da Wiz e resposta da Wix (29/07/2025)",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title:
|
|
"Lovable, 2026: conversas e código de projetos públicos ficaram abertos",
|
|
summary:
|
|
"Em abril de 2026, a Lovable informou que, de 3 de fevereiro a 20 de abril, o histórico de conversa e o código-fonte de projetos públicos podiam ser acessados por qualquer usuário da plataforma que tivesse o link do projeto. A causa foi uma alteração interna que desfez uma proteção anterior. Pesquisadores avisaram a partir de 22 de fevereiro e os avisos foram encerrados sem chegar à equipe de segurança. A empresa diz que projetos privados não foram afetados e não informou quantos projetos foram de fato vistos por terceiros.",
|
|
care: "não escrever senhas, chaves nem dados de clientes na conversa com a ferramenta e conferir quem pode ver o projeto, que é diferente de quem pode ver o site publicado.",
|
|
links: [
|
|
{
|
|
href: "https://lovable.dev/blog/our-response-to-the-april-2026-incident",
|
|
label: "Relato da Lovable (22/04/2026, em inglês)",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "RedAccess, 2026: aplicações internas abertas na internet",
|
|
summary:
|
|
"Em maio de 2026, a empresa de segurança RedAccess disse ter encontrado cerca de 380 mil aplicações e outros arquivos públicos criados com Lovable, Base44, Netlify e Replit, dos quais cerca de 5 mil continham informação sensível de empresas. O site Axios conferiu alguns exemplos, entre eles informações financeiras internas de um banco no Brasil e conversas de atendimento de uma loja. As plataformas contestam: dizem que aplicação pública acessível é o comportamento esperado e não prova invasão nem falha de segurança.",
|
|
care: "decidir antes de publicar quem precisa entrar em cada ferramenta interna e exigir login, em vez de confiar que ninguém vai achar o endereço.",
|
|
links: [
|
|
{
|
|
href: "https://securityboulevard.com/2026/05/thousands-of-vibe-coded-apps-exposing-corporate-personal-data-redaccess/",
|
|
label: "Reportagem do Security Boulevard (07/05/2026, em inglês)",
|
|
},
|
|
{
|
|
href: "https://www.axios.com/2026/05/07/loveable-replit-vibe-coding-privacy",
|
|
label: "Reportagem do Axios (em inglês)",
|
|
},
|
|
],
|
|
},
|
|
];
|
|
|
|
export default function AiPage() {
|
|
const jsonLd = {
|
|
"@context": "https://schema.org",
|
|
"@graph": [
|
|
buildBreadcrumbList(pageUrl, [
|
|
["Início", siteUrl],
|
|
[IA_PAGE_LABEL, pageUrl],
|
|
] as const),
|
|
],
|
|
};
|
|
|
|
return (
|
|
<main>
|
|
<script type="application/ld+json">{safeJsonLd(jsonLd)}</script>
|
|
|
|
<section className={`ds-section ds-section-dark ${pageTop}`}>
|
|
<div className="ds-section-shell">
|
|
<Breadcrumb
|
|
items={[
|
|
{ label: "Início", href: "/" },
|
|
{ label: IA_PAGE_LABEL, href: "/ia" },
|
|
]}
|
|
/>
|
|
<div className="grid items-center gap-sp-8 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)] lg:gap-sp-12">
|
|
<div className="min-w-0">
|
|
<h1 className="ds-section-title max-w-[24ch] text-balance">
|
|
Seu app feito com IA está pronto para receber clientes? Eu testo
|
|
antes deles.
|
|
</h1>
|
|
<p className="ds-copy max-w-[62ch]">
|
|
A IA permite testar ideias e construir protótipos mesmo sem
|
|
experiência em programação. Quando o sistema passa a cuidar de
|
|
clientes, dinheiro ou dados pessoais, alguém precisa avaliar o
|
|
que foi gerado e validar como ele se comporta fora da
|
|
demonstração. Revisão para apps criados com Lovable, Bolt,
|
|
Replit e ferramentas parecidas.
|
|
</p>
|
|
<div className="mt-sp-6 flex flex-wrap items-center gap-x-sp-6 gap-y-sp-3">
|
|
<WhatsAppLink
|
|
className={primaryButton}
|
|
service={WHATSAPP_SERVICE}
|
|
placement="ia_hero"
|
|
>
|
|
{buttonLabels.whatsapp}
|
|
</WhatsAppLink>
|
|
<a href="#ia-receber" className={textLinkDark}>
|
|
Ver como a revisão funciona
|
|
</a>
|
|
{/* Link secundário para os cases: mostram como eu entrego, não são revisões de app feito com IA. */}
|
|
<HoverPrefetchLink href="/cases" className={textLinkDark}>
|
|
Ver projetos entregues
|
|
</HoverPrefetchLink>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
data-testid="ia-steps-card"
|
|
className="min-w-0 border border-white/15 bg-white/[0.04] p-sp-6 sm:p-sp-8"
|
|
>
|
|
<p className="font-display text-xl font-semibold leading-7 text-white">
|
|
Como funciona em 3 passos
|
|
</p>
|
|
<ol className="mt-sp-5 flex flex-col">
|
|
{STEPS.map((step, index) => (
|
|
<li
|
|
key={step.title}
|
|
className="flex items-start gap-sp-4 border-t border-white/12 py-sp-4 first:border-t-0 first:pt-0 last:pb-0"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
className="w-7 shrink-0 font-mono text-[15px] leading-6 text-white/60"
|
|
>
|
|
{String(index + 1).padStart(2, "0")}
|
|
</span>
|
|
<span className="min-w-0 font-display text-base leading-6 text-white/90">
|
|
<strong className="font-semibold text-white">
|
|
{step.title}.
|
|
</strong>{" "}
|
|
{step.description}
|
|
</span>
|
|
</li>
|
|
))}
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section
|
|
id="ia-receber"
|
|
className="ds-section"
|
|
aria-labelledby="ia-receber-title"
|
|
>
|
|
<div className="ds-section-shell">
|
|
<h2 id="ia-receber-title" className="ds-section-title max-w-[26ch]">
|
|
O que você recebe na revisão
|
|
</h2>
|
|
<ol className="mt-sp-8 grid gap-sp-6 sm:grid-cols-2 lg:grid-cols-4">
|
|
{DELIVERABLES.map((item, index) => (
|
|
<li
|
|
key={item.title}
|
|
className="border-t border-[var(--border)] pt-sp-5"
|
|
>
|
|
<span className="ds-kicker">
|
|
{String(index + 1).padStart(2, "0")}
|
|
</span>
|
|
<h3 className="mt-sp-3 text-lg font-semibold leading-snug">
|
|
{item.title}
|
|
</h3>
|
|
<p className="ds-copy">{item.description}</p>
|
|
</li>
|
|
))}
|
|
</ol>
|
|
<p className="ds-copy mt-sp-8 max-w-[65ch]">
|
|
Começa por uma conversa pelo WhatsApp, para eu entender o app e o
|
|
que ele precisa fazer. Não envie senhas nem acessos por mensagem.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section
|
|
id="ia-modelo"
|
|
className="ds-section"
|
|
aria-labelledby="ia-modelo-title"
|
|
>
|
|
<div className="ds-section-shell">
|
|
<h2 id="ia-modelo-title" className="ds-section-title max-w-[26ch]">
|
|
Modelo do relatório
|
|
</h2>
|
|
<p className="ds-copy max-w-[65ch]">
|
|
Cada falha encontrada entra no relatório com a gravidade e a
|
|
correção sugerida. Os três achados abaixo são{" "}
|
|
<strong>exemplos ilustrativos</strong> de como ele é organizado: não
|
|
são de nenhum cliente nem de um app real.
|
|
</p>
|
|
<ol className="mt-sp-8 grid gap-sp-6 lg:grid-cols-3">
|
|
{REPORT_EXAMPLES.map((example, index) => (
|
|
<li key={example.flaw} className="flex">
|
|
<article className="ds-card w-full">
|
|
<p className="ds-kicker">
|
|
Exemplo ilustrativo {String(index + 1).padStart(2, "0")}
|
|
</p>
|
|
<dl className="mt-sp-4 flex flex-col gap-sp-4">
|
|
<div>
|
|
<dt className="font-display text-[15px] font-semibold leading-6 text-[var(--ink)]">
|
|
Falha
|
|
</dt>
|
|
<dd className="font-display text-[15px] leading-6 text-[var(--ink-80)]">
|
|
{example.flaw}
|
|
</dd>
|
|
</div>
|
|
<div>
|
|
<dt className="font-display text-[15px] font-semibold leading-6 text-[var(--ink)]">
|
|
Gravidade
|
|
</dt>
|
|
<dd className="font-display text-[15px] leading-6 text-[var(--ink-80)]">
|
|
{example.severity}
|
|
</dd>
|
|
</div>
|
|
<div>
|
|
<dt className="font-display text-[15px] font-semibold leading-6 text-[var(--ink)]">
|
|
Correção sugerida
|
|
</dt>
|
|
<dd className="font-display text-[15px] leading-6 text-[var(--ink-80)]">
|
|
{example.fix}
|
|
</dd>
|
|
</div>
|
|
</dl>
|
|
</article>
|
|
</li>
|
|
))}
|
|
</ol>
|
|
</div>
|
|
</section>
|
|
|
|
<section className="ds-section" aria-labelledby="ia-contratar-title">
|
|
<div className="ds-section-shell">
|
|
<h2 id="ia-contratar-title" className="ds-section-title max-w-[26ch]">
|
|
Se a IA cria um sistema, por que contratar um desenvolvedor?
|
|
</h2>
|
|
<div className="mt-sp-6 border-l-2 border-[var(--ink)] pl-sp-5">
|
|
<p className="max-w-[75ch] text-lg leading-8 text-[var(--ink)]">
|
|
Você contrata engenharia para transformar as regras do seu negócio
|
|
em um sistema que possa ser testado, operado e mantido. A IA pode
|
|
fazer parte desse trabalho. Ela não dispensa decisões sobre
|
|
arquitetura, segurança e responsabilidade pelos dados.
|
|
</p>
|
|
</div>
|
|
<div className="mt-sp-8 grid gap-sp-6 md:grid-cols-3">
|
|
{RESPONSIBILITIES.map((item) => (
|
|
<article
|
|
key={item.title}
|
|
className="border-t border-[var(--border)] pt-sp-5"
|
|
>
|
|
<h3 className="text-lg font-semibold leading-snug">
|
|
{item.title}
|
|
</h3>
|
|
<p className="ds-copy">{item.description}</p>
|
|
</article>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section className="ds-section" aria-labelledby="ia-casos-title">
|
|
<div className="ds-section-shell">
|
|
{/* Recolhido: as notícias sustentam a oferta, mas não são o que a pessoa veio ver. */}
|
|
<details className="group border-y border-[var(--border)]">
|
|
<summary className="flex min-h-14 cursor-pointer list-none items-center justify-between gap-sp-4 py-sp-4 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ink)] [&::-webkit-details-marker]:hidden">
|
|
<h2
|
|
id="ia-casos-title"
|
|
className="font-display text-[clamp(20px,3vw,28px)] font-semibold leading-tight tracking-[-0.02em]"
|
|
>
|
|
O que casos documentados ensinam
|
|
</h2>
|
|
<span
|
|
aria-hidden="true"
|
|
className="shrink-0 font-mono text-2xl leading-none text-[var(--meta)] transition-transform group-open:rotate-45 motion-reduce:transition-none"
|
|
>
|
|
+
|
|
</span>
|
|
</summary>
|
|
<div className="pb-sp-8">
|
|
<p className="ds-copy max-w-[75ch]">
|
|
São episódios de 2025 e 2026, não avaliações atuais das
|
|
plataformas. Eles mostram riscos de configuração, permissões e
|
|
operação; não provam que todo sistema feito com IA seja inseguro
|
|
ou que um profissional elimine qualquer risco.
|
|
</p>
|
|
<div className="mt-sp-6 grid gap-sp-6 lg:grid-cols-3">
|
|
{INCIDENTS.map((incident) => (
|
|
<article key={incident.title} className="ds-card">
|
|
<h3 className="ds-card-title !mt-0">{incident.title}</h3>
|
|
<p className="ds-copy">{incident.summary}</p>
|
|
<p className="ds-copy">
|
|
<strong>O cuidado técnico:</strong> {incident.care}
|
|
</p>
|
|
<ul className="mt-sp-4 flex flex-col gap-sp-1">
|
|
{incident.links.map((link) => (
|
|
<li key={link.href}>
|
|
<a
|
|
className="inline-flex min-h-11 items-center text-[15px] underline underline-offset-4"
|
|
href={link.href}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
{link.label}
|
|
</a>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</article>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
</section>
|
|
|
|
<section className="ds-section" aria-labelledby="ia-lgpd-title">
|
|
<div className="ds-section-shell grid items-start gap-sp-6 lg:grid-cols-3">
|
|
<article className="ds-card">
|
|
<h2 id="ia-lgpd-title" className="ds-card-title !mt-0">
|
|
E a LGPD?
|
|
</h2>
|
|
<p className="ds-copy">
|
|
Usar IA não afasta as obrigações de proteção de dados. A ANPD
|
|
exige medidas técnicas e administrativas também de agentes de
|
|
pequeno porte e esclarece que as flexibilizações não os isentam
|
|
das demais obrigações da LGPD, como bases legais e direitos dos
|
|
titulares.
|
|
</p>
|
|
<p className="ds-copy">
|
|
O trabalho técnico inclui controles de acesso, coleta limitada ao
|
|
necessário e rotinas de retenção e exclusão. Conformidade depende
|
|
também dos processos da empresa e de orientação jurídica;
|
|
contratar desenvolvimento não equivale a uma certificação de
|
|
adequação.
|
|
</p>
|
|
<p className="ds-copy">
|
|
Se houver um incidente com dados pessoais que possa trazer risco
|
|
ou dano relevante, a empresa precisa comunicar a ANPD e as pessoas
|
|
afetadas em três dias úteis depois de saber do fato; agentes de
|
|
pequeno porte têm o prazo em dobro. Cumprir esse prazo depende de
|
|
ter cópia de segurança, registro de acessos e alguém que saiba
|
|
onde olhar.
|
|
</p>
|
|
<a
|
|
className="mt-sp-4 inline-flex min-h-11 items-center text-[15px] underline underline-offset-4"
|
|
href="https://www.gov.br/anpd/pt-br/acesso-a-informacao/institucional/atos-normativos/regulamentacoes_anpd/resolucao-cd-anpd-no-2-de-27-de-janeiro-de-2022"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
ANPD: Resolução nº 2/2022, arts. 6º, 12 e 13
|
|
</a>
|
|
<a
|
|
className="mt-sp-4 inline-flex min-h-11 items-center text-[15px] underline underline-offset-4"
|
|
href="https://www.in.gov.br/en/web/dou/-/resolucao-cd/anpd-n-15-de-24-de-abril-de-2024-556243024"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
ANPD: Resolução nº 15/2024, arts. 6º e 9º
|
|
</a>
|
|
</article>
|
|
<article className="ds-card">
|
|
<h2 className="ds-card-title !mt-0">
|
|
Quem responde pelo que a IA escreve?
|
|
</h2>
|
|
<p className="ds-copy">
|
|
Em março de 2026, a Sexta Turma do Tribunal Superior do Trabalho
|
|
multou uma empresa de telecomunicações e o advogado dela por
|
|
citarem, em um recurso, decisões que não existiam, atribuídas pelo
|
|
tribunal ao uso de inteligência artificial.
|
|
</p>
|
|
<p className="ds-copy">
|
|
O caso é de um processo, não de um sistema. A regra é a mesma:
|
|
quem assina responde pelo que entrega.
|
|
</p>
|
|
<a
|
|
className="mt-sp-4 inline-flex min-h-11 items-center text-[15px] underline underline-offset-4"
|
|
href="https://www.tst.jus.br/-/empresa-e-advogado-sao-multados-por-uso-de-ia-com-decisoes-falsas"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
TST: notícia de 26/03/2026
|
|
</a>
|
|
</article>
|
|
<article className="ds-card">
|
|
<h2 className="ds-card-title !mt-0">
|
|
Já começou com IA? Podemos partir daí.
|
|
</h2>
|
|
<p className="ds-copy">
|
|
Seu protótipo ajuda a explicar a ideia. Antes de propor uma
|
|
reconstrução, avalio o que pode ser aproveitado, quais riscos
|
|
precisam de correção e o que falta para atender usuários em
|
|
produção.
|
|
</p>
|
|
<p className="ds-copy">
|
|
Você não precisa saber programar para conduzir o negócio. Precisa
|
|
entender o que está contratando, acompanhar a entrega e ter
|
|
clareza sobre quem cuida de cada parte do sistema.
|
|
</p>
|
|
<div className="mt-sp-6">
|
|
<WhatsAppLink
|
|
className={primaryButton}
|
|
service={WHATSAPP_SERVICE}
|
|
placement="ia_closing"
|
|
>
|
|
{buttonLabels.whatsapp}
|
|
</WhatsAppLink>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
);
|
|
}
|