Spaces:
Running
Running
| ```html | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Investigations | HTS Investigation Suite</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Rubik:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Rubik', sans-serif; | |
| } | |
| .vanta-canvas { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 0; | |
| opacity: 0.15; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <div id="vanta-bg" class="vanta-canvas"></div> | |
| <!-- Header --> | |
| <header class="relative z-10 bg-white shadow-lg border-b border-gray-200"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"> | |
| <div class="flex items-center justify-between"> | |
| <div class="flex items-center space-x-4"> | |
| <div class="bg-blue-600 p-2 rounded-lg"> | |
| <i data-feather="shield" class="text-white w-6 h-6"></i> | |
| </div> | |
| <div> | |
| <h1 class="text-2xl font-bold text-gray-900">HIGH TECH SECURITY</h1> | |
| <p class="text-sm text-gray-600">HTS Investigation Suite v2.1</p> | |
| </div> | |
| </div> | |
| <div class="hidden md:flex items-center space-x-6"> | |
| <div class="text-right"> | |
| <div class="text-gray-600">203-205 The Vale, London W3 7QS</div> | |
| <div class="text-gray-600">UK: +44 7591 665201 | Company: 7849187</div> | |
| </div> | |
| <div class="flex items-center space-x-2"> | |
| <i data-feather="lock" class="w-5 h-5 text-green-500"></i> | |
| <span class="text-sm text-green-600 font-medium">Sécurisé</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Navigation --> | |
| <nav class="relative z-10 bg-gray-800 text-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex space-x-1 overflow-x-auto py-2 hide-scrollbar"> | |
| <a href="/" class="flex items-center space-x-2 px-4 py-3 border-b-2 border-transparent hover:border-gray-600 transition-colors"> | |
| <i data-feather="trending-up" class="w-4 h-4"></i> | |
| <span>Dashboard</span> | |
| </a> | |
| <a href="/ai-analysis" class="flex items-center space-x-2 px-4 py-3 border-b-2 border-transparent hover:border-gray-600 transition-colors"> | |
| <i data-feather="brain" class="w-4 h-4"></i> | |
| <span>AI Analysis Suite</span> | |
| </a> | |
| <a href="/investigations" class="flex items-center space-x-2 px-4 py-3 border-b-2 border-blue-400 text-blue-400 transition-colors"> | |
| <i data-feather="search" class="w-4 h-4"></i> | |
| <span>Investigations</span> | |
| </a> | |
| <a href="/monitoring" class="flex items-center space-x-2 px-4 py-3 border-b-2 border-transparent hover:border-gray-600 transition-colors"> | |
| <i data-feather="eye" class="w-4 h-4"></i> | |
| <span>Monitoring</span> | |
| </a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Main Content --> | |
| <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> | |
| <div class="bg-white rounded-xl shadow-lg p-6 mb-8"> | |
| <div class="flex items-center justify-between mb-6"> | |
| <h2 class="text-2xl font-bold text-gray-900">Active Investigations</h2> | |
| <button class="bg-blue-600 hover:bg-blue-700 |