151 lines
9.8 KiB
Plaintext
151 lines
9.8 KiB
Plaintext
@page
|
|
@model ClinicalDecisionSupportModel
|
|
@{
|
|
ViewData["Title"] = "Clinical Decision Support";
|
|
}
|
|
|
|
<!-- Hero Section -->
|
|
<section class="relative overflow-hidden pt-16 pb-20 lg:pt-24 lg:pb-24 bg-gradient-to-b from-white via-slate-50 to-brand-light/30">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
|
<div class="max-w-3xl mx-auto space-y-4 text-center">
|
|
<span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-brand-light text-brand text-xs font-bold uppercase tracking-wider">
|
|
<i class="fa-solid fa-brain"></i> Point-of-Care Intelligence
|
|
</span>
|
|
<h1 class="text-4xl sm:text-5xl font-extrabold text-slate-900 tracking-tight leading-tight">
|
|
Evidence-based guidance <span class="text-brand">at the point of care</span>
|
|
</h1>
|
|
<p class="text-lg text-slate-600">
|
|
Our CDS platform cross-checks every order, dose, and result in real time — surfacing the safest, most effective option exactly where care happens.
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-4">
|
|
<a href="/RequestDemo" class="w-full sm:w-auto bg-brand hover:bg-brand-dark text-white font-semibold px-8 py-4 rounded-xl shadow-lg shadow-brand/25 transition-all text-center">
|
|
Request a demo <i class="fa-solid fa-arrow-right ml-2"></i>
|
|
</a>
|
|
<a href="#interoperability" class="w-full sm:w-auto bg-white hover:bg-slate-50 text-slate-700 font-semibold px-8 py-4 rounded-xl border border-slate-200 transition-all text-center">
|
|
See how it connects
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Capabilities Section -->
|
|
<section id="capabilities" class="py-24 bg-white">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="text-center max-w-3xl mx-auto space-y-4 mb-16">
|
|
<h2 class="text-xs font-bold tracking-widest text-brand uppercase">Clinical Intelligence</h2>
|
|
<h3 class="text-3xl font-extrabold text-slate-900 tracking-tight">Decision support that works the way clinicians do</h3>
|
|
<p class="text-slate-600">Real-time recommendations built on live patient data — engineered to catch risk early and keep every treatment choice aligned with current evidence.</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
|
<!-- Card 1 -->
|
|
<div class="bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-xl transition-all group">
|
|
<div class="w-14 h-14 rounded-xl bg-brand-light text-brand flex items-center justify-center text-xl font-bold mb-6 group-hover:bg-brand group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-brain"></i>
|
|
</div>
|
|
<h4 class="text-xl font-bold text-slate-900 mb-3">Error Reduction by Design</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed">
|
|
Every order, dose, and result is cross-checked against intelligent, evidence-based algorithms the moment it enters the chart — flagging unsafe combinations, duplicates, and allergies before they reach the patient.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Card 2 -->
|
|
<div class="bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-xl transition-all group">
|
|
<div class="w-14 h-14 rounded-xl bg-brand-light text-brand flex items-center justify-center text-xl font-bold mb-6 group-hover:bg-brand group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-stethoscope"></i>
|
|
</div>
|
|
<h4 class="text-xl font-bold text-slate-900 mb-3">Optimized Treatment Choices</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed">
|
|
Recommendations weigh current guidelines, live lab values, and documented history to surface the therapies most likely to work for the patient in front of you.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Card 3 -->
|
|
<div class="bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-xl transition-all group">
|
|
<div class="w-14 h-14 rounded-xl bg-brand-light text-brand flex items-center justify-center text-xl font-bold mb-6 group-hover:bg-brand group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-bell"></i>
|
|
</div>
|
|
<h4 class="text-xl font-bold text-slate-900 mb-3">Alerts That Fit the Workflow</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed">
|
|
Smart, low-noise alerts arrive inside the EHR where care is already happening — no extra tab to switch to, no broken flow, no alert fatigue.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Card 4 -->
|
|
<div class="bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-xl transition-all group">
|
|
<div class="w-14 h-14 rounded-xl bg-brand-light text-brand flex items-center justify-center text-xl font-bold mb-6 group-hover:bg-brand group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-circle-nodes"></i>
|
|
</div>
|
|
<h4 class="text-xl font-bold text-slate-900 mb-3">FHIR® & HL7v2 Native</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed">
|
|
Built on open healthcare standards, so guidance is generated from the complete clinical picture — labs, pharmacy, history, and beyond.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Interoperability Section -->
|
|
<section id="interoperability" class="py-24 bg-slate-900 text-white relative overflow-hidden">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
|
|
<div class="space-y-6">
|
|
<span class="text-brand-accent text-xs font-bold uppercase tracking-widest bg-brand-accent/10 px-3 py-1 rounded-full">Standards-Based Exchange</span>
|
|
<h2 class="text-3xl lg:text-4xl font-extrabold tracking-tight">Connected to the systems you already run</h2>
|
|
<p class="text-slate-300">
|
|
Guidance is only as strong as the data behind it. Plus Health Tech exchanges structured messaging with your EHR, labs, pharmacy, and registries through FHIR® and HL7v2 — so every recommendation reflects the complete, current clinical picture.
|
|
</p>
|
|
<ul class="space-y-3 text-sm text-slate-300">
|
|
<li class="flex items-center gap-3">
|
|
<i class="fa-solid fa-check text-brand-accent"></i> FHIR® R4 resources & HL7v2 messaging
|
|
</li>
|
|
<li class="flex items-center gap-3">
|
|
<i class="fa-solid fa-check text-brand-accent"></i> Encrypted, enterprise-grade data exchange
|
|
</li>
|
|
<li class="flex items-center gap-3">
|
|
<i class="fa-solid fa-check text-brand-accent"></i> Real-time synchronization across care sites
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="bg-slate-800/80 p-8 rounded-2xl border border-slate-700 backdrop-blur-sm">
|
|
<div class="flex items-center justify-between pb-3 border-b border-slate-700 text-xs text-slate-400">
|
|
<span>Message Exchange</span>
|
|
<span class="text-emerald-400 font-mono">ACK · 200 OK</span>
|
|
</div>
|
|
<div class="space-y-3">
|
|
<div class="font-mono text-xs bg-slate-950 p-4 rounded-xl overflow-x-auto">
|
|
<p class="text-slate-500 mb-1"><span class="text-emerald-400 font-bold">IN</span> · HL7v2 lab result</p>
|
|
<p class="text-brand-accent">OBR|1|ORD-48213|LAB-88910^LIS||Potassium|Stat</p>
|
|
</div>
|
|
<div class="font-mono text-xs bg-slate-950 p-4 rounded-xl overflow-x-auto">
|
|
<p class="text-slate-500 mb-1"><span class="text-sky-400 font-bold">OUT</span> · FHIR® CDS recommendation</p>
|
|
<p class="text-brand-accent">"code": "renal-dosing-review", "status": "active"</p>
|
|
</div>
|
|
</div>
|
|
<p class="pt-4 text-xs text-slate-400 text-center">Structured messaging in both directions — no point-to-point integrations to maintain.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA Section -->
|
|
<section class="py-24 bg-slate-50">
|
|
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="bg-gradient-to-br from-brand to-brand-dark text-white rounded-2xl p-10 sm:p-14 shadow-xl shadow-brand/20 text-center space-y-4">
|
|
<h2 class="text-3xl font-extrabold tracking-tight">See CDS working in your workflow</h2>
|
|
<p class="text-slate-200 max-w-2xl mx-auto">
|
|
Book a walkthrough with our clinical team and watch live decision support run against the way your care setting actually operates.
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-2">
|
|
<a href="/RequestDemo" class="w-full sm:w-auto bg-white text-brand hover:bg-slate-100 font-semibold px-8 py-4 rounded-xl shadow-md transition-all text-center">
|
|
Request a demo <i class="fa-solid fa-arrow-right ml-2"></i>
|
|
</a>
|
|
<a href="/PatientManagement" class="w-full sm:w-auto text-white font-semibold px-8 py-4 rounded-xl border border-white/40 hover:bg-white/10 transition-all text-center">
|
|
Explore Patient Management
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|