Spaces:
Running
Running
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>AutoMedical AI | 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-purple-500/10 p-4 rounded-2xl"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/9512/9512757.png" alt="AutoMedical AI" class="w-20 h-20"> | |
| </div> | |
| <div> | |
| <h1 class="text-4xl font-bold text-purple-400 mb-2">AutoMedical AI</h1> | |
| <p class="text-xl text-purple-300/60">Comprehensive Medical Diagnostic 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/1584/1584892.png" alt="Analysis" class="w-8 h-8"> | |
| <h3 class="font-bold text-lg">Multi-Specialty</h3> | |
| </div> | |
| <p class="text-gray-300">Comprehensive analysis across multiple medical specialties</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 Analysis</h3> | |
| </div> | |
| <p class="text-gray-300">Instant medical report analysis and recommendations</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">Full Integration</h3> | |
| </div> | |
| <p class="text-gray-300">Works with all major hospital management systems</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-purple-500/10 p-3 rounded-xl"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/1048/1048949.png" alt="AI" class="w-6 h-6"> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg mb-2">Smart Diagnosis</h3> | |
| <p class="text-gray-300">AI-powered diagnosis suggestions based on patient data and symptoms</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-4"> | |
| <div class="bg-purple-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">Automated Reports</h3> | |
| <p class="text-gray-300">Generate comprehensive medical reports with AI assistance</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-4"> | |
| <div class="bg-purple-500/10 p-3 rounded-xl"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/2665/2665632.png" alt="History" class="w-6 h-6"> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg mb-2">Medical History Analysis</h3> | |
| <p class="text-gray-300">Deep analysis of patient history for better diagnosis</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/9512/9512757.png" alt="Demo" class="w-24 h-24 mx-auto mb-6 opacity-50"> | |
| <p class="text-gray-400 mb-6">Try AutoMedical AI's diagnostic capabilities</p> | |
| <a href="/automedical-demo-1/automedicalai.html" class="inline-flex items-center gap-2 bg-purple-500 hover:bg-purple-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> |