1003 lines
31 KiB
HTML
1003 lines
31 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pt-BR">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>DocuAgro - Apresentação</title>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
|
|
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
|
|
body {
|
|
font-family: 'Inter', -apple-system, sans-serif;
|
|
color: #1a1a2e;
|
|
line-height: 1.6;
|
|
background: #fff;
|
|
}
|
|
|
|
/* ===== PAGE BREAKS ===== */
|
|
.page { page-break-after: always; min-height: 100vh; position: relative; }
|
|
.page:last-child { page-break-after: avoid; }
|
|
|
|
/* ===== CAPA ===== */
|
|
.capa {
|
|
background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 40%, #43A047 100%);
|
|
color: white;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
padding: 60px 80px;
|
|
}
|
|
|
|
.capa .logo {
|
|
font-size: 72px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.capa h1 {
|
|
font-size: 56px;
|
|
font-weight: 800;
|
|
letter-spacing: -1px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.capa .tagline {
|
|
font-size: 22px;
|
|
font-weight: 300;
|
|
opacity: 0.9;
|
|
margin-bottom: 50px;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.capa .subtitulo {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
background: rgba(255,255,255,0.15);
|
|
padding: 16px 40px;
|
|
border-radius: 12px;
|
|
line-height: 1.8;
|
|
max-width: 600px;
|
|
}
|
|
|
|
.capa .footer-capa {
|
|
position: absolute;
|
|
bottom: 40px;
|
|
font-size: 13px;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.capa .badge-eudr {
|
|
margin-top: 40px;
|
|
border: 2px solid rgba(255,255,255,0.4);
|
|
padding: 10px 30px;
|
|
border-radius: 50px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
letter-spacing: 2px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* ===== PÁGINAS INTERNAS ===== */
|
|
.interna {
|
|
padding: 60px 70px;
|
|
}
|
|
|
|
.interna .header-bar {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-bottom: 3px solid #2E7D32;
|
|
padding-bottom: 12px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.interna .header-bar h2 {
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
color: #1B5E20;
|
|
}
|
|
|
|
.interna .header-bar .page-num {
|
|
font-size: 13px;
|
|
color: #888;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.interna .header-bar .brand {
|
|
font-size: 14px;
|
|
color: #2E7D32;
|
|
font-weight: 600;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #2E7D32;
|
|
margin: 30px 0 15px;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
color: #333;
|
|
margin: 20px 0 10px;
|
|
}
|
|
|
|
p, li {
|
|
font-size: 14px;
|
|
color: #333;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
ul { padding-left: 24px; margin: 10px 0; }
|
|
li { margin-bottom: 6px; }
|
|
|
|
/* ===== CARDS ===== */
|
|
.card-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 20px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.card {
|
|
background: #f8faf8;
|
|
border: 1px solid #e0e8e0;
|
|
border-radius: 12px;
|
|
padding: 20px 24px;
|
|
border-left: 4px solid #2E7D32;
|
|
}
|
|
|
|
.card .card-icon {
|
|
font-size: 28px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.card .card-title {
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
color: #1B5E20;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.card .card-desc {
|
|
font-size: 13px;
|
|
color: #555;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
/* ===== FLUXO ===== */
|
|
.fluxo {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
margin: 30px 0;
|
|
gap: 12px;
|
|
}
|
|
|
|
.fluxo-step {
|
|
flex: 1;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
.fluxo-step .step-num {
|
|
width: 48px;
|
|
height: 48px;
|
|
background: #2E7D32;
|
|
color: white;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
margin: 0 auto 10px;
|
|
}
|
|
|
|
.fluxo-step .step-icon {
|
|
font-size: 28px;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.fluxo-step .step-title {
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
color: #1B5E20;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.fluxo-step .step-desc {
|
|
font-size: 11px;
|
|
color: #666;
|
|
}
|
|
|
|
.fluxo-arrow {
|
|
font-size: 24px;
|
|
color: #2E7D32;
|
|
margin-top: 12px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* ===== TABELA ===== */
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 15px 0;
|
|
font-size: 13px;
|
|
}
|
|
|
|
table thead th {
|
|
background: #1B5E20;
|
|
color: white;
|
|
padding: 10px 14px;
|
|
text-align: left;
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
table tbody td {
|
|
padding: 10px 14px;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
color: #333;
|
|
}
|
|
|
|
table tbody tr:nth-child(even) { background: #f9fdf9; }
|
|
table tbody tr:hover { background: #e8f5e9; }
|
|
|
|
/* ===== HIGHLIGHT BOX ===== */
|
|
.highlight {
|
|
background: linear-gradient(135deg, #e8f5e9, #f1f8e9);
|
|
border: 1px solid #c8e6c9;
|
|
border-radius: 12px;
|
|
padding: 20px 28px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.highlight.warning {
|
|
background: linear-gradient(135deg, #fff3e0, #fff8e1);
|
|
border-color: #ffe0b2;
|
|
}
|
|
|
|
.highlight h4 {
|
|
margin-top: 0;
|
|
color: #1B5E20;
|
|
}
|
|
|
|
.highlight.warning h4 {
|
|
color: #e65100;
|
|
}
|
|
|
|
/* ===== TECH STACK ===== */
|
|
.tech-stack {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 10px;
|
|
margin: 15px 0;
|
|
}
|
|
|
|
.tech-badge {
|
|
background: #e8f5e9;
|
|
color: #1B5E20;
|
|
padding: 6px 16px;
|
|
border-radius: 20px;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
border: 1px solid #c8e6c9;
|
|
}
|
|
|
|
/* ===== TIMELINE ===== */
|
|
.timeline {
|
|
position: relative;
|
|
padding-left: 30px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.timeline::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 8px;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 3px;
|
|
background: #c8e6c9;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.timeline-item {
|
|
position: relative;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.timeline-item::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: -26px;
|
|
top: 4px;
|
|
width: 14px;
|
|
height: 14px;
|
|
background: #2E7D32;
|
|
border-radius: 50%;
|
|
border: 3px solid #e8f5e9;
|
|
}
|
|
|
|
.timeline-item .tl-title {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #1B5E20;
|
|
}
|
|
|
|
.timeline-item .tl-desc {
|
|
font-size: 13px;
|
|
color: #555;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/* ===== FOOTER ===== */
|
|
.page-footer {
|
|
position: absolute;
|
|
bottom: 30px;
|
|
left: 70px;
|
|
right: 70px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 10px;
|
|
color: #aaa;
|
|
border-top: 1px solid #eee;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
/* ===== COMANDOS ===== */
|
|
.cmd {
|
|
background: #263238;
|
|
color: #a5d6a7;
|
|
padding: 3px 10px;
|
|
border-radius: 4px;
|
|
font-family: 'Courier New', monospace;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* ===== BENEFICIOS ===== */
|
|
.beneficio-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
gap: 16px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.beneficio {
|
|
text-align: center;
|
|
padding: 20px 16px;
|
|
background: #f8faf8;
|
|
border-radius: 12px;
|
|
border: 1px solid #e0e8e0;
|
|
}
|
|
|
|
.beneficio .b-icon { font-size: 32px; margin-bottom: 8px; }
|
|
.beneficio .b-title { font-size: 14px; font-weight: 700; color: #1B5E20; margin-bottom: 6px; }
|
|
.beneficio .b-desc { font-size: 12px; color: #666; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- PÁGINA 1 - CAPA -->
|
|
<!-- ============================================================ -->
|
|
<div class="page capa">
|
|
<div class="logo">🌱</div>
|
|
<h1>DocuAgro</h1>
|
|
<div class="tagline">Compliance do produtor, na palma da mão.</div>
|
|
|
|
<div class="subtitulo">
|
|
Plataforma inteligente para coleta, validação e organização<br>
|
|
de documentação de produtores rurais para<br>
|
|
compliance com o <strong>Regulamento EUDR</strong>
|
|
</div>
|
|
|
|
<div class="badge-eudr">🇪🇺 EUDR Compliance Ready</div>
|
|
|
|
<div class="footer-capa">AI Vertice • Documento Confidencial • 2026</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- PÁGINA 2 - O PROBLEMA -->
|
|
<!-- ============================================================ -->
|
|
<div class="page interna">
|
|
<div class="header-bar">
|
|
<span class="brand">🌱 DocuAgro</span>
|
|
<h2>O Problema</h2>
|
|
<span class="page-num">02</span>
|
|
</div>
|
|
|
|
<h3>🇪🇺 O que é o EUDR?</h3>
|
|
<p>O <strong>Regulamento (UE) 2023/1115</strong> — conhecido como EUDR (European Union Deforestation Regulation) — é a nova legislação europeia que <strong>proíbe a importação de commodities produzidas em áreas desmatadas</strong> após 31 de dezembro de 2020.</p>
|
|
|
|
<div class="highlight warning">
|
|
<h4>⚠️ Commodities afetadas</h4>
|
|
<p style="font-size: 15px; margin-top: 8px;">
|
|
🫘 Soja • ☕ Café • 🍫 Cacau • 🌴 Óleo de Palma • 🌳 Madeira • 🐄 Gado • 🔧 Borracha
|
|
</p>
|
|
</div>
|
|
|
|
<h3>📋 O desafio da "Última Milha"</h3>
|
|
<p>Cooperativas e tradings precisam comprovar a conformidade de <strong>cada produtor individual</strong> da cadeia. Isso significa coletar e validar dezenas de documentos de milhares de produtores rurais, muitos deles:</p>
|
|
|
|
<ul>
|
|
<li>Com pouco acesso a tecnologia ou internet</li>
|
|
<li>Sem experiência com processos burocráticos digitais</li>
|
|
<li>Espalhados por regiões remotas do país</li>
|
|
<li>Sem saber quais documentos são necessários</li>
|
|
</ul>
|
|
|
|
<div class="highlight">
|
|
<h4>💡 A oportunidade</h4>
|
|
<p>O Brasil é um dos maiores exportadores mundiais dessas commodities. <strong>Sem compliance EUDR, produtores perdem acesso ao mercado europeu.</strong> O DocuAgro resolve esse gargalo de forma simples e escalável.</p>
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span>DocuAgro — AI Vertice</span>
|
|
<span>Confidencial</span>
|
|
<span>Página 2</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- PÁGINA 3 - A SOLUÇÃO -->
|
|
<!-- ============================================================ -->
|
|
<div class="page interna">
|
|
<div class="header-bar">
|
|
<span class="brand">🌱 DocuAgro</span>
|
|
<h2>A Solução</h2>
|
|
<span class="page-num">03</span>
|
|
</div>
|
|
|
|
<p style="font-size: 16px; margin-bottom: 25px;">O DocuAgro é uma plataforma que combina <strong>Bot Telegram + Inteligência Artificial + Painel Web</strong> para automatizar toda a coleta e validação documental dos produtores.</p>
|
|
|
|
<h3>🔄 Como Funciona</h3>
|
|
|
|
<div class="fluxo">
|
|
<div class="fluxo-step">
|
|
<div class="step-icon">📱</div>
|
|
<div class="step-num">1</div>
|
|
<div class="step-title">Produtor abre o Bot</div>
|
|
<div class="step-desc">Acessa pelo Telegram, sem instalar nada</div>
|
|
</div>
|
|
<div class="fluxo-arrow">→</div>
|
|
<div class="fluxo-step">
|
|
<div class="step-icon">🤖</div>
|
|
<div class="step-num">2</div>
|
|
<div class="step-title">IA guia a coleta</div>
|
|
<div class="step-desc">Linguagem simples do campo, passo a passo</div>
|
|
</div>
|
|
<div class="fluxo-arrow">→</div>
|
|
<div class="fluxo-step">
|
|
<div class="step-icon">📄</div>
|
|
<div class="step-num">3</div>
|
|
<div class="step-title">Envia documentos</div>
|
|
<div class="step-desc">Foto ou PDF, um por vez</div>
|
|
</div>
|
|
<div class="fluxo-arrow">→</div>
|
|
<div class="fluxo-step">
|
|
<div class="step-icon">🔍</div>
|
|
<div class="step-num">4</div>
|
|
<div class="step-title">Validação automática</div>
|
|
<div class="step-desc">OCR + IA verificam os dados</div>
|
|
</div>
|
|
<div class="fluxo-arrow">→</div>
|
|
<div class="fluxo-step">
|
|
<div class="step-icon">✅</div>
|
|
<div class="step-num">5</div>
|
|
<div class="step-title">Dossiê pronto</div>
|
|
<div class="step-desc">PDF profissional para a cooperativa</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>🎯 Diferenciais</h3>
|
|
|
|
<div class="beneficio-grid">
|
|
<div class="beneficio">
|
|
<div class="b-icon">💬</div>
|
|
<div class="b-title">Zero Fricção</div>
|
|
<div class="b-desc">Via Telegram, que o produtor já usa. Sem app novo, sem cadastro complexo.</div>
|
|
</div>
|
|
<div class="beneficio">
|
|
<div class="b-icon">🧠</div>
|
|
<div class="b-title">IA Especialista</div>
|
|
<div class="b-desc">Fala a língua do campo. Guia, orienta e valida com paciência.</div>
|
|
</div>
|
|
<div class="beneficio">
|
|
<div class="b-icon">⚡</div>
|
|
<div class="b-title">Automação Total</div>
|
|
<div class="b-desc">OCR extrai dados, IA valida, PDF é gerado automaticamente.</div>
|
|
</div>
|
|
<div class="beneficio">
|
|
<div class="b-icon">📊</div>
|
|
<div class="b-title">Painel da Cooperativa</div>
|
|
<div class="b-desc">Dashboard em tempo real com status de cada produtor.</div>
|
|
</div>
|
|
<div class="beneficio">
|
|
<div class="b-icon">🔒</div>
|
|
<div class="b-title">Dados Seguros</div>
|
|
<div class="b-desc">Armazenamento local, diretórios isolados por produtor.</div>
|
|
</div>
|
|
<div class="beneficio">
|
|
<div class="b-icon">📈</div>
|
|
<div class="b-title">Escalável</div>
|
|
<div class="b-desc">Atende de 10 a 10.000 produtores sem aumentar equipe.</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span>DocuAgro — AI Vertice</span>
|
|
<span>Confidencial</span>
|
|
<span>Página 3</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- PÁGINA 4 - DOCUMENTOS E VALIDAÇÃO -->
|
|
<!-- ============================================================ -->
|
|
<div class="page interna">
|
|
<div class="header-bar">
|
|
<span class="brand">🌱 DocuAgro</span>
|
|
<h2>Documentos e Validação</h2>
|
|
<span class="page-num">04</span>
|
|
</div>
|
|
|
|
<p>O DocuAgro coleta e valida <strong>8 documentos obrigatórios</strong> para compliance EUDR. Cada documento passa por OCR automático para extração e verificação de dados.</p>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>Documento</th>
|
|
<th>O que é</th>
|
|
<th>Validação Automática</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td><strong>CAR</strong></td>
|
|
<td>Cadastro Ambiental Rural (SICAR)</td>
|
|
<td>Número SICAR + reconhecimento OCR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td><strong>CCIR</strong></td>
|
|
<td>Certificado do Imóvel Rural (INCRA)</td>
|
|
<td>Código INCRA + OCR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td><strong>ITR</strong></td>
|
|
<td>Imposto Territorial Rural</td>
|
|
<td>CPF/CNPJ + Receita Federal</td>
|
|
</tr>
|
|
<tr>
|
|
<td>4</td>
|
|
<td><strong>Georreferenciamento</strong></td>
|
|
<td>Coordenadas GPS da propriedade</td>
|
|
<td>Extração de coordenadas</td>
|
|
</tr>
|
|
<tr>
|
|
<td>5</td>
|
|
<td><strong>Licença Ambiental</strong></td>
|
|
<td>Autorização do órgão ambiental</td>
|
|
<td>OCR + verificação de validade</td>
|
|
</tr>
|
|
<tr>
|
|
<td>6</td>
|
|
<td><strong>Contrato de Arrendamento</strong></td>
|
|
<td>Se não for proprietário</td>
|
|
<td>OCR (opcional — pode ser pulado)</td>
|
|
</tr>
|
|
<tr>
|
|
<td>7</td>
|
|
<td><strong>Nota Fiscal de Venda</strong></td>
|
|
<td>Última NF da produção</td>
|
|
<td>OCR + extração de CPF/CNPJ</td>
|
|
</tr>
|
|
<tr>
|
|
<td>8</td>
|
|
<td><strong>Declaração de Não Desmatamento</strong></td>
|
|
<td>Autodeclaração pós-dez/2020</td>
|
|
<td>Gerada automaticamente pelo sistema</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h3>🔍 Processo de Validação</h3>
|
|
|
|
<div class="timeline">
|
|
<div class="timeline-item">
|
|
<div class="tl-title">1. Recebimento</div>
|
|
<div class="tl-desc">Produtor envia foto ou PDF pelo Telegram. O arquivo é salvo em diretório isolado.</div>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="tl-title">2. OCR (Tesseract.js)</div>
|
|
<div class="tl-desc">Texto é extraído automaticamente da imagem com reconhecimento em português.</div>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="tl-title">3. Validação por Tipo</div>
|
|
<div class="tl-desc">Algoritmo específico para cada tipo de documento verifica campos-chave (número CAR, código INCRA, CPF, datas, coordenadas).</div>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="tl-title">4. Feedback ao Produtor</div>
|
|
<div class="tl-desc">IA informa o resultado: ✅ Aprovado, 🟡 Em análise, ou ❌ Reenviar com orientações.</div>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="tl-title">5. Próximo Documento</div>
|
|
<div class="tl-desc">Sistema avança automaticamente para o próximo documento da sequência.</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span>DocuAgro — AI Vertice</span>
|
|
<span>Confidencial</span>
|
|
<span>Página 4</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- PÁGINA 5 - EXPERIÊNCIA DO PRODUTOR -->
|
|
<!-- ============================================================ -->
|
|
<div class="page interna">
|
|
<div class="header-bar">
|
|
<span class="brand">🌱 DocuAgro</span>
|
|
<h2>Experiência do Produtor</h2>
|
|
<span class="page-num">05</span>
|
|
</div>
|
|
|
|
<p>O produtor interage 100% via <strong>Telegram</strong> — um app que já está no celular da maioria dos brasileiros. Sem downloads, sem cadastros complicados.</p>
|
|
|
|
<h3>📱 Comandos do Bot</h3>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Comando</th>
|
|
<th>Função</th>
|
|
<th>Descrição</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><span class="cmd">/start</span></td>
|
|
<td>Iniciar cadastro</td>
|
|
<td>Começa o onboarding. A IA coleta nome, CPF, propriedade, município e cultura.</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="cmd">/status</span></td>
|
|
<td>Ver progresso</td>
|
|
<td>Mostra quais documentos já foram enviados e validados (✅ 🟡 ⬜).</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="cmd">/dossie</span></td>
|
|
<td>Gerar dossiê PDF</td>
|
|
<td>Compila todos os documentos em um dossiê profissional para download.</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="cmd">/pular</span></td>
|
|
<td>Pular documento</td>
|
|
<td>Se o produtor não tem o documento agora, pula e continua para o próximo.</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="cmd">/ajuda</span></td>
|
|
<td>Menu de ajuda</td>
|
|
<td>Lista de comandos e dicas para envio de documentos.</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h3>🤖 Inteligência Artificial Especialista</h3>
|
|
<p>A IA do DocuAgro foi treinada para se comunicar de forma simples e acolhedora:</p>
|
|
|
|
<div class="card-grid">
|
|
<div class="card">
|
|
<div class="card-icon">🗣️</div>
|
|
<div class="card-title">Linguagem do Campo</div>
|
|
<div class="card-desc">Usa expressões como "tá certinho", "beleza", "mais um pouquinho e fica pronto". O produtor se sente à vontade.</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">🎯</div>
|
|
<div class="card-title">Um de Cada Vez</div>
|
|
<div class="card-desc">Pede um documento por vez, sem sobrecarregar. Explica o que é e onde encontrar antes de pedir.</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">🔄</div>
|
|
<div class="card-title">Orienta Correções</div>
|
|
<div class="card-desc">Se a foto está escura ou o documento errado, explica o problema e como resolver com dicas práticas.</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">📍</div>
|
|
<div class="card-title">Onde Encontrar</div>
|
|
<div class="card-desc">Para cada documento, explica o site, órgão ou cartório onde obter, com passo a passo simples.</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="highlight">
|
|
<h4>💬 Exemplo de Interação</h4>
|
|
<p style="font-family: monospace; font-size: 13px; background: white; padding: 12px; border-radius: 8px; margin-top: 10px; line-height: 1.8;">
|
|
<strong>Bot:</strong> 🌱 Beleza! Agora preciso do seu CAR — o Cadastro Ambiental Rural. É aquele registro do SICAR. Se você já tem, manda a foto ou o PDF pra mim. Se não tem, me avisa que eu explico como fazer! 👍<br><br>
|
|
<strong>Produtor:</strong> [envia foto do CAR]<br><br>
|
|
<strong>Bot:</strong> ✅ Recebi seu CAR! Tá sendo analisado, já te aviso o resultado. Enquanto isso, vamos pro próximo: o CCIR do INCRA...
|
|
</p>
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span>DocuAgro — AI Vertice</span>
|
|
<span>Confidencial</span>
|
|
<span>Página 5</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- PÁGINA 6 - PAINEL DA COOPERATIVA -->
|
|
<!-- ============================================================ -->
|
|
<div class="page interna">
|
|
<div class="header-bar">
|
|
<span class="brand">🌱 DocuAgro</span>
|
|
<h2>Painel da Cooperativa</h2>
|
|
<span class="page-num">06</span>
|
|
</div>
|
|
|
|
<p>A cooperativa/trading acompanha tudo pelo <strong>Painel Web</strong>, acessível de qualquer navegador. Visão completa em tempo real.</p>
|
|
|
|
<h3>📊 Dashboard</h3>
|
|
<div class="card-grid">
|
|
<div class="card">
|
|
<div class="card-icon">👥</div>
|
|
<div class="card-title">Total de Produtores</div>
|
|
<div class="card-desc">Quantos produtores estão cadastrados e em qual estágio do processo.</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">📈</div>
|
|
<div class="card-title">Taxa de Compliance</div>
|
|
<div class="card-desc">Percentual de produtores com documentação completa e aprovada.</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">📄</div>
|
|
<div class="card-title">Documentos Recebidos</div>
|
|
<div class="card-desc">Total de documentos por tipo e status (aprovado, pendente, rejeitado).</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">🔍</div>
|
|
<div class="card-title">Busca Avançada</div>
|
|
<div class="card-desc">Busca por nome, CPF, propriedade ou município para encontrar produtores.</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>🌐 API REST</h3>
|
|
<p>Todos os dados são acessíveis via API para integração com sistemas externos:</p>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Endpoint</th>
|
|
<th>Método</th>
|
|
<th>Descrição</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><span class="cmd">/api/dashboard</span></td>
|
|
<td>GET</td>
|
|
<td>Estatísticas gerais do sistema</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="cmd">/api/produtores</span></td>
|
|
<td>GET</td>
|
|
<td>Listar todos os produtores</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="cmd">/api/produtores/:id</span></td>
|
|
<td>GET</td>
|
|
<td>Detalhes de um produtor + documentos</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="cmd">/api/produtores/:id/dossie</span></td>
|
|
<td>POST</td>
|
|
<td>Gerar dossiê PDF do produtor</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="cmd">/api/exportar/csv</span></td>
|
|
<td>GET</td>
|
|
<td>Exportar dados em CSV</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h3>📥 Exportação</h3>
|
|
<ul>
|
|
<li><strong>Dossiê PDF:</strong> Documento profissional com capa, dados do produtor, status de cada documento, imagens anexadas e declaração de conformidade EUDR</li>
|
|
<li><strong>CSV:</strong> Exportação completa para importar em ERPs, planilhas ou sistemas de compliance</li>
|
|
</ul>
|
|
|
|
<div class="page-footer">
|
|
<span>DocuAgro — AI Vertice</span>
|
|
<span>Confidencial</span>
|
|
<span>Página 6</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- PÁGINA 7 - ARQUITETURA TÉCNICA -->
|
|
<!-- ============================================================ -->
|
|
<div class="page interna">
|
|
<div class="header-bar">
|
|
<span class="brand">🌱 DocuAgro</span>
|
|
<h2>Arquitetura Técnica</h2>
|
|
<span class="page-num">07</span>
|
|
</div>
|
|
|
|
<h3>🛠 Stack Tecnológica</h3>
|
|
|
|
<div class="tech-stack">
|
|
<span class="tech-badge">Node.js 18+</span>
|
|
<span class="tech-badge">Telegraf (Bot)</span>
|
|
<span class="tech-badge">Express.js (API)</span>
|
|
<span class="tech-badge">OpenAI GPT-4o-mini</span>
|
|
<span class="tech-badge">Tesseract.js (OCR)</span>
|
|
<span class="tech-badge">PDFKit</span>
|
|
<span class="tech-badge">SQLite</span>
|
|
<span class="tech-badge">HTML/CSS/JS (Painel)</span>
|
|
</div>
|
|
|
|
<h3>📁 Estrutura do Projeto</h3>
|
|
|
|
<div style="background: #263238; color: #e0e0e0; padding: 20px 28px; border-radius: 12px; font-family: 'Courier New', monospace; font-size: 12px; line-height: 1.8; margin: 15px 0;">
|
|
docuagro/<br>
|
|
├── src/<br>
|
|
│ ├── index.js <span style="color: #81c784;">← Entry point</span><br>
|
|
│ ├── bot/<br>
|
|
│ │ └── telegram-bot.js <span style="color: #81c784;">← Bot Telegram (Telegraf)</span><br>
|
|
│ ├── api/<br>
|
|
│ │ └── routes.js <span style="color: #81c784;">← API REST (Express)</span><br>
|
|
│ └── services/<br>
|
|
│ ├── ai-service.js <span style="color: #81c784;">← Integração OpenAI</span><br>
|
|
│ ├── ocr-service.js <span style="color: #81c784;">← OCR (Tesseract.js)</span><br>
|
|
│ ├── pdf-service.js <span style="color: #81c784;">← Geração de dossiê</span><br>
|
|
│ ├── database.js <span style="color: #81c784;">← Operações SQLite</span><br>
|
|
│ └── system-prompt.js <span style="color: #81c784;">← Prompt da IA EUDR</span><br>
|
|
├── public/ <span style="color: #81c784;">← Painel web</span><br>
|
|
├── data/ <span style="color: #81c784;">← Banco SQLite</span><br>
|
|
└── uploads/ <span style="color: #81c784;">← Documentos (por produtor)</span>
|
|
</div>
|
|
|
|
<h3>🔐 Segurança</h3>
|
|
|
|
<div class="card-grid">
|
|
<div class="card">
|
|
<div class="card-icon">🗂️</div>
|
|
<div class="card-title">Isolamento de Dados</div>
|
|
<div class="card-desc">Cada produtor tem seu próprio diretório de uploads. Documentos não se misturam.</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">🛡️</div>
|
|
<div class="card-title">Helmet + CORS</div>
|
|
<div class="card-desc">Headers de segurança HTTP e controle de origem configurados no servidor Express.</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">💾</div>
|
|
<div class="card-title">Armazenamento Local</div>
|
|
<div class="card-desc">Dados armazenados em servidor próprio. Sem dependência de cloud pública.</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">🔒</div>
|
|
<div class="card-title">Roadmap de Segurança</div>
|
|
<div class="card-desc">JWT, HTTPS, rate limiting, criptografia de dados sensíveis e backup automático.</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span>DocuAgro — AI Vertice</span>
|
|
<span>Confidencial</span>
|
|
<span>Página 7</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- PÁGINA 8 - MODELO DE NEGÓCIO / PRÓXIMOS PASSOS -->
|
|
<!-- ============================================================ -->
|
|
<div class="page interna">
|
|
<div class="header-bar">
|
|
<span class="brand">🌱 DocuAgro</span>
|
|
<h2>Modelo de Negócio e Roadmap</h2>
|
|
<span class="page-num">08</span>
|
|
</div>
|
|
|
|
<h3>💰 Modelo de Negócio</h3>
|
|
|
|
<div class="card-grid">
|
|
<div class="card">
|
|
<div class="card-icon">🏢</div>
|
|
<div class="card-title">B2B — Cooperativas e Tradings</div>
|
|
<div class="card-desc">Licenciamento por cooperativa/trading, com cobrança por produtor ativo ou por dossiê gerado. A cooperativa fornece o DocuAgro para seus associados.</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">📊</div>
|
|
<div class="card-title">SaaS — Plano Mensal</div>
|
|
<div class="card-desc">Planos escaláveis baseados em volume de produtores: Starter (até 100), Pro (até 1.000), Enterprise (ilimitado).</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>🗺️ Roadmap de Produto</h3>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Fase</th>
|
|
<th>Entrega</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><strong>MVP</strong></td>
|
|
<td>Bot Telegram + OCR + PDF + Painel Web básico</td>
|
|
<td style="color: #2E7D32; font-weight: 700;">✅ Pronto</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>v1.1</strong></td>
|
|
<td>Autenticação JWT no painel + HTTPS</td>
|
|
<td>🔜 Em breve</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>v1.2</strong></td>
|
|
<td>Notificações automáticas (documentos vencendo)</td>
|
|
<td>📋 Planejado</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>v2.0</strong></td>
|
|
<td>Bot WhatsApp (alcance maior)</td>
|
|
<td>📋 Planejado</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>v2.1</strong></td>
|
|
<td>Integração com SICAR / INCRA (APIs governamentais)</td>
|
|
<td>📋 Planejado</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>v3.0</strong></td>
|
|
<td>Multi-tenant (SaaS completo) + Dashboard analytics avançado</td>
|
|
<td>📋 Planejado</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h3>🎯 Por que DocuAgro?</h3>
|
|
|
|
<div class="highlight" style="text-align: center;">
|
|
<p style="font-size: 18px; font-weight: 600; color: #1B5E20; margin-bottom: 15px;">
|
|
"O EUDR não é opcional. É lei."
|
|
</p>
|
|
<p style="font-size: 14px; color: #333;">
|
|
Sem compliance, produtores brasileiros perdem o mercado europeu.<br>
|
|
O DocuAgro transforma um processo burocrático e complexo em uma <strong>conversa simples no Telegram</strong>.<br><br>
|
|
<strong>📱 Simples para o produtor • 📊 Poderoso para a cooperativa • 🌱 Essencial para o agro brasileiro</strong>
|
|
</p>
|
|
</div>
|
|
|
|
<div style="text-align: center; margin-top: 40px;">
|
|
<p style="font-size: 20px; font-weight: 700; color: #1B5E20;">🌱 DocuAgro</p>
|
|
<p style="font-size: 14px; color: #666;">Compliance do produtor, na palma da mão.</p>
|
|
<p style="font-size: 13px; color: #999; margin-top: 15px;">AI Vertice • aivertice.com • 2026</p>
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span>DocuAgro — AI Vertice</span>
|
|
<span>Confidencial</span>
|
|
<span>Página 8</span>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|