-
Notifications
You must be signed in to change notification settings - Fork 16
Expand file tree
/
Copy pathsuccessstories.html
More file actions
314 lines (292 loc) · 24.2 KB
/
successstories.html
File metadata and controls
314 lines (292 loc) · 24.2 KB
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
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<!-- Page-specific meta tags -->
<title>MONAI - Success Stories</title>
<meta name="description" content="Discover how leading healthcare institutions and industry partners are transforming medical imaging with MONAI. Read real-world case studies and success stories.">
<meta property="og:title" content="MONAI - Success Stories">
<meta property="og:description" content="Discover how leading healthcare institutions and industry partners are transforming medical imaging with MONAI. Read real-world case studies and success stories.">
<meta property="og:url" content="https://project-monai.github.io/successstories.html">
<meta name="twitter:title" content="MONAI - Success Stories">
<meta name="twitter:description" content="Discover how leading healthcare institutions and industry partners are transforming medical imaging with MONAI. Read real-world case studies and success stories.">
<link rel="canonical" href="https://project-monai.github.io/successstories.html">
<!-- #include file="components/head.html" -->
<body class="flex flex-col min-h-screen">
<!-- #include file="components/header.html" -->
<main class="flex-grow pt-16">
<!-- Hero Section -->
<section class="py-20 bg-brand-primary/5 relative overflow-hidden">
<div class="container relative z-10">
<div class="text-center max-w-5xl mx-auto">
<div class="inline-flex items-center px-4 py-2 rounded-full bg-white text-brand-primary font-semibold text-sm mb-6 border border-brand-primary/30 shadow-md">
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
Real-World Impact
</div>
<h1 class="text-5xl lg:text-6xl font-bold text-gray-800 mb-6">Success Stories</h1>
<p class="text-xl lg:text-2xl text-gray-600 leading-relaxed">
Leading healthcare institutions are revolutionizing patient care with MONAI.
Explore how our partners are deploying AI at scale to transform medical imaging workflows.
</p>
<div class="mt-10 flex flex-wrap justify-center gap-8 text-center">
<div>
<div class="text-4xl font-bold text-brand-primary">4</div>
<div class="text-gray-600">Global Partners</div>
</div>
<div class="h-12 w-px bg-gray-300"></div>
<div>
<div class="text-4xl font-bold text-brand-primary">3</div>
<div class="text-gray-600">Continents</div>
</div>
<div class="h-12 w-px bg-gray-300"></div>
<div>
<div class="text-4xl font-bold text-brand-primary">1M+</div>
<div class="text-gray-600">Patients Impacted</div>
</div>
</div>
</div>
</div>
</section>
<!-- Success Stories -->
<section class="py-24 bg-white">
<div class="container">
<div class="max-w-6xl mx-auto">
<div class="space-y-32">
<!-- Mayo Clinic Story -->
<div class="group relative">
<!-- Background accent -->
<div class="absolute inset-0 bg-brand-light/5 rounded-2xl -m-6 opacity-0 group-hover:opacity-100 transition-all duration-300"></div>
<div class="grid lg:grid-cols-1 gap-12 lg:gap-20 items-center">
<div class="order-2 lg:order-1">
<div class="relative">
<!-- Decorative elements -->
<div class="absolute -top-4 -left-4 w-72 h-72 bg-brand-primary/5 rounded-full blur-3xl"></div>
<div class="relative">
<div class="flex items-center gap-4 mb-8">
<img src="assets/img/mayo_clinic_logo_hq.png" alt="Mayo Clinic" class="h-14 object-contain">
<span class="px-4 py-2 bg-brand-primary/10 text-brand-primary rounded-full text-sm font-semibold border border-brand-primary/20">Clinical Integration</span>
</div>
<h3 class="text-3xl font-bold text-gray-800 mb-6">Pioneering Clinical AI Integration</h3>
<p class="text-lg text-gray-600 mb-8 leading-relaxed">
Mayo Clinic Florida's Center for Augmented Intelligence in Imaging has pioneered the seamless
integration of MONAI-compatible AI models into clinical radiology workflows. Their innovative
infrastructure enables healthcare teams to deploy advanced imaging AI with minimal disruption
to existing processes.
</p>
<div class="border-l-4 border-brand-primary pl-6 mb-8 bg-brand-light/10 py-4 pr-4 rounded-r-lg">
<div class="text-sm font-semibold text-brand-primary mb-2 uppercase tracking-wider">Key Achievement</div>
<div class="text-xl font-bold text-gray-800">Seamless integration with existing IT infrastructure</div>
</div>
<div class="flex gap-4">
<a href="mayo-case-study.html" class="inline-flex items-center gap-3 px-8 py-3 bg-white text-brand-primary border-2 border-brand-primary rounded-lg hover:bg-brand-primary hover:text-white transition-all duration-300 group/link font-semibold">
Read Full Case Study
<svg class="w-5 h-5 transition-transform group-hover/link:translate-x-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="max-w-4xl mx-auto">
<hr class="border-gray-200 opacity-50">
</div>
<!-- Siemens Story -->
<div class="group relative">
<!-- Background accent -->
<div class="absolute inset-0 bg-brand-light/5 rounded-2xl -m-6 opacity-0 group-hover:opacity-100 transition-all duration-300"></div>
<div class="grid lg:grid-cols-1 gap-12 lg:gap-20 items-center">
<div class="order-2 lg:order-2">
<div class="relative">
<!-- Decorative elements -->
<div class="absolute -top-4 -left-4 w-72 h-72 bg-brand-primary/5 rounded-full blur-3xl"></div>
<div class="relative">
<div class="flex items-center gap-4 mb-8">
<img src="assets/img/siemens_logo.png" alt="Siemens Healthineers" class="h-14 object-contain">
<span class="px-4 py-2 bg-brand-primary/10 text-brand-primary rounded-full text-sm font-semibold border border-brand-primary/20">Enterprise Integration</span>
</div>
<h3 class="text-3xl font-bold text-gray-800 mb-6">Accelerating AI Integration at Enterprise Scale</h3>
<p class="text-lg text-gray-600 mb-8 leading-relaxed">
Siemens Healthineers has revolutionized medical AI deployment by integrating MONAI Deploy into their
Syngo Carbon and syngo.via platforms. Through their Digital Marketplace, healthcare providers can now
deploy trained AI models "with just a few clicks" - transforming what once took months into minutes.
</p>
<div class="border-l-4 border-brand-primary pl-6 mb-8 bg-brand-light/10 py-4 pr-4 rounded-r-lg">
<div class="text-sm font-semibold text-brand-primary mb-2 uppercase tracking-wider">Key Achievement</div>
<div class="text-xl font-bold text-gray-800">Reduced deployment time from months to minutes</div>
</div>
<div class="flex gap-4">
<a href="https://blogs.nvidia.com/blog/rsna-siemens-healthineers-monai-medical-imaging-ai/" target="_blank" class="inline-flex items-center gap-3 px-8 py-3 bg-white text-brand-primary border-2 border-brand-primary rounded-lg hover:bg-brand-primary hover:text-white transition-all duration-300 group/link font-semibold">
Read Full Story
<svg class="w-5 h-5 transition-transform group-hover/link:translate-x-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="max-w-4xl mx-auto">
<hr class="border-gray-200 opacity-50">
</div>
<!-- Mercure Story -->
<div class="group relative">
<!-- Background accent -->
<div class="absolute inset-0 bg-brand-light/5 rounded-2xl -m-6 opacity-0 group-hover:opacity-100 transition-all duration-300"></div>
<div class="grid lg:grid-cols-1 gap-12 lg:gap-20 items-center">
<div class="order-1 lg:order-1">
<div class="relative">
<!-- Decorative elements -->
<div class="absolute -top-4 -right-4 w-72 h-72 bg-brand-primary/5 rounded-full blur-3xl"></div>
<div class="relative">
<div class="flex items-center gap-4 mb-8">
<img src="assets/img/mercure_logo.png" alt="Mercure" class="h-14 object-contain">
<span class="px-4 py-2 bg-brand-primary/10 text-brand-primary rounded-full text-sm font-semibold border border-brand-primary/20">Open Source Platform</span>
</div>
<h3 class="text-3xl font-bold text-gray-800 mb-6">Rapid MAP Deployment with DICOM Orchestration</h3>
<p class="text-lg text-gray-600 mb-8 leading-relaxed">
CAI2R has seamlessly integrated MONAI Application Package (MAP) support into the mercure DICOM
Orchestrator. This open-source solution provides intuitive web-based configuration, comprehensive
monitoring, and intelligent routing capabilities that accelerate clinical AI deployment.
</p>
<div class="border-l-4 border-brand-primary pl-6 mb-8 bg-brand-light/10 py-4 pr-4 rounded-r-lg">
<div class="text-sm font-semibold text-brand-primary mb-2 uppercase tracking-wider">Key Feature</div>
<div class="text-xl font-bold text-gray-800">Open-source DICOM orchestration with MAP support</div>
</div>
<div class="flex gap-4">
<a href="https://monai.medium.com/rapid-deployment-of-monai-application-packages-maps-in-radiology-workflows-using-the-mercure-fe7cfd77acce" target="_blank" class="inline-flex items-center gap-3 px-8 py-3 bg-white text-brand-primary border-2 border-brand-primary rounded-lg hover:bg-brand-primary hover:text-white transition-all duration-300 group/link font-semibold">
Read Full Story
<svg class="w-5 h-5 transition-transform group-hover/link:translate-x-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="max-w-4xl mx-auto">
<hr class="border-gray-200 opacity-50">
</div>
<!-- AI Centre Story -->
<div class="group relative">
<!-- Background accent -->
<div class="absolute inset-0 bg-brand-light/5 rounded-2xl -m-6 opacity-0 group-hover:opacity-100 transition-all duration-300"></div>
<div class="grid lg:grid-cols-1 gap-12 lg:gap-20 items-center">
<div class="order-2 lg:order-2">
<div class="relative">
<!-- Decorative elements -->
<div class="absolute -top-4 -right-4 w-72 h-72 bg-brand-primary/5 rounded-full blur-3xl"></div>
<div class="relative">
<div class="flex items-center gap-4 mb-8">
<img src="assets/img/aicenter_large.jpg" alt="AI Centre for Value Based Healthcare" class="h-14 object-contain">
<span class="px-4 py-2 bg-brand-primary/10 text-brand-primary rounded-full text-sm font-semibold border border-brand-primary/20">Research Platform</span>
</div>
<h3 class="text-3xl font-bold text-gray-800 mb-6">Transforming NHS Healthcare with AIDE</h3>
<p class="text-lg text-gray-600 mb-8 leading-relaxed">
The AI Centre for Value Based Healthcare's AIDE (AI Deployment Engine) empowers NHS trusts
to safely deploy AI models at scale. This open-source platform seamlessly connects AI to
patient records, delivers real-time analysis, and integrates results directly into clinical systems.
</p>
<div class="border-l-4 border-brand-primary pl-6 mb-8 bg-brand-light/10 py-4 pr-4 rounded-r-lg">
<div class="text-sm font-semibold text-brand-primary mb-2 uppercase tracking-wider">Key Innovation</div>
<div class="text-xl font-bold text-gray-800">Real-time AI analysis integrated with EPR systems</div>
</div>
<div class="flex gap-4">
<a href="https://www.aicentre.co.uk/our-platforms#tab-1" target="_blank" class="inline-flex items-center gap-3 px-8 py-3 bg-white text-brand-primary border-2 border-brand-primary rounded-lg hover:bg-brand-primary hover:text-white transition-all duration-300 group/link font-semibold">
Learn More
<svg class="w-5 h-5 transition-transform group-hover/link:translate-x-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="max-w-4xl mx-auto">
<hr class="border-gray-200 opacity-50">
</div>
<!-- Mayo & Siemens Digital Marketplace Story -->
<div class="group relative">
<!-- Background accent -->
<div class="absolute inset-0 bg-brand-light/5 rounded-2xl -m-6 opacity-0 group-hover:opacity-100 transition-all duration-300"></div>
<div class="grid lg:grid-cols-1 gap-12 lg:gap-20 items-center">
<div class="order-2 lg:order-1">
<div class="relative">
<!-- Decorative elements -->
<div class="absolute -top-4 -left-4 w-72 h-72 bg-brand-primary/5 rounded-full blur-3xl"></div>
<div class="relative">
<div class="flex items-center gap-4 mb-8">
<img src="assets/img/mayo_clinic_logo_hq.png" alt="Mayo Clinic" class="h-14 object-contain">
<span class="mx-2 text-gray-400">×</span>
<img src="assets/img/siemens_logo.png" alt="Siemens Healthineers" class="h-12 object-contain">
<span class="px-4 py-2 bg-brand-primary/10 text-brand-primary rounded-full text-sm font-semibold border border-brand-primary/20">Scalable Deployment</span>
</div>
<h3 class="text-3xl font-bold text-gray-800 mb-6">From Institutional Development to Global Access</h3>
<p class="text-lg text-gray-600 mb-8 leading-relaxed">
Mayo Clinic Florida's AI applications are now accessible to over 10,000 institutions worldwide through
Siemens Healthineers Digital Marketplace. This groundbreaking collaboration demonstrates how MONAI-powered
solutions can be seamlessly scaled from local development to global deployment, enabling researchers
everywhere to leverage advanced AI tools with zero-code installation.
</p>
<div class="border-l-4 border-brand-primary pl-6 mb-8 bg-brand-light/10 py-4 pr-4 rounded-r-lg">
<div class="text-sm font-semibold text-brand-primary mb-2 uppercase tracking-wider">Key Achievement</div>
<div class="text-xl font-bold text-gray-800">10,000+ institutions enabled with 1-hour deployment</div>
</div>
<div class="flex gap-4">
<a href="mayo-siemens-case-study.html" class="inline-flex items-center gap-3 px-8 py-3 bg-white text-brand-primary border-2 border-brand-primary rounded-lg hover:bg-brand-primary hover:text-white transition-all duration-300 group/link font-semibold">
Read Full Case Study
<svg class="w-5 h-5 transition-transform group-hover/link:translate-x-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></section>
<!-- CTA Section -->
<section class="py-24 bg-brand-dark relative overflow-hidden">
<!-- Background Pattern -->
<div class="absolute inset-0 opacity-10">
<div class="absolute inset-0" style="background-image: url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23ffffff" fill-opacity="0.3"%3E%3Cpath d="M0 40L40 0H20L0 20M40 40V20L20 40"/%3E%3C/g%3E%3C/svg%3E');"></div>
</div>
<div class="container relative z-10">
<div class="text-center max-w-4xl mx-auto">
<h2 class="text-2xl lg:text-3xl font-bold text-white mb-4">Share Your Success Story</h2>
<p class="text-base lg:text-lg text-white/80 mb-8 leading-relaxed">
Are you using MONAI to transform healthcare? We'd love to feature your implementation
and inspire others in the community.
</p>
<a href="https://github.com/Project-MONAI/project-monai.github.io/issues" target="_blank"
class="inline-flex items-center gap-2 px-6 py-3 bg-white text-brand-dark rounded-lg hover:bg-gray-100 transition-all duration-300 group font-semibold text-base shadow-lg hover:shadow-xl transform hover:-translate-y-1">
Share Your Story
<svg class="w-5 h-5 transition-transform group-hover:translate-x-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
</svg>
</a>
</div>
</div>
</section>
</main>
<!-- Include Footer Component -->
<!-- #include file="components/footer.html" -->
<!-- Include Scripts Component -->
<!-- #include file="components/scripts.html" -->
</body>
</html>