Hugging Face's logo

Spaces:
luigi12345
/
Hospital_AI_Proposal
Running

App Files Community
Hospital_AI_Proposal
File size: 7,853 Bytes 
0102233
 
 
 
 
 
 
 
 
 
 
 
 
53873ca
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
0102233
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
53873ca
 
0102233
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
 
<!DOCTYPE html>
<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">
            <div class="flex items-center gap-4">
                <a href="/" class="text-2xl font-bold text-blue-400 flex items-center gap-2 no-underline">
                    <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="/projects">Projects</a>
                    <span>/</span>
                    <span>AutoMedical</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>

    <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" 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="/assets/images/icons/launch.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>