|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Features - CureLens AI</title> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<script src="components/navbar.js"></script> |
|
|
<script src="components/footer.js"></script> |
|
|
</head> |
|
|
<body class="bg-gray-50 min-h-screen flex flex-col"> |
|
|
<custom-navbar></custom-navbar> |
|
|
|
|
|
<main class="flex-grow container mx-auto px-4 py-8"> |
|
|
<div class="text-center mb-12"> |
|
|
<h1 class="text-3xl font-bold text-gray-800 mb-4">CureLens AI Features</h1> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto"> |
|
|
Comprehensive clinical decision support tools designed to enhance medication safety and patient outcomes. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
<div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300"> |
|
|
<div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4"> |
|
|
<i data-feather="activity" class="text-blue-600"></i> |
|
|
</div> |
|
|
<h2 class="text-xl font-semibold mb-3">Drug Interaction Checker</h2> |
|
|
<p class="text-gray-600 mb-4">Real-time analysis of potential drug interactions with comprehensive risk assessment.</p> |
|
|
<ul class="space-y-2 text-gray-600"> |
|
|
<li>• Reduces adverse drug events</li> |
|
|
<li>• Identifies high-risk combinations</li> |
|
|
<li>• Provides severity ratings</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300"> |
|
|
<div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mb-4"> |
|
|
<i data-feather="user" class="text-green-600"></i> |
|
|
</div> |
|
|
<h2 class="text-xl font-semibold mb-3">Patient Risk Assessment</h2> |
|
|
<p class="text-gray-600 mb-4">Personalized risk evaluation based on patient-specific factors and medical history.</p> |
|
|
<ul class="space-y-2 text-gray-600"> |
|
|
<li>• Considers age, weight, and comorbidities</li> |
|
|
<li>• Adjusts for renal/hepatic function</li> |
|
|
<li>• Flags high-risk patients</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300"> |
|
|
<div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mb-4"> |
|
|
<i data-feather="shield" class="text-purple-600"></i> |
|
|
</div> |
|
|
<h2 class="text-xl font-semibold mb-3">Safe Alternative Finder</h2> |
|
|
<p class="text-gray-600 mb-4">Recommends safer medication alternatives based on evidence-based guidelines.</p> |
|
|
<ul class="space-y-2 text-gray-600"> |
|
|
<li>• Suggests equally effective options</li> |
|
|
<li>• Highlights cost-effective alternatives</li> |
|
|
<li>• Provides transition guidance</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300"> |
|
|
<div class="w-12 h-12 bg-yellow-100 rounded-full flex items-center justify-center mb-4"> |
|
|
<i data-feather="bar-chart-2" class="text-yellow-600"></i> |
|
|
</div> |
|
|
<h2 class="text-xl font-semibold mb-3">Dosing Optimization</h2> |
|
|
<p class="text-gray-600 mb-4">Precision dosing recommendations tailored to individual patient characteristics.</p> |
|
|
<ul class="space-y-2 text-gray-600"> |
|
|
<li>• Adjusts for pharmacokinetic factors</li> |
|
|
<li>• Considers drug-disease interactions</li> |
|
|
<li>• Provides loading/maintenance dose guidance</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300"> |
|
|
<div class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center mb-4"> |
|
|
<i data-feather="alert-triangle" class="text-red-600"></i> |
|
|
</div> |
|
|
<h2 class="text-xl font-semibold mb-3">Allergy Alerts</h2> |
|
|
<p class="text-gray-600 mb-4">Comprehensive allergy checking against medication components and cross-reactivity.</p> |
|
|
<ul class="space-y-2 text-gray-600"> |
|
|
<li>• Checks for inactive ingredients</li> |
|
|
<li>• Identifies structural similarities</li> |
|
|
<li>• Provides cross-sensitivity warnings</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300"> |
|
|
<div class="w-12 h-12 bg-indigo-100 rounded-full flex items-center justify-center mb-4"> |
|
|
<i data-feather="book" class="text-indigo-600"></i> |
|
|
</div> |
|
|
<h2 class="text-xl font-semibold mb-3">Clinical Guidelines</h2> |
|
|
<p class="text-gray-600 mb-4">Integrated access to current clinical guidelines and treatment protocols.</p> |
|
|
<ul class="space-y-2 text-gray-600"> |
|
|
<li>• Condition-specific recommendations</li> |
|
|
<li>• Links to primary sources</li> |
|
|
<li>• Keeps guidelines up-to-date</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</main> |
|
|
|
|
|
<custom-footer></custom-footer> |
|
|
<script> |
|
|
feather.replace(); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
