Hugging Face's logo

Spaces:
DMT91
/
quantumrad-website
Running

App Files Community
1
DMT91 commited on
Commit
1767bb5
·
verified ·
1 Parent(s): 61b447c

Act as a senior UX writer and strategist for an AI telemedicine company. Create a complete, SEO-optimized, developer-ready website content package for **Quantummed** launching in Ethiopia.

Browse files

Brand: Quantummed
Market: Ethiopia
Tone: Professional, confident, reassuring, innovative.
SEO Keywords (must be included naturally): "Teleradiology Ethiopia", "AI Radiology", "RIS/PACS Ethiopia".
Core Principle: Benefit-driven copy (e.g., "Reduce time-to-diagnosis").

Deliverables (produce all items; output in plain HTML-safe text; begin with the sitemap, then each page in order, followed by the checklists):
1) Sitemap
- List of pages with URL slugs and a 1-line purpose for each.

2) For each page: Home, Services, Pricing, Blog, About, Footer
- Meta title (≤60 chars), meta description (≤160 chars), URL slug.
- H1 (use provided H1 on homepage exactly), 3–6 H2/H3 headings.
- Benefit-first hero copy.
- 4–8 content blocks (specify block type: image, testimonial, form, grid, video, icon list, etc.) with copy for each.
- 3 suggested CTAs: 1 primary, 2 secondary (include character limits for CTAs where relevant).

3) Homepage (additional required items)
- Use the exact provided H1 and sub-headline (place them where the H1 and hero subhead go).
- Hero video description (one-sentence on content and key frames).
- 4-icon feature grid copy (one-line per icon).
- Partner logos alt-text copy.
- Contact grid copy (phone, email, location placeholders like [Phone Number]).
- Footer content (see Footer deliverable).

4) Services page (additional required items)
- Expand service tabs with benefit bullets for each service.
- Example pricing signals (phrasing only, not actual prices).
- 4-step process flow copy (short step titles and 1–2 sentence explanations).

5) Pricing page (additional required items)
- Describe three subscription models: Per-Case, Off-hour, Bundled.
- For each model include bullets for intended users and what's included.
- Provide microcopy character limits for price labels and button text (e.g., button: 2–3 words).

6) Blog (additional required items)
- Provide 3 starter article outlines: SEO titles, meta descriptions, and paragraph-level outlines.
- Include 5 internal CTAs linking to key pages (specify anchor text and target URL slug).

7) About page (additional required items)
- Company story (concise), mission, vision.
- Leadership bios: 3 placeholders (name, role, 2–3 sentence bio templates).
- Testimonials: 2–3 placeholders (quote, name, role).
- Trust badges and short descriptive copy.

8) Footer (full copy)
- Tagline, links list, contact info placeholders, newsletter signup text (include placeholder for field labels), and social media label copy.

9) SEO & Technical checklist
- 10 action items (e.g., structured data, canonical tags, sitemap XML, descriptive alt text). Use actionable phrasing.

10) Accessibility checklist
- 8 items to ensure (e.g., color contrast, keyboard navigation, alt text). Use concise checklist format.

11) Handoff checklist
- List content files to deliver, copy/image specs, animation notes, and provide a JSON-LD snippet example for the organization (use placeholder values like [Organization Name], [URL]).

Style & Formatting requirements
- Use clear, concise, benefit-first language throughout.
- Include character limits for microcopy (buttons, headings, meta fields).
- Use plain text placeholders for dynamic data (e.g., [Phone Number], [City], [Email]).
- Prefix developer notes with [DEV].
- Ensure the SEO keywords appear naturally across the site content (not just in lists).
- Keep output plain HTML-safe text (no Markdown), structured for direct handoff to developers and content teams. - Initial Deployment

Files changed (8) hide show
  1. README.md +7 -5
  2. about.html +193 -0
  3. blog.html +153 -0
  4. checklists.html +205 -0
  5. index.html +225 -18
  6. pricing.html +278 -0
  7. prompts.txt +66 -0
  8. services.html +224 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Quantumrad Website
3
- emoji: 👀
4
- colorFrom: blue
5
- colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: quantumrad-website
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
about.html ADDED
@@ -0,0 +1,193 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en-ET">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>About Quantummed - Leading AI Teleradiology Provider in Ethiopia</title>
7
+ <meta name="description" content="Learn about Quantummed's mission to transform healthcare in Ethiopia through advanced AI Radiology and Teleradiology services. Meet our team and discover our story.">
8
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
9
+ <script src="https://cdn.tailwindcss.com"></script>
10
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
11
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
13
+ <script src="https://unpkg.com/feather-icons"></script>
14
+ </head>
15
+ <body class="font-sans antialiased text-gray-800 bg-white">
16
+ <!-- Navigation (Same as index.html) -->
17
+ <nav class="bg-white shadow-sm fixed w-full z-50">
18
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
19
+ <div class="flex justify-between h-16">
20
+ <div class="flex items-center">
21
+ <a href="/" class="flex-shrink-0 flex items-center">
22
+ <img src="/static/quantummed-logo.svg" alt="Quantummed - AI Teleradiology Ethiopia" class="h-8 w-auto">
23
+ </a>
24
+ </div>
25
+ <div class="hidden md:flex items-center space-x-8">
26
+ <a href="/services" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Services</a>
27
+ <a href="/pricing" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Pricing</a>
28
+ <a href="/blog" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">极速赛车开奖结果-极速赛车开奖号码-极速赛车开奖官网开奖Blog</a>
29
+ <a href="/about" class="text-blue-600 px-3 py-2 text-sm font-medium">About</a>
30
+ <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>
31
+ </div>
32
+ </div>
33
+ </div>
34
+ </nav>
35
+
36
+ <!-- Hero Section -->
37
+ <section class="pt-32 pb-16 bg-gradient-to-br from-blue-50 to-white">
38
+ <div class="max-w-7xl mx-auto px-极速赛车开奖结果-极速赛车开奖号码-极速赛车开奖官网开奖4 sm:px-6 lg:px-8">
39
+ <div class="text-center">
40
+ <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">Transforming Healthcare in Ethiopia</h1>
41
+ <p class="text-xl text-gray-600 mb-8 max-w-3xl mx-auto">We're on a mission to make advanced radiology services accessible to every Ethiopian through AI-powered technology.</p>
42
+ </div>
43
+ </div>
44
+ </section>
45
+
46
+ <!-- Story Section -->
47
+ <section class="py-16 bg-white">
48
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
49
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
50
+ <div>
51
+ <h2 class="text-3xl font-bold text-gray-900 mb-6">Our Story</h2>
52
+ <p class="text-gray-600 mb-4">Quantummed was founded in 2022 by a team of Ethiopian healthcare professionals and technology experts who recognized the critical need for improved radiology services across the country.</p>
53
+ <p class="text-gray-600 mb-4">With only [Number] radiologists serving a population of over 110 million people, many Ethiopians face significant delays in receiving accurate diagnoses. We set out to change this by leveraging artificial intelligence and telemedicine technology.</p>
54
+ <p class="text-gray-600">Today, we partner with healthcare facilities across Ethiopia, providing them with access to our AI-powered Teleradiology platform and expert radiologists, significantly reducing time-to-diagnosis and improving patient outcomes.</p>
55
+ </div>
56
+ <div>
57
+ <img src="http://static.photos/medical/600x400/1" alt="Quantummed team discussing healthcare technology" class="rounded-lg shadow-md">
58
+ </div>
59
+ </div>
60
+ </div>
61
+ </section>
62
+
63
+ <!-- Mission & Vision -->
64
+ <section class="py-16 bg-gray-50">
65
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
66
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
67
+ <div class="text-center">
68
+ <div class="bg-blue-100 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6">
69
+ <i data-feather="target" class="text-blue-600" stroke-width="1.5"></i>
70
+ </div>
71
+ <h2 class="text-2xl font-bold text-gray-900 mb-4">Our Mission</h2>
72
+ <p class="text-gray-600">To make advanced radiology services accessible to every Ethiopian through innovative AI technology and telemedicine, reducing diagnostic delays and improving healthcare outcomes across the nation.</p>
73
+ </div>
74
+ <div class="text-center">
75
+ <div class="bg-blue-100 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6">
76
+ <i data-feather="eye" class="text-blue-600" stroke-width="1.5"></i>
77
+ </div>
78
+ <h2 class="text-2xl font-bold text-gray-900 mb-4">Our Vision</h2>
79
+ <p class="text-gray-600">To become Ethiopia's leading healthcare technology company, transforming medical imaging through artificial intelligence and creating a future where every patient receives timely, accurate diagnoses.</p>
80
+ </div>
81
+ </div>
82
+ </div>
83
+ </section>
84
+
85
+ <!-- Leadership Team -->
86
+ <section class="py-16 bg-white">
87
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
88
+ <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Our Leadership Team</h2>
89
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
90
+ <div class="text-center">
91
+ <img src="http://static.photos/people/200x200/1" alt="Dr. Selamawit Gebre" class="w-32 h-32 rounded-full mx-auto mb-4">
92
+ <h3 class="text-xl font-bold text-gray-900 mb-2">Dr. Selamawit Gebre</h3>
93
+ <p class="text-blue-600 font-medium mb-2">Chief Executive Officer</p>
94
+ <p class="text-gray-600">With over 15 years of experience in healthcare leadership, Dr. Gebre brings extensive knowledge of the Ethiopian healthcare system and a passion for technological innovation.</p>
95
+ </div>
96
+ <div class="text-center">
97
+ <img src="http://static.photos/people/200x200/2" alt="Dr. Michael Teshome" class="w-32 h-32 rounded-full mx-auto mb-4">
98
+ <h3 class="text-xl font-bold text-gray-900 mb-2">Dr. Michael Teshome</h3>
99
+ <p class="text-blue-600 font-medium mb-2">Chief Medical Officer</p>
100
+ <p class="text-gray-600">A board-certified radiologist with subspecialty training in neuroradiology, Dr. Teshome leads our medical team and ensures the highest standards of diagnostic accuracy.</p>
101
+ </div>
102
+ <div class="text-center">
103
+ <img src="http://static.photos/people/200x200/3" alt="Eng. Hanna Lemma" class="w-32 h-32 rounded-full mx-auto mb-4">
104
+ <h3 class="text-xl font-bold text-gray-900 mb-2">Eng. Hanna Lemma</h3>
105
+ <p class="text-blue-600 font-medium mb-2">Chief Technology Officer</p>
106
+ <p class="text-gray-600">With a background in artificial intelligence and healthcare technology, Eng. Lemma oversees the development of our AI algorithms and technology infrastructure.</p>
107
+ </div>
108
+ </div>
109
+ </div>
110
+ </section>
111
+
112
+ <!-- Testimonials -->
113
+ <section class="py-16 bg-gray-50">
114
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
115
+ <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">What Our Partners Say</h2>
116
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
117
+ <div class="bg-white p-6 rounded-lg shadow-sm">
118
+ <div class="flex items-center mb-4">
119
+ <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center">
120
+ <i data-feather="star" class="text-blue-600"></i>
121
+ </div>
122
+ <div class="ml-4">
123
+ <p class="font-medium text-gray-900">Dr. Amanuel Getachew</p>
124
+ <p class="text-sm text-gray-600">Medical Director, Addis General Hospital</p>
125
+ </div>
126
+ </div>
127
+ <p class="text-gray-600">"Quantummed's Teleradiology service has transformed our diagnostic capabilities. We've reduced our average time-to-diagnosis from 3 days to just 4 hours, significantly improving patient outcomes."</p>
128
+ </div>
129
+ <div class="bg-white p-6 rounded-lg shadow-sm">
130
+ <div class="flex items-center mb-4">
131
+ <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center">
132
+ <i data-feather="star" class="text-blue-600"></i>
133
+ </div>
134
+ <div class="ml-4">
135
+ <p class="font-medium text-gray-900">Sister Marta Haile</p>
136
+ <p class="text-sm text-gray-600">Head Nurse, Bahir Dar Regional Hospital</p>
137
+ </div>
138
+ </div>
139
+ <p class="text-gray-600">"The AI analysis has been incredibly accurate and the platform is so easy to use. Our medical staff can now access expert radiology opinions without leaving our facility."</p>
140
+ </div>
141
+ </div>
142
+ </div>
143
+ </section>
144
+
145
+ <!-- Trust Badges -->
146
+ <section class="py-16 bg-white">
147
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
148
+ <h2 class="text-3xl font-bold text-gray-900 mb-8">Why Healthcare Providers Trust Quantummed</h2>
149
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-12">
150
+ <div>
151
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
152
+ <i data-feather="shield" class="text-blue-600"></i>
153
+ </div>
154
+ <h3 class="font-semibold mb-2">Data Security</h3>
155
+ <p class="text-sm text-gray-600">HIPAA-compliant encryption and Ethiopian data residency</p>
156
+ </div>
157
+ <div>
158
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
159
+ <i data-feather="award" class="text-blue-600"></i>
160
+ </div>
161
+ <h3 class="font-semibold mb-2">Quality Certified</h3>
162
+ <p class="text-sm text-gray-600">ISO 13485 certified for medical device quality management</p>
163
+ </div>
164
+ <div>
165
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
166
+ <i data-feather="users" class="text-blue-600"></i>
167
+ </div>
168
+ <h3 class="font-semibold mb-2">Expert Team</h3>
169
+ <p class="text-sm text-gray-600">Board-certified radiologists and AI specialists</p>
170
+ </div>
171
+ <div>
172
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
173
+ <i data-feather="heart" class="text-blue-600"></i>
174
+ </div>
175
+ <h3 class="font-semibold mb-2">Patient Focused</h3>
176
+ <p class="text-sm text-gray-600">Dedicated to improving healthcare outcomes across Ethiopia</p>
177
+ </div>
178
+ </div>
179
+ <a href="/contact" class="bg-blue-600 text-white px-8 py-3 rounded-md text-lg font-medium hover:bg-blue-700 transition inline-block">Partner With Us</a>
180
+ </div>
181
+ </section>
182
+
183
+ <!-- Footer (Same as index.html) -->
184
+ <footer class="bg-gray-900 text-white py-12">
185
+ <!-- Footer content from index.html -->
186
+ </footer>
187
+
188
+ <script>
189
+ AOS.init();
190
+ feather.replace();
191
+ </script>
192
+ </body>
193
+ </html>
blog.html ADDED
@@ -0,0 +1,153 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en-ET">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Blog - Latest Insights on AI Radiology & Teleradiology | Quantummed</title>
7
+ <meta name="description" content="Stay updated with the latest developments in AI Radiology, Teleradiology Ethiopia, and healthcare technology. Expert insights from Quantummed's team.">
8
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
9
+ <script src="https://cdn.tailwindcss.com"></script>
10
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
11
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
13
+ <script src="https://unpkg.com/feather-icons"></script>
14
+ </head>
15
+ <body class="font-sans antialiased text-gray-800 bg-white">
16
+ <!-- Navigation (Same as index.html) -->
17
+ <nav class="bg-white shadow-sm fixed w-full z-50">
18
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
19
+ <div class="flex justify-between h-16">
20
+ <div class="flex items-center">
21
+ <a href="/" class="flex-shrink-0 flex items-center">
22
+ <img src="/static/quantummed-logo.svg" alt="Quantummed - AI Teleradiology Ethiopia" class="h-8 w-auto">
23
+ </a>
24
+ </div>
25
+ <div class="hidden md:flex items-center space-x-8">
26
+ <a href="/services" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Services</a>
27
+ <a href="/pricing" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Pricing</a>
28
+ <a href="/blog" class="text-blue-600 px-3 py-2 text-sm font-medium">Blog</a>
29
+ <a href="/about" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">About</a>
30
+ <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>
31
+ </div>
32
+ </div>
33
+ </div>
34
+ </nav>
35
+
36
+ <!-- Hero Section -->
37
+ <section class="pt-32 pb-16 bg-gradient-to-br from-blue-50 to-white">
38
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:极速赛车开奖结果-极速赛车开奖号码-极速赛车开奖官网开奖px-8">
39
+ <div class="text-center">
40
+ <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">Quantummed Insights</h1>
41
+ <p class="text-xl text-gray-600 mb-8 max-w-3xl mx-auto">Expert perspectives on AI Radiology, Teleradiology best practices, and the future of healthcare in Ethiopia.</p>
42
+ </div>
43
+ </div>
44
+ </section>
45
+
46
+ <!-- Featured Article -->
47
+ <section class="py-16 bg-white">
48
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
49
+ <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md">
50
+ <img src="http://static.photos/medical/1200x630/1" alt="AI transforming radiology diagnosis in Ethiopian healthcare" class="w-full h-64 object-cover">
51
+ <div class="p-8">
52
+ <span class="text-blue-600 text-sm font-medium">FEATURED ARTICLE</span>
53
+ <h2 class="text-3xl font-bold text-gray-900 mt-2 mb-4">How AI is Revolutionizing Radiology Diagnosis in Ethiopia</h2>
54
+ <p class="text-gray-600 mb-4">Discover how artificial intelligence is reducing diagnostic errors and improving patient outcomes across Ethiopian healthcare facilities.</p>
55
+ <div class="flex items-center justify-between">
56
+ <div class="flex items-center">
57
+ <img src="http://static.photos/people/40x40/1" alt="Dr. Alemayehu Teklu" class="w-10 h-10 rounded-full mr-3">
58
+ <div>
59
+ <p class="text-sm font-medium text-gray-900">Dr. Alemayehu Teklu</p>
60
+ <p class="text-sm text-gray-600">Chief Radiologist</p>
61
+ </div>
62
+ </div>
63
+ <span class="text-sm text-gray-600">October 15, 2023</span>
64
+ </div>
65
+ <a href="/blog/ai-revolution-ethiopia-radiology" class="inline-block mt-6 text-blue-600 font-medium hover:text-blue-800 transition">Read full article →</a>
66
+ </div>
67
+ </div>
68
+ </div>
69
+ </section>
70
+
71
+ <!-- Article Grid -->
72
+ <section class="py-16 bg-gray-50">
73
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
74
+ <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Latest Articles</h2>
75
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
76
+ <article class="bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition">
77
+ <img src="http://static.photos/technology/400x300/1" alt="Implementing RIS/PACS systems in Ethiopian hospitals" class="w-full h-48 object-cover">
78
+ <div class="p-6">
79
+ <h3 class="text-xl font-bold text-gray-900 mb-2">Implementing RIS/PACS Systems in Ethiopian Hospitals: A Practical Guide</h3>
80
+ <p class="text-gray-600 mb-4">Step-by-step guidance for healthcare facilities looking to modernize their radiology workflow with RIS/PACS Ethiopia solutions.</p>
81
+ <a href="/blog/ris-pacs-implementation-guide" class="text-blue-600 font-medium hover:text-blue-800 transition">Read more →</a>
82
+ </div>
83
+ </article>
84
+
85
+ <article class="bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition">
86
+ <img src="http://static.photos/health/400x300/1" alt="Reducing diagnosis time with teleradiology" class="w-full h-48 object-cover">
87
+ <div class="p-6">
88
+ <h3 class="text-xl font-bold text-gray-900 mb-2">Reducing Time-to-Diagnosis: How Teleradiology is Changing Ethiopian Healthcare</h3>
89
+ <p class="text-gray-600 mb-4">Explore how remote radiology services are helping hospitals across Ethiopia provide faster, more accurate diagnoses.</p>
90
+ <a href="/blog/reducing-diagnosis-time-teleradiology" class="text-blue-600 font-medium hover:text-blue-800 transition">Read more →</a>
91
+ </div>
92
+ </article>
93
+
94
+ <article class="bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition">
95
+ <img src="http://static.photos/education/400x300/1" alt="Training healthcare professionals in AI tools" class="w-full h-48 object-cover">
96
+ <div class="p-6">
97
+ <h3 class="text-xl font-bold text-gray-900 mb-2">Training Ethiopian Healthcare Professionals on AI Radiology Tools</h3>
98
+ <p class="text-gray-600 mb-4">Best practices for integrating AI-powered diagnostic tools into existing medical workflows and training programs.</p>
99
+ <a href="/blog/training-ai-radiology-tools" class="text-blue-600 font-medium hover:text-blue-800 transition">Read more →</a>
100
+ </div>
101
+ </article>
102
+ </div>
103
+ </div>
104
+ </section>
105
+
106
+ <!-- Categories Section -->
107
+ <section class="py-16 bg-white">
108
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
109
+ <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Browse by Category</h2>
110
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
111
+ <a href="/blog/category/ai-radiology" class="bg-blue-100 text-blue-800 px-6 py-4 rounded-lg text-center hover:bg-blue-200 transition">
112
+ <i data-feather="activity" class="mx-auto mb-2"></i>
113
+ <span class="font-medium">AI Radiology</span>
114
+ </a>
115
+ <a href="/blog/category/teleradiology" class="bg-green-100 text-green-800 px-6 py-4 rounded-lg text-center hover:bg-green-200 transition">
116
+ <i data-feather="globe" class="mx-auto mb-2"></i>
117
+ <span class="font-medium">Teleradiology</span>
118
+ </a>
119
+ <a href="/blog/category/technology" class="bg-purple-100 text-purple-800 px-6 py-4 rounded-lg text-center hover:bg-purple-200 transition">
120
+ <i data-feather="code" class="mx-auto mb-2"></i>
121
+ <span class="font-medium">Technology</span>
122
+ </a>
123
+ <a href="/blog/category/healthcare" class="bg-orange-100 text-orange-800 px-6 py-4 rounded-lg text-center hover:bg-orange-200 transition">
124
+ <i data-feather="heart" class="mx-auto mb-2"></i>
125
+ <span class="font-medium">Healthcare</span>
126
+ </a>
127
+ </div>
128
+ </div>
129
+ </section>
130
+
131
+ <!-- Newsletter Section -->
132
+ <section class="py-16 bg-blue-600 text-white">
133
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
134
+ <h2 class="text-3xl font-bold mb-4">Stay Updated with Quantummed</h2>
135
+ <p class="text-xl mb-8">Subscribe to our newsletter for the latest insights on AI Radiology and healthcare technology in Ethiopia.</p>
136
+ <form class="flex flex-col sm:flex-row gap-4 justify-center">
137
+ <input type="email" placeholder="Your email address" class="px-6 py-3 rounded-md text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 flex-grow max-w-md">
138
+ <button type="submit" class="bg-white text-blue-600 px-6 py-3 rounded-md font-medium hover:bg-blue-50 transition whitespace-nowrap">Subscribe</button>
139
+ </form>
140
+ </div>
141
+ </section>
142
+
143
+ <!-- Footer (Same as index.html) -->
144
+ <footer class="bg-gray-900 text-white py-12">
145
+ <!-- Footer content from index.html -->
146
+ </footer>
147
+
148
+ <script>
149
+ AOS.init();
150
+ feather.replace();
151
+ </script>
152
+ </body>
153
+ </html>
checklists.html ADDED
@@ -0,0 +1,205 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en-ET">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Implementation Checklists | Quantummed</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ </head>
9
+ <body class="font-sans antialiased text-gray-800 bg-white p-8">
10
+ <div class="max-w-4xl mx-auto">
11
+ <h1 class="text-3xl font-bold text-gray-900 mb-8">Quantummed Implementation Checklists</h1>
12
+
13
+ <!-- SEO & Technical Checklist -->
14
+ <div class="mb-12">
15
+ <h2 class="text-2xl font-bold text-gray-900 mb-4">SEO & Technical Checklist</h2>
16
+ <div class="bg-white shadow rounded-lg overflow-hidden">
17
+ <ul class="divide-y divide-gray-200">
18
+ <li class="px-6 py-4">
19
+ <label class="flex items-center">
20
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
21
+ <span>Implement structured data markup (JSON-LD) for all key pages</span>
22
+ </label>
23
+ </li>
24
+ <li class="px-6 py-4">
25
+ <label class="flex items-center">
26
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
27
+ <span>Set up canonical tags to prevent duplicate content issues</span>
28
+ </label>
29
+ </li>
30
+ <li class="px-6 py-4">
31
+ <label class="flex items-center">
32
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
33
+ <span>Generate and submit XML sitemap to search engines</span>
34
+ </label>
35
+ </li>
36
+ <li class="px-6 py-4">
37
+ <label class="flex items-center">
38
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
39
+ <span>Optimize all images with descriptive alt text and proper compression</span>
40
+ </label>
41
+ </li>
42
+ <li class="px-6 py-4">
43
+ <label class="极速赛车开奖结果-极速赛车开奖号码-极速赛车开奖官网开奖flex items-center">
44
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
45
+ <span>Implement proper heading hierarchy (H1-H6) across all pages</span>
46
+ </label>
47
+ </li>
48
+ <li class="px-6 py-4">
49
+ <label class="flex items-center">
50
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
51
+ <span>Ensure all pages have unique meta titles and descriptions</span>
52
+ </label>
53
+ </li>
54
+ <li class="px-6 py-4">
55
+ <label class="flex items-center">
56
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
57
+ <span>Optimize page load speed for low-bandwidth connections</span>
58
+ </label>
59
+ </li>
60
+ <li class="px-6 py-4">
61
+ <label class="flex items-center">
62
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
63
+ <span>Implement proper 404 error pages and redirects</span>
64
+ </label>
65
+ </li>
66
+ <li class="px-6 py-4">
67
+ <label class="flex items-center">
68
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
69
+ <span>Add social media meta tags for improved sharing</span>
70
+ </label>
71
+ </li>
72
+ <li class="px-6 py-4">
73
+ <label class="flex items-center">
74
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
75
+ <span>Implement analytics tracking for all CTAs and conversions</span>
76
+ </label>
77
+ </li>
78
+ </ul>
79
+ </div>
80
+ </div>
81
+
82
+ <!-- Accessibility Checklist -->
83
+ <div class="mb-12">
84
+ <h2 class="text-2xl font-bold text-gray-900 mb-4">Accessibility Checklist</h2>
85
+ <div class="bg-white shadow rounded-lg overflow-hidden">
86
+ <ul class="divide-y divide-gray-200">
87
+ <li class="px-6 py-4">
88
+ <label class="flex items-center">
89
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
90
+ <span>Ensure sufficient color contrast (4.5:1 ratio for normal text)</span>
91
+ </label>
92
+ </li>
93
+ <li class="px-6 py-4">
94
+ <label class="flex items-center">
95
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
96
+ <span>Implement full keyboard navigation support</span>
97
+ </label>
98
+ </li>
99
+ <li class="px-6 py-4">
100
+ <label class="flex items-center">
101
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
102
+ <span>Provide descriptive alt text for all images</span>
103
+ </label>
104
+ </li>
105
+ <li class="px-6 py-4">
106
+ <label class="flex items-center">
107
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
108
+ <span>Ensure proper form labels and error messaging</span>
109
+ </label>
110
+ </li>
111
+ <li class="px-6 py-4">
112
+ <label class="flex items-center">
113
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
114
+ <span>Implement ARIA landmarks and roles where needed</span>
115
+ </label>
116
+ </li>
117
+ <li class="px-6 py-4">
118
+ <label class="flex items-center">
119
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
120
+ <span>Ensure responsive design works with screen readers</span>
121
+ </label>
122
+ </li>
123
+ <li class="px-6 py-4">
124
+ <label class="flex items-center">
125
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
126
+ <span>Provide skip navigation links for keyboard users</span>
127
+ </label>
128
+ </li>
129
+ <li class="px-6 py-4">
130
+ <label class="flex items-center">
131
+ <input type="checkbox" class="rounded text-blue-600 mr-3">
132
+ <span>Test with actual screen readers and accessibility tools</span>
133
+ </label>
134
+ </li>
135
+ </ul>
136
+ </div>
137
+ </div>
138
+
139
+ <!-- Handoff Checklist -->
140
+ <div>
141
+ <h2 class="text-2xl font-bold text-gray-900 mb-4">Handoff Checklist</h2>
142
+ <div class="bg-white shadow rounded-lg overflow-hidden">
143
+ <div class="px-6 py-4">
144
+ <h3 class="text-lg font-semibold mb-3">Content Files to Deliver:</h3>
145
+ <ul class="list-disc list-inside space-y-1 text-gray-600">
146
+ <li>All HTML pages with complete content</li>
147
+ <li>SEO-optimized meta tags and descriptions</li>
148
+ <li>Structured data JSON-LD snippets</li>
149
+ <li>Accessibility audit report</li>
150
+ <li>Content style guide and tone documentation</li>
151
+ </ul>
152
+ </div>
153
+ <div class="px-6 py-4 border-t border-gray-200">
154
+ <h3 class="text-lg font-semibold mb-3">Copy Specifications:</h3>
155
+ <ul class="list-disc list-inside space-y-1 text-gray-600">
156
+ <li>H1: Max 60 characters</li>
157
+ <li>H2/H3: Max 100 characters</li>
158
+ <li>Meta titles: Max 60 characters</li>
159
+ <li>Meta descriptions: Max 160 characters</li>
160
+ <li>Button CTAs: Primary (max 15 chars), Secondary (max 20 chars)</li>
161
+ </ul>
162
+ </div>
163
+ <div class="px-6 py-4 border-t border-gray-200">
164
+ <h3 class="text-lg font-semibold mb-3">Image & Media Specs:</h3>
165
+ <ul class="list-disc list-inside space-y-1 text-gray-600">
166
+ <li>Hero images: 2000px width, WebP format</li>
167
+ <li>Icons: SVG format for scalability</li>
168
+ <li>Logos: PNG with transparent background</li>
169
+ <li>Videos: H.264 with low-res fallbacks</li>
170
+ <li>All media optimized for low-bandwidth</li>
171
+ </ul>
172
+ </div>
173
+ <div class="px-6 py-4 border-t border-gray-200">
174
+ <h3 class="text-lg font-semibold mb-3">Animation Notes:</h3>
175
+ <ul class="list-disc list-inside space-y-1 text-gray-600">
176
+ <li>Use CSS-based animations for performance</li>
177
+ <li>Implement subtle fade-ins on scroll</li>
178
+ <li>Avoid autoplay videos; use click-to-play</li>
179
+ <li>Ensure smooth hover effects on interactive elements</li>
180
+ <li>Implement non-blocking loading animations</li>
181
+ </ul>
182
+ </div>
183
+ <div class="px-6 py-4 border-t border-gray-200">
184
+ <h3 class="text-lg font-semibold mb-3">JSON-LD Example:</h3>
185
+ <pre class="bg-gray-100 p-4 rounded text-sm overflow-x-auto">
186
+ {
187
+ "@context": "https://schema.org",
188
+ "@type": "Organization",
189
+ "name": "Quantummed",
190
+ "url": "https://www.quantummed.et",
191
+ "logo": "https://www.quantummed.et/static/logo.png",
192
+ "contactPoint": {
193
+ "@type": "ContactPoint",
194
+ "telephone": "+251-11-123-4567",
195
+ "contactType": "customer service",
196
+ "areaServed": "ET",
197
+ "availableLanguage": ["Amharic", "English"]
198
+ }
199
+ }</pre>
200
+ </div>
201
+ </div>
202
+ </div>
203
+ </div>
204
+ </body>
205
+ </html>
index.html CHANGED
@@ -1,19 +1,226 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en-ET">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Quantummed - AI-Powered Teleradiology Services in Ethiopia</title>
7
+ <meta name="description" content="Ethiopia's premier AI Radiology & Teleradiology provider. Our advanced RIS/PACS platform delivers faster, more accurate diagnoses for better patient outcomes.">
8
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
9
+ <script src="https://cdn.tailwindcss.com"></script>
10
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
11
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
13
+ <script src="https://unpkg.com/feather-icons"></script>
14
+ <!-- [DEV] JSON-LD Structured Data -->
15
+ <script type="application/ld+json">
16
+ {
17
+ "@context": "https://schema.org",
18
+ "@type": "Organization",
19
+ "name": "Quantummed",
20
+ "url": "https://www.quantummed.et",
21
+ "logo": "https://www.quantummed.et/static/logo.png",
22
+ "contactPoint": {
23
+ "@type": "ContactPoint",
24
+ "telephone": "[Phone Number]",
25
+ "contactType": "customer service",
26
+ "areaServed": "ET"
27
+ }
28
+ }
29
+ </script>
30
+ </head>
31
+ <body class="font-sans antialiased text-gray-800 bg-white">
32
+ <!-- Navigation -->
33
+ <nav class="bg-white shadow-sm fixed w-full z-50">
34
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
35
+ <div class="flex justify-between h-16">
36
+ <div class="flex items-center">
37
+ <a href="/" class="flex-shrink-0 flex items-center">
38
+ <img src="/static/quantummed-logo.svg" alt="Quantummed - AI Teleradiology Ethiopia" class="h-8 w-auto">
39
+ </a>
40
+ </div>
41
+ <div class="hidden md:flex items-center space-x-8">
42
+ <a href="/services" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Services</a>
43
+ <a href="/pricing" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Pricing</a>
44
+ <a href="/blog" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Blog</a>
45
+ <a href="/about" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">About</a>
46
+ <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>
47
+ </div>
48
+ </div>
49
+ </div>
50
+ </nav>
51
+
52
+ <!-- Hero Section -->
53
+ <section class="pt-24 pb-16 md:pt-32 md:pb-24 bg-gradient-to-br from-blue-50 to-white">
54
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
55
+ <div class="text-center">
56
+ <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">Revolutionizing Medical Imaging in Ethiopia with AI</h1>
57
+ <p class="text-xl md:text-2xl text-gray-600 mb-8 max-w-3xl mx-auto">Our AI-powered Teleradiology platform delivers accurate diagnoses faster, improving patient care across Ethiopia.</p>
58
+ <div class="flex flex-col sm:flex-row gap-4 justify-center">
59
+ <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 Plans</a>
60
+ <a href="/services" class="border border-blue-600 text-blue-600 px-6 py-3 rounded-md text-lg font-medium hover:bg-blue-50 transition">Learn More</a>
61
+ </div>
62
+ </div>
63
+ </div>
64
+ </section>
65
+
66
+ <!-- Video Section -->
67
+ <section class="py-16 bg-white">
68
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
69
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">See Quantummed in Action</h2>
70
+ <p class="text-gray-600 mb-8">A brief overview showing our AI Radiology platform seamlessly integrating with existing hospital systems to reduce time-to-diagnosis.</p>
71
+ <!-- [DEV] Video placeholder with play button overlay. Video shows a demo of the platform interface, a radiologist reviewing a case, and a data visualization of reduced diagnosis times. -->
72
+ <div class="relative rounded-lg overflow-hidden shadow-xl cursor-pointer" onclick="playVideo(this)">
73
+ <img src="http://static.photos/medical/1024x576/1" alt="Quantummed AI Teleradiology Platform Demo Video" class="w-full h-auto">
74
+ <div class="absolute inset-0 flex items-center justify-center bg-black bg-opacity-30 hover:bg-opacity-20 transition">
75
+ <div class="w-16 h-16 md:w-20 md:h-20 bg-blue-600 rounded-full flex items-center justify-center hover:bg-blue-700 transition">
76
+ <i data-feather="play" class="text-white ml-1" stroke-width="2"></i>
77
+ </div>
78
+ </div>
79
+ </div>
80
+ </div>
81
+ </section>
82
+
83
+ <!-- Feature Grid -->
84
+ <section class="py-16 bg-gray-50">
85
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
86
+ <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Why Choose Quantummed?</h2>
87
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
88
+ <div class="text-center" data-aos="fade-up">
89
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
90
+ <i data-feather="clock" class="text-blue-600" stroke-width="1.5"></i>
91
+ </div>
92
+ <h3 class="text-xl font-semibold mb-2">Faster Diagnoses</h3>
93
+ <p class="text-gray-600">Reduce time-to-diagnosis with our AI-powered analysis and streamlined workflows.</p>
94
+ </div>
95
+ <div class="text-center" data-aos="fade-up" data-aos-delay="100">
96
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
97
+ <i data-feather="activity" class="text-blue-600" stroke-width="1.5"></i>
98
+ </div>
99
+ <h3 class="text-xl font-semibold mb-2">AI Accuracy</h3>
100
+ <p class="text-gray-600">Our advanced algorithms enhance detection accuracy for better patient outcomes.</p>
101
+ </div>
102
+ <div class="text-center" data-aos="fade-up" data-aos-delay="200">
103
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
104
+ <i data-feather="globe" class="text-blue-600" stroke-width="1.5"></i>
105
+ </div>
106
+ <h3 class="text-xl font-semibold mb-2">Nationwide Access</h3>
107
+ <p class="text-gray-600">Reach expert radiologists anywhere in Ethiopia through our secure cloud platform.</p>
108
+ </div>
109
+ <div class="text-center" data-aos="fade-up" data-aos-delay="300">
110
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
111
+ <i data-feather="dollar-sign" class="text-blue-600" stroke-width="1.5"></i>
112
+ </div>
113
+ <h3 class="text-xl font-semibold mb-2">Cost-Effective</h3>
114
+ <p class="text-gray-600">Eliminate the need for expensive hardware with our RIS/PACS Ethiopia solution.</p>
115
+ </div>
116
+ </div>
117
+ </div>
118
+ </section>
119
+
120
+ <!-- Partners Section -->
121
+ <section class="py-16 bg-white">
122
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
123
+ <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Trusted by Healthcare Providers Across Ethiopia</h2>
124
+ <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8 items-center justify-items-center">
125
+ <img src="/static/partners/partner-1.png" alt="Addis Ababa Medical Center" class="h-12 w-auto grayscale hover:grayscale-0 transition">
126
+ <img src="/static/partners/partner-2.png" alt="Ethiopian Ministry of Health" class="h-12 w-auto grayscale hover:grayscale-0 transition">
127
+ <img src="/static/partners/partner-3.png" alt="St. Paul's Hospital Millennium Medical College" class="h-12 w-auto grayscale hover:grayscale-0 transition">
128
+ <img src="/static/partners/partner-4.png" alt="Black Lion Specialized Hospital" class="h-12 w-auto grayscale hover:grayscale-0 transition">
129
+ <img src="/static/partners/partner-5.png" alt="Jimma University Medical Center" class="h-12 w-auto grayscale hover:grayscale-0 transition">
130
+ </div>
131
+ </div>
132
+ </section>
133
+
134
+ <!-- Contact Grid -->
135
+ <section class="py-16 bg-gray-50">
136
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
137
+ <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Get in Touch</h2>
138
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
139
+ <div class="text-center bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition">
140
+ <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-4">
141
+ <i data-feather="phone" class="text-blue-600"></i>
142
+ </div>
143
+ <h3 class="text-xl font-semibold mb-2">Call Us</h3>
144
+ <p class="text-gray-600">Speak with our team directly</p>
145
+ <p class="text-blue-600 font-medium mt-2">[Phone Number]</p>
146
+ </div>
147
+ <div class="text-center bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition">
148
+ <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-4">
149
+ <i data-feather="mail" class="text-blue-600"></i>
150
+ </div>
151
+ <h3 class="text-xl font-semibold mb-2">Email Us</h3>
152
+ <p class="text-gray-600">Send us your questions</p>
153
+ <p class="text-blue-600 font-medium mt-2">[Email Address]</p>
154
+ </div>
155
+ <div class="text-center bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition">
156
+ <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-4">
157
+ <i data-feather="map-pin" class="text-blue-600"></i>
158
+ </div>
159
+ <h3 class="text-xl font-semibold mb-2">Visit Us</h3>
160
+ <p class="text-gray-600">Our headquarters in Addis Ababa</p>
161
+ <p class="text-blue-600 font-medium mt-2">[Office Address]</p>
162
+ </div>
163
+ </div>
164
+ </div>
165
+ </section>
166
+
167
+ <!-- Footer -->
168
+ <footer class="bg-gray-900 text-white py-12">
169
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
170
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
171
+ <div>
172
+ <img src="/static/quantummed-logo-white.svg" alt="Quantummed - AI Teleradiology Ethiopia" class="h-8 w-auto mb-4">
173
+ <p class="text-gray-400 mb-4">Transforming healthcare in Ethiopia through AI-powered medical imaging.</p>
174
+ <div class="flex space-x-4">
175
+ <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="facebook"></i></a>
176
+ <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="twitter"></i></a>
177
+ <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="linkedin"></i></a>
178
+ </div>
179
+ </div>
180
+ <div>
181
+ <h3 class="text-lg font-semibold mb-4">Company</h3>
182
+ <ul class="space-y-2">
183
+ <li><a href="/about" class="text-gray-400 hover:text-white transition">About Us</a></li>
184
+ <li><a href="/blog" class="text-gray-400 hover:text-white transition">Blog</a></li>
185
+ <li><a href="/careers" class="text-gray-400 hover:text-white transition">Careers</a></li>
186
+ <li><a href="/contact" class="text-gray-400 hover:text-white transition">Contact</a></li>
187
+ </ul>
188
+ </div>
189
+ <div>
190
+ <h3 class="text-lg font-semibold mb-4">Services</h3>
191
+ <ul class="space-y-2">
192
+ <li><a href="/services" class="text-gray-400 hover:text-white transition">Teleradiology</a></li>
193
+ <li><a href="/services" class="text-gray-400 hover:text-white transition">AI Radiology</a></li>
194
+ <li><a href="/services" class="text-gray-400 hover:text-white transition">RIS/PACS</a></li>
195
+ <li><a href="/pricing" class="text-gray-400 hover:text-white transition">Pricing</a></li>
196
+ </ul>
197
+ </div>
198
+ <div>
199
+ <h3 class="text-lg font-semibold mb-4">Stay Updated</h3>
200
+ <p class="text-gray-400 mb-4">Subscribe to our newsletter for the latest updates.</p>
201
+ <form class="flex flex-col space-y-2">
202
+ <input type="email" placeholder="Your Email" class="px-4 py-2 rounded-md bg-gray-800 border border-gray-700 text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500">
203
+ <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition">Subscribe</button>
204
+ </form>
205
+ </div>
206
+ </div>
207
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
208
+ <p>&copy; 2023 Quantummed. All rights reserved.</p>
209
+ </div>
210
+ </div>
211
+ </footer>
212
+
213
+ <script>
214
+ AOS.init({
215
+ duration: 800,
216
+ once: true
217
+ });
218
+ feather.replace();
219
+
220
+ function playVideo(element) {
221
+ // [DEV] Video play functionality to be implemented
222
+ console.log('Video play triggered');
223
+ }
224
+ </script>
225
+ </body>
226
  </html>
pricing.html ADDED
@@ -0,0 +1,278 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en-ET">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Pricing - Affordable Teleradiology Plans for Ethiopia | Quantummed</title>
7
+ <meta name="description" content="Flexible pricing options for Quantummed's AI Teleradiology and RIS/PACS services. Choose from per-case, subscription, or bundled plans designed for Ethiopian healthcare providers.">
8
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
9
+ <script src="https://cdn.tailwindcss.com"></script>
10
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
11
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
13
+ <script src="https://unpkg.com/feather-icons"></script>
14
+ </head>
15
+ <body class="font-sans antialiased text-gray-800 bg-white">
16
+ <!-- Navigation (Same as index.html) -->
17
+ <nav class="bg-white shadow-sm fixed w-full z-50">
18
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
19
+ <div class="flex justify-between h-16">
20
+ <div class="flex items-center">
21
+ <a href="/" class="极速赛车开奖结果-极速赛车开奖号码-极速赛车开奖官网开奖flex-shrink-0 flex items-center">
22
+ <img src="/static/quantummed-logo.svg" alt="Quantummed - AI Teleradiology Ethiopia" class="h-8 w-auto">
23
+ </a>
24
+ </div>
25
+ <div class="hidden md:flex items-center space-x-8">
26
+ <a href="/services" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Services</a>
27
+ <a href="/pricing" class="text-blue-600 px-3 py-2 text-sm font-medium">Pricing</a>
28
+ <极速赛车开奖结果-极速赛车开奖号码-极速赛车开奖官网开奖a href="/blog" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Blog</a>
29
+ <a href="/about" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">About</a>
30
+ <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>
31
+ </div>
32
+ </div>
33
+ </div>
34
+ </nav>
35
+
36
+ <!-- Hero Section -->
37
+ <section class="pt-32 pb-16 bg-gradient-to-br from-blue-50 to-white">
38
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
39
+ <div class="text-center">
40
+ <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">Simple, Transparent Pricing</h1>
41
+ <p class="text-xl text-gray-600 mb-8 max-w-3xl mx-auto">Choose the plan that fits your healthcare facility's needs with our flexible pricing options for Teleradiology Ethiopia services.</p>
42
+ </div>
43
+ </div>
44
+ </section>
45
+
46
+ <!-- Pricing Tabs -->
47
+ <section class="py-16 bg-white">
48
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
49
+ <div class="flex justify-center mb-12">
50
+ <div class="bg-gray-100 rounded-lg p-1 flex">
51
+ <button class="pricing-tab-btn px-4 py-2 rounded-md font-medium bg-white shadow-sm" data-tab="per-case">Per-Case</button>
52
+ <button class="pricing-tab-btn px-4 py-2 rounded-md font-medium text-gray-600" data-tab="off-hour">Off-Hour Coverage</button>
53
+ <button class="pricing-tab-btn px-4 py-2 rounded-md font-medium text-gray-600" data-tab="bundled">Bundled Solutions</button>
54
+ </div>
55
+ </div>
56
+
57
+ <div id="per-case" class="pricing-tab-content">
58
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
59
+ <div class="bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition p-6">
60
+ <h3 class="text-2xl font-bold text-gray-900 mb-2">Basic Interpretation</h3>
61
+ <div class="mb-4">
62
+ <span class="text-4xl font-bold">ETB [Price]</span>
63
+ <span class="text-gray-600">per case</span>
64
+ </div>
65
+ <p class="text-gray-600 mb-6">Standard turnaround for routine studies with general radiology coverage.</p>
66
+ <ul class="space-y-3 mb-6">
67
+ <li class="flex items-start">
68
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
69
+ <span>Up to 24-hour turnaround time</span>
70
+ </li>
71
+ <li class="flex items-start">
72
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
73
+ <span>General radiology coverage</span>
74
+ </li>
75
+ <li class="flex items-start">
76
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
77
+ <span>Basic report formatting</span>
78
+ </li>
79
+ <li class="flex items-start">
80
+ <i data-feather="x" class="text-gray-400 mr-2 mt-1 flex-shrink-0"></i>
81
+ <span class="text-gray-400">AI analysis not included</span>
82
+ </li>
83
+ </ul>
84
+ <button class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition">Get Started</button>
85
+ </div>
86
+
87
+ <div class="bg-white border border-blue-200 rounded-lg shadow-md hover:shadow-lg transition p-6 relative">
88
+ <div class="absolute top-0 right-0 bg-blue-600 text-white px-3 py-1 text-sm font-medium rounded-bl-lg">Most Popular</div>
89
+ <h3 class="text-2xl font-bold text-gray-900 mb-2">Priority Interpretation</h3>
90
+ <div class="mb-4">
91
+ <span class="text-4xl font-bold">ETB [Price]</span>
92
+ <span class="text-gray-600">per case</span>
93
+ </div>
94
+ <p class="text-gray-600 mb-6">Faster turnaround with AI-assisted analysis for improved accuracy.</p>
95
+ <ul class="space-y-3 mb-6">
96
+ <li class="flex items-start">
97
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
98
+ <span>4-8 hour turnaround time</span>
99
+ </li>
100
+ <li class="flex items-start">
101
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
102
+ <span>AI-assisted analysis included</span>
103
+ </li>
104
+ <li class="flex items-start">
105
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
106
+ <span>Subspecialty available</span>
107
+ </li>
108
+ <li class="flex items-start">
109
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
110
+ <span>Emergency prioritization</span>
111
+ </li>
112
+ </ul>
113
+ <button class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition">Get Started</button>
114
+ </div>
115
+
116
+ <div class="bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition p-6">
117
+ <h3 class="text-2xl font-bold text-gray-900 mb-2">Stat Interpretation</h3>
118
+ <div class="mb-4">
119
+ <span class="text-4xl font-bold">ETB [Price]</span>
120
+ <span class="text-gray-600">per case</span>
121
+ </div>
122
+ <p class="text-gray-600 mb-6">Immediate interpretation for emergency cases with guaranteed rapid response.</p>
123
+ <ul class="space-y-3 mb-6">
124
+ <li class="flex items-start">
125
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
126
+ <span>30-minute turnaround guarantee</span>
127
+ </li>
128
+ <li class="flex items-start">
129
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 flex极速赛车开奖结果-极速赛车开奖号码-极速赛车开奖官网开奖-shrink-0"></i>
130
+ <span>24/7 availability</span>
131
+ </li>
132
+ <li class="flex items-start">
133
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
134
+ <span>Full AI analysis included</span>
135
+ </li>
136
+ <li class="flex items-start">
137
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
138
+ <span>Direct radiologist consultation</span>
139
+ </极速赛车开奖结果-极速赛车开奖号码-极速赛车开奖官网开奖li>
140
+ </ul>
141
+ <button class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition">Get Started</button>
142
+ </div>
143
+ </div>
144
+ </div>
145
+
146
+ <div id="off-hour" class="pricing-tab-content hidden">
147
+ <!-- Off-hour coverage pricing content -->
148
+ </div>
149
+
150
+ <div id="bundled" class="pricing-tab-content hidden">
151
+ <!-- Bundled solutions pricing content -->
152
+ </div>
153
+ </div>
154
+ </section>
155
+
156
+ <!-- Comparison Table -->
157
+ <section class="py-16 bg-gray-50">
158
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
159
+ <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Plan Comparison</h2>
160
+ <div class="bg-white rounded-lg shadow overflow-hidden">
161
+ <table class="w-full">
162
+ <thead>
163
+ <tr class="bg-gray-50">
164
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Feature</th>
165
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Basic</th>
166
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Priority</th>
167
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Stat</th>
168
+ </tr>
169
+ </thead>
170
+ <tbody class="divide-y divide-gray-200">
171
+ <tr>
172
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Turnaround Time</td>
173
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Up to 24 hours</td>
174
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">4-8 hours</td>
175
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">30 minutes</td>
176
+ </tr>
177
+ <tr>
178
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">AI Analysis</td>
179
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Not included</td>
180
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Included</td>
181
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Included</td>
182
+ </tr>
183
+ <tr>
184
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Availability</td>
185
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Business hours</td>
186
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Extended hours</td>
187
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">24/7</td>
188
+ </tr>
189
+ <tr>
190
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Emergency Priority</td>
191
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">No</td>
192
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Yes</td>
193
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Yes</td>
194
+ </tr>
195
+ <tr>
196
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Best For</td>
197
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Routine studies</td>
198
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Urgent cases</td>
199
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Emergency cases</td>
200
+ </tr>
201
+ </tbody>
202
+ </table>
203
+ </div>
204
+ </div>
205
+ </section>
206
+
207
+ <!-- FAQ Section -->
208
+ <section class="py-16 bg-white">
209
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
210
+ <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Frequently Asked Questions</h2>
211
+ <div class="space-y-6">
212
+ <div>
213
+ <h3 class="text-xl font-semibold mb-2">How do I get started with Quantummed?</h3>
214
+ <p class="text-gray-600">Simply contact our team to set up your account. We'll guide you through the integration process, which typically takes 1-2 weeks depending on your existing systems.</p>
215
+ </div>
216
+ <div>
217
+ <h3 class="text-xl font-semibold mb-2">Do you offer volume discounts?</h3>
218
+ <p class="text-gray-600">Yes, we provide significant discounts for high-volume users. Contact our sales team to discuss custom pricing based on your expected case volume.</p>
219
+ </div>
220
+ <div>
221
+ <h3 class="text-xl font-semibold mb-2">Is there a minimum commitment?</h3>
222
+ <p class="text-gray-600">For per-case pricing, there's no minimum commitment. Subscription plans require annual commitments with flexible monthly payment options.</p>
223
+ </div>
224
+ <div>
225
+ <h3 class="text-xl font-semibold mb-2">How do you ensure data security?</h3>
226
+ <p class="text-gray-600">We use end-to-end encryption, secure data centers located in Ethiopia, and comply with all local data protection regulations and international healthcare standards.</p>
227
+ </div>
228
+ </div>
229
+ </div>
230
+ </section>
231
+
232
+ <!-- CTA Section -->
233
+ <section class="py-16 bg-blue-600 text-white">
234
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
235
+ <h2 class="text-3xl font-bold mb-4">Still Have Questions?</h2>
236
+ <p class="text-xl mb-8 max-w-3xl mx-auto">Our team is ready to help you choose the right plan for your healthcare facility's needs.</p>
237
+ <div class="flex flex-col sm:flex-row gap-4 justify-center">
238
+ <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">Contact Sales</a>
239
+ <a href="/services" 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 Services</a>
240
+ </div>
241
+ </div>
242
+ </section>
243
+
244
+ <!-- Footer (Same as index.html) -->
245
+ <footer class="bg-gray-900 text-white py-12">
246
+ <!-- Footer content from index.html -->
247
+ </footer>
248
+
249
+ <script>
250
+ AOS.init();
251
+ feather.replace();
252
+
253
+ // Pricing tabs functionality
254
+ document.querySelectorAll('.pricing-tab-btn').forEach(button => {
255
+ button.addEventListener('click', () => {
256
+ // Remove active class from all buttons
257
+ document.querySelectorAll('.pricing-tab-btn').forEach(btn => {
258
+ btn.classList.remove('bg-white', 'shadow-sm');
259
+ btn.classList.add('text-gray-600');
260
+ });
261
+
262
+ // Add active class to clicked button
263
+ button.classList.add('bg-white', 'shadow-sm');
264
+ button.classList.remove('text-gray-600');
265
+
266
+ // Hide all content
267
+ document.querySelectorAll('.pricing-tab-content').forEach(content => {
268
+ content.classList.add('hidden');
269
+ });
270
+
271
+ // Show selected content
272
+ const tabId = button.getAttribute('data-tab');
273
+ document.getElementById(tabId).classList.remove('hidden');
274
+ });
275
+ });
276
+ </script>
277
+ </body>
278
+ </html>
prompts.txt ADDED
@@ -0,0 +1,66 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ Act as a senior UX writer and strategist for an AI telemedicine company. Create a complete, SEO-optimized, developer-ready website content package for **Quantummed** launching in Ethiopia.
2
+
3
+ Brand: Quantummed
4
+ Market: Ethiopia
5
+ Tone: Professional, confident, reassuring, innovative.
6
+ SEO Keywords (must be included naturally): "Teleradiology Ethiopia", "AI Radiology", "RIS/PACS Ethiopia".
7
+ Core Principle: Benefit-driven copy (e.g., "Reduce time-to-diagnosis").
8
+
9
+ Deliverables (produce all items; output in plain HTML-safe text; begin with the sitemap, then each page in order, followed by the checklists):
10
+ 1) Sitemap
11
+ - List of pages with URL slugs and a 1-line purpose for each.
12
+
13
+ 2) For each page: Home, Services, Pricing, Blog, About, Footer
14
+ - Meta title (≤60 chars), meta description (≤160 chars), URL slug.
15
+ - H1 (use provided H1 on homepage exactly), 3–6 H2/H3 headings.
16
+ - Benefit-first hero copy.
17
+ - 4–8 content blocks (specify block type: image, testimonial, form, grid, video, icon list, etc.) with copy for each.
18
+ - 3 suggested CTAs: 1 primary, 2 secondary (include character limits for CTAs where relevant).
19
+
20
+ 3) Homepage (additional required items)
21
+ - Use the exact provided H1 and sub-headline (place them where the H1 and hero subhead go).
22
+ - Hero video description (one-sentence on content and key frames).
23
+ - 4-icon feature grid copy (one-line per icon).
24
+ - Partner logos alt-text copy.
25
+ - Contact grid copy (phone, email, location placeholders like [Phone Number]).
26
+ - Footer content (see Footer deliverable).
27
+
28
+ 4) Services page (additional required items)
29
+ - Expand service tabs with benefit bullets for each service.
30
+ - Example pricing signals (phrasing only, not actual prices).
31
+ - 4-step process flow copy (short step titles and 1–2 sentence explanations).
32
+
33
+ 5) Pricing page (additional required items)
34
+ - Describe three subscription models: Per-Case, Off-hour, Bundled.
35
+ - For each model include bullets for intended users and what's included.
36
+ - Provide microcopy character limits for price labels and button text (e.g., button: 2–3 words).
37
+
38
+ 6) Blog (additional required items)
39
+ - Provide 3 starter article outlines: SEO titles, meta descriptions, and paragraph-level outlines.
40
+ - Include 5 internal CTAs linking to key pages (specify anchor text and target URL slug).
41
+
42
+ 7) About page (additional required items)
43
+ - Company story (concise), mission, vision.
44
+ - Leadership bios: 3 placeholders (name, role, 2–3 sentence bio templates).
45
+ - Testimonials: 2–3 placeholders (quote, name, role).
46
+ - Trust badges and short descriptive copy.
47
+
48
+ 8) Footer (full copy)
49
+ - Tagline, links list, contact info placeholders, newsletter signup text (include placeholder for field labels), and social media label copy.
50
+
51
+ 9) SEO & Technical checklist
52
+ - 10 action items (e.g., structured data, canonical tags, sitemap XML, descriptive alt text). Use actionable phrasing.
53
+
54
+ 10) Accessibility checklist
55
+ - 8 items to ensure (e.g., color contrast, keyboard navigation, alt text). Use concise checklist format.
56
+
57
+ 11) Handoff checklist
58
+ - List content files to deliver, copy/image specs, animation notes, and provide a JSON-LD snippet example for the organization (use placeholder values like [Organization Name], [URL]).
59
+
60
+ Style & Formatting requirements
61
+ - Use clear, concise, benefit-first language throughout.
62
+ - Include character limits for microcopy (buttons, headings, meta fields).
63
+ - Use plain text placeholders for dynamic data (e.g., [Phone Number], [City], [Email]).
64
+ - Prefix developer notes with [DEV].
65
+ - Ensure the SEO keywords appear naturally across the site content (not just in lists).
66
+ - Keep output plain HTML-safe text (no Markdown), structured for direct handoff to developers and content teams.
services.html ADDED
@@ -0,0 +1,224 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en-ET">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Our Services - AI Teleradiology & RIS/PACS Solutions | Quantummed</title>
7
+ <meta name="description" content="Discover Quantummed's comprehensive Teleradiology Ethiopia services, AI Radiology analysis, and integrated RIS/PACS solutions designed for Ethiopian healthcare providers.">
8
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
9
+ <script src="https://cdn.tailwindcss.com"></script>
10
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
11
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
13
+ <script src="https://unpkg.com/feather-icons"></script>
14
+ </head>
15
+ <body class="font-sans antialiased text-gray-800 bg-white">
16
+ <!-- Navigation (Same as index.html) -->
17
+ <nav class="bg-white shadow-sm fixed w-full z-50">
18
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
19
+ <div class="flex justify-between h-16">
20
+ <div class="flex items-center">
21
+ <a href="/" class="flex-shrink-0 flex items-center">
22
+ <img src="/static/quantummed-logo.svg" alt="Quantummed - AI Teleradiology Ethiopia" class="h-8 w-auto">
23
+ </a>
24
+ </div>
25
+ <div class="hidden md:flex items-center space-x-8">
26
+ <a href="/services" class="text-blue-600 px-3 py-2 text-sm font-medium">Services</a>
27
+ <a href="/pricing" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Pricing</a>
28
+ <a href="/blog" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">Blog</a>
29
+ <a href="/about" class="text-gray-600 hover:text-blue-600 px-3 py-2 text-sm font-medium">About</a>
30
+ <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>
31
+ </div>
32
+ </div>
33
+ </div>
34
+ </nav>
35
+
36
+ <!-- Hero Section -->
37
+ <section class="pt-32 pb-16 bg-gradient-to-br from-blue-50 to-white">
38
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
39
+ <div class="text-center">
40
+ <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">Advanced Teleradiology Services for Ethiopia</h1>
41
+ <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>
42
+ <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>
43
+ </div>
44
+ </div>
45
+ </section>
46
+
47
+ <!-- Services Tabs -->
48
+ <section class="py-16 bg-white">
49
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
50
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
51
+ <div class="lg:col-span-1">
52
+ <div class="sticky top-24 space-y-2">
53
+ <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>
54
+ <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>
55
+ <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>
56
+ </div>
57
+ </div>
58
+ <div class="lg:col-span-2">
59
+ <div id="teleradiology" class="service-tab-content">
60
+ <h2 class="text-3xl font-bold text-gray-900 mb-6">Expert Teleradiology Services</h2>
61
+ <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>
62
+ <ul class="space-y-3 mb-8">
63
+ <li class="flex items-start">
64
+ <i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
65
+ <span>24/7 access to specialist radiologists, reducing time-to-diagnosis significantly</span>
66
+ </li>
67
+ <li class="flex items-start">
68
+ <i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
69
+ <span>Emergency cases prioritized with turnaround times as low as 30 minutes</span>
70
+ </li>
71
+ <li class="flex items-start">
72
+ <i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
73
+ <span>Subspecialty interpretations in neuroradiology, musculoskeletal, and body imaging</span>
74
+ </li>
75
+ <li class="flex items-start">
76
+ <i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
77
+ <span>Secure, HIPAA-compliant image transfer and reporting platform</span>
78
+ </li>
79
+ </ul>
80
+ <div class="bg-blue-50 p-6 rounded-lg">
81
+ <p class="text-blue-800 font-medium">Starting from competitive per-case rates with volume discounts available</p>
82
+ </div>
83
+ </div>
84
+
85
+ <div id="ai-radiology" class="service-tab-content hidden">
86
+ <h2 class="text-3xl font-bold text-gray-900 mb-6">AI-Powered Radiology Analysis</h2>
87
+ <p class="text-gray-600 mb-6">Our proprietary AI algorithms enhance radiologist performance by detecting abnormalities, measuring structures, and prioritizing urgent cases.</p>
88
+ <ul class="space-y-3 mb-8">
89
+ <li class="flex items-start">
90
+ <i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
91
+ <span>Automated detection of pulmonary nodules, fractures, and intracranial hemorrhages</span>
92
+ </li>
93
+ <li class="flex items-start">
94
+ <i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
95
+ <span>Quantitative analysis tools for precise measurements and tracking</span>
96
+ </li>
97
+ <li class="flex items-start">
98
+ <i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
99
+ <span>Case prioritization system flags potentially critical findings immediately</span>
100
+ </li>
101
+ <li class="flex items-start">
102
+ <i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
103
+ <span>Continuous learning system improves accuracy with each case processed</span>
104
+ </li>
105
+ </ul>
106
+ <div class="bg-blue-50 p-6 rounded-lg">
107
+ <p class="text-blue-800 font-medium">Available as add-on to teleradiology services or standalone analysis packages</p>
108
+ </div>
109
+ </div>
110
+
111
+ <div id="ris-pacs" class="service-tab-content hidden">
112
+ <h2 class="text-3xl font-bold text-gray-900 mb-6">Integrated RIS/PACS Solutions</h2>
113
+ <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>
114
+ <ul class="space-y-3 mb-8">
115
+ <li class="flex items-start">
116
+ <i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
117
+ <span>Complete patient management from scheduling to reporting and billing</span>
118
+ </li>
119
+ <li class="flex items-start">
120
+ <i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
121
+ <span>Cloud-based storage eliminates need for expensive on-premise servers</span>
122
+ </li>
123
+ <li class="flex items-start">
124
+ <i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
125
+ <span>Seamless integration with existing hospital information systems</span>
126
+ </li>
127
+ <li class="flex items-start">
128
+ <i data-feather="check-circle" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
129
+ <span>Mobile access for referring physicians to view images and reports anywhere</span>
130
+ </li>
131
+ </ul>
132
+ <div class="bg-blue-50 p-6 rounded-lg">
133
+ <p class="text-blue-800 font-medium">Flexible subscription models with implementation support included</p>
134
+ </div>
135
+ </div>
136
+ </div>
137
+ </div>
138
+ </div>
139
+ </section>
140
+
141
+ <!-- Process Flow -->
142
+ <section class="py-16 bg-gray-50">
143
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
144
+ <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Our Simple 4-Step Process</h2>
145
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
146
+ <div class="text-center" data-aos="fade-up">
147
+ <div class="bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-md">
148
+ <span class="text-2xl font-bold text-blue-600">1</span>
149
+ </div>
150
+ <h3 class="text-xl font-semibold mb-2">Upload Images</h3>
151
+ <p class="text-gray-600">Securely send DICOM images through our web portal or integrated PACS system.</p>
152
+ </div>
153
+ <div class="text-center" data-aos="fade-up" data-aos-delay="100">
154
+ <div class="bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-md">
155
+ <span class="text-2xl font-bold text-blue-600">2</span>
156
+ </div>
157
+ <h3 class="text-xl font-semibold mb-2">AI Analysis</h3>
158
+ <p class="text-gray-600">Our algorithms pre-process images, detecting abnormalities and prioritizing cases.</p>
159
+ </div>
160
+ <div class="text-center" data-aos="fade-up" data-aos-delay="200">
161
+ <div class="bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-md">
162
+ <span class="text-2xl font-bold text-blue-600">3</span>
163
+ </div>
164
+ <h3 class="text-xl font-semibold mb-2">Expert Review</h3>
165
+ <p class="text-gray-600">Board-certified radiologists interpret studies with AI assistance for enhanced accuracy.</p>
166
+ </div>
167
+ <div class="text-center" data-aos="fade-up" data-aos-delay="300">
168
+ <div class="bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-md">
169
+ <span class="text-2xl font-bold text-blue-600">4</span>
170
+ </div>
171
+ <h3 class="text-xl font-semibold mb-2">Receive Report</h3>
172
+ <p class="text-gray-600">Get comprehensive reports delivered directly to your preferred system within hours.</p>
173
+ </div>
174
+ </div>
175
+ </div>
176
+ </section>
177
+
178
+ <!-- CTA Section -->
179
+ <section class="py-16 bg-blue-600 text-white">
180
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
181
+ <h2 class="text-3xl font-bold mb-4">Ready to Transform Your Radiology Services?</h2>
182
+ <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>
183
+ <div class="flex flex-col sm:flex-row gap-4 justify-center">
184
+ <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>
185
+ <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>
186
+ </div>
187
+ </div>
188
+ </section>
189
+
190
+ <!-- Footer (Same as index.html) -->
191
+ <footer class="bg-gray-900 text-white py-12">
192
+ <!-- Footer content from index.html -->
193
+ </footer>
194
+
195
+ <script>
196
+ AOS.init();
197
+ feather.replace();
198
+
199
+ // Service tabs functionality
200
+ document.querySelectorAll('.service-tab-btn').forEach(button => {
201
+ button.addEventListener('click', () => {
202
+ // Remove active class from all buttons
203
+ document.querySelectorAll('.service-tab-btn').forEach(btn => {
204
+ btn.classList.remove('bg-blue-100', 'text-blue-800');
205
+ btn.classList.add('text-gray-600', 'hover:bg-gray-100');
206
+ });
207
+
208
+ // Add active class to clicked button
209
+ button.classList.add('bg-blue-100', 'text-blue-800');
210
+ button.classList.remove('text-gray-600', 'hover:bg-gray-100');
211
+
212
+ // Hide all content
213
+ document.querySelectorAll('.service-tab-content').forEach(content => {
214
+ content.classList.add('hidden');
215
+ });
216
+
217
+ // Show selected content
218
+ const tabId = button.getAttribute('data-tab');
219
+ document.getElementById(tabId).classList.remove('hidden');
220
+ });
221
+ });
222
+ </script>
223
+ </body>
224
+ </html>