File size: 10,683 Bytes
17fcaeb
af14a86
17fcaeb
 
af14a86
 
 
 
17fcaeb
af14a86
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
53873ca
 
 
 
 
 
 
 
 
 
 
 
 
 
af14a86
 
 
 
 
53873ca
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
af14a86
 
 
 
53873ca
 
 
 
 
 
 
 
 
 
 
 
 
 
 
af14a86
 
 
 
 
 
 
 
 
 
 
17fcaeb
 
af14a86
 
 
 
 
 
 
17fcaeb
af14a86
 
17fcaeb
af14a86
 
 
17fcaeb
af14a86
 
 
17fcaeb
af14a86
 
 
17fcaeb
 
af14a86
17fcaeb
af14a86
 
 
 
 
 
17fcaeb
af14a86
 
 
17fcaeb
af14a86
 
 
17fcaeb
af14a86
 
 
17fcaeb
 
af14a86
17fcaeb
af14a86
 
 
 
 
17fcaeb
af14a86
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
17fcaeb
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!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>