Files
nis2-agile/public/index-bi.html
T
DevEnv nis2-agileandClaude Opus 4.8 4d676f2e21 [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>
2026-06-12 13:31:53 +02:00

558 lines
39 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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">&lt;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">&copy; 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>