This commit is contained in:
Flatlogic Bot 2025-10-27 22:06:52 +00:00
parent 7376ed5fab
commit f9e1d57725
10 changed files with 573 additions and 5 deletions

View File

@ -152,3 +152,60 @@ h2 {
height: 60px;
}
/* Timeline */
.timeline {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.timeline::after {
content: '';
position: absolute;
width: 6px;
background-color: #8B5CF6;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
}
.timeline-item {
padding: 10px 40px;
position: relative;
background-color: inherit;
width: 50%;
}
.timeline-item.left {
left: 0;
}
.timeline-item.right {
left: 50%;
}
.timeline-item::after {
content: '';
position: absolute;
width: 25px;
height: 25px;
right: -17px;
background-color: white;
border: 4px solid #8B5CF6;
top: 15px;
border-radius: 50%;
z-index: 1;
}
.timeline-item.right::after {
left: -16px;
}
.timeline-content {
padding: 20px 30px;
background-color: white;
position: relative;
border-radius: 6px;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

View File

@ -0,0 +1,54 @@
<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Automated Evidence Intelligence - Vision AI</title>
<meta name="description" content="Learn more about Automated Evidence Intelligence.">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<div class="container">
<a class="navbar-brand" href="/">
<img src="assets/pasted-20251022-215019-f7191fbf.png" alt="Vision AI Logo" class="logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#problem">The Problem</a></li>
<li class="nav-item"><a class="nav-link" href="/#solution">The Solution</a></li>
<li class="nav-item"><a class="nav-link" href="/#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="/#for-whom">For Whom</a></li>
<li class="nav-item"><a class="nav-link" href="/#why-vision-copilot">Why Vision Copilot</a></li>
<li class="nav-item"><a class="nav-link" href="/#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="container section">
<h1 class="text-center">Automated Evidence Intelligence</h1>
<p class="lead text-center">This is a placeholder page for Automated Evidence Intelligence. Please provide the content you would like to see here.</p>
</main>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4 mt-auto">
<div class="container">
<p>&copy; <?php echo date('Y'); ?> Vision AI. All Rights Reserved.</p>
<p><a href="/privacy.php" class="text-white">Privacy Policy</a></p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>

View File

@ -0,0 +1,54 @@
<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Copilot Q&A - Vision AI</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<div class="container">
<a class="navbar-brand" href="/">
<img src="../assets/pasted-20251022-215019-f7191fbf.png" alt="Vision AI Logo" class="logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#problem">The Problem</a></li>
<li class="nav-item"><a class="nav-link" href="/#solution">The Solution</a></li>
<li class="nav-item"><a class="nav-link" href="/#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="/#for-whom">For Whom</a></li>
<li class="nav-item"><a class="nav-link" href="/#why-vision-copilot">Why Vision Copilot</a></li>
<li class="nav-item"><a class="nav-link" href="/#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="container section">
<h1>AI Copilot Q&A</h1>
<p>This is the page for the AI Copilot Q&A feature.</p>
<p><a href="/">Back to Home</a></p>
</main>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4">
<div class="container">
<p>&copy; <?php echo date('Y'); ?> Vision AI. All Rights Reserved.</p>
<p><a href="/privacy.php" class="text-white">Privacy Policy</a></p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>

View File

@ -0,0 +1,54 @@
<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Automatic Gap Detection - Vision AI</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<div class="container">
<a class="navbar-brand" href="/">
<img src="../assets/pasted-20251022-215019-f7191fbf.png" alt="Vision AI Logo" class="logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#problem">The Problem</a></li>
<li class="nav-item"><a class="nav-link" href="/#solution">The Solution</a></li>
<li class="nav-item"><a class="nav-link" href="/#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="/#for-whom">For Whom</a></li>
<li class="nav-item"><a class="nav-link" href="/#why-vision-copilot">Why Vision Copilot</a></li>
<li class="nav-item"><a class="nav-link" href="/#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="container section">
<h1>Automatic Gap Detection</h1>
<p>This is the page for the Automatic Gap Detection feature.</p>
<p><a href="/">Back to Home</a></p>
</main>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4">
<div class="container">
<p>&copy; <?php echo date('Y'); ?> Vision AI. All Rights Reserved.</p>
<p><a href="/privacy.php" class="text-white">Privacy Policy</a></p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>

View File

@ -0,0 +1,54 @@
<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cross-Framework Mapping - Vision AI</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<div class="container">
<a class="navbar-brand" href="/">
<img src="../assets/pasted-20251022-215019-f7191fbf.png" alt="Vision AI Logo" class="logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#problem">The Problem</a></li>
<li class="nav-item"><a class="nav-link" href="/#solution">The Solution</a></li>
<li class="nav-item"><a class="nav-link" href="/#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="/#for-whom">For Whom</a></li>
<li class="nav-item"><a class="nav-link" href="/#why-vision-copilot">Why Vision Copilot</a></li>
<li class="nav-item"><a class="nav-link" href="/#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="container section">
<h1>Cross-Framework Mapping</h1>
<p>This is the page for the Cross-Framework Mapping feature.</p>
<p><a href="/">Back to Home</a></p>
</main>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4">
<div class="container">
<p>&copy; <?php echo date('Y'); ?> Vision AI. All Rights Reserved.</p>
<p><a href="/privacy.php" class="text-white">Privacy Policy</a></p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>

54
features/integration.php Normal file
View File

@ -0,0 +1,54 @@
<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Integration - Vision AI</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<div class="container">
<a class="navbar-brand" href="/">
<img src="../assets/pasted-20251022-215019-f7191fbf.png" alt="Vision AI Logo" class="logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#problem">The Problem</a></li>
<li class="nav-item"><a class="nav-link" href="/#solution">The Solution</a></li>
<li class="nav-item"><a class="nav-link" href="/#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="/#for-whom">For Whom</a></li>
<li class="nav-item"><a class="nav-link" href="/#why-vision-copilot">Why Vision Copilot</a></li>
<li class="nav-item"><a class="nav-link" href="/#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="container section">
<h1>Integration</h1>
<p>This is the page for the Integration feature.</p>
<p><a href="/">Back to Home</a></p>
</main>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4">
<div class="container">
<p>&copy; <?php echo date('Y'); ?> Vision AI. All Rights Reserved.</p>
<p><a href="/privacy.php" class="text-white">Privacy Policy</a></p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>

View File

@ -0,0 +1,54 @@
<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Log In & Workspace Overview - Vision AI</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<div class="container">
<a class="navbar-brand" href="/">
<img src="../assets/pasted-20251022-215019-f7191fbf.png" alt="Vision AI Logo" class="logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#problem">The Problem</a></li>
<li class="nav-item"><a class="nav-link" href="/#solution">The Solution</a></li>
<li class="nav-item"><a class="nav-link" href="/#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="/#for-whom">For Whom</a></li>
<li class="nav-item"><a class="nav-link" href="/#why-vision-copilot">Why Vision Copilot</a></li>
<li class="nav-item"><a class="nav-link" href="/#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="container section">
<h1>Log In & Workspace Overview</h1>
<p>This is the page for the Log In & Workspace Overview feature.</p>
<p><a href="/">Back to Home</a></p>
</main>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4">
<div class="container">
<p>&copy; <?php echo date('Y'); ?> Vision AI. All Rights Reserved.</p>
<p><a href="/privacy.php" class="text-white">Privacy Policy</a></p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>

View File

@ -0,0 +1,54 @@
<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Review & Assign Tasks - Vision AI</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<div class="container">
<a class="navbar-brand" href="/">
<img src="../assets/pasted-20251022-215019-f7191fbf.png" alt="Vision AI Logo" class="logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#problem">The Problem</a></li>
<li class="nav-item"><a class="nav-link" href="/#solution">The Solution</a></li>
<li class="nav-item"><a class="nav-link" href="/#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="/#for-whom">For Whom</a></li>
<li class="nav-item"><a class="nav-link" href="/#why-vision-copilot">Why Vision Copilot</a></li>
<li class="nav-item"><a class="nav-link" href="/#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="container section">
<h1>Review & Assign Tasks</h1>
<p>This is the page for the Review & Assign Tasks feature.</p>
<p><a href="/">Back to Home</a></p>
</main>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4">
<div class="container">
<p>&copy; <?php echo date('Y'); ?> Vision AI. All Rights Reserved.</p>
<p><a href="/privacy.php" class="text-white">Privacy Policy</a></p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>

View File

@ -0,0 +1,54 @@
<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Upload Evidence - Vision AI</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<div class="container">
<a class="navbar-brand" href="/">
<img src="../assets/pasted-20251022-215019-f7191fbf.png" alt="Vision AI Logo" class="logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#problem">The Problem</a></li>
<li class="nav-item"><a class="nav-link" href="/#solution">The Solution</a></li>
<li class="nav-item"><a class="nav-link" href="/#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="/#for-whom">For Whom</a></li>
<li class="nav-item"><a class="nav-link" href="/#why-vision-copilot">Why Vision Copilot</a></li>
<li class="nav-item"><a class="nav-link" href="/#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="container section">
<h1>Upload Evidence</h1>
<p>This is the page for the Upload Evidence feature.</p>
<p><a href="/">Back to Home</a></p>
</main>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4">
<div class="container">
<p>&copy; <?php echo date('Y'); ?> Vision AI. All Rights Reserved.</p>
<p><a href="/privacy.php" class="text-white">Privacy Policy</a></p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>

View File

@ -63,11 +63,88 @@
</div>
</section>
<!-- The Vision Solution Section -->
<!-- Solution Section -->
<section id="solution" class="section">
<div class="container text-center">
<h2>Your AI-powered Copilot for Compliance and Resilience</h2>
<p class="lead">Vision Copilot automates evidence collection, gap detection, and framework mapping across NIS2, DORA, and ISO 27001 giving you a single, living view of compliance health across your organization. Its not another dashboard its an intelligent layer that thinks with you.</p>
<div class="container">
<h2 class="text-center mb-5">Our Solution</h2>
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h3 class="mb-4">Get more from your data, quickly and easily</h3>
<p class="lead">Boost efficiency and productivity. Drive maximum value from your business process and their output by building robots and leveraging AI to automate workflows and repetitive manual tasks. Empower your team to focus their energy on impactful strategic initiatives.</p>
</div>
</div>
<div class="row justify-content-center mt-5">
<div class="col-lg-8 text-center">
<h3 class="mb-4">Reduce error-related risk</h3>
<p class="lead">Minimize the likelihood of mistakes with sophisticated transparency and access tools. Enable accurate, secure work with read-only data access and repeatable processes.</p>
</div>
</div>
<div class="row justify-content-center mt-5">
<div class="col-lg-8 text-center">
<h3 class="mb-4">Achieve 100% certainty</h3>
<p class="lead">Provide the board and audit committee with 100% assurance. Integrate continuous controls monitoring and entire population testing for unparalleled results.</p>
</div>
</div>
<div class="row justify-content-center mt-5">
<div class="col-lg-8 text-center">
<h3 class="mb-4">Eliminate siloed workflows</h3>
<p class="lead">Contribute to stronger overall governance by uniting IT, risk, compliance, finance and audit under a single umbrella of clarity and shared responsibility.</p>
</div>
</div>
<div class="row justify-content-center mt-5">
<div class="col-lg-12 text-center">
<h3 class="mb-5">How it works</h3>
<div class="timeline">
<div class="timeline-item left">
<div class="timeline-content">
<a href="features/integration.php" style="text-decoration: none; color: inherit;"><h5>1. Integration</h5></a>
<p class="text-start">Integration of all your related tools such as Asset management, risk management Jira , Vulnerability management tool.</p>
</div>
</div>
<div class="timeline-item right">
<div class="timeline-content">
<a href="features/login-and-workspace-overview.php" style="text-decoration: none; color: inherit;"><h5>2. Log In & Workspace Overview</h5></a>
<p class="text-start">The user signs in securely via Single Sign-On (SSO) (Azure AD / Okta). Lands on the Organization Dashboard with a clear compliance score, open gaps, and quick actions.</p>
<p class="text-start">🎯 <strong>Purpose:</strong> Give instant clarity whats secure, whats risky, what needs action.</p>
</div>
</div>
<div class="timeline-item left">
<div class="timeline-content">
<a href="features/upload-evidence.php" style="text-decoration: none; color: inherit;"><h5>3. Upload Evidence</h5></a>
<p class="text-start">Click Upload Evidence Choose File. Vision Copilot automatically uploads, analyzes, and tags the evidence, making it machine-readable.</p>
<p class="text-start">🔍 <strong>Purpose:</strong> Replace tedious evidence collection with instant, machine-readable proof.</p>
</div>
</div>
<div class="timeline-item right">
<div class="timeline-content">
<a href="features/automatic-gap-detection.php" style="text-decoration: none; color: inherit;"><h5>4. Automatic Gap Detection</h5></a>
<p class="text-start">The Gap Engine compares evidence to baseline rules, automatically generates findings, and maps them to relevant frameworks (NIS2, DORA, ISO 27001).</p>
<p class="text-start"> <strong>Purpose:</strong> Let the system find whats missing before the auditor does.</p>
</div>
</div>
<div class="timeline-item left">
<div class="timeline-content">
<a href="features/review-and-assign-tasks.php" style="text-decoration: none; color: inherit;"><h5>5. Review & Assign Tasks</h5></a>
<p class="text-start">Navigate to the Tasks View to see all gaps with linked evidence, regulation references, and suggested remediation. Assign owners and set due dates to turn findings into trackable workflows.</p>
<p class="text-start">🧩 <strong>Purpose:</strong> Turn findings into workflows trackable, accountable, visible.</p>
</div>
</div>
<div class="timeline-item right">
<div class="timeline-content">
<a href="features/cross-framework-mapping.php" style="text-decoration: none; color: inherit;"><h5>6. Cross-Framework Mapping</h5></a>
<p class="text-start">Open the Control Explorer to see how controls overlap across multiple frameworks. Evidence uploaded once gives you compliance credit everywhere.</p>
<p class="text-start">♻️ <strong>Purpose:</strong> One control = multiple compliances. Stop duplicating effort.</p>
</div>
</div>
<div class="timeline-item left">
<div class="timeline-content">
<a href="features/ai-copilot-qa.php" style="text-decoration: none; color: inherit;"><h5>7. AI Copilot Q&A</h5></a>
<p class="text-start">Open Ask Copilot to get instant answers to your compliance questions, with responses trained on real regulation text.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
@ -79,7 +156,9 @@
<div class="col-md-6 col-lg-4 mb-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">Automated Evidence Intelligence</h5>
<a href="automated-evidence-intelligence.php" target="_blank" style="text-decoration: none; color: inherit;">
<h5 class="card-title">Automated Evidence Intelligence</h5>
</a>
<p class="card-text">OCR/NLP analyses screenshots, configs, and policies to extract key compliance data.</p>
<p class="card-text"><small class="text-muted">No more manual verification your evidence speaks for itself.</small></p>
</div>