| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Analysis | AgentZen</title> |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> |
| <script> |
| tailwind.config = { |
| theme: { |
| extend: { |
| colors: { |
| primary: '#4F46E5', |
| secondary: '#10B981', |
| accent: '#F59E0B', |
| dark: '#1F2937', |
| light: '#F3F4F6' |
| } |
| } |
| } |
| } |
| </script> |
| </head> |
| <body class="bg-gray-50 font-sans antialiased"> |
| <div class="min-h-screen flex flex-col"> |
| |
| <nav class="bg-gradient-to-r from-primary to-secondary text-white shadow-md"> |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
| <div class="flex items-center space-x-8"> |
| <div class="flex items-center space-x-2"> |
| <i data-feather="shield" class="w-6 h-6"></i> |
| <h1 class="text-xl font-bold">AgentZen</h1> |
| </div> |
| <div class="flex space-x-6"> |
| <a href="index.html" class="text-white opacity-75 hover:opacity-100 transition-opacity">Dashboard</a> |
| <a href="analysis.html" class="text-white font-medium">Analysis</a> |
| <a href="coaching.html" class="text-white opacity-75 hover:opacity-100 transition-opacity">Coaching</a> |
| <a href="conversations.html" class="text-white opacity-75 hover:opacity-100 transition-opacity">Conversations</a> |
| <a href="settings.html" class="text-white opacity-75 hover:opacity-100 transition-opacity">Settings</a> |
| </div> |
| </div> |
| <div class="flex items-center space-x-4"> |
| <div class="relative"> |
| <input type="text" placeholder="Search..." |
| class="bg-white bg-opacity-20 placeholder-white text-white rounded-full py-1 px-4 pl-10 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 w-64"> |
| <i data-feather="search" class="absolute left-3 top-2 text-white"></i> |
| </div> |
| <div class="flex items-center space-x-2"> |
| <img src="http://static.photos/people/200x200/1" alt="Agent" class="w-8 h-8 rounded-full border-2 border-white"> |
| <span class="font-medium">John Doe</span> |
| </div> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <main class="flex-grow container mx-auto px-4 py-6"> |
| <h1 class="text-2xl font-bold text-gray-800 mb-6">Detailed Analysis</h1> |
| <div class="bg-white rounded-lg shadow-md p-6"> |
| <p class="text-gray-600">Detailed analysis reports coming soon.</p> |
| </div> |
| </main> |
|
|
| |
| <footer class="bg-dark text-white py-4"> |
| <div class="container mx-auto px-4 text-center text-sm"> |
| <p>© 2023 AgentZen Quality Dashboard. All rights reserved.</p> |
| </div> |
| </footer> |
| </div> |
|
|
| <script> |
| feather.replace(); |
| </script> |
| </body> |
| </html> |
