<!DOCTYPE html>
<html>
<head>
    <title>SIEM Stack</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 40px; background: #f5f5f5; }
        .container { max-width: 800px; margin: 0 auto; background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        h1 { color: #333; text-align: center; }
        .services { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; }
        .service { padding: 20px; border: 1px solid #ddd; border-radius: 6px; text-align: center; }
        .service h3 { margin-top: 0; color: #2c3e50; }
        .service a { display: inline-block; margin-top: 10px; padding: 10px 20px; background: #3498db; color: white; text-decoration: none; border-radius: 4px; }
        .service a:hover { background: #2980b9; }
    </style>
</head>
<body>
    <div class="container">
        <h1>SIEM Stack</h1>
        <p>Welcome to the Security Information and Event Management (SIEM) stack. Choose a service below:</p>

        <div class="services">
            <div class="service">
                <h3>Zabbix Monitoring</h3>
                <p>Infrastructure monitoring and alerting platform</p>
                <a href="http://zabbix.siem.afrinvest.com">Access Zabbix</a>
            </div>

            <div class="service">
                <h3>Wazuh Security</h3>
                <p>Host-based intrusion detection and security monitoring</p>
                <a href="http://wazuh.siem.afrinvest.com">Access Wazuh</a>
            </div>
        </div>

        <div style="margin-top: 40px; text-align: center; color: #666;">
            <p>For direct access, you can also visit:</p>
            <p><strong>Zabbix:</strong> http://zabbix.siem.afrinvest.com | <strong>Wazuh:</strong> http://wazuh.siem.afrinvest.com</p>
        </div>
    </div>
</body>
</html>