Hospital_AI_Proposal / proposals /nhs /nhs-proposal.html
Sami
Sync changes - automated commit
53873ca
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NHS Proposal | 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">
<style>
[lang="en"] { display: none; }
.lang-en [lang="en"] { display: block; }
.lang-en [lang="es"] { display: none; }
/* Add consistent timeline styling */
.timeline ol {
border-left: 2px solid #4B5563;
padding-left: 1.5rem;
}
.timeline li {
position: relative;
margin-bottom: 1.5rem;
}
.timeline li:before {
content: '';
position: absolute;
left: -1.75rem;
top: 0.25rem;
width: 1rem;
height: 1rem;
background: #3B82F6;
border-radius: 50%;
}
.breadcrumb {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.875rem;
color: #9CA3AF;
}
.breadcrumb a {
color: #60A5FA;
text-decoration: none;
}
.breadcrumb a:hover {
color: #3B82F6;
}
</style>
</head>
<body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es">
<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">
<div class="flex items-center gap-4">
<a href="/" class="text-2xl font-bold text-blue-400 flex items-center gap-2">
<img src="/assets/images/logo.png" alt="Hospital AI" class="w-8 h-8">
<span class="text-lg">Hospital AI</span>
</a>
<div class="breadcrumb">
<a href="/">Home</a>
<span>/</span>
<a href="/proposals">Proposals</a>
<span>/</span>
<a href="/proposals/nhs">NHS</a>
<span>/</span>
<span>Main</span>
</div>
</div>
<div class="flex items-center gap-4">
<a href="/projects" class="text-gray-300 hover:text-blue-400">Projects</a>
<a href="/papers" class="text-gray-300 hover:text-blue-400">Papers</a>
<a href="/proposals" class="text-gray-300 hover:text-blue-400">Proposals</a>
<a href="/docs" class="text-gray-300 hover:text-blue-400">Documentation</a>
<button onclick="toggleLanguage()" class="bg-blue-500 px-3 py-1 rounded-full text-sm hover:bg-blue-600">
<span lang="es">EN</span>
<span lang="en">ES</span>
</button>
</div>
</div>
</nav>
<div class="max-w-4xl mx-auto p-8">
<div class="flex justify-between items-center mb-8">
<h1 class="text-4xl font-bold text-blue-400">
<span lang="es">Propuesta NHS</span>
<span lang="en">NHS Proposal</span>
</h1>
<div class="flex gap-4">
<a href="/proposals/nhs/detailed" class="text-blue-400 hover:text-blue-300">
<span lang="es">Ver Detallado</span>
<span lang="en">View Detailed</span>
</a>
<a href="/proposals/nhs/formal" class="text-blue-400 hover:text-blue-300">
<span lang="es">Ver Formal</span>
<span lang="en">View Formal</span>
</a>
</div>
</div>
<article class="prose prose-invert max-w-none">
<h1><span lang="es">Propuesta IA para el NHS</span><span lang="en">AI Proposal for the NHS</span></h1>
<div class="bg-gray-800 rounded-xl p-6 mb-8">
<h2><span lang="es">Resumen Ejecutivo</span><span lang="en">Executive Summary</span></h2>
<p>
<span lang="es">Implementaci贸n de soluciones de IA para mejorar la eficiencia y calidad del sistema de salud del NHS.</span>
<span lang="en">Implementation of AI solutions to improve the efficiency and quality of the NHS healthcare system.</span>
</p>
</div>
<section class="mb-12">
<h2><span lang="es">An谩lisis de Necesidades</span><span lang="en">Needs Analysis</span></h2>
<p>
<span lang="es">Identificaci贸n de 谩reas clave donde la IA puede aportar valor, como diagn贸stico, gesti贸n de recursos y atenci贸n al paciente.</span>
<span lang="en">Identification of key areas where AI can add value, such as diagnostics, resource management, and patient care.</span>
</p>
</section>
<section class="mb-12">
<h2><span lang="es">Soluciones Propuestas</span><span lang="en">Proposed Solutions</span></h2>
<ul>
<li>
<span lang="es">Sistema de diagn贸stico por imagen basado en IA para detecci贸n temprana de enfermedades.</span>
<span lang="en">AI-based image diagnostics system for early disease detection.</span>
</li>
<li>
<span lang="es">Plataforma de gesti贸n de pacientes con IA para mejorar la eficiencia en la asignaci贸n de citas y seguimiento.</span>
<span lang="en">AI-powered patient management platform to improve efficiency in appointment scheduling and follow-up.</span>
</li>
<li>
<span lang="es">Herramientas de optimizaci贸n de recursos hospitalarios basadas en IA para reducir costes y mejorar la eficiencia.</span>
<span lang="en">AI-based hospital resource optimization tools to reduce costs and improve efficiency.</span>
</li>
</ul>
</section>
<section class="mb-12">
<h2><span lang="es">Beneficios Esperados</span><span lang="en">Expected Benefits</span></h2>
<ul>
<li>
<span lang="es">Mejora en la precisi贸n y rapidez del diagn贸stico.</span>
<span lang="en">Improvement in diagnostic accuracy and speed.</span>
</li>
<li>
<span lang="es">Reducci贸n de tiempos de espera para los pacientes.</span>
<span lang="en">Reduction in waiting times for patients.</span>
</li>
<li>
<span lang="es">Optimizaci贸n de recursos y reducci贸n de costes operativos.</span>
<span lang="en">Optimization of resources and reduction of operating costs.</span>
</li>
<li>
<span lang="es">Mejora en la calidad de la atenci贸n al paciente.</span>
<span lang="en">Improvement in the quality of patient care.</span>
</li>
</ul>
</section>
<section class="mb-12">
<h2><span lang="es">Presupuesto y Financiaci贸n</span><span lang="en">Budget and Funding</span></h2>
<p>
<span lang="es">El presupuesto detallado se proporcionar谩 en una propuesta formal.</span>
<span lang="en">The detailed budget will be provided in a formal proposal.</span>
</p>
</section>
<section class="mb-12">
<h2><span lang="es">Implementaci贸n y Timeline</span><span lang="en">Implementation and Timeline</span></h2>
<div class="timeline">
<ol>
<li>
<span lang="es">Fase 1: An谩lisis y Planificaci贸n (1 mes)</span>
<span lang="en">Phase 1: Analysis and Planning (1 month)</span>
</li>
<li>
<span lang="es">Fase 2: Desarrollo e Implementaci贸n (3 meses)</span>
<span lang="en">Phase 2: Development and Implementation (3 months)</span>
</li>
<li>
<span lang="es">Fase 3: Pruebas y Validaci贸n (1 mes)</span>
<span lang="en">Phase 3: Testing and Validation (1 month)</span>
</li>
<li>
<span lang="es">Fase 4: Despliegue y Seguimiento (Continuo)</span>
<span lang="en">Phase 4: Deployment and Monitoring (Ongoing)</span>
</li>
</ol>
</div>
</section>
<div class="fixed bottom-8 right-8 flex gap-4">
<a href="https://wa.me/34679794037" target="_blank"
class="btn bg-green-600 hover:bg-green-700 p-4 rounded-full">
<i class="fab fa-whatsapp text-xl"></i>
</a>
<a href="mailto:[email protected]"
class="btn bg-blue-600 hover:bg-blue-700 p-4 rounded-full">
<i class="fas fa-envelope text-xl"></i>
</a>
</div>
</article>
</div>
<!-- Add missing script -->
<script>
function toggleLanguage() {
const body = document.body;
const currentLang = body.getAttribute('data-language');
const newLang = currentLang === 'es' ? 'en' : 'es';
body.setAttribute('data-language', newLang);
body.classList.toggle('lang-en');
localStorage.setItem('preferred-language', newLang);
}
// Initialize language from localStorage
document.addEventListener('DOMContentLoaded', () => {
const preferredLanguage = localStorage.getItem('preferred-language') || 'es';
if (preferredLanguage === 'en') {
document.body.setAttribute('data-language', 'en');
document.body.classList.add('lang-en');
}
});
</script>
</body>
</html>