2200 lines
112 KiB
HTML
2200 lines
112 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>AI Vertice | Agentes de IA para Dados Empresariais</title>
|
||
<meta name="description" content="AI Vertice entrega agentes de IA para dados com habilidades avançadas integradas para automatizar seus fluxos de trabalho mais críticos de forma segura.">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="styles.css?v=20260208c">
|
||
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🔷</text></svg>">
|
||
</head>
|
||
<body>
|
||
<!-- UNIVERSE Background -->
|
||
<div class="bg-animation">
|
||
<div class="stars"></div>
|
||
<div class="stars2"></div>
|
||
<div class="stars3"></div>
|
||
</div>
|
||
|
||
<!-- Aurora Borealis Effect -->
|
||
<div class="aurora"></div>
|
||
|
||
<!-- Space Dust Particles -->
|
||
<div class="space-dust" id="spaceDust"></div>
|
||
|
||
<!-- Constellation SVG -->
|
||
<svg class="constellation" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMid slice">
|
||
<!-- Big Dipper style constellation -->
|
||
<circle cx="100" cy="200" r="2"/>
|
||
<circle cx="150" cy="180" r="3"/>
|
||
<circle cx="200" cy="190" r="2"/>
|
||
<circle cx="250" cy="220" r="2"/>
|
||
<circle cx="280" cy="280" r="3"/>
|
||
<circle cx="320" cy="260" r="2"/>
|
||
<circle cx="350" cy="300" r="2"/>
|
||
<line x1="100" y1="200" x2="150" y2="180"/>
|
||
<line x1="150" y1="180" x2="200" y2="190"/>
|
||
<line x1="200" y1="190" x2="250" y2="220"/>
|
||
<line x1="250" y1="220" x2="280" y2="280"/>
|
||
<line x1="280" y1="280" x2="320" y2="260"/>
|
||
<line x1="320" y1="260" x2="350" y2="300"/>
|
||
|
||
<!-- Orion style -->
|
||
<circle cx="1600" cy="150" r="3"/>
|
||
<circle cx="1650" cy="200" r="2"/>
|
||
<circle cx="1700" cy="180" r="3"/>
|
||
<circle cx="1620" cy="280" r="2"/>
|
||
<circle cx="1660" cy="300" r="4"/>
|
||
<circle cx="1700" cy="290" r="2"/>
|
||
<circle cx="1640" cy="380" r="2"/>
|
||
<circle cx="1680" cy="400" r="3"/>
|
||
<line x1="1600" y1="150" x2="1650" y2="200"/>
|
||
<line x1="1650" y1="200" x2="1700" y2="180"/>
|
||
<line x1="1620" y1="280" x2="1660" y2="300"/>
|
||
<line x1="1660" y1="300" x2="1700" y2="290"/>
|
||
<line x1="1650" y1="200" x2="1660" y2="300"/>
|
||
<line x1="1640" y1="380" x2="1660" y2="300"/>
|
||
<line x1="1660" y1="300" x2="1680" y2="400"/>
|
||
|
||
<!-- Random stars -->
|
||
<circle cx="800" cy="100" r="2"/>
|
||
<circle cx="1200" cy="500" r="3"/>
|
||
<circle cx="400" cy="600" r="2"/>
|
||
<circle cx="1500" cy="700" r="2"/>
|
||
<circle cx="600" cy="400" r="3"/>
|
||
<circle cx="1100" cy="200" r="2"/>
|
||
<circle cx="900" cy="800" r="3"/>
|
||
<circle cx="300" cy="900" r="2"/>
|
||
<circle cx="1800" cy="600" r="2"/>
|
||
<circle cx="500" cy="150" r="2"/>
|
||
</svg>
|
||
|
||
<!-- Cursor Glow Effect -->
|
||
<div class="cursor-glow"></div>
|
||
|
||
<!-- Header -->
|
||
<header class="header">
|
||
<nav class="nav container">
|
||
<a href="#" class="logo">
|
||
<div class="logo-icon-wrapper">
|
||
<span class="logo-icon">◆</span>
|
||
<div class="logo-glow"></div>
|
||
</div>
|
||
<span class="logo-text">AI Vertice</span>
|
||
</a>
|
||
<ul class="nav-links">
|
||
<li><a href="#produtos">Produtos</a></li>
|
||
<li><a href="#live-demo">Demo ao Vivo</a></li>
|
||
<li><a href="#platform">Plataforma</a></li>
|
||
<li><a href="#integrations">Integrações</a></li>
|
||
<li><a href="#faq">FAQ</a></li>
|
||
</ul>
|
||
<div class="nav-actions">
|
||
<a href="#contact" class="btn btn-outline">Contato</a>
|
||
<a href="#demo" class="btn btn-primary btn-glow">Agendar Demo</a>
|
||
</div>
|
||
<button class="mobile-menu-btn" aria-label="Menu">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</nav>
|
||
</header>
|
||
|
||
<!-- Hero Section -->
|
||
<section class="hero">
|
||
<div class="hero-particles" id="particles"></div>
|
||
<div class="container">
|
||
<div class="hero-content">
|
||
<div class="hero-badge">
|
||
<span class="badge-dot"></span>
|
||
<span>Revolucionando a Engenharia de Dados</span>
|
||
</div>
|
||
<h1 class="hero-title">
|
||
<span class="title-line">Agentes de IA</span>
|
||
<span class="title-line gradient-text glitch" data-text="Autônomos e Inteligentes">Autônomos e Inteligentes</span>
|
||
</h1>
|
||
<p class="hero-subtitle">
|
||
Automatize pipelines de dados complexos com agentes que <strong>pensam</strong>, <strong>aprendem</strong> e <strong>evoluem</strong>. Zero código. Resultados imediatos.
|
||
</p>
|
||
<div class="hero-cta">
|
||
<a href="#demo" class="btn btn-primary btn-lg btn-glow">
|
||
<span>Começar Agora</span>
|
||
<svg class="btn-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<path d="M5 12h14M12 5l7 7-7 7"/>
|
||
</svg>
|
||
</a>
|
||
<a href="#platform" class="btn btn-glass btn-lg">
|
||
<span class="btn-icon">▶</span>
|
||
<span>Ver Demo</span>
|
||
</a>
|
||
</div>
|
||
<div class="hero-stats">
|
||
<div class="stat">
|
||
<span class="stat-number" data-count="95">0</span><span class="stat-suffix">%</span>
|
||
<span class="stat-label">Menos código manual</span>
|
||
<div class="stat-bar"><div class="stat-bar-fill" style="--width: 95%"></div></div>
|
||
</div>
|
||
<div class="stat">
|
||
<span class="stat-number" data-count="400">0</span><span class="stat-suffix">+</span>
|
||
<span class="stat-label">Horas economizadas</span>
|
||
<div class="stat-bar"><div class="stat-bar-fill" style="--width: 80%"></div></div>
|
||
</div>
|
||
<div class="stat">
|
||
<span class="stat-number" data-count="10">0</span><span class="stat-suffix">x</span>
|
||
<span class="stat-label">Mais rápido</span>
|
||
<div class="stat-bar"><div class="stat-bar-fill" style="--width: 100%"></div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="hero-visual">
|
||
<div class="neural-network">
|
||
<div class="node node-1"><span>🧠</span></div>
|
||
<div class="node node-2"><span>📊</span></div>
|
||
<div class="node node-3"><span>⚡</span></div>
|
||
<div class="node node-4"><span>🔄</span></div>
|
||
<div class="node node-5"><span>✨</span></div>
|
||
<svg class="connections" viewBox="0 0 400 400">
|
||
<line class="connection" x1="200" y1="80" x2="80" y2="180"/>
|
||
<line class="connection" x1="200" y1="80" x2="320" y2="180"/>
|
||
<line class="connection" x1="80" y1="180" x2="140" y2="320"/>
|
||
<line class="connection" x1="320" y1="180" x2="260" y2="320"/>
|
||
<line class="connection" x1="140" y1="320" x2="260" y2="320"/>
|
||
</svg>
|
||
</div>
|
||
<div class="floating-card card-1">
|
||
<div class="card-pulse"></div>
|
||
<div class="card-icon">📊</div>
|
||
<span>Pipeline Ativo</span>
|
||
<div class="card-status online"></div>
|
||
</div>
|
||
<div class="floating-card card-2">
|
||
<div class="card-pulse"></div>
|
||
<div class="card-icon">🤖</div>
|
||
<span>Agente Processando</span>
|
||
<div class="card-progress"><div class="progress-fill"></div></div>
|
||
</div>
|
||
<div class="floating-card card-3">
|
||
<div class="card-pulse"></div>
|
||
<div class="card-icon">✅</div>
|
||
<span>+2.847 registros</span>
|
||
<div class="card-status online"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="hero-scroll">
|
||
<span>Scroll</span>
|
||
<div class="scroll-indicator"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- AI LIVE DEMO Section -->
|
||
<section class="section ai-demo-section" id="live-demo">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<span class="section-tag">
|
||
<span class="tag-icon">🧠</span>
|
||
Demonstração ao Vivo
|
||
</span>
|
||
<h2 class="section-title">
|
||
Veja a IA em
|
||
<span class="highlight-text">ação agora</span>
|
||
</h2>
|
||
<p class="section-subtitle">Simulação em tempo real de um agente AI Vertice processando dados</p>
|
||
</div>
|
||
|
||
<div class="ai-demo-container">
|
||
<!-- Terminal de IA -->
|
||
<div class="ai-terminal">
|
||
<div class="terminal-header">
|
||
<div class="terminal-dots">
|
||
<span class="dot red"></span>
|
||
<span class="dot yellow"></span>
|
||
<span class="dot green"></span>
|
||
</div>
|
||
<span class="terminal-title">VERTEX Agent v2.4.1</span>
|
||
<div class="terminal-status">
|
||
<span class="status-indicator"></span>
|
||
<span>EXECUTANDO</span>
|
||
</div>
|
||
</div>
|
||
<div class="terminal-body" id="terminalBody">
|
||
<div class="terminal-line">
|
||
<span class="prompt">vertex@agent:~$</span>
|
||
<span class="command">iniciar_pipeline --source=salesforce --target=snowflake</span>
|
||
</div>
|
||
</div>
|
||
<div class="terminal-input">
|
||
<span class="prompt">vertex@agent:~$</span>
|
||
<input type="text" id="terminalInput" placeholder="Digite um comando..." autocomplete="off">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Painel de Métricas -->
|
||
<div class="ai-metrics-panel">
|
||
<div class="metric-box">
|
||
<div class="metric-header">
|
||
<span class="metric-icon">📊</span>
|
||
<span>Registros Processados</span>
|
||
</div>
|
||
<div class="metric-value-live" id="recordsProcessed">0</div>
|
||
<div class="metric-chart">
|
||
<div class="chart-bar" style="--height: 30%"></div>
|
||
<div class="chart-bar" style="--height: 45%"></div>
|
||
<div class="chart-bar" style="--height: 60%"></div>
|
||
<div class="chart-bar" style="--height: 40%"></div>
|
||
<div class="chart-bar" style="--height: 80%"></div>
|
||
<div class="chart-bar" style="--height: 65%"></div>
|
||
<div class="chart-bar active" style="--height: 90%"></div>
|
||
</div>
|
||
</div>
|
||
<div class="metric-box">
|
||
<div class="metric-header">
|
||
<span class="metric-icon">⚡</span>
|
||
<span>Velocidade</span>
|
||
</div>
|
||
<div class="metric-value-live"><span id="processingSpeed">0</span> rec/s</div>
|
||
<div class="speed-gauge">
|
||
<div class="gauge-fill" id="gaugeFill"></div>
|
||
<div class="gauge-needle" id="gaugeNeedle"></div>
|
||
</div>
|
||
</div>
|
||
<div class="metric-box">
|
||
<div class="metric-header">
|
||
<span class="metric-icon">🎯</span>
|
||
<span>Precisão</span>
|
||
</div>
|
||
<div class="metric-value-live"><span id="accuracy">99.7</span>%</div>
|
||
<div class="accuracy-ring">
|
||
<svg viewBox="0 0 100 100">
|
||
<circle class="ring-bg" cx="50" cy="50" r="40"/>
|
||
<circle class="ring-fill" cx="50" cy="50" r="40" id="accuracyRing"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
<div class="metric-box">
|
||
<div class="metric-header">
|
||
<span class="metric-icon">🔄</span>
|
||
<span>Status do Agente</span>
|
||
</div>
|
||
<div class="agent-status">
|
||
<div class="agent-avatar">
|
||
<div class="avatar-pulse"></div>
|
||
<span>🤖</span>
|
||
</div>
|
||
<div class="status-text">
|
||
<span class="status-main" id="agentStatus">Analisando schema...</span>
|
||
<span class="status-sub" id="agentSubStatus">Conectando ao Salesforce</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Visualização do Pipeline -->
|
||
<div class="pipeline-visual">
|
||
<div class="pipeline-node source">
|
||
<div class="node-icon">☁️</div>
|
||
<span>Salesforce</span>
|
||
<div class="data-particles" id="sourceParticles"></div>
|
||
</div>
|
||
<div class="pipeline-arrow">
|
||
<div class="arrow-flow"></div>
|
||
<div class="data-packet"></div>
|
||
<div class="data-packet delay-1"></div>
|
||
<div class="data-packet delay-2"></div>
|
||
</div>
|
||
<div class="pipeline-node agent">
|
||
<div class="node-icon">🧠</div>
|
||
<span>AI Agent</span>
|
||
<div class="processing-ring"></div>
|
||
</div>
|
||
<div class="pipeline-arrow">
|
||
<div class="arrow-flow"></div>
|
||
<div class="data-packet"></div>
|
||
<div class="data-packet delay-1"></div>
|
||
<div class="data-packet delay-2"></div>
|
||
</div>
|
||
<div class="pipeline-node target">
|
||
<div class="node-icon">❄️</div>
|
||
<span>Snowflake</span>
|
||
<div class="success-indicator"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Log de Atividades -->
|
||
<div class="activity-log">
|
||
<div class="log-header">
|
||
<span>📋 Log de Atividades</span>
|
||
<span class="log-count" id="logCount">0 eventos</span>
|
||
</div>
|
||
<div class="log-entries" id="logEntries"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="demo-cta">
|
||
<button class="btn btn-primary btn-lg btn-glow" id="startDemo">
|
||
<span>▶ Iniciar Demonstração</span>
|
||
</button>
|
||
<button class="btn btn-outline btn-lg" id="resetDemo">
|
||
<span>↺ Reiniciar</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- NOSSOS PRODUTOS Section - EPIC VERSION -->
|
||
<section class="section products-section" id="produtos">
|
||
<div class="products-bg">
|
||
<div class="grid-lines"></div>
|
||
<div class="floating-particles" id="productParticles"></div>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<span class="section-tag">
|
||
<span class="tag-icon">🚀</span>
|
||
Ecossistema AI Vertice
|
||
</span>
|
||
<h2 class="section-title mega-title">
|
||
<span class="title-word">Doze</span>
|
||
<span class="title-word">Produtos.</span>
|
||
<span class="title-word gradient-text">Uma Visão.</span>
|
||
</h2>
|
||
<p class="section-subtitle">O futuro da inteligência artificial empresarial, hoje.</p>
|
||
</div>
|
||
|
||
<!-- Product Showcase - Horizontal Scroll -->
|
||
<div class="products-showcase">
|
||
|
||
<!-- LexMind -->
|
||
<div class="product-hero" id="product-lexmind">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram lexmind-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">⚖️</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>SISTEMA JURÍDICO INTELIGENTE</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">Lex</span><span class="name-accent">Mind</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">A IA que pensa como um advogado sênior.</p>
|
||
<p class="product-hero-desc">
|
||
Análise de 10.000 contratos por hora. Pesquisa em 50 milhões de jurisprudências em segundos.
|
||
Geração de petições com 94% de aprovação. O futuro do Direito é autônomo.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">⚡</span>
|
||
<span class="metric-val">85%</span>
|
||
<span class="metric-txt">menos tempo</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📄</span>
|
||
<span class="metric-val">10K+</span>
|
||
<span class="metric-txt">docs/hora</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🎯</span>
|
||
<span class="metric-val">94%</span>
|
||
<span class="metric-txt">precisão</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>Análise de Contratos</span>
|
||
<span>Jurisprudência IA</span>
|
||
<span>Petições Auto</span>
|
||
<span>Due Diligence</span>
|
||
<span>LGPD Compliance</span>
|
||
</div>
|
||
<a href="https://lexmind.adv.br" target="_blank" class="product-cta-btn lexmind-btn">
|
||
<span class="btn-text">Explorar LexMind</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- MetisClass -->
|
||
<div class="product-hero" id="product-metisclass">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram metisclass-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">🎓</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>EDUCAÇÃO AUMENTADA</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">Metis</span><span class="name-accent">Class</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">Cada aluno, um caminho único.</p>
|
||
<p class="product-hero-desc">
|
||
IA que adapta o conteúdo em tempo real. Tutor virtual que nunca dorme.
|
||
Gamificação que vicia no aprendizado. Taxa de conclusão 3x maior que plataformas tradicionais.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📈</span>
|
||
<span class="metric-val">3x</span>
|
||
<span class="metric-txt">engajamento</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">✅</span>
|
||
<span class="metric-val">92%</span>
|
||
<span class="metric-txt">conclusão</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🧠</span>
|
||
<span class="metric-val">24/7</span>
|
||
<span class="metric-txt">tutor IA</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>Trilhas Adaptativas</span>
|
||
<span>Tutor Virtual</span>
|
||
<span>Auto-Conteúdo</span>
|
||
<span>Gamificação</span>
|
||
<span>Analytics</span>
|
||
</div>
|
||
<a href="https://metisclass.com.br" target="_blank" class="product-cta-btn metisclass-btn">
|
||
<span class="btn-text">Explorar MetisClass</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ArgusFinance -->
|
||
<div class="product-hero" id="product-argusfinance">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram argusfinance-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">📈</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>TERMINAL FINANCEIRO INTELIGENTE</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">Argus</span><span class="name-accent">Finance</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">O Bloomberg com Inteligência Artificial.</p>
|
||
<p class="product-hero-desc">
|
||
Terminal financeiro de última geração com IA. Dados de mercado em tempo real, análise preditiva,
|
||
alertas inteligentes e insights automatizados. Tome decisões de investimento com a velocidade da máquina.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📊</span>
|
||
<span class="metric-val">50K+</span>
|
||
<span class="metric-txt">ativos</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">⚡</span>
|
||
<span class="metric-val"><10ms</span>
|
||
<span class="metric-txt">latência</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🤖</span>
|
||
<span class="metric-val">IA</span>
|
||
<span class="metric-txt">preditiva</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>Dados Real-time</span>
|
||
<span>Análise Preditiva</span>
|
||
<span>Alertas IA</span>
|
||
<span>Portfolio Tracker</span>
|
||
<span>News Agregator</span>
|
||
</div>
|
||
<a href="https://argusfinance.com.br" target="_blank" class="product-cta-btn argusfinance-btn">
|
||
<span class="btn-text">Explorar ArgusFinance</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Strix -->
|
||
<div class="product-hero" id="product-strix">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram strix-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">🦉</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>SEGURANÇA AUTÔNOMA</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">Str</span><span class="name-accent">ix</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">A coruja que nunca dorme.</p>
|
||
<p class="product-hero-desc">
|
||
Visão computacional militar. Detecta ameaças em milissegundos. Reconhecimento facial em multidões.
|
||
Análise comportamental preditiva. Segurança que antecipa o perigo.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🛡️</span>
|
||
<span class="metric-val">99.9%</span>
|
||
<span class="metric-txt">uptime</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">⚡</span>
|
||
<span class="metric-val"><1s</span>
|
||
<span class="metric-txt">resposta</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">👁️</span>
|
||
<span class="metric-val">24/7</span>
|
||
<span class="metric-txt">vigilância</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>Visão Computacional</span>
|
||
<span>Reconhecimento</span>
|
||
<span>Alertas Real-time</span>
|
||
<span>Comportamental</span>
|
||
<span>Preditivo</span>
|
||
</div>
|
||
<a href="https://strix.seg.br" target="_blank" class="product-cta-btn strix-btn">
|
||
<span class="btn-text">Explorar Strix</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- DocuAgro -->
|
||
<div class="product-hero" id="product-docuagro">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram docuagro-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">🌱</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>COMPLIANCE AGRO INTELIGENTE</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">Docu</span><span class="name-accent">Agro</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">Conformidade EUDR simplificada com IA.</p>
|
||
<p class="product-hero-desc">
|
||
Plataforma que automatiza a documentação de conformidade para o regulamento europeu de desmatamento (EUDR).
|
||
Gera automaticamente todos os 8 documentos obrigatórios via chat no Telegram.
|
||
Seus produtos acessando o mercado europeu sem burocracia.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📄</span>
|
||
<span class="metric-val">8</span>
|
||
<span class="metric-txt">docs EUDR</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">⚡</span>
|
||
<span class="metric-val">5min</span>
|
||
<span class="metric-txt">por documento</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">💬</span>
|
||
<span class="metric-val">Telegram</span>
|
||
<span class="metric-txt">bot</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>EUDR Compliance</span>
|
||
<span>Geolocalização</span>
|
||
<span>PDFs Automáticos</span>
|
||
<span>Bot Telegram</span>
|
||
<span>Rastreabilidade</span>
|
||
</div>
|
||
<a href="https://docuagro.com.br" target="_blank" class="product-cta-btn docuagro-btn">
|
||
<span class="btn-text">Explorar DocuAgro</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- IrisTEA -->
|
||
<div class="product-hero" id="product-iristea">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram iristea-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">🧩</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>TERAPIA COMPORTAMENTAL INTELIGENTE</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">Iris</span><span class="name-accent">TEA</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">Terapia ABA acessível com Inteligência Artificial.</p>
|
||
<p class="product-hero-desc">
|
||
Plataforma de terapia comportamental para autismo potencializada por IA. Sessões interativas 24/7,
|
||
análise comportamental em tempo real e supervisão de BCBAs certificados. Transformando o acesso à terapia ABA no Brasil.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">💜</span>
|
||
<span class="metric-val">24/7</span>
|
||
<span class="metric-txt">disponível</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📉</span>
|
||
<span class="metric-val">80%</span>
|
||
<span class="metric-txt">menos custo</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🎯</span>
|
||
<span class="metric-val">BCBA</span>
|
||
<span class="metric-txt">certificado</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>Terapia ABA</span>
|
||
<span>Gamificação</span>
|
||
<span>Análise Comportamental</span>
|
||
<span>Relatórios IA</span>
|
||
<span>Supervisão Híbrida</span>
|
||
</div>
|
||
<a href="https://iristea.com.br" target="_blank" class="product-cta-btn iristea-btn">
|
||
<span class="btn-text">Explorar IrisTEA</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Ophion -->
|
||
<div class="product-hero" id="product-ophion">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram ophion-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">🐍</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>OBSERVABILIDADE INTELIGENTE</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">Oph</span><span class="name-accent">ion</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">Deixe a IA cuidar da sua infra.</p>
|
||
<p class="product-hero-desc">
|
||
Plataforma completa de observabilidade: métricas, traces e logs unificados.
|
||
OpenTelemetry nativo, auto-instrumentação para qualquer linguagem e alertas inteligentes com IA.
|
||
Visibilidade total da sua infraestrutura em segundos.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📊</span>
|
||
<span class="metric-val">3-em-1</span>
|
||
<span class="metric-txt">métricas+traces+logs</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">⚡</span>
|
||
<span class="metric-val"><5min</span>
|
||
<span class="metric-txt">setup</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🔧</span>
|
||
<span class="metric-val">Auto</span>
|
||
<span class="metric-txt">instrumentação</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>OpenTelemetry</span>
|
||
<span>Métricas Real-time</span>
|
||
<span>Distributed Tracing</span>
|
||
<span>Log Aggregation</span>
|
||
<span>Alertas IA</span>
|
||
</div>
|
||
<a href="https://ophion.com.br" target="_blank" class="product-cta-btn ophion-btn">
|
||
<span class="btn-text">Explorar Ophion</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- NOMOS AI -->
|
||
<div class="product-hero" id="product-nomos">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram nomos-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">⚖️</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>DUE DILIGENCE IMOBILIÁRIA</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">NOMOS</span><span class="name-accent"> AI</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">Due diligence imobiliária com IA.</p>
|
||
<p class="product-hero-desc">
|
||
Análise automatizada de matrículas, certidões e documentos imobiliários.
|
||
IA identifica riscos jurídicos, ônus e irregularidades em segundos.
|
||
Relatórios completos para corretores, advogados e investidores.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📄</span>
|
||
<span class="metric-val">OCR</span>
|
||
<span class="metric-txt">inteligente</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">⚡</span>
|
||
<span class="metric-val"><30s</span>
|
||
<span class="metric-txt">análise completa</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🔍</span>
|
||
<span class="metric-val">15+</span>
|
||
<span class="metric-txt">fontes consultadas</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>Análise de Matrícula</span>
|
||
<span>Certidões Automáticas</span>
|
||
<span>Detecção de Riscos</span>
|
||
<span>Relatório PDF</span>
|
||
</div>
|
||
<a href="https://nomos.aivertice.com" target="_blank" class="product-cta-btn nomos-btn">
|
||
<span class="btn-text">Explorar NOMOS</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ATHENA Scout -->
|
||
<div class="product-hero" id="product-athena">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram athena-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">⚽</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>SCOUTING DE FUTEBOL IA</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">ATHENA</span><span class="name-accent"> Scout</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">Descubra talentos antes de todo mundo.</p>
|
||
<p class="product-hero-desc">
|
||
Plataforma de scouting com IA para futebol brasileiro.
|
||
Monitora Séries B, C e D identificando jogadores com potencial de valorização.
|
||
Análise de desempenho, comparação e relatórios para clubes e empresários.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📊</span>
|
||
<span class="metric-val">500+</span>
|
||
<span class="metric-txt">jogadores monitorados</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🏆</span>
|
||
<span class="metric-val">Séries</span>
|
||
<span class="metric-txt">B, C e D</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🤖</span>
|
||
<span class="metric-val">IA</span>
|
||
<span class="metric-txt">preditiva</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>Player Ranking</span>
|
||
<span>Análise Tática</span>
|
||
<span>Comparação</span>
|
||
<span>Alertas de Mercado</span>
|
||
</div>
|
||
<a href="https://athenas.aivertice.com" target="_blank" class="product-cta-btn athena-btn">
|
||
<span class="btn-text">Explorar ATHENA</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- HERMES -->
|
||
<div class="product-hero" id="product-hermes">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram hermes-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">📡</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>AI TREND MONITOR</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">HER</span><span class="name-accent">MES</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">Monitore tendências antes que virem notícia.</p>
|
||
<p class="product-hero-desc">
|
||
Monitor de tendências com IA que analisa redes sociais, notícias e dados em tempo real.
|
||
Identifica padrões emergentes, gera alertas e relatórios automáticos.
|
||
Ideal para marketing, investimentos e análise de mercado.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🌐</span>
|
||
<span class="metric-val">Real-time</span>
|
||
<span class="metric-txt">monitoring</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📈</span>
|
||
<span class="metric-val">IA</span>
|
||
<span class="metric-txt">trend detection</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🔔</span>
|
||
<span class="metric-val">Auto</span>
|
||
<span class="metric-txt">alertas</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>Social Listening</span>
|
||
<span>Word Cloud</span>
|
||
<span>Relatórios IA</span>
|
||
<span>Alertas Smart</span>
|
||
</div>
|
||
<a href="https://hermes.aivertice.com" target="_blank" class="product-cta-btn hermes-btn">
|
||
<span class="btn-text">Explorar HERMES</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Cute Kiwi -->
|
||
<div class="product-hero" id="product-cutekiwi">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram cutekiwi-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">🥝</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>QA TESTING TOOL</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">Cute</span><span class="name-accent"> Kiwi</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">Testes automatizados com linguagem natural.</p>
|
||
<p class="product-hero-desc">
|
||
Ferramenta de QA que transforma descrições em linguagem natural em testes automatizados.
|
||
Web scanning, testes de API e testes funcionais com Playwright — tudo via IA.
|
||
Sem código, sem complexidade.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🧪</span>
|
||
<span class="metric-val">3-em-1</span>
|
||
<span class="metric-txt">scan+NL+API</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🤖</span>
|
||
<span class="metric-val">IA</span>
|
||
<span class="metric-txt">gera testes</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📝</span>
|
||
<span class="metric-val">Zero</span>
|
||
<span class="metric-txt">código</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>Web Scan</span>
|
||
<span>NL Testing</span>
|
||
<span>API Testing</span>
|
||
<span>Playwright</span>
|
||
</div>
|
||
<a href="https://cute-kiwi.ophion.com.br" target="_blank" class="product-cta-btn cutekiwi-btn">
|
||
<span class="btn-text">Explorar Cute Kiwi</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- CARONTE -->
|
||
<div class="product-hero" id="product-aletheia">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram aletheia-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">👁️</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>SCANNER NUTRICIONAL COM IA</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">ALE</span><span class="name-accent">THEIA</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">A verdade sobre o que você come.</p>
|
||
<p class="product-hero-desc">
|
||
Escaneie qualquer código de barras e descubra em segundos o que realmente
|
||
tem no seu alimento. IA analisa ingredientes, calcula score nutricional 0-100
|
||
e sugere receitas saudáveis. PWA instalável no celular.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📊</span>
|
||
<span class="metric-val">3M+</span>
|
||
<span class="metric-txt">produtos na base</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">⚡</span>
|
||
<span class="metric-val">5s</span>
|
||
<span class="metric-txt">análise completa</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🤖</span>
|
||
<span class="metric-val">GPT-4o</span>
|
||
<span class="metric-txt">análise por IA</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>Scanner Barcode</span>
|
||
<span>Score Nutricional</span>
|
||
<span>Receitas IA</span>
|
||
<span>PWA Mobile</span>
|
||
</div>
|
||
<a href="https://aletheia.aivertice.com" target="_blank" class="product-cta-btn aletheia-btn">
|
||
<span class="btn-text">Explorar ALETHEIA</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="product-hero" id="product-cifra">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram cifra-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">💰</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>PLATAFORMA CONTÁBIL COM IA</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">CIFRA</span><span class="name-accent">.AI</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">Contabilidade inteligente que pensa por você.</p>
|
||
<p class="product-hero-desc">
|
||
Plataforma contábil com IA que automatiza lançamentos, gera DRE e fluxo de caixa
|
||
em tempo real, analisa padrões financeiros e alerta anomalias. Multi-empresa,
|
||
importação CSV e relatórios PDF automáticos.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📊</span>
|
||
<span class="metric-val">DRE</span>
|
||
<span class="metric-txt">automático</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🤖</span>
|
||
<span class="metric-val">IA</span>
|
||
<span class="metric-txt">análise padrões</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">🏢</span>
|
||
<span class="metric-val">Multi</span>
|
||
<span class="metric-txt">empresa</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>DRE Automático</span>
|
||
<span>Fluxo de Caixa</span>
|
||
<span>Análise IA</span>
|
||
<span>Relatórios PDF</span>
|
||
</div>
|
||
<a href="https://cifra.aivertice.com" target="_blank" class="product-cta-btn cifra-btn">
|
||
<span class="btn-text">Explorar CIFRA.AI</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="product-hero" id="product-caronte">
|
||
<div class="product-3d-container">
|
||
<div class="product-hologram caronte-holo">
|
||
<div class="holo-base"></div>
|
||
<div class="holo-icon">⚓</div>
|
||
<div class="holo-ring ring-1"></div>
|
||
<div class="holo-ring ring-2"></div>
|
||
<div class="holo-ring ring-3"></div>
|
||
<div class="holo-particles"></div>
|
||
<div class="holo-beam"></div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content">
|
||
<div class="product-label">
|
||
<span class="label-line"></span>
|
||
<span>GESTÃO SOCIAL INTELIGENTE</span>
|
||
</div>
|
||
<h3 class="product-name">
|
||
<span class="name-main">CAR</span><span class="name-accent">ONTE</span>
|
||
</h3>
|
||
<p class="product-hero-tagline">Guiando famílias pelo rio burocrático pós-óbito.</p>
|
||
<p class="product-hero-desc">
|
||
Plataforma inteligente que identifica benefícios, gera checklists personalizados
|
||
e produz documentos automaticamente para famílias em situação de vulnerabilidade
|
||
após o falecimento de um ente querido. FGTS, INSS, pensões — nenhum direito perdido.
|
||
</p>
|
||
<div class="product-metrics">
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">💰</span>
|
||
<span class="metric-val">R$80k+</span>
|
||
<span class="metric-txt">recuperados/família</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">⚡</span>
|
||
<span class="metric-val">70%</span>
|
||
<span class="metric-txt">menos tempo</span>
|
||
</div>
|
||
<div class="metric-pill">
|
||
<span class="metric-icon">📄</span>
|
||
<span class="metric-val">Auto</span>
|
||
<span class="metric-txt">documentos PDF</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-features-mini">
|
||
<span>Scanner Benefícios</span>
|
||
<span>Checklist Inteligente</span>
|
||
<span>Geração PDF</span>
|
||
<span>Dashboard</span>
|
||
</div>
|
||
<a href="https://caronte.aivertice.com" target="_blank" class="product-cta-btn caronte-btn">
|
||
<span class="btn-text">Explorar CARONTE</span>
|
||
<span class="btn-icon">→</span>
|
||
<div class="btn-shine"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- Navigation Dots -->
|
||
<div class="products-nav">
|
||
<button class="product-nav-dot active" data-product="lexmind">
|
||
<span class="dot-icon">⚖️</span>
|
||
<span class="dot-label">LexMind</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="metisclass">
|
||
<span class="dot-icon">🎓</span>
|
||
<span class="dot-label">MetisClass</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="argusfinance">
|
||
<span class="dot-icon">📈</span>
|
||
<span class="dot-label">ArgusFinance</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="strix">
|
||
<span class="dot-icon">🦉</span>
|
||
<span class="dot-label">Strix</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="docuagro">
|
||
<span class="dot-icon">🌱</span>
|
||
<span class="dot-label">DocuAgro</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="iristea">
|
||
<span class="dot-icon">🧩</span>
|
||
<span class="dot-label">IrisTEA</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="ophion">
|
||
<span class="dot-icon">🐍</span>
|
||
<span class="dot-label">Ophion</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="nomos">
|
||
<span class="dot-icon">⚖️</span>
|
||
<span class="dot-label">NOMOS</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="athena">
|
||
<span class="dot-icon">⚽</span>
|
||
<span class="dot-label">ATHENA</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="hermes">
|
||
<span class="dot-icon">📡</span>
|
||
<span class="dot-label">HERMES</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="cutekiwi">
|
||
<span class="dot-icon">🥝</span>
|
||
<span class="dot-label">Cute Kiwi</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="aletheia">
|
||
<span class="dot-icon">👁️</span>
|
||
<span class="dot-label">ALETHEIA</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="cifra">
|
||
<span class="dot-icon">💰</span>
|
||
<span class="dot-label">CIFRA.AI</span>
|
||
</button>
|
||
<button class="product-nav-dot" data-product="caronte">
|
||
<span class="dot-icon">⚓</span>
|
||
<span class="dot-label">CARONTE</span>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Kislanski Industries Badge -->
|
||
<div class="kislanski-badge">
|
||
<span class="badge-text">Uma empresa</span>
|
||
<span class="badge-logo">KISLANSKI INDUSTRIES</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Logos Section -->
|
||
<section class="section logos-section">
|
||
<div class="container">
|
||
<p class="logos-title">Integrações com as principais plataformas</p>
|
||
<div class="logos-track">
|
||
<div class="logos-slide">
|
||
<div class="logo-item">Snowflake</div>
|
||
<div class="logo-item">AWS</div>
|
||
<div class="logo-item">Azure</div>
|
||
<div class="logo-item">dbt</div>
|
||
<div class="logo-item">Airflow</div>
|
||
<div class="logo-item">Dagster</div>
|
||
<div class="logo-item">Slack</div>
|
||
<div class="logo-item">Jira</div>
|
||
<div class="logo-item">Snowflake</div>
|
||
<div class="logo-item">AWS</div>
|
||
<div class="logo-item">Azure</div>
|
||
<div class="logo-item">dbt</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Platform Section -->
|
||
<section id="platform" class="section platform">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<span class="section-tag">
|
||
<span class="tag-icon">⚡</span>
|
||
Plataforma
|
||
</span>
|
||
<h2 class="section-title">
|
||
IA que se adapta ao
|
||
<span class="highlight-text">seu ambiente</span>
|
||
</h2>
|
||
<p class="section-subtitle">
|
||
Deploy em qualquer infraestrutura. Nossos agentes integram nativamente com sua stack existente.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="platform-grid">
|
||
<div class="platform-card" data-tilt>
|
||
<div class="card-glow"></div>
|
||
<div class="platform-icon">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
||
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
|
||
</svg>
|
||
</div>
|
||
<h3>Snowflake</h3>
|
||
<p>App nativo rodando dentro do seu ambiente Snowflake com segurança enterprise.</p>
|
||
<div class="card-footer">
|
||
<span class="card-tag">Nativo</span>
|
||
<span class="card-tag">Enterprise</span>
|
||
</div>
|
||
</div>
|
||
<div class="platform-card" data-tilt>
|
||
<div class="card-glow"></div>
|
||
<div class="platform-icon">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
||
<rect x="3" y="3" width="18" height="18" rx="2"/>
|
||
<path d="M9 9h6v6H9z"/>
|
||
</svg>
|
||
</div>
|
||
<h3>Amazon AWS</h3>
|
||
<p>Deploy em EKS com suporte completo a Amazon Bedrock e S3.</p>
|
||
<div class="card-footer">
|
||
<span class="card-tag">EKS</span>
|
||
<span class="card-tag">Bedrock</span>
|
||
</div>
|
||
</div>
|
||
<div class="platform-card" data-tilt>
|
||
<div class="card-glow"></div>
|
||
<div class="platform-icon">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
||
<path d="M22 12h-4l-3 9L9 3l-3 9H2"/>
|
||
</svg>
|
||
</div>
|
||
<h3>Microsoft Azure</h3>
|
||
<p>AKS com integração Azure OpenAI e Data Lake Storage.</p>
|
||
<div class="card-footer">
|
||
<span class="card-tag">AKS</span>
|
||
<span class="card-tag">OpenAI</span>
|
||
</div>
|
||
</div>
|
||
<div class="platform-card" data-tilt>
|
||
<div class="card-glow"></div>
|
||
<div class="platform-icon">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
||
<rect x="2" y="6" width="20" height="12" rx="2"/>
|
||
<path d="M6 10h.01M10 10h.01"/>
|
||
</svg>
|
||
</div>
|
||
<h3>On-Premise</h3>
|
||
<p>Docker ou Kubernetes para ambientes VPC e air-gapped.</p>
|
||
<div class="card-footer">
|
||
<span class="card-tag">Docker</span>
|
||
<span class="card-tag">K8s</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- How It Works -->
|
||
<section class="section how-it-works">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<span class="section-tag">
|
||
<span class="tag-icon">🔄</span>
|
||
Como Funciona
|
||
</span>
|
||
<h2 class="section-title">
|
||
Do caos de dados à
|
||
<span class="highlight-text">clareza total</span>
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="timeline">
|
||
<div class="timeline-line"></div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-marker">
|
||
<span class="marker-number">01</span>
|
||
<div class="marker-pulse"></div>
|
||
</div>
|
||
<div class="timeline-content">
|
||
<h3>Atribua uma Tarefa</h3>
|
||
<p>Descreva o que precisa em linguagem natural. O agente entende contexto, requisitos e restrições.</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-marker">
|
||
<span class="marker-number">02</span>
|
||
<div class="marker-pulse"></div>
|
||
</div>
|
||
<div class="timeline-content">
|
||
<h3>Agente Analisa</h3>
|
||
<p>Conecta às fontes, mapeia schemas, identifica dependências e cria um plano de execução otimizado.</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-marker">
|
||
<span class="marker-number">03</span>
|
||
<div class="marker-pulse"></div>
|
||
</div>
|
||
<div class="timeline-content">
|
||
<h3>Execução Autônoma</h3>
|
||
<p>Gera código, testa, documenta e deploya. Tudo automaticamente com validações em cada etapa.</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-marker">
|
||
<span class="marker-number">04</span>
|
||
<div class="marker-pulse"></div>
|
||
</div>
|
||
<div class="timeline-content">
|
||
<h3>Monitoramento Contínuo</h3>
|
||
<p>Detecta anomalias, corrige erros automaticamente e notifica quando precisa de intervenção humana.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Use Cases -->
|
||
<section id="use-cases" class="section use-cases">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<span class="section-tag">
|
||
<span class="tag-icon">🎯</span>
|
||
Casos de Uso
|
||
</span>
|
||
<h2 class="section-title">
|
||
Poder da IA no
|
||
<span class="highlight-text">ciclo completo</span>
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="use-cases-grid">
|
||
<div class="use-case-card large" data-tilt>
|
||
<div class="card-bg"></div>
|
||
<div class="use-case-icon">🔧</div>
|
||
<h3>Engenharia de Dados</h3>
|
||
<p>Construa pipelines robustos do zero</p>
|
||
<ul class="use-case-list">
|
||
<li><span class="check">✓</span> Pipelines end-to-end automatizados</li>
|
||
<li><span class="check">✓</span> Migração de sistemas legados</li>
|
||
<li><span class="check">✓</span> Transformações complexas em SQL/Python</li>
|
||
<li><span class="check">✓</span> Catálogos de dados auto-gerenciados</li>
|
||
<li><span class="check">✓</span> Testes de qualidade automáticos</li>
|
||
</ul>
|
||
<a href="#" class="use-case-link">
|
||
<span>Explorar</span>
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||
</a>
|
||
</div>
|
||
<div class="use-case-card" data-tilt>
|
||
<div class="card-bg"></div>
|
||
<div class="use-case-icon">⚙️</div>
|
||
<h3>Data Ops</h3>
|
||
<p>Monitore e corrija pipelines 24/7</p>
|
||
<ul class="use-case-list">
|
||
<li><span class="check">✓</span> Monitoramento em tempo real</li>
|
||
<li><span class="check">✓</span> Auto-healing de pipelines</li>
|
||
<li><span class="check">✓</span> Alertas inteligentes</li>
|
||
</ul>
|
||
<a href="#" class="use-case-link">
|
||
<span>Explorar</span>
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||
</a>
|
||
</div>
|
||
<div class="use-case-card" data-tilt>
|
||
<div class="card-bg"></div>
|
||
<div class="use-case-icon">📈</div>
|
||
<h3>Analytics</h3>
|
||
<p>Insights em linguagem natural</p>
|
||
<ul class="use-case-list">
|
||
<li><span class="check">✓</span> Perguntas → SQL automático</li>
|
||
<li><span class="check">✓</span> Dashboards gerados por IA</li>
|
||
<li><span class="check">✓</span> Relatórios automatizados</li>
|
||
</ul>
|
||
<a href="#" class="use-case-link">
|
||
<span>Explorar</span>
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Metrics Section -->
|
||
<section class="section metrics-section">
|
||
<div class="container">
|
||
<div class="metrics-grid">
|
||
<div class="metric-card">
|
||
<div class="metric-icon">📉</div>
|
||
<div class="metric-value"><span data-count="70">0</span>%</div>
|
||
<div class="metric-label">Menos código manual</div>
|
||
<div class="metric-detail">Redução média em projetos enterprise</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="metric-icon">⏱️</div>
|
||
<div class="metric-value"><span data-count="3">0</span>-<span data-count="5">0</span> dias</div>
|
||
<div class="metric-label">Time-to-value</div>
|
||
<div class="metric-detail">De meses para dias em novos feeds</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="metric-icon">💰</div>
|
||
<div class="metric-value">R$<span data-count="200">0</span>K+</div>
|
||
<div class="metric-label">Economia anual</div>
|
||
<div class="metric-detail">Em headcount de engenharia</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="metric-icon">🚀</div>
|
||
<div class="metric-value"><span data-count="95">0</span>%</div>
|
||
<div class="metric-label">Redução SDLC</div>
|
||
<div class="metric-detail">Ciclo de desenvolvimento comprimido</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Testimonials -->
|
||
<section class="section testimonials">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<span class="section-tag">
|
||
<span class="tag-icon">💬</span>
|
||
Depoimentos
|
||
</span>
|
||
<h2 class="section-title">
|
||
O que nossos
|
||
<span class="highlight-text">clientes dizem</span>
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="testimonials-grid">
|
||
<div class="testimonial-card" data-tilt>
|
||
<div class="testimonial-quote">"</div>
|
||
<p class="testimonial-text">
|
||
Conseguimos trazer produtos para o mercado muito mais rápido, reduzindo nosso ciclo de desenvolvimento de dados de <strong>meses para horas</strong>. A automação mudou completamente nossa operação.
|
||
</p>
|
||
<div class="testimonial-footer">
|
||
<div class="testimonial-avatar">
|
||
<div class="avatar-glow"></div>
|
||
<span>🏦</span>
|
||
</div>
|
||
<div class="testimonial-info">
|
||
<span class="testimonial-role">Head de Tecnologia</span>
|
||
<span class="testimonial-company">Banco Digital - Singapura</span>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-rating">★★★★★</div>
|
||
</div>
|
||
<div class="testimonial-card" data-tilt>
|
||
<div class="testimonial-quote">"</div>
|
||
<p class="testimonial-text">
|
||
A IA agêntica representa a <strong>próxima grande mudança</strong> no espaço de dados. AI Vertice está permitindo que empresas automatizem operações de dados complexas de forma que antes era impossível.
|
||
</p>
|
||
<div class="testimonial-footer">
|
||
<div class="testimonial-avatar">
|
||
<div class="avatar-glow"></div>
|
||
<span>🎯</span>
|
||
</div>
|
||
<div class="testimonial-info">
|
||
<span class="testimonial-role">Executivo de Tecnologia</span>
|
||
<span class="testimonial-company">Ex-líder em Data Cloud</span>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-rating">★★★★★</div>
|
||
</div>
|
||
<div class="testimonial-card" data-tilt>
|
||
<div class="testimonial-quote">"</div>
|
||
<p class="testimonial-text">
|
||
Os agentes estão ajudando nossa equipe a resolver falhas de pipeline <strong>antes que impactem</strong> fluxos de trabalho críticos. Monitoramento 24/7 que realmente funciona.
|
||
</p>
|
||
<div class="testimonial-footer">
|
||
<div class="testimonial-avatar">
|
||
<div class="avatar-glow"></div>
|
||
<span>📊</span>
|
||
</div>
|
||
<div class="testimonial-info">
|
||
<span class="testimonial-role">Head de Produtos de Dados</span>
|
||
<span class="testimonial-company">Private Equity - NYC</span>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-rating">★★★★★</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Integrations -->
|
||
<section id="integrations" class="section integrations">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<span class="section-tag">
|
||
<span class="tag-icon">🔌</span>
|
||
Integrações
|
||
</span>
|
||
<h2 class="section-title">
|
||
Conecte com
|
||
<span class="highlight-text">toda sua stack</span>
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="integrations-showcase">
|
||
<div class="integration-category">
|
||
<h4><span class="cat-icon">💾</span> Plataformas de Dados</h4>
|
||
<div class="integration-items">
|
||
<div class="integration-item">
|
||
<span class="int-icon">❄️</span>
|
||
<span>Snowflake</span>
|
||
</div>
|
||
<div class="integration-item">
|
||
<span class="int-icon">☁️</span>
|
||
<span>AWS</span>
|
||
</div>
|
||
<div class="integration-item">
|
||
<span class="int-icon">🔷</span>
|
||
<span>Azure</span>
|
||
</div>
|
||
<div class="integration-item">
|
||
<span class="int-icon">🌐</span>
|
||
<span>GCP</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="integration-category">
|
||
<h4><span class="cat-icon">⚙️</span> Orquestração</h4>
|
||
<div class="integration-items">
|
||
<div class="integration-item">
|
||
<span class="int-icon">🔶</span>
|
||
<span>dbt</span>
|
||
</div>
|
||
<div class="integration-item">
|
||
<span class="int-icon">🌀</span>
|
||
<span>Airflow</span>
|
||
</div>
|
||
<div class="integration-item">
|
||
<span class="int-icon">📊</span>
|
||
<span>Dagster</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="integration-category">
|
||
<h4><span class="cat-icon">🤖</span> Modelos de IA</h4>
|
||
<div class="integration-items">
|
||
<div class="integration-item">
|
||
<span class="int-icon">🧠</span>
|
||
<span>GPT-4</span>
|
||
</div>
|
||
<div class="integration-item">
|
||
<span class="int-icon">🟣</span>
|
||
<span>Claude</span>
|
||
</div>
|
||
<div class="integration-item">
|
||
<span class="int-icon">💎</span>
|
||
<span>Gemini</span>
|
||
</div>
|
||
<div class="integration-item">
|
||
<span class="int-icon">🏔️</span>
|
||
<span>Bedrock</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="integration-category">
|
||
<h4><span class="cat-icon">💬</span> Comunicação</h4>
|
||
<div class="integration-items">
|
||
<div class="integration-item">
|
||
<span class="int-icon">💼</span>
|
||
<span>Slack</span>
|
||
</div>
|
||
<div class="integration-item">
|
||
<span class="int-icon">👥</span>
|
||
<span>Teams</span>
|
||
</div>
|
||
<div class="integration-item">
|
||
<span class="int-icon">📋</span>
|
||
<span>Jira</span>
|
||
</div>
|
||
<div class="integration-item">
|
||
<span class="int-icon">🔗</span>
|
||
<span>Git</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Why AI Vertice -->
|
||
<section class="section why-us">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<span class="section-tag">
|
||
<span class="tag-icon">✨</span>
|
||
Diferenciais
|
||
</span>
|
||
<h2 class="section-title">
|
||
Por que escolher
|
||
<span class="highlight-text">AI Vertice</span>
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="features-grid">
|
||
<div class="feature-card" data-tilt>
|
||
<div class="feature-glow"></div>
|
||
<div class="feature-icon">🔒</div>
|
||
<h3>Segurança Total</h3>
|
||
<p>Seus dados nunca saem do seu ambiente. Zero exposição, compliance garantido.</p>
|
||
</div>
|
||
<div class="feature-card" data-tilt>
|
||
<div class="feature-glow"></div>
|
||
<div class="feature-icon">🧠</div>
|
||
<h3>Aprende Continuamente</h3>
|
||
<p>Agentes evoluem com cada interação, melhorando resultados ao longo do tempo.</p>
|
||
</div>
|
||
<div class="feature-card" data-tilt>
|
||
<div class="feature-glow"></div>
|
||
<div class="feature-icon">🎛️</div>
|
||
<h3>Controle Total</h3>
|
||
<p>Você define os limites. Intervenha a qualquer momento, customize comportamentos.</p>
|
||
</div>
|
||
<div class="feature-card" data-tilt>
|
||
<div class="feature-glow"></div>
|
||
<div class="feature-icon">👁️</div>
|
||
<h3>Transparência</h3>
|
||
<p>Explicações claras de cada decisão. Rastreabilidade completa de ações.</p>
|
||
</div>
|
||
<div class="feature-card" data-tilt>
|
||
<div class="feature-glow"></div>
|
||
<div class="feature-icon">⚡</div>
|
||
<h3>Deploy em Minutos</h3>
|
||
<p>Instalação one-click no Snowflake ou container em qualquer cloud.</p>
|
||
</div>
|
||
<div class="feature-card" data-tilt>
|
||
<div class="feature-glow"></div>
|
||
<div class="feature-icon">🤝</div>
|
||
<h3>Augmenta, Não Substitui</h3>
|
||
<p>Potencialize sua equipe. Liberte-os para trabalho estratégico.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FAQ -->
|
||
<section id="faq" class="section faq">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<span class="section-tag">
|
||
<span class="tag-icon">❓</span>
|
||
FAQ
|
||
</span>
|
||
<h2 class="section-title">
|
||
Perguntas
|
||
<span class="highlight-text">frequentes</span>
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="faq-grid">
|
||
<div class="faq-item">
|
||
<button class="faq-question">
|
||
<span>O que diferencia AI Vertice de copilots de código?</span>
|
||
<span class="faq-icon"><span></span></span>
|
||
</button>
|
||
<div class="faq-answer">
|
||
<p>Copilots sugerem código que você ainda precisa revisar e executar. AI Vertice executa o trabalho completo: pesquisa contexto, entende dados, gera código, testa, documenta e monitora — tudo autonomamente. É como ter um engenheiro de dados júnior vs. um autocomplete.</p>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-question">
|
||
<span>Vai substituir minha equipe de dados?</span>
|
||
<span class="faq-icon"><span></span></span>
|
||
</button>
|
||
<div class="faq-answer">
|
||
<p>Não. Agentes AI Vertice lidam com trabalho repetitivo (mapeamento source-to-target, manutenção de pipeline, monitoramento) para que sua equipe foque em trabalho estratégico: arquitetura, ML, análise de negócios. Augmentação, não substituição.</p>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-question">
|
||
<span>Meus dados estão seguros?</span>
|
||
<span class="faq-icon"><span></span></span>
|
||
</button>
|
||
<div class="faq-answer">
|
||
<p>Absolutamente. Com Snowflake Native App, agentes rodam dentro da sua conta usando Snowpark Container Services. Seus dados NUNCA saem do seu ambiente. AI Vertice não pode ver seus dados, conversas ou metadados.</p>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-question">
|
||
<span>Quanto tempo leva para implementar?</span>
|
||
<span class="faq-icon"><span></span></span>
|
||
</button>
|
||
<div class="faq-answer">
|
||
<p>Snowflake: instalação one-click do Marketplace, produção em minutos. Container: deploy via Docker/Kubernetes em poucas horas. Primeiros resultados no mesmo dia.</p>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-question">
|
||
<span>Quais integrações são suportadas?</span>
|
||
<span class="faq-icon"><span></span></span>
|
||
</button>
|
||
<div class="faq-answer">
|
||
<p><strong>Dados:</strong> Snowflake, AWS, Azure, GCP<br><strong>Orquestração:</strong> dbt, Dagster, Airflow<br><strong>IA:</strong> GPT-4, Claude, Gemini, Bedrock<br><strong>Comunicação:</strong> Slack, Teams, Jira, Git</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CTA Section -->
|
||
<section id="demo" class="section cta-section">
|
||
<div class="cta-bg">
|
||
<div class="cta-orb cta-orb-1"></div>
|
||
<div class="cta-orb cta-orb-2"></div>
|
||
<div class="cta-orb cta-orb-3"></div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="cta-content">
|
||
<span class="cta-badge">🚀 Comece Hoje</span>
|
||
<h2>Pronto para revolucionar sua<br><span class="gradient-text">engenharia de dados?</span></h2>
|
||
<p>Agende uma demo personalizada e veja agentes AI Vertice em ação no seu ambiente.</p>
|
||
<div class="cta-buttons">
|
||
<a href="#contact" class="btn btn-white btn-lg">
|
||
<span>Agendar Demo Gratuita</span>
|
||
<svg class="btn-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<path d="M5 12h14M12 5l7 7-7 7"/>
|
||
</svg>
|
||
</a>
|
||
<a href="mailto:contato@aivertice.com" class="btn btn-outline-white btn-lg">Falar com Especialista</a>
|
||
</div>
|
||
<div class="cta-trust">
|
||
<span>✓ Setup em minutos</span>
|
||
<span>✓ Sem cartão de crédito</span>
|
||
<span>✓ Suporte dedicado</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Contact Section -->
|
||
<section id="contact" class="section contact">
|
||
<div class="container">
|
||
<div class="contact-wrapper">
|
||
<div class="contact-info">
|
||
<span class="section-tag">
|
||
<span class="tag-icon">📬</span>
|
||
Contato
|
||
</span>
|
||
<h2>Vamos construir o<br><span class="gradient-text">futuro juntos</span></h2>
|
||
<p>Estamos aqui para ajudar você a transformar sua operação de dados com IA.</p>
|
||
<div class="contact-details">
|
||
<div class="contact-item">
|
||
<div class="contact-icon-wrapper">
|
||
<span class="contact-icon">📧</span>
|
||
</div>
|
||
<div>
|
||
<span class="contact-label">Email</span>
|
||
<a href="mailto:contato@aivertice.com">contato@aivertice.com</a>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<div class="contact-icon-wrapper">
|
||
<span class="contact-icon">📍</span>
|
||
</div>
|
||
<div>
|
||
<span class="contact-label">Localização</span>
|
||
<span>Brasil</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<form class="contact-form">
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label>Nome</label>
|
||
<input type="text" placeholder="Seu nome" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Email</label>
|
||
<input type="email" placeholder="seu@email.com" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Empresa</label>
|
||
<input type="text" placeholder="Nome da empresa">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Mensagem</label>
|
||
<textarea placeholder="Como podemos ajudar?" rows="4" required></textarea>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary btn-lg btn-glow btn-full">
|
||
<span>Enviar Mensagem</span>
|
||
<svg class="btn-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<path d="M5 12h14M12 5l7 7-7 7"/>
|
||
</svg>
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Sobre Section -->
|
||
<section class="section page-section" id="sobre">
|
||
<div class="container">
|
||
<div class="page-content">
|
||
<h2>Sobre a AI Vertice</h2>
|
||
<p>A AI Vertice e uma empresa do grupo <strong>Kislanski Industries</strong>, dedicada a transformar negocios atraves da inteligencia artificial.</p>
|
||
<p>Nossa missao e democratizar o acesso a tecnologia de IA de ponta, oferecendo solucoes que automatizam processos complexos e geram resultados reais.</p>
|
||
<p>Com sede no Brasil, desenvolvemos produtos que atendem aos mais altos padroes de qualidade e seguranca internacional.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Blog Section -->
|
||
<section class="section page-section" id="blog">
|
||
<div class="container">
|
||
<div class="page-content">
|
||
<h2>Blog</h2>
|
||
<p>Em breve, artigos sobre IA, tecnologia e inovacao.</p>
|
||
<p>Acompanhe nossas redes sociais para novidades!</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Carreiras Section -->
|
||
<section class="section page-section" id="carreiras">
|
||
<div class="container">
|
||
<div class="page-content">
|
||
<h2>Carreiras</h2>
|
||
<p>Quer fazer parte do futuro da IA?</p>
|
||
<p>Envie seu curriculo para: <strong>carreiras@aivertice.com</strong></p>
|
||
<p>Buscamos talentos em: Engenharia de Software, Machine Learning, Data Science, Produto e Design.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Parceiros Section -->
|
||
<section class="section page-section" id="parceiros">
|
||
<div class="container">
|
||
<div class="page-content">
|
||
<h2>Parceiros</h2>
|
||
<p>Interessado em ser um parceiro AI Vertice?</p>
|
||
<p>Entre em contato: <strong>parceiros@aivertice.com</strong></p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Privacidade Section -->
|
||
<section class="section page-section" id="privacidade">
|
||
<div class="container">
|
||
<div class="page-content">
|
||
<h2>Politica de Privacidade</h2>
|
||
<p>A AI Vertice respeita sua privacidade e esta comprometida com a protecao dos seus dados pessoais.</p>
|
||
<p>Coletamos apenas dados necessarios para fornecer nossos servicos e nunca compartilhamos informacoes com terceiros sem seu consentimento.</p>
|
||
<p>Para mais informacoes: <strong>privacidade@aivertice.com</strong></p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Termos Section -->
|
||
<section class="section page-section" id="termos">
|
||
<div class="container">
|
||
<div class="page-content">
|
||
<h2>Termos de Uso</h2>
|
||
<p>Ao utilizar nossos servicos, voce concorda com nossos termos e condicoes.</p>
|
||
<p>Para consulta completa dos termos: <strong>legal@aivertice.com</strong></p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Seguranca Section -->
|
||
<section class="section page-section" id="seguranca">
|
||
<div class="container">
|
||
<div class="page-content">
|
||
<h2>Seguranca</h2>
|
||
<p>A seguranca e prioridade em todos os nossos produtos.</p>
|
||
<p>Utilizamos criptografia de ponta, auditorias regulares e seguimos as melhores praticas do mercado.</p>
|
||
<p>Seus dados nunca saem do seu ambiente.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Compliance Section -->
|
||
<section class="section page-section" id="compliance">
|
||
<div class="container">
|
||
<div class="page-content">
|
||
<h2>Compliance</h2>
|
||
<p>A AI Vertice segue rigorosos padroes de compliance:</p>
|
||
<p>• SOC 2 Type II<br>• ISO 27001<br>• LGPD<br>• GDPR Ready</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- LGPD Section -->
|
||
<section class="section page-section" id="lgpd">
|
||
<div class="container">
|
||
<div class="page-content">
|
||
<h2>LGPD</h2>
|
||
<p>Estamos em total conformidade com a Lei Geral de Protecao de Dados (LGPD).</p>
|
||
<p>Voce tem direito a: acessar, corrigir, excluir e portar seus dados.</p>
|
||
<p>DPO: <strong>dpo@aivertice.com</strong></p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer - Epic Version -->
|
||
<footer class="footer">
|
||
<div class="footer-glow"></div>
|
||
<div class="container">
|
||
<div class="footer-top">
|
||
<div class="footer-brand-section">
|
||
<a href="#" class="footer-logo">
|
||
<div class="footer-logo-icon">
|
||
<span>◆</span>
|
||
<div class="logo-pulse"></div>
|
||
</div>
|
||
<div class="footer-logo-text">
|
||
<span class="logo-main">AI Vertice</span>
|
||
<span class="logo-sub">By Kislanski Industries</span>
|
||
</div>
|
||
</a>
|
||
<p class="footer-desc">Transformando o futuro com agentes de IA autônomos e inteligentes. Tecnologia de ponta para empresas visionárias.</p>
|
||
<div class="footer-social">
|
||
<a href="https://linkedin.com" target="_blank" class="social-btn" aria-label="LinkedIn">
|
||
<span>in</span>
|
||
</a>
|
||
<a href="https://twitter.com" target="_blank" class="social-btn" aria-label="Twitter">
|
||
<span>𝕏</span>
|
||
</a>
|
||
<a href="https://github.com" target="_blank" class="social-btn" aria-label="GitHub">
|
||
<span>⌘</span>
|
||
</a>
|
||
<a href="https://instagram.com" target="_blank" class="social-btn" aria-label="Instagram">
|
||
<span>◎</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-nav">
|
||
<div class="footer-nav-group">
|
||
<h4>
|
||
<span class="nav-icon">📦</span>
|
||
Produto
|
||
</h4>
|
||
<ul>
|
||
<li><a href="#produtos">Nossos Produtos</a></li>
|
||
<li><a href="#live-demo">Demo ao Vivo</a></li>
|
||
<li><a href="#platform">Plataforma</a></li>
|
||
<li><a href="#use-cases">Casos de Uso</a></li>
|
||
<li><a href="#integrations">Integracoes</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer-nav-group">
|
||
<h4>
|
||
<span class="nav-icon">🏢</span>
|
||
Empresa
|
||
</h4>
|
||
<ul>
|
||
<li><a href="#sobre">Sobre Nos</a></li>
|
||
<li><a href="#blog">Blog</a></li>
|
||
<li><a href="#carreiras">Carreiras</a></li>
|
||
<li><a href="#contact">Contato</a></li>
|
||
<li><a href="#parceiros">Parceiros</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer-nav-group">
|
||
<h4>
|
||
<span class="nav-icon">⚖️</span>
|
||
Legal
|
||
</h4>
|
||
<ul>
|
||
<li><a href="#privacidade">Privacidade</a></li>
|
||
<li><a href="#termos">Termos de Uso</a></li>
|
||
<li><a href="#seguranca">Seguranca</a></li>
|
||
<li><a href="#compliance">Compliance</a></li>
|
||
<li><a href="#lgpd">LGPD</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer-nav-group">
|
||
<h4>
|
||
<span class="nav-icon">🚀</span>
|
||
Solucoes
|
||
</h4>
|
||
<ul>
|
||
<li><a href="https://lexmind.adv.br" target="_blank">LexMind ↗</a></li>
|
||
<li><a href="https://metisclass.com.br" target="_blank">MetisClass ↗</a></li>
|
||
<li><a href="https://argusfinance.com.br" target="_blank">ArgusFinance ↗</a></li>
|
||
<li><a href="https://strix.seg.br" target="_blank">Strix ↗</a></li>
|
||
<li><a href="https://docuagro.com.br" target="_blank">DocuAgro ↗</a></li>
|
||
<li><a href="https://iristea.com.br" target="_blank">IrisTEA ↗</a></li>
|
||
<li><a href="https://ophion.com.br" target="_blank">Ophion ↗</a></li>
|
||
<li><a href="https://nomos.aivertice.com" target="_blank">NOMOS AI ↗</a></li>
|
||
<li><a href="https://athenas.aivertice.com" target="_blank">ATHENA Scout ↗</a></li>
|
||
<li><a href="https://hermes.aivertice.com" target="_blank">HERMES ↗</a></li>
|
||
<li><a href="https://cute-kiwi.ophion.com.br" target="_blank">Cute Kiwi ↗</a></li>
|
||
<li><a href="https://caronte.aivertice.com" target="_blank">CARONTE ↗</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-cta">
|
||
<div class="cta-content">
|
||
<h4>Pronto para transformar sua empresa?</h4>
|
||
<p>Agende uma demonstração gratuita e veja a IA em ação.</p>
|
||
</div>
|
||
<a href="#contact" class="btn btn-primary btn-glow">
|
||
<span>Agendar Demo</span>
|
||
<span>→</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="footer-bottom">
|
||
<div class="footer-bottom-left">
|
||
<p>© 2024 AI Vertice. Uma empresa <strong>Kislanski Industries</strong>.</p>
|
||
<p>Todos os direitos reservados.</p>
|
||
</div>
|
||
<div class="footer-bottom-center">
|
||
<div class="footer-badge">
|
||
<span class="badge-icon">🇧🇷</span>
|
||
<span>Feito no Brasil</span>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom-right">
|
||
<span class="tech-badge">Powered by AI VERTICE</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Animated lines -->
|
||
<div class="footer-lines">
|
||
<div class="line line-1"></div>
|
||
<div class="line line-2"></div>
|
||
<div class="line line-3"></div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- AI Assistant JARVIS Style -->
|
||
<div class="ai-assistant" id="aiAssistant">
|
||
<div class="ai-orb" id="aiOrb">
|
||
<div class="orb-core"></div>
|
||
<div class="orb-ring ring-1"></div>
|
||
<div class="orb-ring ring-2"></div>
|
||
<div class="orb-ring ring-3"></div>
|
||
<div class="orb-pulse"></div>
|
||
</div>
|
||
<div class="ai-chat" id="aiChat">
|
||
<div class="ai-chat-header">
|
||
<div class="ai-status">
|
||
<span class="ai-status-dot"></span>
|
||
<span>VERTEX AI</span>
|
||
</div>
|
||
<button class="ai-close" id="aiClose">×</button>
|
||
</div>
|
||
<div class="ai-chat-messages" id="aiMessages">
|
||
<div class="ai-message ai-message-bot">
|
||
<div class="ai-avatar">◆</div>
|
||
<div class="ai-bubble">Ola! Sou o VERTEX, assistente da AI Vertice. Como posso ajudar?</div>
|
||
</div>
|
||
</div>
|
||
<div class="ai-chat-input">
|
||
<input type="text" id="aiInput" placeholder="Pergunte sobre AI Vertice..." autocomplete="off">
|
||
<button id="aiSend">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<div class="ai-suggestions">
|
||
<button class="ai-suggestion" data-question="Quais sao os produtos?">Produtos</button>
|
||
<button class="ai-suggestion" data-question="Quero agendar uma demo">Demo</button>
|
||
<button class="ai-suggestion" data-question="Fale sobre o LexMind">LexMind</button>
|
||
<button class="ai-suggestion" data-question="Contato">Contato</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Holographic HUD Overlay -->
|
||
<div class="hud-overlay" id="hudOverlay">
|
||
<div class="hud-corner hud-tl"></div>
|
||
<div class="hud-corner hud-tr"></div>
|
||
<div class="hud-corner hud-bl"></div>
|
||
<div class="hud-corner hud-br"></div>
|
||
<div class="hud-scan-line"></div>
|
||
</div>
|
||
|
||
<!-- Voice Activation Button -->
|
||
<div class="voice-btn" id="voiceBtn" title="Ativar por voz">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
|
||
<path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
|
||
<line x1="12" y1="19" x2="12" y2="23"/>
|
||
<line x1="8" y1="23" x2="16" y2="23"/>
|
||
</svg>
|
||
<div class="voice-waves">
|
||
<span></span><span></span><span></span>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="script.js?v=20260208c"></script>
|
||
<script src="vertex-ai.js"></script>
|
||
</body>
|
||
</html>
|