Spaces:
Running
Running
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Hospital Analytics | IA Hospital Hub</title> | |
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> | |
| <link rel="icon" type="image/png" href="https://cdn-icons-png.flaticon.com/512/9373/9373979.png"> | |
| </head> | |
| <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen"> | |
| <nav class="bg-gray-800 bg-opacity-90 p-4 sticky top-0 z-50 shadow-lg"> | |
| <div class="max-w-6xl mx-auto flex justify-between items-center"> | |
| <a href="/" class="text-2xl font-bold text-blue-400 flex items-center gap-2 no-underline"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/9373/9373979.png" alt="IA Hospital Hub" class="w-8 h-8 md:w-10 md:h-10 object-contain"> | |
| <span class="whitespace-nowrap text-lg md:text-2xl">IA Hospital Hub</span> | |
| </a> | |
| </div> | |
| </nav> | |
| <main class="max-w-6xl mx-auto p-8"> | |
| <!-- Hero Section --> | |
| <div class="flex items-center gap-6 mb-12"> | |
| <div class="bg-emerald-500/10 p-4 rounded-2xl"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/3388/3388603.png" alt="Hospital Analytics" class="w-20 h-20"> | |
| </div> | |
| <div> | |
| <h1 class="text-4xl font-bold text-emerald-400 mb-2">Hospital Analytics</h1> | |
| <p class="text-xl text-emerald-300/60">Advanced Hospital Data Analytics Platform</p> | |
| </div> | |
| </div> | |
| <!-- Overview --> | |
| <section class="bg-gray-800 bg-opacity-50 p-8 rounded-xl mb-8"> | |
| <h2 class="text-2xl font-bold mb-6 flex items-center gap-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/1087/1087927.png" alt="Overview" class="w-6 h-6"> | |
| Overview | |
| </h2> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <div class="bg-gray-700/50 p-6 rounded-xl"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/4149/4149677.png" alt="Data" class="w-8 h-8"> | |
| <h3 class="font-bold text-lg">Data Processing</h3> | |
| </div> | |
| <p class="text-gray-300">Advanced processing of hospital operational data</p> | |
| </div> | |
| <div class="bg-gray-700/50 p-6 rounded-xl"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/1548/1548208.png" alt="Speed" class="w-8 h-8"> | |
| <h3 class="font-bold text-lg">Real-time Insights</h3> | |
| </div> | |
| <p class="text-gray-300">Live analytics and performance monitoring</p> | |
| </div> | |
| <div class="bg-gray-700/50 p-6 rounded-xl"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/8924/8924315.png" alt="Integration" class="w-8 h-8"> | |
| <h3 class="font-bold text-lg">Smart Predictions</h3> | |
| </div> | |
| <p class="text-gray-300">AI-powered forecasting and trend analysis</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features --> | |
| <section class="bg-gray-800 bg-opacity-50 p-8 rounded-xl mb-8"> | |
| <h2 class="text-2xl font-bold mb-6 flex items-center gap-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/8758/8758155.png" alt="Features" class="w-6 h-6"> | |
| Key Features | |
| </h2> | |
| <div class="space-y-6"> | |
| <div class="flex items-start gap-4"> | |
| <div class="bg-emerald-500/10 p-3 rounded-xl"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/4149/4149677.png" alt="Analytics" class="w-6 h-6"> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg mb-2">Advanced Analytics</h3> | |
| <p class="text-gray-300">Deep insights into hospital operations and patient care metrics</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-4"> | |
| <div class="bg-emerald-500/10 p-3 rounded-xl"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/1584/1584892.png" alt="Reports" class="w-6 h-6"> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg mb-2">Custom Reports</h3> | |
| <p class="text-gray-300">Generate tailored reports for different departments and needs</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-4"> | |
| <div class="bg-emerald-500/10 p-3 rounded-xl"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/2665/2665632.png" alt="Predictions" class="w-6 h-6"> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg mb-2">Predictive Analytics</h3> | |
| <p class="text-gray-300">Forecast patient flow and resource requirements</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Demo --> | |
| <section class="bg-gray-800 bg-opacity-50 p-8 rounded-xl"> | |
| <h2 class="text-2xl font-bold mb-6 flex items-center gap-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/1087/1087927.png" alt="Demo" class="w-6 h-6"> | |
| Live Demo | |
| </h2> | |
| <div class="text-center p-12 border-2 border-dashed border-gray-700 rounded-xl"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/3388/3388603.png" alt="Demo" class="w-24 h-24 mx-auto mb-6 opacity-50"> | |
| <p class="text-gray-400 mb-6">Experience our advanced analytics platform</p> | |
| <a href="/automedical-demo-1/automedicalai.html" class="inline-flex items-center gap-2 bg-emerald-500 hover:bg-emerald-600 px-6 py-3 rounded-xl text-white font-medium transition-colors"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/1548/1548208.png" alt="Launch" class="w-5 h-5"> | |
| Launch Demo | |
| </a> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="bg-gray-800/50 backdrop-blur-lg mt-12 py-12 border-t border-white/10"> | |
| <div class="max-w-6xl mx-auto px-8"> | |
| <div class="text-center text-gray-400"> | |
| <p>© 2024 IA Hospital Hub. Todos los derechos reservados.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |