<?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>Our Solution - Vision AI</title>
    <meta name="description" content="Learn about the Vision AI RegTech solution for the financial services industry.">
    <meta name="keywords" content="regtech, regulatory technology, financial services, compliance, risk management">
    <meta property="og:title" content="Our Solution - Vision AI">
    <meta property="og:description" content="Learn about the Vision AI RegTech solution for the financial services industry.">
    <meta property="og:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Georgia&family=Inter:wght@400;700&display=swap" 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>

    <!-- Solution Section -->
    <section id="solution" class="section">
        <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>
    </section>

    <!-- 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>
