183 lines
11 KiB
Plaintext
183 lines
11 KiB
Plaintext
@page
|
|
@model IndexModel
|
|
@{
|
|
ViewData["Title"] = "Home page";
|
|
}
|
|
|
|
<!-- Hero Section -->
|
|
<section class="relative overflow-hidden pt-16 pb-24 lg:pt-24 lg:pb-32 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="grid grid-cols-1 lg:grid-cols-12 gap-12 items-center">
|
|
<!-- Text Content -->
|
|
<div class="lg:col-span-7 space-y-6 text-center lg:text-left">
|
|
<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-circle-nodes"></i> Next-Gen Health Interoperability
|
|
</span>
|
|
<h1 class="text-4xl sm:text-5xl lg:text-6xl font-extrabold text-slate-900 tracking-tight leading-tight">
|
|
Empowering <span class="text-[#1c8098]">Clinical Decisions</span> & Patient Care
|
|
</h1>
|
|
<p class="text-lg text-slate-600 max-w-2xl mx-auto lg:mx-0">
|
|
Deliver superior healthcare outcomes with our fully interoperable Clinical Decision Support (CDS), advanced Patient Management software, and specialized veterinary platforms.
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4 pt-4">
|
|
<a href="#contact" class="w-full sm:w-auto bg-[#1c8098] hover:bg-[#145f72] text-white font-semibold px-8 py-4 rounded-xl shadow-lg shadow-brand/25 transition-all text-center">
|
|
Explore Platform <i class="fa-solid fa-arrow-right ml-2"></i>
|
|
</a>
|
|
<a href="#solutions" 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">
|
|
View Solutions
|
|
</a>
|
|
</div>
|
|
<!-- Trust Metrics -->
|
|
<div class="pt-8 border-t border-slate-200/80 grid grid-cols-3 gap-4 text-left">
|
|
<div>
|
|
<p class="text-2xl font-bold text-slate-900">99.9%</p>
|
|
<p class="text-xs text-slate-500 font-medium">System Uptime</p>
|
|
</div>
|
|
<div>
|
|
<p class="text-2xl font-bold text-slate-900">FHIR®</p>
|
|
<p class="text-xs text-slate-500 font-medium">Ready Interoperability</p>
|
|
</div>
|
|
<div>
|
|
<p class="text-2xl font-bold text-slate-900">24/7</p>
|
|
<p class="text-xs text-slate-500 font-medium">Clinical Support</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Hero Graphic / UI Mockup Preview -->
|
|
<div class="lg:col-span-5">
|
|
<div class="bg-white p-6 rounded-2xl shadow-xl border border-slate-100 relative">
|
|
<div class="absolute -top-3 -right-3 bg-brand-vet text-white text-xs font-bold px-3 py-1 rounded-full shadow-md">
|
|
Live Sync Active
|
|
</div>
|
|
<div class="flex items-center justify-between pb-4 border-b border-slate-100">
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-10 h-10 rounded-xl bg-brand-light text-brand flex items-center justify-center font-bold">
|
|
<i class="fa-solid fa-heart-pulse"></i>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-bold text-slate-800 text-sm">CDS Core Engine</h4>
|
|
<p class="text-xs text-slate-400">Real-time risk analytics</p>
|
|
</div>
|
|
</div>
|
|
<span class="w-3 h-3 rounded-full bg-emerald-500 animate-pulse"></span>
|
|
</div>
|
|
<div class="space-y-3 py-4">
|
|
<div class="p-3 bg-slate-50 rounded-xl border border-slate-100 text-xs flex items-center justify-between">
|
|
<span class="font-medium text-slate-700">Patient Data Stream (HL7/FHIR)</span>
|
|
<span class="text-brand font-bold">Synced</span>
|
|
</div>
|
|
<div class="p-3 bg-brand-light/50 rounded-xl border border-brand/20 text-xs">
|
|
<p class="font-bold text-brand-dark mb-1"><i class="fa-solid fa-triangle-exclamation mr-1"></i> CDS Alert Recommendation</p>
|
|
<p class="text-slate-600">Cross-reference suggests optimal dosage adjustment based on recent lab updates.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pt-2 flex items-center justify-between text-xs text-slate-400">
|
|
<span>Secure Cloud Node</span>
|
|
<span class="font-semibold text-slate-700">HIPAA Compliant</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Core Solutions Section -->
|
|
<section id="solutions" 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">Comprehensive Architecture</h2>
|
|
<h3 class="text-3xl font-extrabold text-slate-900 tracking-tight">Engineered for Modern Healthcare Ecosystems</h3>
|
|
<p class="text-slate-600">Seamlessly integrate data silos, streamline care pathways, and elevate patient outcomes across multiple disciplines.</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 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-[#1c8098] 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">Clinical Decision Support</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed mb-6">
|
|
Deliver evidence-based guidance at the point of care with intelligent algorithms built to reduce medical errors and optimize treatment choices.
|
|
</p>
|
|
<a href="#" class="text-brand font-semibold text-sm inline-flex items-center gap-1 hover:gap-2 transition-all">
|
|
Learn more <i class="fa-solid fa-arrow-right text-xs"></i>
|
|
</a>
|
|
</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-[#1c8098] group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-hospital-user"></i>
|
|
</div>
|
|
<h4 class="text-xl font-bold text-slate-900 mb-3">Patient Management</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed mb-6">
|
|
End-to-end patient workflow tools from intake to discharge, maximizing clinic efficiency and keeping communication channels transparent.
|
|
</p>
|
|
<a href="#" class="text-brand font-semibold text-sm inline-flex items-center gap-1 hover:gap-2 transition-all">
|
|
Learn more <i class="fa-solid fa-arrow-right text-xs"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Card 3 -->
|
|
<div id="veterinary" 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-teal-50 text-brand-vet flex items-center justify-center text-xl font-bold mb-6 group-hover:bg-brand-vet group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-paw"></i>
|
|
</div>
|
|
<h4 class="text-xl font-bold text-slate-900 mb-3">Veterinarian Solutions</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed mb-6">
|
|
Specialized veterinary software tailored for animal clinics, integrating EHR records, imaging, and tailored diagnostic decision tools.
|
|
</p>
|
|
<a href="#" class="text-brand-vet font-semibold text-sm inline-flex items-center gap-1 hover:gap-2 transition-all">
|
|
Explore Vet Tech <i class="fa-solid fa-arrow-right text-xs"></i>
|
|
</a>
|
|
</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">Universal Standards</span>
|
|
<h2 class="text-3xl lg:text-4xl font-extrabold tracking-tight">Built on True Interoperability</h2>
|
|
<p class="text-slate-300">
|
|
Healthcare data shouldn't live in silos. Plus Health Tech connects disparate legacy hospital systems, labs, and modern apps through standardized FHIR APIs and secure messaging protocols.
|
|
</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> HL7 & FHIR Standard Compliance
|
|
</li>
|
|
<li class="flex items-center gap-3">
|
|
<i class="fa-solid fa-check text-brand-accent"></i> Secure, Enterprise-Grade API Gateway
|
|
</li>
|
|
<li class="flex items-center gap-3">
|
|
<i class="fa-solid fa-check text-brand-accent"></i> Real-time multi-facility synchronization
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="bg-slate-800/80 p-8 rounded-2xl border border-slate-700 backdrop-blur-sm">
|
|
<div class="space-y-4">
|
|
<div class="flex items-center justify-between pb-3 border-b border-slate-700 text-xs text-slate-400">
|
|
<span>API Bridge Status</span>
|
|
<span class="text-emerald-400 font-mono">200 OK (Active)</span>
|
|
</div>
|
|
<div class="font-mono text-xs bg-slate-950 p-4 rounded-xl text-brand-accent overflow-x-auto">
|
|
<code>
|
|
{<br>
|
|
"resourceType": "Patient",<br>
|
|
"interoperable": true,<br>
|
|
"system": "PlusHealthTech-CDS-v4"<br>
|
|
}
|
|
</code>
|
|
</div>
|
|
<p class="text-xs text-slate-400 text-center">Lightning fast synchronization across multi-platform networks.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|