---
layout: default
title: Home
---

<!-- HERO -->
<section class="cw-hero">
    <div class="cw-wrap cw-hero-grid">
        <!-- Esquerda: Gerenciar conteúdo (restrito) -->
        <div class="cw-hero-card">
            <div class="cw-hero-head">
                <h1>Compwire AI — Base de Conhecimento</h1>
                <span class="cw-badge cw-badge-lock" title="Acesso restrito">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M6 10V8a6 6 0 1 1 12 0v2h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1Zm2 0h8V8a4 4 0 1 0-8 0v2Z"/></svg>
          Restrito
        </span>
            </div>

            <p class="cw-lead">
                Aqui você cria e atualiza os materiais que alimentam a nossa IA. Tudo fica salvo com histórico e aprovação.
            </p>

            <!-- Grade de áreas (botões gerados via JS) -->
            <div id="cms-areas" class="cw-areas-grid" aria-live="polite"></div>

            <ul class="cw-hero-bullets">
                <li>Escreva em Markdown com visualização ao lado</li>
                <li>Histórico automático e aprovação dos conteúdos</li>
                <li>Acesso por perfil (cada pessoa vê só o que tem permissão)</li>
            </ul>
        </div>

        <!-- Direita: Explorar Base (público) -->
        <div class="cw-hero-card">
            <div class="cw-hero-head">
                <h2>Explorar Base de Conhecimento</h2>
                <span class="cw-badge cw-badge-open" title="Acesso público interno">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 5c5.52 0 9.27 4.11 10.66 6a.94.94 0 0 1 0 1.08C21.27 14.97 17.52 19 12 19S2.73 14.97 1.34 12.08a.94.94 0 0 1 0-1.08C2.73 9.11 6.48 5 12 5Zm0 2C7.8 7 4.66 10.15 3.52 12 4.66 13.85 7.8 17 12 17s7.34-3.15 8.48-5C19.34 10.15 16.2 7 12 7Zm0 2.5A2.5 2.5 0 1 1 9.5 12 2.5 2.5 0 0 1 12 9.5Z"/></svg>
          Público
        </span>
            </div>

            <p class="cw-muted" style="margin-top:6px">
                Navegue pelos parceiros, produtos e cases. Espaço de leitura e aprendizado para toda a empresa.
            </p>

            <a class="cw-cta" href="{{ '/knowledge-base.html' | relative_url }}" style="margin-top:10px">
                Abrir Base de Conhecimento
            </a>

            <div class="cw-steps">
                <div class="cw-step">
                    <div class="cw-step-badge">1</div>
                    <div class="cw-step-body">
                        <strong>Procure por tema</strong>
                        <p>Use busca e filtros por parceiro, produto ou categoria.</p>
                    </div>
                </div>
                <div class="cw-step">
                    <div class="cw-step-badge">2</div>
                    <div class="cw-step-body">
                        <strong>Leia e compartilhe</strong>
                        <p>Conteúdos padronizados e prontos para consulta ou envio.</p>
                    </div>
                </div>
                <div class="cw-step">
                    <div class="cw-step-badge">3</div>
                    <div class="cw-step-body">
                        <strong>Peça atualização</strong>
                        <p>Achou algo desatualizado? Solicite revisão aos responsáveis.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- PILARES -->
<section>
    <div class="cw-wrap">
        <h2>Pilares da iniciativa</h2>
        <div class="cw-grid-3">
            <div class="cw-card cw-pillar">
                <h3>Clareza</h3>
                <p>Textos diretos, visual consistente e padrões de escrita.</p>
            </div>
            <div class="cw-card cw-pillar">
                <h3>Governança</h3>
                <p>Permissões por área, histórico completo e revisão antes da publicação.</p>
            </div>
            <div class="cw-card cw-pillar">
                <h3>Escala</h3>
                <p>Estrutura por parcerias e linhas de solução, pronta para crescer.</p>
            </div>
        </div>
    </div>
</section>

<!-- PARCEIROS -->
<section class="partners-wrap">
    <div class="cw-wrap">
        <h2 class="partners-title">Nossos Parceiros</h2>

        <div class="partners-rail">
            <div class="partners-track">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/1-HUAWEI.png" alt="Huawei">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/2-PALOALTO.png" alt="Palo Alto">
                <img src="https://www.compwire.com.br/wp-content/uploads/2025/08/Veeam-Logo-1024x384.png" alt="Veeam">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/4-DYNATRACE.png" alt="Dynatrace">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/5-GOOGLE-CLOUD.png" alt="Google Cloud">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/6-IBM.png" alt="IBM">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/7-RED-HAT.png" alt="Red Hat">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/8-CLOUDERA.png" alt="Cloudera">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/10-LENOVO.png" alt="Lenovo">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/11-CLOUDFLARE.png" alt="Cloudflare">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/12-IVANTI.png" alt="Ivanti">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/13-VMWARE.png" alt="VMware">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/14-APURA.png" alt="Apura">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/15-AWS.png" alt="AWS">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/16-NUTANIX.png" alt="Nutanix">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/17-FUSION.png" alt="Fusion">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/18-QUALYS.png" alt="Qualys">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/21-SPLUNK.png" alt="Splunk">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/22-TREND-MICRO.png" alt="Trend Micro">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/23-EXAGRID.png" alt="ExaGrid">
                <img src="https://www.compwire.com.br/wp-content/uploads/2024/10/24-DAHUA.png" alt="Dahua">
            </div>
        </div>
    </div>
</section>

<!-- SHOWCASE ESTÉTICO -->
<section class="cw-showcase">
    <div class="cw-wrap">
        <div class="cw-showcase-card">
            <h3>Conhecimento organizado → IA mais útil para todos</h3>
            <p>Um acervo vivo, padronizado e seguro. Produtos, parceiros e cases que contam a história técnica da Compwire.</p>

            <div class="cw-chipline">
                <span class="cw-chip"><span class="dot"></span> Produtos</span>
                <span class="cw-chip"><span class="dot"></span> Parceiros</span>
                <span class="cw-chip"><span class="dot"></span> Cases</span>
                <span class="cw-chip muted">Atualizado continuamente</span>
                <span class="cw-chip muted">Revisado por especialistas</span>
            </div>
        </div>
    </div>
</section>

<!-- Script: render dinâmico dos botões de áreas (flexível) -->
<script>
    (function renderAreas(){
        // Adicione novas áreas aqui sem mexer no HTML.
        const AREAS = [
            {
                label: "AI Data",
                repo:  "knowledge-base/ai-data",
                branch:"main",
                collection: "products"
            },
            {
                label: "Backup",
                repo:  "knowledge-base/backup",
                branch:"main",
                collection: "cases"
            }
            // Ex.: { label:"Segurança", repo:"knowledge-base/security", branch:"main", collection:"products" }
        ];

        const adminBase = "{{ '/admin/' | relative_url }}";
        const wrap = document.getElementById('cms-areas');
        if (!wrap) return;

        wrap.innerHTML = AREAS.map(a => {
            const href = `${adminBase}?repo=${encodeURIComponent(a.repo)}&branch=${encodeURIComponent(a.branch)}#/collections/${a.collection}`;
            return `
        <a class="cw-area-card" href="${href}" aria-label="Gerenciar ${a.label}">
          <div class="cw-area-top">
            <span class="cw-area-dot"></span>
            <span class="cw-area-title">${a.label}</span>
          </div>
          <div class="cw-area-sub">Gerenciar ${a.collection}</div>
        </a>`;
        }).join("");
    })();
</script>