iervolino commited on
Commit
086c8f8
·
verified ·
1 Parent(s): 8b0abc7

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +654 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Nexushealthai
3
- emoji: 📊
4
- colorFrom: red
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: nexushealthai
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,654 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>NexusHealth AI | Revolutionizing Healthcare with Agentic Technology</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#2563eb',
15
+ secondary: '#1e40af',
16
+ accent: '#3b82f6',
17
+ dark: '#1e293b',
18
+ light: '#f8fafc',
19
+ },
20
+ fontFamily: {
21
+ sans: ['Inter', 'sans-serif'],
22
+ },
23
+ }
24
+ }
25
+ }
26
+ </script>
27
+ <style>
28
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
29
+
30
+ body {
31
+ font-family: 'Inter', sans-serif;
32
+ scroll-behavior: smooth;
33
+ }
34
+
35
+ .gradient-bg {
36
+ background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);
37
+ }
38
+
39
+ .hero-pattern {
40
+ background-image: radial-gradient(circle at 10% 20%, rgba(37, 99, 235, 0.1) 0%, rgba(248, 250, 252, 0) 50%);
41
+ }
42
+
43
+ .card-hover {
44
+ transition: all 0.3s ease;
45
+ }
46
+
47
+ .card-hover:hover {
48
+ transform: translateY(-5px);
49
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
50
+ }
51
+
52
+ .animated-underline {
53
+ position: relative;
54
+ display: inline-block;
55
+ }
56
+
57
+ .animated-underline::after {
58
+ content: '';
59
+ position: absolute;
60
+ width: 100%;
61
+ transform: scaleX(0);
62
+ height: 2px;
63
+ bottom: -2px;
64
+ left: 0;
65
+ background-color: #3b82f6;
66
+ transform-origin: bottom right;
67
+ transition: transform 0.25s ease-out;
68
+ }
69
+
70
+ .animated-underline:hover::after {
71
+ transform: scaleX(1);
72
+ transform-origin: bottom left;
73
+ }
74
+
75
+ @keyframes float {
76
+ 0% { transform: translateY(0px); }
77
+ 50% { transform: translateY(-10px); }
78
+ 100% { transform: translateY(0px); }
79
+ }
80
+
81
+ .floating {
82
+ animation: float 6s ease-in-out infinite;
83
+ }
84
+
85
+ .feature-icon {
86
+ width: 60px;
87
+ height: 60px;
88
+ display: flex;
89
+ align-items: center;
90
+ justify-content: center;
91
+ border-radius: 12px;
92
+ margin-bottom: 20px;
93
+ }
94
+ </style>
95
+ </head>
96
+ <body class="bg-gray-50 text-dark">
97
+ <!-- Navigation -->
98
+ <nav class="bg-white shadow-sm sticky top-0 z-50">
99
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
100
+ <div class="flex justify-between h-16">
101
+ <div class="flex items-center">
102
+ <div class="flex-shrink-0 flex items-center">
103
+ <i class="fas fa-robot text-accent text-2xl mr-2"></i>
104
+ <span class="text-xl font-bold text-dark">NexusHealth<span class="text-accent">AI</span></span>
105
+ </div>
106
+ </div>
107
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
108
+ <a href="#features" class="animated-underline text-dark hover:text-accent px-3 py-2 text-sm font-medium">Features</a>
109
+ <a href="#solutions" class="animated-underline text-dark hover:text-accent px-3 py-2 text-sm font-medium">Solutions</a>
110
+ <a href="#about" class="animated-underline text-dark hover:text-accent px-3 py-2 text-sm font-medium">About</a>
111
+ <a href="#contact" class="animated-underline text-dark hover:text-accent px-3 py-2 text-sm font-medium">Contact</a>
112
+ <a href="#demo" class="ml-4 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-accent hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent">Request Demo</a>
113
+ </div>
114
+ <div class="-mr-2 flex items-center md:hidden">
115
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-dark hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-accent" aria-controls="mobile-menu" aria-expanded="false" id="mobile-menu-button">
116
+ <span class="sr-only">Open main menu</span>
117
+ <i class="fas fa-bars block h-6 w-6" id="menu-open"></i>
118
+ <i class="fas fa-times hidden h-6 w-6" id="menu-close"></i>
119
+ </button>
120
+ </div>
121
+ </div>
122
+ </div>
123
+
124
+ <!-- Mobile menu -->
125
+ <div class="hidden md:hidden" id="mobile-menu">
126
+ <div class="pt-2 pb-3 space-y-1">
127
+ <a href="#features" class="block px-3 py-2 text-base font-medium text-dark hover:bg-gray-50 hover:text-accent">Features</a>
128
+ <a href="#solutions" class="block px-3 py-2 text-base font-medium text-dark hover:bg-gray-50 hover:text-accent">Solutions</a>
129
+ <a href="#about" class="block px-3 py-2 text-base font-medium text-dark hover:bg-gray-50 hover:text-accent">About</a>
130
+ <a href="#contact" class="block px-3 py-2 text-base font-medium text-dark hover:bg-gray-50 hover:text-accent">Contact</a>
131
+ <a href="#demo" class="block px-3 py-2 text-base font-medium text-dark hover:bg-gray-50 hover:text-accent">Request Demo</a>
132
+ </div>
133
+ </div>
134
+ </nav>
135
+
136
+ <!-- Hero Section -->
137
+ <section class="gradient-bg text-white hero-pattern">
138
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 md:py-32">
139
+ <div class="grid md:grid-cols-2 gap-12 items-center">
140
+ <div>
141
+ <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6">The Future of Healthcare is <span class="underline decoration-accent decoration-4">Agentic</span></h1>
142
+ <p class="text-xl md:text-2xl text-blue-100 mb-8">Revolutionizing patient care with autonomous AI agents that work tirelessly to improve outcomes and reduce costs.</p>
143
+ <div class="flex flex-col sm:flex-row gap-4">
144
+ <a href="#demo" class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-primary bg-white hover:bg-gray-100 md:py-4 md:text-lg md:px-10 transition duration-300 transform hover:scale-105">
145
+ Get Started
146
+ </a>
147
+ <a href="#features" class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-primary hover:bg-secondary md:py-4 md:text-lg md:px-10 transition duration-300 transform hover:scale-105">
148
+ Learn More
149
+ </a>
150
+ </div>
151
+ </div>
152
+ <div class="relative hidden md:block">
153
+ <div class="floating">
154
+ <div class="bg-white/10 backdrop-blur-md rounded-2xl p-6 border border-white/20 shadow-xl">
155
+ <div class="flex items-center mb-4">
156
+ <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
157
+ <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
158
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
159
+ </div>
160
+ <div class="bg-dark/80 rounded-lg p-4 text-sm font-mono text-white">
161
+ <p class="text-green-400">$ nexus-agent analyze-patient --id=PT12345</p>
162
+ <p class="text-white mt-2">> Initializing autonomous diagnostic protocol...</p>
163
+ <p class="text-white">> Cross-referencing 12,342 medical studies...</p>
164
+ <p class="text-white">> Consulting with virtual specialist network...</p>
165
+ <p class="text-blue-300 mt-2">> Recommended treatment plan generated with 94.7% confidence</p>
166
+ <p class="text-green-400">$ nexus-agent execute --treatment=TX789 --monitor=continuous</p>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ <div class="absolute -bottom-8 -left-8 w-32 h-32 bg-accent/20 rounded-full filter blur-xl"></div>
171
+ <div class="absolute -top-8 -right-8 w-40 h-40 bg-white/10 rounded-full filter blur-xl"></div>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </section>
176
+
177
+ <!-- Trusted By Section -->
178
+ <section class="bg-white py-12">
179
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
180
+ <p class="text-center text-gray-500 mb-8">Trusted by leading healthcare providers</p>
181
+ <div class="grid grid-cols-2 md:grid-cols-5 gap-8 items-center justify-center">
182
+ <div class="flex justify-center">
183
+ <i class="fas fa-hospital text-4xl text-gray-400"></i>
184
+ </div>
185
+ <div class="flex justify-center">
186
+ <i class="fas fa-clinic-medical text-4xl text-gray-400"></i>
187
+ </div>
188
+ <div class="flex justify-center">
189
+ <i class="fas fa-prescription-bottle-alt text-4xl text-gray-400"></i>
190
+ </div>
191
+ <div class="flex justify-center">
192
+ <i class="fas fa-ambulance text-4xl text-gray-400"></i>
193
+ </div>
194
+ <div class="flex justify-center">
195
+ <i class="fas fa-heartbeat text-4xl text-gray-400"></i>
196
+ </div>
197
+ </div>
198
+ </div>
199
+ </section>
200
+
201
+ <!-- Features Section -->
202
+ <section id="features" class="py-20 bg-gray-50">
203
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
204
+ <div class="text-center mb-16">
205
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Transformative <span class="text-accent">Agentic</span> Capabilities</h2>
206
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto">Our autonomous AI agents work continuously to optimize every aspect of healthcare delivery.</p>
207
+ </div>
208
+
209
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
210
+ <!-- Feature 1 -->
211
+ <div class="bg-white rounded-xl p-8 shadow-md card-hover">
212
+ <div class="feature-icon gradient-bg text-white">
213
+ <i class="fas fa-brain text-2xl"></i>
214
+ </div>
215
+ <h3 class="text-xl font-bold mb-3">Autonomous Diagnosis</h3>
216
+ <p class="text-gray-600">Our agents continuously analyze patient data against the latest medical research to identify conditions with superhuman accuracy.</p>
217
+ </div>
218
+
219
+ <!-- Feature 2 -->
220
+ <div class="bg-white rounded-xl p-8 shadow-md card-hover">
221
+ <div class="feature-icon bg-secondary text-white">
222
+ <i class="fas fa-procedures text-2xl"></i>
223
+ </div>
224
+ <h3 class="text-xl font-bold mb-3">Treatment Optimization</h3>
225
+ <p class="text-gray-600">AI agents dynamically adjust treatment plans in real-time based on patient response and emerging clinical evidence.</p>
226
+ </div>
227
+
228
+ <!-- Feature 3 -->
229
+ <div class="bg-white rounded-xl p-8 shadow-md card-hover">
230
+ <div class="feature-icon bg-accent text-white">
231
+ <i class="fas fa-user-md text-2xl"></i>
232
+ </div>
233
+ <h3 class="text-xl font-bold mb-3">Virtual Specialist Network</h3>
234
+ <p class="text-gray-600">Specialized agent teams collaborate across disciplines to provide comprehensive care coordination.</p>
235
+ </div>
236
+
237
+ <!-- Feature 4 -->
238
+ <div class="bg-white rounded-xl p-8 shadow-md card-hover">
239
+ <div class="feature-icon bg-purple-600 text-white">
240
+ <i class="fas fa-chart-line text-2xl"></i>
241
+ </div>
242
+ <h3 class="text-xl font-bold mb-3">Predictive Analytics</h3>
243
+ <p class="text-gray-600">Anticipate health events before they occur with our advanced predictive modeling capabilities.</p>
244
+ </div>
245
+
246
+ <!-- Feature 5 -->
247
+ <div class="bg-white rounded-xl p-8 shadow-md card-hover">
248
+ <div class="feature-icon bg-green-600 text-white">
249
+ <i class="fas fa-pills text-2xl"></i>
250
+ </div>
251
+ <h3 class="text-xl font-bold mb-3">Personalized Medicine</h3>
252
+ <p class="text-gray-600">Treatment plans tailored to each patient's unique genetic profile, lifestyle, and environmental factors.</p>
253
+ </div>
254
+
255
+ <!-- Feature 6 -->
256
+ <div class="bg-white rounded-xl p-8 shadow-md card-hover">
257
+ <div class="feature-icon bg-red-500 text-white">
258
+ <i class="fas fa-shield-virus text-2xl"></i>
259
+ </div>
260
+ <h3 class="text-xl font-bold mb-3">Continuous Monitoring</h3>
261
+ <p class="text-gray-600">24/7 patient surveillance with immediate intervention when anomalies are detected.</p>
262
+ </div>
263
+ </div>
264
+ </div>
265
+ </section>
266
+
267
+ <!-- Solutions Section -->
268
+ <section id="solutions" class="py-20 bg-white">
269
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
270
+ <div class="text-center mb-16">
271
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Industry-Specific <span class="text-accent">Solutions</span></h2>
272
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto">Tailored agentic systems designed for every healthcare sector.</p>
273
+ </div>
274
+
275
+ <div class="grid md:grid-cols-2 gap-8">
276
+ <div class="bg-gray-50 rounded-xl p-8 border border-gray-200">
277
+ <div class="flex items-start mb-6">
278
+ <div class="bg-primary/10 p-3 rounded-lg mr-4">
279
+ <i class="fas fa-hospital text-primary text-xl"></i>
280
+ </div>
281
+ <div>
282
+ <h3 class="text-xl font-bold">Hospital Systems</h3>
283
+ <p class="text-gray-600 mt-1">Reduce readmissions by 38% with our autonomous care coordination agents.</p>
284
+ </div>
285
+ </div>
286
+ <ul class="space-y-3">
287
+ <li class="flex items-start">
288
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
289
+ <span>Automated patient flow optimization</span>
290
+ </li>
291
+ <li class="flex items-start">
292
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
293
+ <span>Real-time resource allocation</span>
294
+ </li>
295
+ <li class="flex items-start">
296
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
297
+ <span>Predictive staffing models</span>
298
+ </li>
299
+ </ul>
300
+ </div>
301
+
302
+ <div class="bg-gray-50 rounded-xl p-8 border border-gray-200">
303
+ <div class="flex items-start mb-6">
304
+ <div class="bg-primary/10 p-3 rounded-lg mr-4">
305
+ <i class="fas fa-clinic-medical text-primary text-xl"></i>
306
+ </div>
307
+ <div>
308
+ <h3 class="text-xl font-bold">Clinics & Practices</h3>
309
+ <p class="text-gray-600 mt-1">Increase patient throughput by 45% without sacrificing quality.</p>
310
+ </div>
311
+ </div>
312
+ <ul class="space-y-3">
313
+ <li class="flex items-start">
314
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
315
+ <span>Automated preliminary diagnostics</span>
316
+ </li>
317
+ <li class="flex items-start">
318
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
319
+ <span>Intelligent scheduling systems</span>
320
+ </li>
321
+ <li class="flex items-start">
322
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
323
+ <span>Chronic disease management agents</span>
324
+ </li>
325
+ </ul>
326
+ </div>
327
+
328
+ <div class="bg-gray-50 rounded-xl p-8 border border-gray-200">
329
+ <div class="flex items-start mb-6">
330
+ <div class="bg-primary/10 p-3 rounded-lg mr-4">
331
+ <i class="fas fa-pills text-primary text-xl"></i>
332
+ </div>
333
+ <div>
334
+ <h3 class="text-xl font-bold">Pharmaceuticals</h3>
335
+ <p class="text-gray-600 mt-1">Accelerate drug discovery and optimize clinical trials.</p>
336
+ </div>
337
+ </div>
338
+ <ul class="space-y-3">
339
+ <li class="flex items-start">
340
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
341
+ <span>Molecular simulation agents</span>
342
+ </li>
343
+ <li class="flex items-start">
344
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
345
+ <span>Adaptive trial design</span>
346
+ </li>
347
+ <li class="flex items-start">
348
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
349
+ <span>Real-world evidence analysis</span>
350
+ </li>
351
+ </ul>
352
+ </div>
353
+
354
+ <div class="bg-gray-50 rounded-xl p-8 border border-gray-200">
355
+ <div class="flex items-start mb-6">
356
+ <div class="bg-primary/10 p-3 rounded-lg mr-4">
357
+ <i class="fas fa-heartbeat text-primary text-xl"></i>
358
+ </div>
359
+ <div>
360
+ <h3 class="text-xl font-bold">Insurance Providers</h3>
361
+ <p class="text-gray-600 mt-1">Reduce claims costs while improving member health outcomes.</p>
362
+ </div>
363
+ </div>
364
+ <ul class="space-y-3">
365
+ <li class="flex items-start">
366
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
367
+ <span>Predictive risk modeling</span>
368
+ </li>
369
+ <li class="flex items-start">
370
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
371
+ <span>Automated prior authorization</span>
372
+ </li>
373
+ <li class="flex items-start">
374
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
375
+ <span>Personalized wellness agents</span>
376
+ </li>
377
+ </ul>
378
+ </div>
379
+ </div>
380
+ </div>
381
+ </section>
382
+
383
+ <!-- Stats Section -->
384
+ <section class="gradient-bg text-white py-16">
385
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
386
+ <div class="grid md:grid-cols-4 gap-8 text-center">
387
+ <div class="p-6">
388
+ <div class="text-4xl font-bold mb-2">98%</div>
389
+ <div class="text-blue-100">Diagnostic Accuracy</div>
390
+ </div>
391
+ <div class="p-6">
392
+ <div class="text-4xl font-bold mb-2">40%</div>
393
+ <div class="text-blue-100">Cost Reduction</div>
394
+ </div>
395
+ <div class="p-6">
396
+ <div class="text-4xl font-bold mb-2">24/7</div>
397
+ <div class="text-blue-100">Monitoring Coverage</div>
398
+ </div>
399
+ <div class="p-6">
400
+ <div class="text-4xl font-bold mb-2">10x</div>
401
+ <div class="text-blue-100">Faster Decision Making</div>
402
+ </div>
403
+ </div>
404
+ </div>
405
+ </section>
406
+
407
+ <!-- About Section -->
408
+ <section id="about" class="py-20 bg-gray-50">
409
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
410
+ <div class="grid md:grid-cols-2 gap-12 items-center">
411
+ <div>
412
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-6">Our <span class="text-accent">Mission</span></h2>
413
+ <p class="text-lg text-gray-600 mb-6">At NexusHealth AI, we believe the future of healthcare lies in autonomous, intelligent systems that augment human capabilities while operating at unprecedented scale and precision.</p>
414
+ <p class="text-lg text-gray-600 mb-8">Founded by a team of AI researchers and healthcare veterans, we're bridging the gap between cutting-edge agentic AI and practical clinical applications.</p>
415
+
416
+ <div class="bg-white p-6 rounded-lg shadow-sm border border-gray-200">
417
+ <div class="flex items-start">
418
+ <div class="flex-shrink-0">
419
+ <i class="fas fa-quote-left text-accent text-2xl"></i>
420
+ </div>
421
+ <div class="ml-4">
422
+ <p class="text-gray-700 italic">"Our agents don't replace doctors - they empower them with superhuman analytical capabilities and tireless execution."</p>
423
+ <div class="mt-4 flex items-center">
424
+ <div class="flex-shrink-0">
425
+ <div class="h-10 w-10 rounded-full bg-accent flex items-center justify-center text-white">
426
+ <span>JD</span>
427
+ </div>
428
+ </div>
429
+ <div class="ml-3">
430
+ <p class="text-sm font-medium text-gray-900">Dr. Jane Doe</p>
431
+ <p class="text-sm text-gray-500">Chief Medical Officer</p>
432
+ </div>
433
+ </div>
434
+ </div>
435
+ </div>
436
+ </div>
437
+ </div>
438
+
439
+ <div class="relative">
440
+ <div class="bg-white p-1 rounded-2xl shadow-xl">
441
+ <img src="https://images.unsplash.com/photo-1579684385127-1ef15d508118?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1180&q=80" alt="AI in healthcare" class="rounded-xl w-full h-auto">
442
+ </div>
443
+ <div class="absolute -bottom-6 -left-6 w-32 h-32 bg-accent/20 rounded-full filter blur-xl z-0"></div>
444
+ </div>
445
+ </div>
446
+ </div>
447
+ </section>
448
+
449
+ <!-- Demo CTA -->
450
+ <section id="demo" class="py-20 bg-white">
451
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
452
+ <div class="gradient-bg rounded-3xl p-12 text-center">
453
+ <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Ready to Transform Your Healthcare Delivery?</h2>
454
+ <p class="text-xl text-blue-100 mb-8 max-w-3xl mx-auto">Schedule a personalized demo to see our agentic AI system in action and discover how it can revolutionize your organization.</p>
455
+ <a href="#contact" class="inline-flex items-center justify-center px-8 py-4 border border-transparent text-lg font-medium rounded-md text-primary bg-white hover:bg-gray-100 md:px-12 transition duration-300 transform hover:scale-105">
456
+ Request Demo <i class="fas fa-arrow-right ml-2"></i>
457
+ </a>
458
+ </div>
459
+ </div>
460
+ </section>
461
+
462
+ <!-- Contact Section -->
463
+ <section id="contact" class="py-20 bg-gray-50">
464
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
465
+ <div class="grid md:grid-cols-2 gap-12">
466
+ <div>
467
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-6">Get in <span class="text-accent">Touch</span></h2>
468
+ <p class="text-lg text-gray-600 mb-8">Have questions about how our agentic AI can transform your healthcare organization? Our team is ready to help.</p>
469
+
470
+ <div class="space-y-6">
471
+ <div class="flex items-start">
472
+ <div class="flex-shrink-0 bg-primary/10 p-3 rounded-lg text-primary">
473
+ <i class="fas fa-envelope text-xl"></i>
474
+ </div>
475
+ <div class="ml-4">
476
+ <h3 class="text-lg font-medium text-dark">Email Us</h3>
477
+ <p class="text-gray-600">contact@nexushealthai.com</p>
478
+ </div>
479
+ </div>
480
+
481
+ <div class="flex items-start">
482
+ <div class="flex-shrink-0 bg-primary/10 p-3 rounded-lg text-primary">
483
+ <i class="fas fa-phone-alt text-xl"></i>
484
+ </div>
485
+ <div class="ml-4">
486
+ <h3 class="text-lg font-medium text-dark">Call Us</h3>
487
+ <p class="text-gray-600">+1 (555) 123-4567</p>
488
+ </div>
489
+ </div>
490
+
491
+ <div class="flex items-start">
492
+ <div class="flex-shrink-0 bg-primary/10 p-3 rounded-lg text-primary">
493
+ <i class="fas fa-map-marker-alt text-xl"></i>
494
+ </div>
495
+ <div class="ml-4">
496
+ <h3 class="text-lg font-medium text-dark">Visit Us</h3>
497
+ <p class="text-gray-600">123 AI Boulevard, San Francisco, CA 94107</p>
498
+ </div>
499
+ </div>
500
+ </div>
501
+
502
+ <div class="mt-12">
503
+ <h3 class="text-lg font-medium text-dark mb-4">Follow Us</h3>
504
+ <div class="flex space-x-4">
505
+ <a href="#" class="bg-gray-200 hover:bg-gray-300 p-3 rounded-full text-gray-700">
506
+ <i class="fab fa-twitter"></i>
507
+ </a>
508
+ <a href="#" class="bg-gray-200 hover:bg-gray-300 p-3 rounded-full text-gray-700">
509
+ <i class="fab fa-linkedin-in"></i>
510
+ </a>
511
+ <a href="#" class="bg-gray-200 hover:bg-gray-300 p-3 rounded-full text-gray-700">
512
+ <i class="fab fa-facebook-f"></i>
513
+ </a>
514
+ </div>
515
+ </div>
516
+ </div>
517
+
518
+ <div>
519
+ <div class="bg-white rounded-xl shadow-md p-8">
520
+ <h3 class="text-2xl font-bold text-dark mb-6">Send Us a Message</h3>
521
+ <form>
522
+ <div class="mb-6">
523
+ <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Full Name</label>
524
+ <input type="text" id="name" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-accent focus:border-accent" placeholder="Your name">
525
+ </div>
526
+ <div class="mb-6">
527
+ <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email Address</label>
528
+ <input type="email" id="email" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-accent focus:border-accent" placeholder="your@email.com">
529
+ </div>
530
+ <div class="mb-6">
531
+ <label for="organization" class="block text-sm font-medium text-gray-700 mb-1">Organization</label>
532
+ <input type="text" id="organization" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-accent focus:border-accent" placeholder="Your organization">
533
+ </div>
534
+ <div class="mb-6">
535
+ <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Message</label>
536
+ <textarea id="message" rows="4" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-accent focus:border-accent" placeholder="Your message"></textarea>
537
+ </div>
538
+ <button type="submit" class="w-full gradient-bg text-white font-medium py-3 px-6 rounded-lg hover:bg-secondary transition duration-300 transform hover:scale-[1.02]">
539
+ Send Message
540
+ </button>
541
+ </form>
542
+ </div>
543
+ </div>
544
+ </div>
545
+ </div>
546
+ </section>
547
+
548
+ <!-- Footer -->
549
+ <footer class="bg-dark text-white py-12">
550
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
551
+ <div class="grid md:grid-cols-4 gap-8">
552
+ <div class="md:col-span-2">
553
+ <div class="flex items-center mb-4">
554
+ <i class="fas fa-robot text-accent text-2xl mr-2"></i>
555
+ <span class="text-xl font-bold">NexusHealth<span class="text-accent">AI</span></span>
556
+ </div>
557
+ <p class="text-gray-400">Revolutionizing healthcare through autonomous agentic AI systems that deliver superior outcomes at lower costs.</p>
558
+ </div>
559
+ <div>
560
+ <h3 class="text-lg font-semibold mb-4">Quick Links</h3>
561
+ <ul class="space-y-2">
562
+ <li><a href="#features" class="text-gray-400 hover:text-white transition">Features</a></li>
563
+ <li><a href="#solutions" class="text-gray-400 hover:text-white transition">Solutions</a></li>
564
+ <li><a href="#about" class="text-gray-400 hover:text-white transition">About Us</a></li>
565
+ <li><a href="#contact" class="text-gray-400 hover:text-white transition">Contact</a></li>
566
+ </ul>
567
+ </div>
568
+ <div>
569
+ <h3 class="text-lg font-semibold mb-4">Legal</h3>
570
+ <ul class="space-y-2">
571
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Privacy Policy</a></li>
572
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Terms of Service</a></li>
573
+ <li><a href="#" class="text-gray-400 hover:text-white transition">HIPAA Compliance</a></li>
574
+ </ul>
575
+ </div>
576
+ </div>
577
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
578
+ <p class="text-gray-400 mb-4 md:mb-0">© 2023 NexusHealth AI. All rights reserved.</p>
579
+ <div class="flex space-x-6">
580
+ <a href="#" class="text-gray-400 hover:text-white">
581
+ <i class="fab fa-twitter"></i>
582
+ </a>
583
+ <a href="#" class="text-gray-400 hover:text-white">
584
+ <i class="fab fa-linkedin-in"></i>
585
+ </a>
586
+ <a href="#" class="text-gray-400 hover:text-white">
587
+ <i class="fab fa-facebook-f"></i>
588
+ </a>
589
+ </div>
590
+ </div>
591
+ </div>
592
+ </footer>
593
+
594
+ <script>
595
+ // Mobile menu toggle
596
+ const mobileMenuButton = document.getElementById('mobile-menu-button');
597
+ const mobileMenu = document.getElementById('mobile-menu');
598
+ const menuOpenIcon = document.getElementById('menu-open');
599
+ const menuCloseIcon = document.getElementById('menu-close');
600
+
601
+ mobileMenuButton.addEventListener('click', () => {
602
+ const isOpen = mobileMenu.classList.contains('hidden');
603
+
604
+ if (isOpen) {
605
+ mobileMenu.classList.remove('hidden');
606
+ menuOpenIcon.classList.add('hidden');
607
+ menuCloseIcon.classList.remove('hidden');
608
+ } else {
609
+ mobileMenu.classList.add('hidden');
610
+ menuOpenIcon.classList.remove('hidden');
611
+ menuCloseIcon.classList.add('hidden');
612
+ }
613
+ });
614
+
615
+ // Smooth scrolling for anchor links
616
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
617
+ anchor.addEventListener('click', function (e) {
618
+ e.preventDefault();
619
+
620
+ const targetId = this.getAttribute('href');
621
+ if (targetId === '#') return;
622
+
623
+ const targetElement = document.querySelector(targetId);
624
+ if (targetElement) {
625
+ window.scrollTo({
626
+ top: targetElement.offsetTop - 80,
627
+ behavior: 'smooth'
628
+ });
629
+
630
+ // Close mobile menu if open
631
+ if (!mobileMenu.classList.contains('hidden')) {
632
+ mobileMenu.classList.add('hidden');
633
+ menuOpenIcon.classList.remove('hidden');
634
+ menuCloseIcon.classList.add('hidden');
635
+ }
636
+ }
637
+ });
638
+ });
639
+
640
+ // Form submission handling
641
+ const contactForm = document.querySelector('form');
642
+ if (contactForm) {
643
+ contactForm.addEventListener('submit', function(e) {
644
+ e.preventDefault();
645
+
646
+ // Here you would typically send the form data to your server
647
+ // For this demo, we'll just show an alert
648
+ alert('Thank you for your message! Our team will get back to you soon.');
649
+ this.reset();
650
+ });
651
+ }
652
+ </script>
653
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - <a href="https://enzostvs-deepsite.hf.space?remix=iervolino/nexushealthai" style="color: #fff;text-decoration: underline;" target="_blank" >🧬 Remix</a></p></body>
654
+ </html>