[UI] Bootstrap Italia rollout (Opzione B) — vendor self-hostato + 16 pagine -bi + sidebar BI
Pipeline a trittici (Esecutore->Revisore->Controllore avversariale), 6 trittici T1-T6. Tutto ADDITIVO: nessuna pagina/JS live modificata, produzione intatta. Swap non incluso. - public/vendor/bootstrap-italia/ : BI v2.18.1 self-hostato (CSS+JS bundle+16 woff2+sprite), MAI CDN - 16 pagine *-bi.html (login/register/onboarding/forgot/reset/index + dashboard/assessment/ risks/incidents/policies/supply-chain/training/assets/reports/settings) - public/js/common-bi.js : sidebar/topbar in markup BI (additivo, riusa stessi ID + common.js) - Verifica sul path servito reale: 16/16 -> 200, 0 CDN, 0 FontAwesome residui, parita ID/hook completa, WCAG AA - docs/SISTEMA_TRITTICI_AGENTI.md : design del sistema a trittici Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.8
parent
06c94b3c05
commit
4d676f2e21
@@ -0,0 +1,557 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="it">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>NIS2 Agile — Compliance NIS2 semplificata per aziende e consulenti</title>
|
||||
<meta name="description" content="Piattaforma SaaS multi-tenant per la compliance NIS2 (EU 2022/2555 e D.Lgs. 138/2024). Doppia gap analysis Art.21 e misure di base ACN (Det. 164179/2025), risk management, incident response Art.23, portale fornitori e AI consulente ancorata alle fonti normative certe.">
|
||||
<link rel="canonical" href="https://nis2.agile.software/">
|
||||
<!-- Bootstrap Italia v2.18.1 — self-hostato da /vendor (MAI CDN). Variante "-bi" della index.html (landing). -->
|
||||
<link rel="stylesheet" href="vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
|
||||
<style>
|
||||
/* Solo layout: colori/font/forme vengono da Bootstrap Italia (Blu Italia #06c, Titillium Web) */
|
||||
.hero-bi { background: #06c; color: #fff; padding: 88px 0 64px; }
|
||||
.hero-bi h1 { font-weight: 700; }
|
||||
.hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.15);
|
||||
border: 1px solid rgba(255,255,255,.3); border-radius: 20px; padding: 6px 16px; font-size: .8rem; font-weight: 700; margin-bottom: 16px; }
|
||||
.hero-stat-num { font-size: 1.75rem; font-weight: 800; }
|
||||
.hero-stat-label { font-size: .8rem; opacity: .85; }
|
||||
.mock { background: #fff; color: #17324d; border-radius: 8px; overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,.25); }
|
||||
.mock-bar { background: #f5f6f7; padding: 10px 16px; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid #e6e9ed; }
|
||||
.mock-bar .dot { width: 10px; height: 10px; border-radius: 50%; }
|
||||
.mock-url { margin-left: 10px; font-size: .75rem; color: #5a6772; font-family: monospace; }
|
||||
.mock-body { padding: 24px; }
|
||||
.gauge { height: 8px; background: #e6e9ed; border-radius: 4px; overflow: hidden; margin: 12px 0 18px; }
|
||||
.gauge > div { height: 100%; width: 73%; background: #06c; }
|
||||
.icon-box { width: 48px; height: 48px; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; background: #e6f0ff; color: #06c; }
|
||||
.icon-box svg { width: 24px; height: 24px; fill: currentColor; }
|
||||
.tag-badge { display: inline-block; font-size: .7rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; margin-top: 12px; background: #e6f0ff; color: #06c; }
|
||||
.ico { width: 1.1em; height: 1.1em; fill: currentColor; vertical-align: -.18em; }
|
||||
.ico-check { width: 1em; height: 1em; fill: #008758; vertical-align: -.125em; margin-right: 6px; }
|
||||
.section-eyebrow { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #06c; margin-bottom: 8px; }
|
||||
footer.app-footer { background: #17324d; color: #fff; padding: 40px 0; }
|
||||
footer.app-footer a { color: #cbd5e1; }
|
||||
</style>
|
||||
<script defer data-domain="nis2.agile.software" src="https://analytics.agile.software/js/script.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- HEADER / NAV (Bootstrap Italia) -->
|
||||
<header class="it-header-wrapper">
|
||||
<div class="it-nav-wrapper">
|
||||
<div class="it-header-center-wrapper">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="it-header-center-content-wrapper">
|
||||
<div class="it-brand-wrapper">
|
||||
<a href="/index-bi.html">
|
||||
<svg class="icon icon-white" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-locked"></use></svg>
|
||||
<div class="it-brand-text">
|
||||
<h2 class="no_toc">NIS2 Agile</h2>
|
||||
<h3 class="no_toc d-none d-md-block">Compliance NIS2 semplificata</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="it-right-zone">
|
||||
<div class="it-socials d-none d-md-flex align-items-center" style="gap:8px;">
|
||||
<a href="/login-bi.html" class="btn btn-outline-white btn-sm">Accedi</a>
|
||||
<a href="#richiedi-accesso" class="btn btn-primary btn-sm" style="background:#fff;color:#06c;">Richiedi accesso</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- HERO -->
|
||||
<section class="hero-bi" id="hero">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="hero-badge">
|
||||
<svg class="ico" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check-circle"></use></svg>
|
||||
D.Lgs. 138/2024 — In vigore dal 16 ottobre 2024
|
||||
</div>
|
||||
<h1 class="display-4 mb-3">Compliance NIS2 semplificata</h1>
|
||||
<p class="lead mb-4">
|
||||
Piattaforma SaaS multi-tenant per la conformità alla Direttiva NIS2 (EU 2022/2555) e al D.Lgs. 138/2024. Doppia gap analysis — Art.21 e <strong>misure di base ACN</strong> (Determinazione 164179/2025) — risk management, incident response Art.23, supply chain e un'AI consulente addestrata sul corpus normativo italiano. Tutto integrato.
|
||||
</p>
|
||||
<div class="hero-badge mb-4">
|
||||
<svg class="ico" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-lock"></use></svg>
|
||||
Accesso su invito — Richiedi il tuo codice per iniziare
|
||||
</div>
|
||||
<div class="d-flex flex-wrap" style="gap:12px; margin-bottom:32px;">
|
||||
<a href="#richiedi-accesso" class="btn btn-lg" style="background:#fff;color:#06c;">Richiedi accesso</a>
|
||||
<a href="/login-bi.html" class="btn btn-outline-white btn-lg">Ho un codice — Accedi</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-3"><div class="hero-stat-num">116</div><div class="hero-stat-label">Requisiti ACN mappati</div></div>
|
||||
<div class="col-3"><div class="hero-stat-num">12</div><div class="hero-stat-label">Moduli integrati</div></div>
|
||||
<div class="col-3"><div class="hero-stat-num">Art.23</div><div class="hero-stat-label">Incident response 72h</div></div>
|
||||
<div class="col-3"><div class="hero-stat-num">RAG</div><div class="hero-stat-label">AI su fonti certe</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 d-none d-lg-block">
|
||||
<div class="mock">
|
||||
<div class="mock-bar">
|
||||
<span class="dot" style="background:#d9364f;"></span>
|
||||
<span class="dot" style="background:#e58a00;"></span>
|
||||
<span class="dot" style="background:#008758;"></span>
|
||||
<span class="mock-url">nis2.agile.software/dashboard</span>
|
||||
</div>
|
||||
<div class="mock-body">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<strong>Compliance Score Art.21</strong>
|
||||
<span style="font-size:1.75rem;font-weight:800;color:#06c;">73%</span>
|
||||
</div>
|
||||
<div class="gauge"><div></div></div>
|
||||
<div class="row g-2">
|
||||
<div class="col-6"><div class="p-2 border rounded"><div class="small text-muted text-uppercase">Rischi attivi</div><strong>3 HIGH</strong></div></div>
|
||||
<div class="col-6"><div class="p-2 border rounded"><div class="small text-muted text-uppercase">Incidenti aperti</div><strong>1 Art.23</strong></div></div>
|
||||
<div class="col-6"><div class="p-2 border rounded"><div class="small text-muted text-uppercase">Policy approvate</div><strong>8/12</strong></div></div>
|
||||
<div class="col-6"><div class="p-2 border rounded"><div class="small text-muted text-uppercase">Formazione</div><strong>85%</strong></div></div>
|
||||
</div>
|
||||
<div class="alert alert-warning mt-3 mb-0 py-2">
|
||||
<strong>Ransomware rilevato — Notifica ACN richiesta</strong><br>
|
||||
<small>Scadenza 72h: 14h rimanenti · Art. 23 NIS2</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- IL PROBLEMA -->
|
||||
<section class="py-5 bg-light" id="problema">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<div class="section-eyebrow">La sfida normativa</div>
|
||||
<h2>L'obbligo NIS2 è già in vigore</h2>
|
||||
<p class="text-muted col-lg-8 mx-auto">Il D.Lgs. 138/2024 è operativo dal 16 ottobre 2024. Le organizzazioni nei settori regolati devono aver avviato la registrazione ACN e l'adeguamento alle misure Art.21.</p>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-4">
|
||||
<div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box" style="background:#fdecec;color:#d9364f;"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-warning-circle"></use></svg></div>
|
||||
<h3 class="h5">Sanzioni fino a €10M</h3>
|
||||
<p class="text-muted">Entità essenziali: fino a <strong>€10M o 2%</strong> del fatturato globale annuo. Entità importanti: fino a <strong>€7M o 1,4%</strong>. L'ACN ha già avviato le prime verifiche.</p>
|
||||
<span class="tag-badge">Art. 34 NIS2</span>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box" style="background:#fff5e6;color:#e58a00;"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-pa"></use></svg></div>
|
||||
<h3 class="h5">18 Settori regolati</h3>
|
||||
<p class="text-muted">11 settori ad alta criticità (energia, trasporti, bancario, infrastrutture digitali…) + 7 settori critici (gestione rifiuti, chimica, alimentare…). Oltre 10.000 aziende italiane interessate.</p>
|
||||
<span class="tag-badge">D.Lgs. 138/2024</span>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-clock"></use></svg></div>
|
||||
<h3 class="h5">Scadenze stringenti</h3>
|
||||
<p class="text-muted">Notifica incidenti significativi: early warning in <strong>24h</strong>, notifica formale in <strong>72h</strong>, report finale in <strong>1 mese</strong>. Nessuna possibilità di deroga.</p>
|
||||
<span class="tag-badge">Art. 23 NIS2</span>
|
||||
</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-info mt-4">
|
||||
La piattaforma NIS2 Agile è allineata al <strong>D.Lgs. 138/2024</strong> (recepimento italiano della Direttiva UE 2022/2555), alle linee guida <strong>ACN</strong> e all'approccio risk-based <strong>ISO/IEC 27001</strong>.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PER CHI E' -->
|
||||
<section class="py-5" id="target">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<div class="section-eyebrow">Per chi è</div>
|
||||
<h2>Due target, un'unica piattaforma</h2>
|
||||
<p class="text-muted col-lg-8 mx-auto">NIS2 Agile serve sia l'azienda che gestisce la propria compliance, sia il consulente che segue un portfolio di clienti.</p>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-6">
|
||||
<div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-locked"></use></svg></div>
|
||||
<h3 class="h4">Azienda PMI / Enterprise</h3>
|
||||
<p class="text-muted small">Settori essenziali e importanti — D.Lgs. 138/2024</p>
|
||||
<ul class="list-unstyled">
|
||||
<li><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Valuta il livello di compliance con gap analysis guidata da AI</li>
|
||||
<li><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Gestisce rischi e misure di sicurezza Art.21 in un unico registro</li>
|
||||
<li><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Notifica gli incidenti entro le scadenze Art.23 senza errori</li>
|
||||
<li><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Genera policy di sicurezza personalizzate con AI in pochi minuti</li>
|
||||
<li><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Monitora la supply chain e la formazione del personale</li>
|
||||
<li><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Mantiene audit trail immutabile per le verifiche ACN</li>
|
||||
</ul>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-user"></use></svg></div>
|
||||
<h3 class="h4">Consulente / CISO-as-a-Service</h3>
|
||||
<p class="text-muted small">MSSP · Consulenti cybersecurity · CISO esterno</p>
|
||||
<ul class="list-unstyled">
|
||||
<li><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Gestisce un portfolio di clienti da un unico pannello di controllo</li>
|
||||
<li><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Ogni cliente ha la propria dashboard dedicata e isolata</li>
|
||||
<li><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Attiva licenze per i clienti tramite invite token B2B</li>
|
||||
<li><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Monitora compliance score, rischi e incidenti di tutti i clienti</li>
|
||||
<li><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Produce report esecutivi personalizzati per ogni azienda</li>
|
||||
<li><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Accesso API e webhook per integrazioni con i propri sistemi SIEM</li>
|
||||
</ul>
|
||||
</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-info mt-4">
|
||||
Il consulente attiva la licenza per il cliente tramite invite token — il cliente accede direttamente alla propria dashboard dedicata con visibilità completa sulla propria compliance.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- LA SOLUZIONE -->
|
||||
<section class="py-5 bg-light" id="soluzione">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<div class="section-eyebrow">I moduli</div>
|
||||
<h2>Tutto ciò che serve per la compliance NIS2</h2>
|
||||
<p class="text-muted col-lg-8 mx-auto">Dodici moduli integrati coprono l'intero perimetro dell'Art.21 e delle misure di base ACN, con un'AI (Claude) ancorata via RAG al corpus normativo italiano per analisi, suggerimenti e generazione documenti.</p>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-4"><div class="card card-bg h-100 border-primary"><div class="card-body">
|
||||
<div class="icon-box"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-list"></use></svg></div>
|
||||
<h3 class="h6">Gap Analysis ACN <span class="badge bg-primary">Distintivo</span></h3>
|
||||
<p class="text-muted small">L'unico assessment che mappa i requisiti <strong>puntuali</strong> della Determinazione ACN 164179/2025: 37 misure / 87 requisiti per i soggetti importanti, 43 / 116 per gli essenziali. Perimetro filtrato per livello, scoring per funzione del Framework Nazionale (GV/ID/PR/DE/RS/RC), piano d'azione sui gap.</p>
|
||||
</div></div></div>
|
||||
<div class="col-md-4"><div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-clip"></use></svg></div>
|
||||
<h3 class="h6">Gap Analysis Art.21</h3>
|
||||
<p class="text-muted small">Questionario di 80 domande sui 10 ambiti dell'Art.21 per il primo orientamento. L'AI analizza le risposte, calcola lo score di maturità e produce raccomandazioni prioritizzate.</p>
|
||||
</div></div></div>
|
||||
<div class="col-md-4"><div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box" style="background:#fff5e6;color:#e58a00;"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-warning"></use></svg></div>
|
||||
<h3 class="h6">Risk Management</h3>
|
||||
<p class="text-muted small">Registro rischi con matrice 5×5 ISO 27005, piani di trattamento, monitoraggio e suggerimenti AI contestuali al settore dell'azienda.</p>
|
||||
</div></div></div>
|
||||
<div class="col-md-4"><div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box" style="background:#fdecec;color:#d9364f;"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-warning-circle"></use></svg></div>
|
||||
<h3 class="h6">Incident Response Art.23</h3>
|
||||
<p class="text-muted small">Workflow completo: early warning 24h, notifica 72h, report finale 30g. Timeline automatica, scadenze calcolate, email CSIRT integrate.</p>
|
||||
</div></div></div>
|
||||
<div class="col-md-4"><div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-file"></use></svg></div>
|
||||
<h3 class="h6">Policy Management</h3>
|
||||
<p class="text-muted small">Generazione AI di policy di sicurezza personalizzate, workflow di approvazione, versioning e revisioni programmate con reminder automatici.</p>
|
||||
</div></div></div>
|
||||
<div class="col-md-4"><div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-link"></use></svg></div>
|
||||
<h3 class="h6">Supply Chain & Portale Fornitori</h3>
|
||||
<p class="text-muted small">Registro fornitori critici con scoring rischio e clausole NIS2. Il <strong>portale fornitori</strong> consente al fornitore di compilare i questionari di sicurezza online con accesso passwordless (OTP / magic-link), campagne ricorrenti e solleciti automatici.</p>
|
||||
</div></div></div>
|
||||
<div class="col-md-4"><div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box" style="background:#f0faf4;color:#008758;"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-presentation"></use></svg></div>
|
||||
<h3 class="h6">Formazione Art.20</h3>
|
||||
<p class="text-muted small">Corsi obbligatori per ruolo, assegnazioni automatiche, tracking completamento e compliance formativa documentata per audit.</p>
|
||||
</div></div></div>
|
||||
<div class="col-md-4"><div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-software"></use></svg></div>
|
||||
<h3 class="h6">Asset & Dipendenze</h3>
|
||||
<p class="text-muted small">Inventario asset critici con mappa delle dipendenze, classificazione per impatto NIS2 e integrazione con la valutazione dei rischi.</p>
|
||||
</div></div></div>
|
||||
<div class="col-md-4"><div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box" style="background:#fff5e6;color:#e58a00;"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-search"></use></svg></div>
|
||||
<h3 class="h6">Audit & Report</h3>
|
||||
<p class="text-muted small">Controlli ISO/IEC 27001, evidenze, audit trail immutabile (hash chain SHA-256), report esecutivo HTML e export CSV per organi di vigilanza.</p>
|
||||
</div></div></div>
|
||||
<div class="col-md-4"><div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-comment"></use></svg></div>
|
||||
<h3 class="h6">Whistleblowing Art.32</h3>
|
||||
<p class="text-muted small">Canale segnalazioni anomalie di sicurezza anonime o firmate. Assegnazione a team CISO, stati open/investigating/closed, storico completo.</p>
|
||||
</div></div></div>
|
||||
<div class="col-md-4"><div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-help-circle"></use></svg></div>
|
||||
<h3 class="h6">AI Consulente (RAG)</h3>
|
||||
<p class="text-muted small">Un assistente che risponde sul NIS2 ancorato a <strong>fonti certe</strong>: 203 requisiti ACN, Allegati 1-4 e testi normativi indicizzati in un vector database. Ogni affermazione cita la fonte e il sistema vieta riferimenti normativi inventati.</p>
|
||||
</div></div></div>
|
||||
<div class="col-md-4"><div class="card card-bg h-100"><div class="card-body">
|
||||
<div class="icon-box" style="background:#f0faf4;color:#008758;"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-files"></use></svg></div>
|
||||
<h3 class="h6">Knowledge Base multi-livello</h3>
|
||||
<p class="text-muted small">Repository documentale con RAG a tre livelli di visibilità — <strong>vendor, studio di consulenza, singola organizzazione</strong> — con isolamento garantito tra clienti.</p>
|
||||
</div></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 231 BANNER -->
|
||||
<section class="py-5" id="lg231-banner">
|
||||
<div class="container">
|
||||
<div class="card card-bg" style="border-left:4px solid #e58a00;"><div class="card-body">
|
||||
<h3 class="h5">Soggetto NIS2? Molto probabilmente sei soggetto anche al D.Lgs. 231/2001</h3>
|
||||
<p class="text-muted">Le aziende nei settori essenziali e importanti adottano quasi sempre anche il Modello Organizzativo ex 231. NIS2 Agile e 231 Agile si integrano nativamente: i dati di compliance NIS2 (rischi, incidenti, controlli, score) alimentano automaticamente le evidenze per l'OdV 231, eliminando la duplicazione di lavoro.</p>
|
||||
<div class="d-flex flex-wrap mb-3" style="gap:24px;">
|
||||
<span><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Rischi NIS2 → evidenze MOG 231</span>
|
||||
<span><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>Audit trail condiviso</span>
|
||||
<span><svg class="ico-check" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check"></use></svg>OdV ha visibilità diretta sui controlli cyber</span>
|
||||
</div>
|
||||
<a href="https://lg231.agile.software/" target="_blank" rel="noopener" class="btn btn-outline-primary">
|
||||
<svg class="ico me-1" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-external-link"></use></svg>
|
||||
Scopri 231 Agile
|
||||
</a>
|
||||
</div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- COME FUNZIONA -->
|
||||
<section class="py-5 bg-light" id="come-funziona">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<div class="section-eyebrow">Come funziona</div>
|
||||
<h2>Operativo in pochi minuti</h2>
|
||||
<p class="text-muted col-lg-8 mx-auto">Dall'onboarding al primo report di compliance, NIS2 Agile guida l'utente passo dopo passo.</p>
|
||||
</div>
|
||||
<div class="row g-4 text-center">
|
||||
<div class="col-md-3"><div class="icon-box mx-auto"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-user"></use></svg></div><h4 class="h6">1. Registrati</h4><p class="text-muted small">Crea il tuo account in 2 minuti. Scegli il ruolo (azienda o consulente) e configura la tua organizzazione.</p></div>
|
||||
<div class="col-md-3"><div class="icon-box mx-auto"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-pa"></use></svg></div><h4 class="h6">2. Classifica l'azienda</h4><p class="text-muted small">Inserisci P.IVA e NIS2 Agile rileva automaticamente settore, dimensioni e classificazione (essenziale / importante).</p></div>
|
||||
<div class="col-md-3"><div class="icon-box mx-auto"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check-circle"></use></svg></div><h4 class="h6">3. Gap Analysis</h4><p class="text-muted small">Parti dall'Art.21 per l'orientamento, poi passa alle misure di base ACN. L'AI analizza le risposte e produce il tuo piano di rientro prioritizzato.</p></div>
|
||||
<div class="col-md-3"><div class="icon-box mx-auto"><svg aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-chart-line"></use></svg></div><h4 class="h6">4. Monitora e mantieni</h4><p class="text-muted small">Dashboard in tempo reale, gestisci rischi, incidenti, policy e formazione con alert e scadenze automatiche.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FORM RICHIESTA ACCESSO -->
|
||||
<section class="py-5" id="richiedi-accesso">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<div class="section-eyebrow">Richiedi accesso</div>
|
||||
<h2>Ottieni il tuo codice invito</h2>
|
||||
<p class="text-muted col-lg-8 mx-auto">La piattaforma è ad accesso controllato. Compila il form e ti invieremo il codice invito entro 24 ore.</p>
|
||||
</div>
|
||||
<div class="card card-bg shadow mx-auto" style="max-width:680px;"><div class="card-body p-4">
|
||||
<div class="alert alert-danger d-none" id="formError" role="alert"></div>
|
||||
<form id="inviteForm" novalidate>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="f-nome" class="active">Nome e Cognome <span aria-hidden="true">*</span></label>
|
||||
<input type="text" id="f-nome" name="nome" class="form-control" required>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="f-email" class="active">Email aziendale <span aria-hidden="true">*</span></label>
|
||||
<input type="email" id="f-email" name="email" class="form-control" required>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="f-azienda" class="active">Azienda / Studio <span aria-hidden="true">*</span></label>
|
||||
<input type="text" id="f-azienda" name="azienda" class="form-control" required>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="f-tel" class="active">Telefono</label>
|
||||
<input type="tel" id="f-tel" name="telefono" class="form-control">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="f-tipo" class="active">Tipo di utilizzo <span aria-hidden="true">*</span></label>
|
||||
<select id="f-tipo" name="tipo" class="form-select" required>
|
||||
<option value="">Seleziona...</option>
|
||||
<option value="Azienda soggetta NIS2">Azienda soggetta NIS2</option>
|
||||
<option value="Consulente / CISO esterno">Consulente / CISO esterno</option>
|
||||
<option value="MSSP / Managed Security Provider">MSSP / Managed Security Provider</option>
|
||||
<option value="IT Manager / Responsabile sicurezza">IT Manager / Responsabile sicurezza</option>
|
||||
<option value="DPO / Legale / Compliance">DPO / Legale / Compliance</option>
|
||||
<option value="Direzione / CEO / CTO">Direzione / CEO / CTO</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="f-dip" class="active">N° dipendenti</label>
|
||||
<select id="f-dip" name="n_dipendenti" class="form-select">
|
||||
<option value="">Seleziona...</option>
|
||||
<option value="<50"><50</option>
|
||||
<option value="50-249">50–249</option>
|
||||
<option value="250-999">250–999</option>
|
||||
<option value="1000+">1000+</option>
|
||||
<option value="Studio multi-cliente">Studio multi-cliente</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-12">
|
||||
<label for="f-int" class="active">Cosa ti interessa? <span aria-hidden="true">*</span></label>
|
||||
<select id="f-int" name="interesse" class="form-select" required>
|
||||
<option value="">Seleziona...</option>
|
||||
<option value="Informazioni generali">Informazioni generali sul prodotto</option>
|
||||
<option value="Demo guidata">Demo guidata con un consulente</option>
|
||||
<option value="Accesso immediato">Accesso immediato alla piattaforma</option>
|
||||
<option value="Integrazione B2B">Integrazione B2B / API per il mio sistema</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-12">
|
||||
<label for="f-msg" class="active">Messaggio (opzionale)</label>
|
||||
<textarea id="f-msg" name="messaggio" class="form-control" rows="3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-check mt-2">
|
||||
<input type="checkbox" id="ahubConsent" name="consent" required>
|
||||
<label for="ahubConsent">Acconsento al trattamento dei miei dati ai sensi del GDPR (art. 13). I dati saranno usati esclusivamente per rispondere alla richiesta. <a href="https://agile.software/privacy" target="_blank" rel="noopener">Privacy policy</a> *</label>
|
||||
</div>
|
||||
<!-- Honeypot anti-bot -->
|
||||
<div style="position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden" aria-hidden="true">
|
||||
<label>Lascia vuoto</label>
|
||||
<input type="text" name="website_url" tabindex="-1" autocomplete="off">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary w-100 mt-3" id="submitBtn">Invia richiesta</button>
|
||||
<p class="text-center text-muted small mt-2">
|
||||
<svg class="ico" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-lock"></use></svg>
|
||||
Risposta entro 24h lavorative · Powered by AgileHub
|
||||
</p>
|
||||
</form>
|
||||
<div class="text-center d-none" id="formSuccess">
|
||||
<svg class="icon icon-success" style="width:48px;height:48px;" aria-hidden="true"><use href="vendor/bootstrap-italia/dist/svg/sprites.svg#it-check-circle"></use></svg>
|
||||
<h3 class="h4 mt-3">Richiesta inviata!</h3>
|
||||
<p class="text-muted">Ti contatteremo entro 24 ore all'indirizzo fornito con il tuo codice di accesso personalizzato.<br><br>
|
||||
<strong>Hai già ricevuto un codice?</strong><br>
|
||||
<a href="/register-bi.html">Registrati ora con il tuo codice invito →</a></p>
|
||||
</div>
|
||||
</div></div>
|
||||
<p class="text-center text-muted small mt-4">
|
||||
Hai già un account? <a href="/login-bi.html">Accedi alla dashboard →</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA FINALE -->
|
||||
<section class="py-5 bg-light" id="cta-finale">
|
||||
<div class="container text-center">
|
||||
<h2>La tua compliance NIS2 inizia con un codice</h2>
|
||||
<p class="text-muted col-lg-6 mx-auto mb-4">Richiedi l'accesso oggi. Piattaforma ad accesso controllato: operativo in pochi minuti dal ricevimento del codice invito.</p>
|
||||
<div class="d-flex flex-wrap justify-content-center" style="gap:12px;">
|
||||
<a href="#richiedi-accesso" class="btn btn-primary btn-lg">Richiedi il codice invito</a>
|
||||
<a href="/login-bi.html" class="btn btn-outline-primary btn-lg">Accedi</a>
|
||||
</div>
|
||||
<p class="text-muted small mt-3">Sei un consulente o MSSP? Il form di richiesta ti permette di attivare accesso per il tuo intero portfolio clienti.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer class="app-footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6">
|
||||
<strong>NIS2 Agile</strong> <span class="text-white-50">by Agile Technology SRL</span>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<div class="d-flex flex-wrap justify-content-md-end" style="gap:16px;">
|
||||
<a href="#richiedi-accesso">Richiedi accesso</a>
|
||||
<a href="/login-bi.html">Accedi</a>
|
||||
<a href="https://lg231.agile.software/" target="_blank" rel="noopener">231 Agile</a>
|
||||
<a href="https://agile.software/" target="_blank" rel="noopener">Agile Technology</a>
|
||||
<a href="mailto:info@agile.software">info@agile.software</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr style="border-color:rgba(255,255,255,.15);">
|
||||
<div class="small text-white-50">© 2026 Agile Technology SRL — Direttiva UE 2022/2555 · D.Lgs. 138/2024</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
|
||||
<script>
|
||||
if (window.bootstrap && bootstrap.loadFonts) { bootstrap.loadFonts('vendor/bootstrap-italia/dist/fonts'); }
|
||||
</script>
|
||||
|
||||
<!-- Stessa logica della landing index.html: AgileHub Lead Pipeline (ZERO modifiche backend) -->
|
||||
<script>
|
||||
/* AgileHub Lead Pipeline — NIS2 Agile (tenant agile-technology) */
|
||||
const AHUB_PK = '02fd04c434fb5e1a83d11ee001f88e2677e8660f';
|
||||
const AHUB_ENDPOINT = 'https://agilehub.agile.software/api/public/applets/' + AHUB_PK + '/submit';
|
||||
|
||||
let __scrollMax = 0;
|
||||
window.addEventListener('scroll', () => {
|
||||
const h = document.documentElement;
|
||||
const pct = Math.round((h.scrollTop || window.scrollY) / (h.scrollHeight - h.clientHeight) * 100);
|
||||
if (pct > __scrollMax) __scrollMax = Math.min(pct, 100);
|
||||
}, { passive: true });
|
||||
const __pageLoadedAt = Date.now();
|
||||
|
||||
function ahubMetadata() {
|
||||
const u = new URLSearchParams(location.search);
|
||||
return {
|
||||
utm_source: u.get('utm_source') || null,
|
||||
utm_medium: u.get('utm_medium') || null,
|
||||
utm_campaign: u.get('utm_campaign') || null,
|
||||
utm_content: u.get('utm_content') || null,
|
||||
utm_term: u.get('utm_term') || null,
|
||||
referrer: document.referrer || null,
|
||||
page_title: document.title,
|
||||
page_url: location.href,
|
||||
scroll_depth_pct: __scrollMax,
|
||||
time_on_page_sec: Math.round((Date.now() - __pageLoadedAt) / 1000),
|
||||
viewport: window.innerWidth + 'x' + window.innerHeight,
|
||||
language: navigator.language,
|
||||
timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
|
||||
};
|
||||
}
|
||||
|
||||
document.getElementById('inviteForm').addEventListener('submit', async function(e) {
|
||||
e.preventDefault();
|
||||
const btn = document.getElementById('submitBtn');
|
||||
const errEl = document.getElementById('formError');
|
||||
const successEl = document.getElementById('formSuccess');
|
||||
const form = e.target;
|
||||
|
||||
if (form.website_url && form.website_url.value) {
|
||||
form.style.display = 'none';
|
||||
successEl.classList.remove('d-none');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!form.consent.checked) {
|
||||
errEl.textContent = 'È necessario accettare il trattamento dati per inviare la richiesta.';
|
||||
errEl.classList.remove('d-none');
|
||||
return;
|
||||
}
|
||||
|
||||
errEl.classList.add('d-none');
|
||||
btn.disabled = true;
|
||||
btn.textContent = 'Invio in corso...';
|
||||
|
||||
const payload = {
|
||||
name: form.nome.value.trim(),
|
||||
email: form.email.value.trim(),
|
||||
phone: form.telefono.value.trim(),
|
||||
company: form.azienda.value.trim(),
|
||||
tipo: form.tipo.value,
|
||||
consent: true,
|
||||
fields: {
|
||||
n_dipendenti: form.n_dipendenti.value,
|
||||
interesse: form.interesse.value,
|
||||
messaggio: form.messaggio.value.trim()
|
||||
},
|
||||
metadata: ahubMetadata()
|
||||
};
|
||||
|
||||
try {
|
||||
const res = await fetch(AHUB_ENDPOINT, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(payload)
|
||||
});
|
||||
const json = await res.json();
|
||||
|
||||
if (res.ok && json.success !== false) {
|
||||
form.style.display = 'none';
|
||||
successEl.classList.remove('d-none');
|
||||
} else {
|
||||
const code = json.error && json.error.code ? ' (' + json.error.code + ')' : '';
|
||||
errEl.textContent = (json.error && json.error.message) || ('Errore nell\'invio' + code + '. Scrivici a info@agile.software.');
|
||||
errEl.classList.remove('d-none');
|
||||
btn.disabled = false;
|
||||
btn.textContent = 'Invia richiesta';
|
||||
}
|
||||
} catch {
|
||||
errEl.textContent = 'Errore di rete. Riprova o scrivici a info@agile.software.';
|
||||
errEl.classList.remove('d-none');
|
||||
btn.disabled = false;
|
||||
btn.textContent = 'Invia richiesta';
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user