quantumrad-website / services.html
DMT91's picture
Add the uploaded logo image - Follow Up Deployment
9182994 verified
<!DOCTYPE html>
<html lang="en-ET">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Services - AI Teleradiology & RIS/PACS Solutions | Quantummed</title>
<meta name="description" content="Discover Quantummed's comprehensive Teleradiology Ethiopia services, AI Radiology analysis, and integrated RIS/PACS solutions designed for Ethiopian healthcare providers.">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
</head>
<body class="font-sans antialiased text-gray-800 bg-white">
<!-- Navigation (Same as index.html) -->
<nav class="bg-white shadow-sm fixed w-full z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<a href="/" class="flex-shrink-0 flex items-center">
<img src="https://huggingface.co/spaces/DMT91/quantumrad-website/resolve/main/images/20250823_194139.jpg" alt="Quantummed - AI Teleradiology Ethiopia" class="h-8 w-auto">
</a>
</div>
<div class="hidden md:flex items-center space-x-8">
<a href="/services" class="text-blue-600 px-3 py-2 text-sm font-medium">Services</a>
<a href="/pricing" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Pricing</a>
<a href="/blog" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Blog</a>
<a href="/about" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">About</a>
<a href="/contact" class="bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-blue-700 transition">Get Started</a>
</div>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="pt-32 pb-16 bg-gradient-to-br from-blue-50 to-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">Advanced Teleradiology Services for Ethiopia</h1>
<p class="text-xl text-gray-600 mb-8 max-w-3xl mx-auto">Leverage our AI-powered platform to access expert radiology interpretations, reduce diagnostic delays, and improve patient outcomes.</p>
<a href="/pricing" class="bg-blue-600 text-white px-6 py-3 rounded-md text-lg font-medium hover:bg-blue-700 transition shadow-md">View Pricing</a>
</div>
</div>
</section>
<!-- Services Tabs -->
<section class="py-16 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div class="lg:col-span-1">
<div class="sticky top-24 space-y-2">
<button class="service-tab-btn w-full text-left px-4 py-3 rounded-lg font-medium bg-blue-100 text-blue-800" data-tab="teleradiology">Teleradiology Services</button>
<button class="service-tab-btn w-full text-left px-4 py-3 rounded-lg font-medium text-gray-600 hover:bg-gray-100" data-tab="ai-radiology">AI Radiology Analysis</button>
<button class="service-tab-btn w-full text-left px-4 py-3 rounded-lg font-medium text-gray-600 hover:bg-gray-100" data-tab="ris-pacs">RIS/PACS Integration</button>
</div>
</div>
<div class="lg:col-span-2">
<div id="teleradiology" class="service-tab-content">
<h2 class="text-3xl font-bold text-gray-900 mb-6">Expert Teleradiology Services</h2>
<p class="text-gray-600 mb-6">Our board-certified radiologists provide timely and accurate interpretations of medical images, enabling healthcare facilities across Ethiopia to extend their diagnostic capabilities.</p>
<ul class="space-y-3 mb-8">
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
<span>24/7 access to specialist radiologists, reducing time-to-diagnosis significantly</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
<span>Emergency cases prioritized with turnaround times as low as 30 minutes</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
<span>Subspecialty interpretations in neuroradiology, musculoskeletal, and body imaging</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
<span>Secure, HIPAA-compliant image transfer and reporting platform</span>
</li>
</ul>
<div class="bg-blue-50 p-6 rounded-lg">
<p class="text-blue-800 font-medium">Starting from competitive per-case rates with volume discounts available</p>
</div>
</div>
<div id="ai-radiology" class="service-tab-content hidden">
<h2 class="text-3xl font-bold text-gray-900 mb-6">AI-Powered Radiology Analysis</h2>
<p class="text-gray-600 mb-6">Our proprietary AI algorithms enhance radiologist performance by detecting abnormalities, measuring structures, and prioritizing urgent cases.</p>
<ul class="space-y-3 mb-8">
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
<span>Automated detection of pulmonary nodules, fractures, and intracranial hemorrhages</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
<span>Quantitative analysis tools for precise measurements and tracking</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
<span>Case prioritization system flags potentially critical findings immediately</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
<span>Continuous learning system improves accuracy with each case processed</span>
</li>
</ul>
<div class="bg-blue-50 p-6 rounded-lg">
<p class="text-blue-800 font-medium">Available as add-on to teleradiology services or standalone analysis packages</p>
</div>
</div>
<div id="ris-pacs" class="service-tab-content hidden">
<h2 class="text-3xl font-bold text-gray-900 mb-6">Integrated RIS/PACS Solutions</h2>
<p class="text-gray-600 mb-6">Our cloud-based Radiology Information System and Picture Archiving and Communication System streamline workflow management for imaging departments.</p>
<ul class="space-y-3 mb-8">
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
<span>Complete patient management from scheduling to reporting and billing</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
<span>Cloud-based storage eliminates need for expensive on-premise servers</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
<span>Seamless integration with existing hospital information systems</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
<span>Mobile access for referring physicians to view images and reports anywhere</span>
</li>
</ul>
<div class="bg-blue-50 p-6 rounded-lg">
<p class="text-blue-800 font-medium">Flexible subscription models with implementation support included</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Process Flow -->
<section class="py-16 bg-gray-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Our Simple 4-Step Process</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<div class="text-center" data-aos="fade-up">
<div class="bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-md">
<span class="text-2xl font-bold text-blue-600">1</span>
</div>
<h3 class="text-xl font-semibold mb-2">Upload Images</h3>
<p class="text-gray-600">Securely send DICOM images through our web portal or integrated PACS system.</p>
</div>
<div class="text-center" data-aos="fade-up" data-aos-delay="100">
<div class="bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-md">
<span class="text-2xl font-bold text-blue-600">2</span>
</div>
<h3 class="text-xl font-semibold mb-2">AI Analysis</h3>
<p class="text-gray-600">Our algorithms pre-process images, detecting abnormalities and prioritizing cases.</p>
</div>
<div class="text-center" data-aos="fade-up" data-aos-delay="200">
<div class="bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-md">
<span class="text-2xl font-bold text-blue-600">3</span>
</div>
<h3 class="text-xl font-semibold mb-2">Expert Review</h3>
<p class="text-gray-600">Board-certified radiologists interpret studies with AI assistance for enhanced accuracy.</p>
</div>
<div class="text-center" data-aos="fade-up" data-aos-delay="300">
<div class="bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-md">
<span class="text-2xl font-bold text-blue-600">4</span>
</div>
<h3 class="text-xl font-semibold mb-2">Receive Report</h3>
<p class="text-gray-600">Get comprehensive reports delivered directly to your preferred system within hours.</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="py-16 bg-blue-600 text-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 class="text-3xl font-bold mb-4">Ready to Transform Your Radiology Services?</h2>
<p class="text-xl mb-8 max-w-3xl mx-auto">Join healthcare providers across Ethiopia who are already reducing diagnosis times and improving patient care with Quantummed.</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="/contact" class="bg-white text-blue-600 px-6 py-3 rounded-md text-lg font-medium hover:bg-blue-50 transition shadow-md">Get Started</a>
<a href="/pricing" class="border border-white text-white px-6 py-3 rounded-md text-lg font-medium hover:bg-white hover:text-blue-600 transition">View Pricing</a>
</div>
</div>
</section>
<!-- Footer (Same as index.html) -->
<footer class="bg-gray-900 text-white py-12">
<!-- Footer content from index.html -->
</footer>
<script>
AOS.init();
feather.replace();
// Service tabs functionality
document.querySelectorAll('.service-tab-btn').forEach(button => {
button.addEventListener('click', () => {
// Remove active class from all buttons
document.querySelectorAll('.service-tab-btn').forEach(btn => {
btn.classList.remove('bg-blue-100', 'text-blue-800');
btn.classList.add('text-gray-600', 'hover:bg-gray-100');
});
// Add active class to clicked button
button.classList.add('bg-blue-100', 'text-blue-800');
button.classList.remove('text-gray-600', 'hover:bg-gray-100');
// Hide all content
document.querySelectorAll('.service-tab-content').forEach(content => {
content.classList.add('hidden');
});
// Show selected content
const tabId = button.getAttribute('data-tab');
document.getElementById(tabId).classList.remove('hidden');
});
});
</script>
</body>
</html>