Spaces:

rainbowhunt
/

TN

Running

App Files Files Community

rainbowhunt commited on Apr 13

Commit

fb33344

verified ·

1 Parent(s): 988b544

Upload 22 files

Browse files

Files changed (22) hide show

.gitattributes +35 -35
AIPage.html +109 -0
AIassPage.html +92 -0
AbroadPage.html +86 -0
CPDPage.html +65 -0
CareersPage.html +83 -0
ConfedPage.html +66 -0
ConferencePage.html +141 -0
FellowPage.html +78 -0
GrantPage.html +85 -0
MedPage.html +81 -0
PhDPage.html +93 -0
PharmaPage.html +69 -0
PodcastPage.html +107 -0
README.md +12 -12
ResPage.html +75 -0
ResearchPage.html +152 -0
app.js +89 -0
index.html +1161 -0
page-utils.js +65 -0
search.js +162 -0
style.css +28 -0

.gitattributes CHANGED Viewed

@@ -1,35 +1,35 @@
-*.7z filter=lfs diff=lfs merge=lfs -text
-*.arrow filter=lfs diff=lfs merge=lfs -text
-*.bin filter=lfs diff=lfs merge=lfs -text
-*.bz2 filter=lfs diff=lfs merge=lfs -text
-*.ckpt filter=lfs diff=lfs merge=lfs -text
-*.ftz filter=lfs diff=lfs merge=lfs -text
-*.gz filter=lfs diff=lfs merge=lfs -text
-*.h5 filter=lfs diff=lfs merge=lfs -text
-*.joblib filter=lfs diff=lfs merge=lfs -text
-*.lfs.* filter=lfs diff=lfs merge=lfs -text
-*.mlmodel filter=lfs diff=lfs merge=lfs -text
-*.model filter=lfs diff=lfs merge=lfs -text
-*.msgpack filter=lfs diff=lfs merge=lfs -text
-*.npy filter=lfs diff=lfs merge=lfs -text
-*.npz filter=lfs diff=lfs merge=lfs -text
-*.onnx filter=lfs diff=lfs merge=lfs -text
-*.ot filter=lfs diff=lfs merge=lfs -text
-*.parquet filter=lfs diff=lfs merge=lfs -text
-*.pb filter=lfs diff=lfs merge=lfs -text
-*.pickle filter=lfs diff=lfs merge=lfs -text
-*.pkl filter=lfs diff=lfs merge=lfs -text
-*.pt filter=lfs diff=lfs merge=lfs -text
-*.pth filter=lfs diff=lfs merge=lfs -text
-*.rar filter=lfs diff=lfs merge=lfs -text
-*.safetensors filter=lfs diff=lfs merge=lfs -text
-saved_model/**/* filter=lfs diff=lfs merge=lfs -text
-*.tar.* filter=lfs diff=lfs merge=lfs -text
-*.tar filter=lfs diff=lfs merge=lfs -text
-*.tflite filter=lfs diff=lfs merge=lfs -text
-*.tgz filter=lfs diff=lfs merge=lfs -text
-*.wasm filter=lfs diff=lfs merge=lfs -text
-*.xz filter=lfs diff=lfs merge=lfs -text
-*.zip filter=lfs diff=lfs merge=lfs -text
-*.zst filter=lfs diff=lfs merge=lfs -text
-*tfevents* filter=lfs diff=lfs merge=lfs -text

+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

AIPage.html ADDED Viewed

	@@ -0,0 +1,109 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TN Medical Connect | AI in Healthcare</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="style.css">
+</head>
+<body class="ai-page">
+<!-- AI in Healthcare Page -->
+<div class="min-h-screen flex flex-col bg-white">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">AI in Healthcare</a>
+        <a href="#" class="hover:underline">AI Assistants</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
+    <h2 class="text-3xl font-bold text-gray-800 mb-4">🤖 AI in Healthcare</h2>
+    <p class="text-gray-600 mb-4">Discover the latest AI tools in medicine and learn how doctors and nurses can leverage them for better patient care and efficiency.</p>
+    <!-- Search for AI tools and resources -->
+    <div class="mb-8">
+      <form class="search-form w-full md:w-2/3 flex" data-category="ai healthcare">
+        <input type="text" placeholder="Search AI tools, resources..." class="w-full px-3 py-2 border border-gray-300 rounded-l" />
+        <button type="submit" class="bg-primary text-white px-4 py-2 rounded-r hover:bg-opacity-90">
+          <i class="fas fa-search"></i>
+        </button>
+      </form>
+    </div>
+    <!-- Search Results Container -->
+    <div id="search-results" class="mb-8 hidden"></div>
+    <!-- AI Tools Showcase -->
+    <section class="mb-10">
+      <h3 class="text-2xl font-semibold text-gray-800 mb-4">Latest AI Tools</h3>
+      <div class="grid gap-6 md:grid-cols-2">
+        <div class="p-5 bg-gray-50 border border-gray-200 rounded-lg shadow-sm">
+          <h4 class="text-xl font-semibold text-gray-800">Diagnostic AI Assistant</h4>
+          <p class="text-sm text-gray-700 mt-1">An AI tool that analyzes medical images (X-rays, MRIs) to assist in detecting conditions like tumors or fractures.</p>
+          <p class="text-sm text-gray-500 mt-2">Example: Using an AI model to screen chest X-rays for TB, achieving faster preliminary readings.</p>
+        </div>
+        <div class="p-5 bg-gray-50 border border-gray-200 rounded-lg shadow-sm">
+          <h4 class="text-xl font-semibold text-gray-800">Predictive Analytics</h4>
+          <p class="text-sm text-gray-700 mt-1">Systems that predict patient outcomes (like risk of readmission or disease complications) using big data and machine learning.</p>
+          <p class="text-sm text-gray-500 mt-2">Example: A hospital using AI to predict which patients are at risk of ICU admission, enabling early interventions.</p>
+        </div>
+        <div class="p-5 bg-gray-50 border border-gray-200 rounded-lg shadow-sm">
+          <h4 class="text-xl font-semibold text-gray-800">Virtual Health Assistant</h4>
+          <p class="text-sm text-gray-700 mt-1">Chatbot and voice assistants that can answer patient queries, schedule appointments, or triage symptoms using AI (e.g., a symptom checker app).</p>
+          <p class="text-sm text-gray-500 mt-2">Example: A clinic deploying a chatbot to handle after-hours patient questions, providing advice or directing them to emergency care if needed.</p>
+        </div>
+        <div class="p-5 bg-gray-50 border border-gray-200 rounded-lg shadow-sm">
+          <h4 class="text-xl font-semibold text-gray-800">AI for Drug Discovery</h4>
+          <p class="text-sm text-gray-700 mt-1">AI platforms that analyze molecular data to identify new drug candidates or repurpose existing drugs more quickly.</p>
+          <p class="text-sm text-gray-500 mt-2">Example: Pharma companies using AI to predict which compounds might effectively target a new virus, drastically cutting down research time.</p>
+        </div>
+      </div>
+    </section>
+    <!-- How to Use AI Tools Section -->
+    <section class="mb-10">
+      <h3 class="text-2xl font-semibold text-gray-800 mb-4">How Can Medical Staff Use AI?</h3>
+      <div class="space-y-3 text-sm text-gray-700">
+        <p>AI is becoming a collaborative partner in healthcare, not a replacement for professionals. Here are ways staff can integrate AI:</p>
+        <ul class="list-disc list-inside space-y-1">
+          <li><strong>Decision Support:</strong> Use AI recommendations as a second opinion for diagnoses or treatment plans.</li>
+          <li><strong>Automation:</strong> Automate routine paperwork (e.g., AI transcription of patient notes or report generation).</li>
+          <li><strong>Patient Monitoring:</strong> Employ AI-driven apps for tracking patient vitals and get alerted to anomalies in real-time.</li>
+          <li><strong>Continuous Learning:</strong> Leverage AI tools that summarize latest research (keeping practitioners up-to-date effortlessly).</li>
+        </ul>
+        <p>By embracing these tools, medical staff can improve accuracy and save time, focusing more on patient interaction and critical thinking.</p>
+      </div>
+    </section>
+    <!-- Learning Resources CTA -->
+    <section class="bg-primary text-white rounded-lg p-6 shadow-md">
+      <h3 class="text-xl font-semibold mb-2">Want to Learn More?</h3>
+      <p class="text-sm text-white mb-4">Explore courses and tutorials on medical AI to stay ahead of the curve.</p>
+      <a href="#" class="bg-white text-primary px-4 py-2 rounded font-medium text-sm hover:bg-gray-100">Browse AI Courses &raquo;</a>
+    </section>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">AI Ethics Policy</a>
+    </div>
+  </footer>
+</div>
+<!-- Script for dynamic search functionality -->
+<script src="search.js"></script>
+<!-- Script to handle standalone page access -->
+<script src="page-utils.js"></script>
+</body>
+</html>

AIassPage.html ADDED Viewed

	@@ -0,0 +1,92 @@

+<!-- Dedicated AI Assistants Page -->
+<div class="min-h-screen flex flex-col bg-white" x-data="{ activeChat: null }">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">AI Assistants</a>
+        <a href="#" class="hover:underline">AI in Healthcare</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
+    <h2 class="text-3xl font-bold text-gray-800 mb-4">🤖 Dedicated AI Assistants</h2>
+    <p class="text-gray-600 mb-8">Chat with our specialty AI assistants trained in specific domains. Get quick answers or advice in Endocrinology, Pulmonology, or general medical studies.</p>
+    <div class="grid gap-6 md:grid-cols-3">
+      <!-- Endocrinology AI Assistant -->
+      <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
+        <div class="flex items-center mb-3">
+          <div class="bg-primary text-white rounded-full h-8 w-8 flex items-center justify-center text-sm font-bold mr-2">E</div>
+          <h3 class="text-xl font-semibold text-gray-800">Endocrinology AI</h3>
+        </div>
+        <p class="text-sm text-gray-700 mb-4 flex-1">An AI assistant for hormone-related queries. Ask about diabetes management, thyroid disorders, and more.</p>
+        <button class="bg-primary text-white text-sm font-medium px-3 py-2 rounded hover:bg-opacity-90"
+                @click="activeChat = (activeChat === 'endo' ? null : 'endo')">
+          {{ activeChat === 'endo' ? 'Close Chat' : 'Chat Now' }}
+        </button>
+        <!-- Chat interface (toggle visibility) -->
+        <div x-show="activeChat === 'endo'" class="mt-4 border-t border-gray-300 pt-3">
+          <div class="bg-gray-100 p-2 rounded mb-2 text-sm">
+            <p class="text-gray-800"><strong>User:</strong> What are the common symptoms of hypothyroidism?</p>
+          </div>
+          <div class="bg-primary bg-opacity-5 p-2 rounded text-sm">
+            <p class="text-gray-800"><strong>Endo AI:</strong> Common symptoms include fatigue, weight gain, cold intolerance, dry skin, and hair loss, among others. If you suspect hypothyroidism, a TSH blood test is recommended.</p>
+          </div>
+        </div>
+      </div>
+      <!-- Pulmonology AI Assistant -->
+      <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
+        <div class="flex items-center mb-3">
+          <div class="bg-primary text-white rounded-full h-8 w-8 flex items-center justify-center text-sm font-bold mr-2">P</div>
+          <h3 class="text-xl font-semibold text-gray-800">Pulmonology AI</h3>
+        </div>
+        <p class="text-sm text-gray-700 mb-4 flex-1">An AI assistant for lung and respiratory questions. Ask about asthma, COPD, infections, and more.</p>
+        <button class="bg-primary text-white text-sm font-medium px-3 py-2 rounded hover:bg-opacity-90"
+                @click="activeChat = (activeChat === 'pulmo' ? null : 'pulmo')">
+          {{ activeChat === 'pulmo' ? 'Close Chat' : 'Chat Now' }}
+        </button>
+        <div x-show="activeChat === 'pulmo'" class="mt-4 border-t border-gray-300 pt-3">
+          <div class="bg-gray-100 p-2 rounded mb-2 text-sm">
+            <p class="text-gray-800"><strong>User:</strong> How is moderate asthma typically treated?</p>
+          </div>
+          <div class="bg-primary bg-opacity-5 p-2 rounded text-sm">
+            <p class="text-gray-800"><strong>Pulmo AI:</strong> Moderate asthma is usually managed with a daily inhaled corticosteroid and a rescue inhaler (albuterol) as needed. A leukotriene modifier or long-acting beta-agonist may be added if control is not adequate.</p>
+          </div>
+        </div>
+      </div>
+      <!-- Student AI Assistant -->
+      <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
+        <div class="flex items-center mb-3">
+          <div class="bg-primary text-white rounded-full h-8 w-8 flex items-center justify-center text-sm font-bold mr-2">S</div>
+          <h3 class="text-xl font-semibold text-gray-800">Med Student AI</h3>
+        </div>
+        <p class="text-sm text-gray-700 mb-4 flex-1">An AI assistant for medical students. Get help with understanding concepts, exam prep, or general medical knowledge questions.</p>
+        <button class="bg-primary text-white text-sm font-medium px-3 py-2 rounded hover:bg-opacity-90"
+                @click="activeChat = (activeChat === 'student' ? null : 'student')">
+          {{ activeChat === 'student' ? 'Close Chat' : 'Chat Now' }}
+        </button>
+        <div x-show="activeChat === 'student'" class="mt-4 border-t border-gray-300 pt-3">
+          <div class="bg-gray-100 p-2 rounded mb-2 text-sm">
+            <p class="text-gray-800"><strong>User:</strong> Can you explain the mechanism of action of beta-blockers?</p>
+          </div>
+          <div class="bg-primary bg-opacity-5 p-2 rounded text-sm">
+            <p class="text-gray-800"><strong>Student AI:</strong> Beta-blockers work by blocking beta-adrenergic receptors in the heart (and other tissues). This leads to a decrease in heart rate and contractility (β1 effect), and in some cases bronchoconstriction (β2 effect). They are used to manage hypertension, angina, and arrhythmias, among other conditions.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Feedback on AI Assistants</a>
+    </div>
+  </footer>
+</div>

AbroadPage.html ADDED Viewed

	@@ -0,0 +1,86 @@

+<!-- How to Go Abroad Page -->
+<div class="min-h-screen flex flex-col bg-white">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">How to Go Abroad</a>
+        <a href="#" class="hover:underline">Global Grants</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
+    <h2 class="text-3xl font-bold text-gray-800 mb-4">🌍 How to Go Abroad</h2>
+    <p class="text-gray-600 mb-8">Guidance on the exams and requirements for working or studying as a medical professional in different countries.</p>
+    <div class="grid gap-6 md:grid-cols-2">
+      <!-- UKMLA Card -->
+      <div class="p-5 border border-gray-200 rounded-lg shadow-sm">
+        <h3 class="text-xl font-semibold text-gray-800 mb-1">UKMLA (UK Medical Licensing Assessment)</h3>
+        <p class="text-sm text-gray-700 mb-2">The UKMLA is the licensing exam for practicing in the UK, replacing the PLAB from 2024&#8203;:contentReference[oaicite:3]{index=3}. It consists of an Applied Knowledge Test (AKT) and a Clinical Skills Assessment (CSA).</p>
+        <ul class="list-disc list-inside text-sm text-gray-600 mb-1">
+          <li>Ensure you meet the English language requirements (IELTS/OET).</li>
+          <li>Register with the GMC (General Medical Council) for the exam.</li>
+          <li>Prepare using the MLA content map and practice questions.</li>
+        </ul>
+        <a href="https://www.gmc-uk.org/mla" class="text-primary text-sm hover:underline">Official UKMLA Info &raquo;</a>
+      </div>
+      <!-- USMLE Card -->
+      <div class="p-5 border border-gray-200 rounded-lg shadow-sm">
+        <h3 class="text-xl font-semibold text-gray-800 mb-1">USMLE (United States Medical Licensing Examination)</h3>
+        <p class="text-sm text-gray-700 mb-2">A three-step exam required for medical licensure in the USA. Steps 1 and 2 (CK) are typically done before residency; Step 3 is completed during residency.</p>
+        <ul class="list-disc list-inside text-sm text-gray-600 mb-1">
+          <li>Step 1: Basic science knowledge (now Pass/Fail).</li>
+          <li>Step 2 CK: Clinical knowledge (core clinical subjects).</li>
+          <li>Step 3: Advanced clinical examination (after medical school).</li>
+        </ul>
+        <a href="https://www.usmle.org" class="text-primary text-sm hover:underline">Official USMLE Info &raquo;</a>
+      </div>
+      <!-- AMC Card -->
+      <div class="p-5 border border-gray-200 rounded-lg shadow-sm">
+        <h3 class="text-xl font-semibold text-gray-800 mb-1">AMC Exam (Australian Medical Council)</h3>
+        <p class="text-sm text-gray-700 mb-2">The AMC exam is for doctors seeking registration in Australia. It includes a multiple-choice exam and a clinical exam.</p>
+        <ul class="list-disc list-inside text-sm text-gray-600 mb-1">
+          <li>AMC MCQ Exam: tests knowledge across disciplines.</li>
+          <li>AMC Clinical Exam: practical assessment of clinical skills.</li>
+          <li>Consider preparatory courses or materials from AMC.</li>
+        </ul>
+        <a href="https://www.amc.org.au" class="text-primary text-sm hover:underline">Official AMC Info &raquo;</a>
+      </div>
+      <!-- NZREX Card -->
+      <div class="p-5 border border-gray-200 rounded-lg shadow-sm">
+        <h3 class="text-xl font-semibold text-gray-800 mb-1">NZREX (New Zealand Registration Exam)</h3>
+        <p class="text-sm text-gray-700 mb-2">NZREX is an exam for international medical graduates to practice in New Zealand. It is a clinical skills assessment simulating patient scenarios.</p>
+        <ul class="list-disc list-inside text-sm text-gray-600 mb-1">
+          <li>Eligibility: must have passed USMLE Steps or PLAB, or equivalent exams, as a prerequisite.</li>
+          <li>Exam: OSCE format (Objective Structured Clinical Examination).</li>
+          <li>Plan ahead as NZREX is held only a few times a year with limited slots.</li>
+        </ul>
+        <a href="https://www.mcnz.org.nz/registration/exam" class="text-primary text-sm hover:underline">Official NZREX Info &raquo;</a>
+      </div>
+      <!-- FMGE (NExT) Card -->
+      <div class="p-5 border border-gray-200 rounded-lg shadow-sm md:col-span-2">
+        <h3 class="text-xl font-semibold text-gray-800 mb-1">FMGE / NExT (India)</h3>
+        <p class="text-sm text-gray-700 mb-2">FMGE is the Foreign Medical Graduates Examination for those who studied abroad and seek licensure in India. It is being transitioned to the NExT (National Exit Test) which will serve as a common exit exam for Indian medical graduates and licensure exam for foreign graduates.</p>
+        <ul class="list-disc list-inside text-sm text-gray-600 mb-1">
+          <li>FMGE (until NExT is fully implemented): a bi-annual exam (June/Dec) testing clinical knowledge. Requires 50% to pass.</li>
+          <li>NExT: To become a single window exam – will have Step 1 (after final year) and Step 2 (after internship) covering broad medical subjects.</li>
+          <li>Stay updated with NMC (National Medical Commission) announcements for the latest format and dates.</li>
+        </ul>
+        <a href="https://www.nmc.org.in" class="text-primary text-sm hover:underline">More on NExT/FMGE &raquo;</a>
+      </div>
+    </div>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Alumni Abroad Network</a>
+    </div>
+  </footer>
+</div>

CPDPage.html ADDED Viewed

	@@ -0,0 +1,65 @@

+<!-- CPD Courses Page -->
+<div class="min-h-screen flex flex-col bg-white">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">CPD Courses</a>
+        <a href="#" class="hover:underline">Medical Books</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
+    <h2 class="text-3xl font-bold text-gray-800 mb-4">🎓 CPD Courses</h2>
+    <p class="text-gray-600 mb-6">Continue your professional development with online courses. We’ve curated content from Coursera, Udemy, and more – with special discounts and free courses for our community.</p>
+    <!-- Courses Grid -->
+    <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+      <!-- Course Card 1 -->
+      <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
+        <h3 class="text-lg font-semibold text-gray-800">COVID-19 Contact Tracing</h3>
+        <p class="text-sm text-gray-500">Platform: Coursera</p>
+        <p class="text-sm text-gray-700 mt-2 flex-1">Learn the basics of contact tracing for COVID-19, taught by experts at Johns Hopkins University.</p>
+        <span class="text-green-700 text-xs font-bold mt-2">FREE</span>
+        <a href="#" class="mt-3 bg-primary text-white text-sm font-medium text-center px-3 py-2 rounded hover:bg-opacity-90">Enroll Now</a>
+      </div>
+      <!-- Course Card 2 -->
+      <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
+        <h3 class="text-lg font-semibold text-gray-800">Diabetes Essentials</h3>
+        <p class="text-sm text-gray-500">Platform: Udemy</p>
+        <p class="text-sm text-gray-700 mt-2 flex-1">Comprehensive guide to managing diabetes, for patients and healthcare providers alike.</p>
+        <span class="text-blue-700 text-xs font-bold mt-2">50% OFF</span>
+        <a href="#" class="mt-3 bg-primary text-white text-sm font-medium text-center px-3 py-2 rounded hover:bg-opacity-90">Enroll Now</a>
+      </div>
+      <!-- Course Card 3 -->
+      <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
+        <h3 class="text-lg font-semibold text-gray-800">Medical AI and Machine Learning</h3>
+        <p class="text-sm text-gray-500">Platform: Coursera</p>
+        <p class="text-sm text-gray-700 mt-2 flex-1">An introduction to AI in healthcare, covering machine learning applications in medicine (offered by Stanford University).</p>
+        <span class="text-green-700 text-xs font-bold mt-2">FREE</span>
+        <a href="#" class="mt-3 bg-primary text-white text-sm font-medium text-center px-3 py-2 rounded hover:bg-opacity-90">Enroll Now</a>
+      </div>
+      <!-- Course Card 4 -->
+      <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
+        <h3 class="text-lg font-semibold text-gray-800">Emergency Medicine Crash Course</h3>
+        <p class="text-sm text-gray-500">Platform: Udemy</p>
+        <p class="text-sm text-gray-700 mt-2 flex-1">Quick refresher on emergency protocols and life support, ideal for general practitioners and ER staff.</p>
+        <span class="text-blue-700 text-xs font-bold mt-2">30% OFF</span>
+        <a href="#" class="mt-3 bg-primary text-white text-sm font-medium text-center px-3 py-2 rounded hover:bg-opacity-90">Enroll Now</a>
+      </div>
+      <!-- Additional course cards as needed -->
+    </div>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-xs text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Request a Course</a>
+    </div>
+  </footer>
+</div>

CareersPage.html ADDED Viewed

	@@ -0,0 +1,83 @@

+<!-- Careers in Tamil Nadu Page -->
+<div class="min-h-screen flex flex-col bg-white" x-data="{ tab: 'gov' }">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">Careers</a>
+        <a href="#" class="hover:underline">Fellowships</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
+    <!-- Page Title -->
+    <h2 class="text-3xl font-bold text-gray-800 mb-4">💼 Careers in Tamil Nadu</h2>
+    <p class="text-gray-600 mb-6">Explore the latest job opportunities in government and private hospitals across Tamil Nadu.</p>
+    <!-- Toggle Tabs for Gov/Private -->
+    <div class="mb-6">
+      <button class="px-4 py-2 text-sm font-medium rounded-t-md focus:outline-none"
+              :class="tab === 'gov' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
+              @click="tab = 'gov'">Government Jobs</button>
+      <button class="px-4 py-2 text-sm font-medium rounded-t-md focus:outline-none"
+              :class="tab === 'private' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
+              @click="tab = 'private'">Private Jobs</button>
+    </div>
+    <!-- Government Jobs List -->
+    <div x-show="tab === 'gov'">
+      <!-- Example job listing -->
+      <div class="p-4 mb-4 bg-gray-50 border border-gray-200 rounded-lg flex flex-col md:flex-row md:justify-between md:items-center">
+        <div>
+          <h3 class="text-lg font-semibold text-gray-800">Junior Resident – Madurai Medical College</h3>
+          <p class="text-sm text-gray-600">Madurai, TN &middot; Posted Jan 2025</p>
+        </div>
+        <a href="#" class="mt-2 md:mt-0 inline-block bg-primary text-white text-sm font-medium px-4 py-2 rounded hover:bg-opacity-90">View Details</a>
+      </div>
+      <div class="p-4 mb-4 bg-gray-50 border border-gray-200 rounded-lg flex flex-col md:flex-row md:justify-between md:items-center">
+        <div>
+          <h3 class="text-lg font-semibold text-gray-800">Assistant Surgeon – Govt. General Hospital</h3>
+          <p class="text-sm text-gray-600">Chennai, TN &middot; Posted Dec 2024</p>
+        </div>
+        <a href="#" class="mt-2 md:mt-0 inline-block bg-primary text-white text-sm font-medium px-4 py-2 rounded hover:bg-opacity-90">View Details</a>
+      </div>
+      <!-- More government job cards... -->
+      <p class="text-sm text-gray-500">Showing Government hospital openings. (Total: 12 jobs)</p>
+    </div>
+    <!-- Private Jobs List -->
+    <div x-show="tab === 'private'">
+      <div class="p-4 mb-4 bg-gray-50 border border-gray-200 rounded-lg flex flex-col md:flex-row md:justify-between md:items-center">
+        <div>
+          <h3 class="text-lg font-semibold text-gray-800">Senior Resident – CMC Vellore</h3>
+          <p class="text-sm text-gray-600">Vellore, TN &middot; Posted Jan 2025</p>
+        </div>
+        <a href="#" class="mt-2 md:mt-0 inline-block bg-primary text-white text-sm font-medium px-4 py-2 rounded hover:bg-opacity-90">View Details</a>
+      </div>
+      <div class="p-4 mb-4 bg-gray-50 border border-gray-200 rounded-lg flex flex-col md:flex-row md:justify-between md:items-center">
+        <div>
+          <h3 class="text-lg font-semibold text-gray-800">Consultant Cardiologist – Apollo Hospitals</h3>
+          <p class="text-sm text-gray-600">Chennai, TN &middot; Posted Dec 2024</p>
+        </div>
+        <a href="#" class="mt-2 md:mt-0 inline-block bg-primary text-white text-sm font-medium px-4 py-2 rounded hover:bg-opacity-90">View Details</a>
+      </div>
+      <!-- More private job cards... -->
+      <p class="text-sm text-gray-500">Showing Private sector openings. (Total: 8 jobs)</p>
+    </div>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Advertise Jobs</a>
+    </div>
+  </footer>
+</div>
+<!-- Include Alpine.js for tab functionality (if not already globally included) -->
+<script src="https://unpkg.com/alpinejs" defer></script>

ConfedPage.html ADDED Viewed

	@@ -0,0 +1,66 @@

+<!-- Our Conferences Page -->
+<div class="min-h-screen flex flex-col bg-white">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">Our Conferences</a>
+        <a href="#" class="hover:underline">Conferences</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
+    <h2 class="text-3xl font-bold text-gray-800 mb-6">🏥 Our Conferences</h2>
+    <p class="text-gray-600 mb-8">Join the events organized by TN Medical Connect. We host conferences that bring together medical professionals for knowledge sharing, networking, and collaboration.</p>
+    <!-- Featured Conference -->
+    <section class="mb-10 p-6 bg-primary bg-opacity-90 text-white rounded-lg shadow relative">
+      <h3 class="text-2xl font-bold mb-2">TNMed Connect Summit 2025</h3>
+      <p class="text-sm text-gray-100 mb-4">Dec 5-7, 2025 &middot; Chennai Trade Centre, Chennai</p>
+      <p class="mb-6">An annual gathering of healthcare professionals across Tamil Nadu. Keynotes by leading doctors, workshops on medical innovation, and opportunities to present your research.</p>
+      <a href="#" class="bg-white text-primary font-semibold px-4 py-2 rounded hover:bg-gray-100">Register Now</a>
+      <!-- Optional: countdown or special label -->
+      <span class="absolute top-4 right-4 bg-yellow-400 text-yellow-900 text-xs font-bold px-2 py-1 rounded">Upcoming</span>
+    </section>
+    <!-- Other Upcoming Conferences -->
+    <section class="mb-8">
+      <h3 class="text-xl font-semibold text-gray-800 mb-4">Upcoming Events</h3>
+      <div class="grid gap-4 md:grid-cols-2">
+        <div class="border border-gray-200 rounded p-4">
+          <h4 class="text-lg font-medium text-gray-800">Research Collaboration Forum 2026</h4>
+          <p class="text-sm text-gray-600">March 2026 &middot; Coimbatore</p>
+          <p class="text-sm mt-2">A mini-conference focusing on building research partnerships among hospitals in Tamil Nadu. Includes panel discussions and grant-writing workshops.</p>
+          <a href="#" class="text-primary text-sm font-medium hover:underline mt-2 inline-block">Learn More &raquo;</a>
+        </div>
+        <div class="border border-gray-200 rounded p-4">
+          <h4 class="text-lg font-medium text-gray-800">Virtual CME Series – Cardiology</h4>
+          <p class="text-sm text-gray-600">Monthly (Online)</p>
+          <p class="text-sm mt-2">Our ongoing virtual conference series providing Continuing Medical Education credits. Next session: “Advances in Heart Failure Management”.</p>
+          <a href="#" class="text-primary text-sm font-medium hover:underline mt-2 inline-block">Join the Next Session &raquo;</a>
+        </div>
+      </div>
+    </section>
+    <!-- Past Conferences / Highlights -->
+    <section>
+      <h3 class="text-xl font-semibold text-gray-800 mb-4">Past Conferences</h3>
+      <ul class="list-disc list-inside text-sm text-gray-700 space-y-2">
+        <li>TNMed Connect Summit 2024 – <a href="#" class="text-primary hover:underline">View Highlights</a></li>
+        <li>TNMed Research Expo 2023 – <a href="#" class="text-primary hover:underline">View Report</a></li>
+      </ul>
+    </section>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Become a Sponsor</a>
+    </div>
+  </footer>
+</div>

ConferencePage.html ADDED Viewed

	@@ -0,0 +1,141 @@

+<!-- Conferences Page -->
+<div class="min-h-screen flex flex-col bg-white" x-data="{ region: 'TN' }">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">Conferences</a>
+        <a href="#" class="hover:underline">Research</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
+    <!-- Page Title -->
+    <h2 class="text-3xl font-bold text-gray-800 mb-4">📅 Medical Conferences</h2>
+    <p class="text-gray-600 mb-6">Find upcoming medical conferences in Tamil Nadu, across India, and around the world.</p>
+    <!-- Region Tabs -->
+    <div class="flex flex-wrap gap-2 mb-6">
+      <button class="px-3 py-1 text-sm font-medium rounded-full"
+              :class="region === 'TN' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
+              @click="region = 'TN'">Tamil Nadu</button>
+      <button class="px-3 py-1 text-sm font-medium rounded-full"
+              :class="region === 'India' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
+              @click="region = 'India'">India</button>
+      <button class="px-3 py-1 text-sm font-medium rounded-full"
+              :class="region === 'Asia' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
+              @click="region = 'Asia'">Asia</button>
+      <button class="px-3 py-1 text-sm font-medium rounded-full"
+              :class="region === 'Europe' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
+              @click="region = 'Europe'">Europe</button>
+      <button class="px-3 py-1 text-sm font-medium rounded-full"
+              :class="region === 'Australia' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
+              @click="region = 'Australia'">Australia</button>
+      <button class="px-3 py-1 text-sm font-medium rounded-full"
+              :class="region === 'USA' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
+              @click="region = 'USA'">USA</button>
+    </div>
+    <!-- Tamil Nadu Conferences -->
+    <div x-show="region === 'TN'">
+      <h3 class="text-xl font-semibold text-gray-800 mb-3">Conferences in Tamil Nadu</h3>
+      <ul class="space-y-3 text-sm">
+        <li class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <span class="font-medium">TN State Medical Council Conclave 2025</span><br/>
+          <span class="text-gray-600">Chennai &middot; July 10-12, 2025</span>
+        </li>
+        <li class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <span class="font-medium">Madurai Medical College Annual Symposium</span><br/>
+          <span class="text-gray-600">Madurai &middot; Aug 5, 2025</span>
+        </li>
+      </ul>
+    </div>
+    <!-- India Conferences -->
+    <div x-show="region === 'India'">
+      <h3 class="text-xl font-semibold text-gray-800 mb-3">Conferences in India</h3>
+      <ul class="space-y-3 text-sm">
+        <li class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <span class="font-medium">All India Medical Research Conference (AIMRC)</span><br/>
+          <span class="text-gray-600">New Delhi &middot; Sept 15-17, 2025</span>
+        </li>
+        <li class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <span class="font-medium">National Public Health Summit</span><br/>
+          <span class="text-gray-600">Mumbai &middot; Oct 10-11, 2025</span>
+        </li>
+      </ul>
+    </div>
+    <!-- Asia Conferences -->
+    <div x-show="region === 'Asia'">
+      <h3 class="text-xl font-semibold text-gray-800 mb-3">Conferences in Asia</h3>
+      <ul class="space-y-3 text-sm">
+        <li class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <span class="font-medium">Asia-Pacific Cardiology Congress</span><br/>
+          <span class="text-gray-600">Singapore &middot; Nov 2025</span>
+        </li>
+        <li class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <span class="font-medium">Pan-Asian Medical Genetics Conference</span><br/>
+          <span class="text-gray-600">Tokyo, Japan &middot; Dec 2025</span>
+        </li>
+      </ul>
+    </div>
+    <!-- Europe Conferences -->
+    <div x-show="region === 'Europe'">
+      <h3 class="text-xl font-semibold text-gray-800 mb-3">Conferences in Europe</h3>
+      <ul class="space-y-3 text-sm">
+        <li class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <span class="font-medium">Royal College of Physicians (RCP) Annual Conference</span><br/>
+          <span class="text-gray-600">London, UK &middot; May 2025</span>
+        </li>
+        <li class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <span class="font-medium">European Society of Cardiology Congress</span><br/>
+          <span class="text-gray-600">Rome, Italy &middot; Aug 2025</span>
+        </li>
+      </ul>
+    </div>
+    <!-- Australia Conferences -->
+    <div x-show="region === 'Australia'">
+      <h3 class="text-xl font-semibold text-gray-800 mb-3">Conferences in Australia</h3>
+      <ul class="space-y-3 text-sm">
+        <li class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <span class="font-medium">Australian Medical Association Conference</span><br/>
+          <span class="text-gray-600">Sydney &middot; June 2025</span>
+        </li>
+        <li class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <span class="font-medium">Global Health Innovations Forum</span><br/>
+          <span class="text-gray-600">Melbourne &middot; Nov 2025</span>
+        </li>
+      </ul>
+    </div>
+    <!-- USA Conferences -->
+    <div x-show="region === 'USA'">
+      <h3 class="text-xl font-semibold text-gray-800 mb-3">Conferences in USA</h3>
+      <ul class="space-y-3 text-sm">
+        <li class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <span class="font-medium">American College of Physicians (ACP) Internal Medicine Meeting</span><br/>
+          <span class="text-gray-600">Boston, USA &middot; Apr 2025</span>
+        </li>
+        <li class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <span class="font-medium">American Medical Association Annual Meeting</span><br/>
+          <span class="text-gray-600">Chicago, USA &middot; June 2025</span>
+        </li>
+      </ul>
+    </div>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Submit Conference</a>
+    </div>
+  </footer>
+</div>

FellowPage.html ADDED Viewed

	@@ -0,0 +1,78 @@

+<!-- Fellowships & Scholarships Page -->
+<div class="min-h-screen flex flex-col bg-white">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">Fellowships</a>
+        <a href="#" class="hover:underline">Careers</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
+    <h2 class="text-3xl font-bold text-gray-800 mb-4">🎓 Fellowships & Scholarships</h2>
+    <p class="text-gray-600 mb-8">Explore advanced training opportunities and scholarships for medical professionals in Tamil Nadu, India, and across Asia.</p>
+    <!-- Tamil Nadu Opportunities -->
+    <section class="mb-8">
+      <h3 class="text-2xl font-semibold text-gray-800 mb-3">Within Tamil Nadu</h3>
+      <div class="space-y-4 text-sm">
+        <div class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <p class="font-medium">Madras Medical College Research Fellowship</p>
+          <p class="text-gray-600">A one-year clinical research fellowship at MMC for postgraduates. <span class="text-gray-800">Deadline: May 1, 2025.</span></p>
+        </div>
+        <div class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <p class="font-medium">Tamil Nadu Health University Merit Scholarship</p>
+          <p class="text-gray-600">Scholarship for MD/MS students in Tamil Nadu with outstanding academic records. <span class="text-gray-800">Deadline: Jun 15, 2025.</span></p>
+        </div>
+      </div>
+    </section>
+    <!-- India Opportunities -->
+    <section class="mb-8">
+      <h3 class="text-2xl font-semibold text-gray-800 mb-3">Across India</h3>
+      <div class="space-y-4 text-sm">
+        <div class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <p class="font-medium">AIIMS Delhi Clinical Fellowship Program</p>
+          <p class="text-gray-600">Fellowship in Cardiology at AIIMS for practicing physicians across India. <span class="text-gray-800">Deadline: Jul 30, 2025.</span></p>
+        </div>
+        <div class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <p class="font-medium">ICMR Junior Research Scholarship</p>
+          <p class="text-gray-600">Indian Council of Medical Research offers scholarships for young researchers (nation-wide). <span class="text-gray-800">Deadline: Apr 2025.</span></p>
+        </div>
+      </div>
+    </section>
+    <!-- Asia Opportunities -->
+    <section class="mb-8">
+      <h3 class="text-2xl font-semibold text-gray-800 mb-3">Asia &amp; International</h3>
+      <div class="space-y-4 text-sm">
+        <div class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <p class="font-medium">WHO Southeast Asia Young Physician Fellowship</p>
+          <p class="text-gray-600">World Health Organization fellowship for physicians in Southeast Asia focusing on public health. <span class="text-gray-800">Deadline: Aug 2025.</span></p>
+        </div>
+        <div class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <p class="font-medium">Japan JICA Medical Scholarship</p>
+          <p class="text-gray-600">Japan International Cooperation Agency scholarship for medical specialists from Asian countries to train in Japan. <span class="text-gray-800">Deadline: Dec 2025.</span></p>
+        </div>
+      </div>
+    </section>
+    <!-- Note or call-to-action -->
+    <div class="bg-primary text-white p-4 rounded">
+      <p class="text-sm">For more opportunities abroad, see our <a href="#" class="underline font-medium text-white">Global Grants</a> and <a href="#" class="underline font-medium text-white">How to Go Abroad</a> pages.</p>
+    </div>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Submit an Opportunity</a>
+    </div>
+  </footer>
+</div>

GrantPage.html ADDED Viewed

	@@ -0,0 +1,85 @@

+<!-- Global Grants Page -->
+<div class="min-h-screen flex flex-col bg-white">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">Global Grants</a>
+        <a href="#" class="hover:underline">Fellowships</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
+    <h2 class="text-3xl font-bold text-gray-800 mb-4">🌐 Global Grants & Fellowships</h2>
+    <p class="text-gray-600 mb-6">Discover international grants and fellowships (UK, Australia, and beyond) and learn how to apply for them.</p>
+    <div class="space-y-4">
+      <!-- Grant 1 -->
+      <details class="border border-gray-300 rounded-lg">
+        <summary class="cursor-pointer select-none focus:outline-none focus:ring-2 focus:ring-primary px-4 py-2 text-gray-800 font-semibold">
+          Wellcome Trust Research Fellowship (UK)
+        </summary>
+        <div class="px-4 py-2 text-sm text-gray-700 bg-gray-50">
+          <p><strong>Description:</strong> A prestigious grant for biomedical research offered by the UK-based Wellcome Trust.</p>
+          <p><strong>How to Apply:</strong></p>
+          <ul class="list-decimal list-inside mb-2">
+            <li>Ensure your research proposal aligns with Wellcome's focus areas.</li>
+            <li>Obtain an endorsement from a host institution in the UK.</li>
+            <li>Submit an online application through the Wellcome portal before the deadline.</li>
+          </ul>
+          <p><strong>Deadline:</strong> Oct 1, 2025</p>
+        </div>
+      </details>
+      <!-- Grant 2 -->
+      <details class="border border-gray-300 rounded-lg">
+        <summary class="cursor-pointer select-none focus:outline-none focus:ring-2 focus:ring-primary px-4 py-2 text-gray-800 font-semibold">
+          Australia NHMRC Early Career Fellowship
+        </summary>
+        <div class="px-4 py-2 text-sm text-gray-700 bg-gray-50">
+          <p><strong>Description:</strong> National Health and Medical Research Council (Australia) fellowship for early-career researchers in health and medicine.</p>
+          <p><strong>How to Apply:</strong></p>
+          <ul class="list-decimal list-inside mb-2">
+            <li>Prepare a detailed research proposal and CV highlighting publications.</li>
+            <li>Find an Australian host institution willing to support your application.</li>
+            <li>Apply via the NHMRC online system, following their guidelines for international applicants.</li>
+          </ul>
+          <p><strong>Deadline:</strong> Mar 2025 (Round 1)</p>
+        </div>
+      </details>
+      <!-- Grant 3 -->
+      <details class="border border-gray-300 rounded-lg">
+        <summary class="cursor-pointer select-none focus:outline-none focus:ring-2 focus:ring-primary px-4 py-2 text-gray-800 font-semibold">
+          NIH Fogarty Global Health Grant (USA)
+        </summary>
+        <div class="px-4 py-2 text-sm text-gray-700 bg-gray-50">
+          <p><strong>Description:</strong> US National Institutes of Health (NIH) grant via the Fogarty International Center for health research projects in low-and-middle-income countries.</p>
+          <p><strong>How to Apply:</strong></p>
+          <ul class="list-decimal list-inside mb-2">
+            <li>Identify a focus area (e.g., infectious disease, maternal health) that Fogarty supports.</li>
+            <li>Partner with a US institution or investigator if required (for collaborative grants).</li>
+            <li>Submit your proposal through the NIH grant application system (grants.gov) by the specified date.</li>
+          </ul>
+          <p><strong>Deadline:</strong> Varies by program (typically mid-2025)</p>
+        </div>
+      </details>
+      <!-- Additional grants can be listed similarly -->
+    </div>
+    <!-- Guidance Note -->
+    <div class="mt-6 p-4 bg-blue-50 border-l-4 border-blue-400 text-sm text-blue-900">
+      Note: Always review the official guidelines for each grant. Our <a href="#" class="text-primary font-medium hover:underline">Resources page</a> provides tips on writing grant proposals and obtaining recommendation letters.
+    </div>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Contact for Assistance</a>
+    </div>
+  </footer>
+</div>

MedPage.html ADDED Viewed

	@@ -0,0 +1,81 @@

+<!-- Medical Books Page -->
+<div class="min-h-screen flex flex-col bg-white">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">Medical Books</a>
+        <a href="#" class="hover:underline">Resources</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-6xl mx-auto px-4 py-6">
+    <h2 class="text-3xl font-bold text-gray-800 mb-4">📚 Medical Books &amp; Guidelines</h2>
+    <p class="text-gray-600 mb-6">Access a repository of open-source medical textbooks and global clinical guidelines. Use the search below to find specific titles or browse the collection.</p>
+    <!-- Search Bar -->
+    <div class="mb-6">
+      <input type="text" placeholder="Search books or guidelines..." class="w-full md:w-1/2 px-4 py-2 border border-gray-300 rounded" />
+    </div>
+    <!-- Books/Guidelines List -->
+    <div class="overflow-x-auto">
+      <table class="min-w-full text-sm text-left text-gray-800">
+        <thead class="bg-gray-100 text-gray-700 uppercase text-xs">
+          <tr>
+            <th class="px-4 py-2">Title</th>
+            <th class="px-4 py-2">Author/Source</th>
+            <th class="px-4 py-2">Year</th>
+            <th class="px-4 py-2">Access</th>
+          </tr>
+        </thead>
+        <tbody>
+          <!-- Example Book Row -->
+          <tr class="border-b">
+            <td class="px-4 py-2">Oxford Handbook of Clinical Medicine</td>
+            <td class="px-4 py-2">Murray Longmore et al.</td>
+            <td class="px-4 py-2">2014</td>
+            <td class="px-4 py-2"><a href="#" class="text-primary hover:underline">View</a></td>
+          </tr>
+          <!-- Example Open-Source Book -->
+          <tr class="border-b">
+            <td class="px-4 py-2">OpenStax Anatomy &amp; Physiology</td>
+            <td class="px-4 py-2">OpenStax (Rice University)</td>
+            <td class="px-4 py-2">2016</td>
+            <td class="px-4 py-2"><a href="https://openstax.org/details/books/anatomy-and-physiology" class="text-primary hover:underline" target="_blank">Open Link</a></td>
+          </tr>
+          <!-- Example Guideline -->
+          <tr class="border-b">
+            <td class="px-4 py-2">WHO Hypertension Guidelines</td>
+            <td class="px-4 py-2">World Health Organization</td>
+            <td class="px-4 py-2">2021</td>
+            <td class="px-4 py-2"><a href="#" class="text-primary hover:underline">PDF</a></td>
+          </tr>
+          <!-- Example Guideline -->
+          <tr class="border-b">
+            <td class="px-4 py-2">NICE Diabetes Management</td>
+            <td class="px-4 py-2">NICE (UK)</td>
+            <td class="px-4 py-2">2022</td>
+            <td class="px-4 py-2"><a href="#" class="text-primary hover:underline">PDF</a></td>
+          </tr>
+          <!-- More entries... -->
+        </tbody>
+      </table>
+    </div>
+    <!-- Note about usage -->
+    <p class="mt-4 text-xs text-gray-500">* All resources listed are open-access or used with permission. Please ensure proper citation of guidelines when using them in practice.</p>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-6xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Report Broken Link</a>
+    </div>
+  </footer>
+</div>

PhDPage.html ADDED Viewed

	@@ -0,0 +1,93 @@

+<!-- PhD & Master's Page -->
+<div class="min-h-screen flex flex-col bg-white">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">PhD &amp; Master’s</a>
+        <a href="#" class="hover:underline">How to Go Abroad</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
+    <h2 class="text-3xl font-bold text-gray-800 mb-4">🎓 PhD &amp; Master’s Opportunities</h2>
+    <p class="text-gray-600 mb-6">Pursue advanced medical education at top global universities. Discover highly ranked programs and what it takes to get admitted.</p>
+    <!-- Top Universities Highlights -->
+    <section class="mb-8">
+      <h3 class="text-2xl font-semibold text-gray-800 mb-4">Top Universities for Medicine</h3>
+      <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+        <div class="p-4 bg-gray-50 border border-gray-200 rounded text-center">
+          <h4 class="text-lg font-semibold text-gray-800">Harvard University</h4>
+          <p class="text-sm text-gray-600">USA – Ranked #1 globally in Medicine&#8203;:contentReference[oaicite:6]{index=6}</p>
+          <a href="#" class="text-primary text-sm hover:underline">View Programs &raquo;</a>
+        </div>
+        <div class="p-4 bg-gray-50 border border-gray-200 rounded text-center">
+          <h4 class="text-lg font-semibold text-gray-800">University of Oxford</h4>
+          <p class="text-sm text-gray-600">UK – Ranked #2 globally in Medicine&#8203;:contentReference[oaicite:7]{index=7}</p>
+          <a href="#" class="text-primary text-sm hover:underline">View Programs &raquo;</a>
+        </div>
+        <div class="p-4 bg-gray-50 border border-gray-200 rounded text-center">
+          <h4 class="text-lg font-semibold text-gray-800">Stanford University</h4>
+          <p class="text-sm text-gray-600">USA – Ranked #3 globally in Medicine</p>
+          <a href="#" class="text-primary text-sm hover:underline">View Programs &raquo;</a>
+        </div>
+        <!-- Additional top universities (Cambridge, Johns Hopkins, etc.) could be listed similarly -->
+      </div>
+    </section>
+    <!-- Application Guidance -->
+    <section class="mb-8">
+      <h3 class="text-2xl font-semibold text-gray-800 mb-4">Application Tips &amp; Resources</h3>
+      <div class="md:flex md:space-x-6 text-sm">
+        <div class="md:flex-1 mb-4 md:mb-0">
+          <h4 class="text-xl font-semibold text-gray-800">Preparing for Application</h4>
+          <ul class="list-disc list-inside text-gray-700 mt-2 space-y-1">
+            <li>Standardized Tests: Check if GRE/GMAT is required for the program. Take IELTS/TOEFL for English proficiency if needed.</li>
+            <li>Build CV/Resume: Highlight research, publications, and clinical experience.</li>
+            <li>Letters of Recommendation: Secure strong references from mentors or professors.</li>
+            <li>Personal Statement: Draft a compelling narrative of your goals and motivations.</li>
+          </ul>
+        </div>
+        <div class="md:flex-1">
+          <h4 class="text-xl font-semibold text-gray-800">Resources</h4>
+          <p class="mt-2 text-gray-700">Use global rankings and databases to find programs:</p>
+          <ul class="list-none mt-1 space-y-1">
+            <li>🔗 <a href="https://www.topuniversities.com" class="text-primary hover:underline">QS World University Rankings</a></li>
+            <li>🔗 <a href="https://www.timeshighereducation.com" class="text-primary hover:underline">THE World University Rankings</a></li>
+            <li>🔗 <a href="https://scholarships.com" class="text-primary hover:underline">Scholarship Search Portals</a></li>
+            <li>🔗 <a href="#" class="text-primary hover:underline">Guide: Writing a Statement of Purpose</a></li>
+          </ul>
+        </div>
+      </div>
+    </section>
+    <!-- Notable Programs or Scholarships (if any) -->
+    <section class="mb-8">
+      <h3 class="text-2xl font-semibold text-gray-800 mb-4">Notable Programs &amp; Scholarships</h3>
+      <div class="space-y-3 text-sm">
+        <div class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <p class="font-medium">Rhodes Scholarship – University of Oxford</p>
+          <p class="text-gray-600">Fully-funded scholarship for postgraduate study at Oxford, open to select countries. <a href="#" class="text-primary hover:underline">Learn more &raquo;</a></p>
+        </div>
+        <div class="p-4 bg-gray-50 border border-gray-200 rounded">
+          <p class="font-medium">Fulbright Program – Global</p>
+          <p class="text-gray-600">Exchange scholarships for study/research in the USA for international students. <a href="#" class="text-primary hover:underline">Learn more &raquo;</a></p>
+        </div>
+      </div>
+    </section>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Student Experiences</a>
+    </div>
+  </footer>
+</div>

PharmaPage.html ADDED Viewed

	@@ -0,0 +1,69 @@

+<!-- Pharma Page -->
+<div class="min-h-screen flex flex-col bg-white">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">Pharma</a>
+        <a href="#" class="hover:underline">Our Conferences</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
+    <h2 class="text-3xl font-bold text-gray-800 mb-4">💊 Pharma Spotlight</h2>
+    <p class="text-gray-600 mb-8">Explore the latest from our pharmaceutical partners. This space features new drug launches, clinical trial announcements, and offers for the TN medical community.</p>
+    <!-- Featured Pharma Banner / CTA for advertisers -->
+    <section class="mb-10 p-6 bg-blue-50 border-l-4 border-blue-400 rounded">
+      <h3 class="text-xl font-semibold text-gray-800 mb-2">Your Company Here</h3>
+      <p class="text-sm text-gray-700 mb-3">Pharma companies can reach thousands of medical professionals on TN Medical Connect. Contact us to advertise your products, clinical trials, or educational content.</p>
+      <a href="#" class="bg-primary text-white text-sm font-medium px-4 py-2 rounded hover:bg-opacity-90">Advertise with Us</a>
+    </section>
+    <!-- Pharma Ads/Promos Grid -->
+    <section>
+      <div class="grid gap-6 md:grid-cols-3">
+        <!-- Pharma Card 1 -->
+        <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col items-center text-center">
+          <div class="bg-gray-200 h-16 w-16 mb-3 flex items-center justify-center rounded-full">
+            <!-- Placeholder for company logo -->
+            <span class="text-gray-500 text-sm">Logo</span>
+          </div>
+          <h4 class="text-lg font-semibold text-gray-800">MediCorp Pharma</h4>
+          <p class="text-sm text-gray-600 mt-1 flex-1">New antibiotic release: <em>Azion</em> – effective against resistant infections.</p>
+          <a href="#" class="text-primary text-sm font-medium hover:underline mt-2">Learn More &raquo;</a>
+        </div>
+        <!-- Pharma Card 2 -->
+        <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col items-center text-center">
+          <div class="bg-gray-200 h-16 w-16 mb-3 flex items-center justify-center rounded-full">
+            <span class="text-gray-500 text-sm">Logo</span>
+          </div>
+          <h4 class="text-lg font-semibold text-gray-800">HealthPlus Co.</h4>
+          <p class="text-sm text-gray-600 mt-1 flex-1">Clinical trial enrolling: Diabetes drug <em>Glucora</em> Phase III – seeking hospital partners.</p>
+          <a href="#" class="text-primary text-sm font-medium hover:underline mt-2">Learn More &raquo;</a>
+        </div>
+        <!-- Pharma Card 3 -->
+        <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col items-center text-center">
+          <div class="bg-gray-200 h-16 w-16 mb-3 flex items-center justify-center rounded-full">
+            <span class="text-gray-500 text-sm">Logo</span>
+          </div>
+          <h4 class="text-lg font-semibold text-gray-800">WellCare Labs</h4>
+          <p class="text-sm text-gray-600 mt-1 flex-1">Continuing Medical Education: Free webinar on vaccine development sponsored by WellCare.</p>
+          <a href="#" class="text-primary text-sm font-medium hover:underline mt-2">Register &raquo;</a>
+        </div>
+      </div>
+    </section>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-xs text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Advertising Policy</a>
+    </div>
+  </footer>
+</div>

PodcastPage.html ADDED Viewed

	@@ -0,0 +1,107 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TN Medical Connect | Podcasts</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="style.css">
+</head>
+<body class="podcast-page">
+<!-- Podcast Page -->
+<div class="min-h-screen flex flex-col bg-white">
+  <!-- Header / Navbar -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">Podcasts</a>
+        <a href="#" class="hover:underline">Research</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto p-4">
+    <!-- Page Title -->
+    <div class="mb-6">
+      <h2 class="text-3xl font-bold text-gray-800">🎙️ Podcasts</h2>
+      <p class="text-gray-600">Hear from medical experts on the latest topics and trends.</p>
+    </div>
+    <!-- Search and Filter -->
+    <div class="mb-6 flex flex-col md:flex-row md:items-center md:justify-between space-y-2 md:space-y-0">
+      <form class="search-form w-full md:w-2/3 flex" data-category="podcast">
+        <input type="text" placeholder="Search podcasts..." class="w-full px-3 py-2 border border-gray-300 rounded-l" />
+        <button type="submit" class="bg-primary text-white px-4 py-2 rounded-r hover:bg-opacity-90">
+          <i class="fas fa-search"></i>
+        </button>
+      </form>
+      <select class="w-full md:w-1/5 px-3 py-2 border border-gray-300 rounded">
+        <option>All Topics</option>
+        <option>Cardiology</option>
+        <option>Neurology</option>
+        <option>Public Health</option>
+      </select>
+    </div>
+    <!-- Search Results Container -->
+    <div id="search-results" class="mb-8 hidden"></div>
+    <!-- Podcasts Grid -->
+    <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+      <!-- Podcast Episode Card 1 -->
+      <div class="bg-gray-50 border border-gray-200 rounded-lg p-4 shadow-sm hover:shadow-md transition">
+        <h3 class="text-xl font-semibold text-gray-800">The Heart of Cardiology</h3>
+        <p class="text-sm text-gray-500">Host: Dr. A. Kumar &middot; Jan 10, 2025</p>
+        <p class="mt-2 text-gray-700 text-sm">Discussion on recent advances in cardiology and patient care approaches.</p>
+        <audio controls class="mt-3 w-full">
+          <source src="#" type="audio/mpeg" />
+          Your browser does not support the audio element.
+        </audio>
+      </div>
+      <!-- Podcast Episode Card 2 -->
+      <div class="bg-gray-50 border border-gray-200 rounded-lg p-4 shadow-sm hover:shadow-md transition">
+        <h3 class="text-xl font-semibold text-gray-800">Pediatrics Today</h3>
+        <p class="text-sm text-gray-500">Host: Dr. B. Sharma &middot; Jan 5, 2025</p>
+        <p class="mt-2 text-gray-700 text-sm">Latest pediatric care techniques and child health insights for practitioners.</p>
+        <audio controls class="mt-3 w-full">
+          <source src="#" type="audio/mpeg" />
+          Your browser does not support the audio element.
+        </audio>
+      </div>
+      <!-- Podcast Episode Card 3 -->
+      <div class="bg-gray-50 border border-gray-200 rounded-lg p-4 shadow-sm hover:shadow-md transition">
+        <h3 class="text-xl font-semibold text-gray-800">Global Health Review</h3>
+        <p class="text-sm text-gray-500">Host: Dr. C. Lee &middot; Dec 20, 2024</p>
+        <p class="mt-2 text-gray-700 text-sm">A conversation on global health challenges and epidemiology updates.</p>
+        <audio controls class="mt-3 w-full">
+          <source src="#" type="audio/mpeg" />
+          Your browser does not support the audio element.
+        </audio>
+      </div>
+      <!-- Additional podcast cards... -->
+    </div>
+    <!-- Possibly a "load more" button for more podcasts -->
+    <div class="mt-8 text-center">
+      <button class="bg-primary text-white px-4 py-2 rounded hover:bg-opacity-90">Load More Episodes</button>
+    </div>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Contact Us</a>
+    </div>
+  </footer>
+</div>
+<!-- Script for dynamic search functionality -->
+<script src="search.js"></script>
+<!-- Script to handle standalone page access -->
+<script src="page-utils.js"></script>
+</body>
+</html>

README.md CHANGED Viewed

@@ -1,12 +1,12 @@
----
-title: TN
-emoji: 🌖
-colorFrom: indigo
-colorTo: indigo
-sdk: streamlit
-sdk_version: 1.44.1
-app_file: app.py
-pinned: false
----
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

+---
+title: tnmed
+emoji: 🐳
+colorFrom: red
+colorTo: blue
+sdk: static
+pinned: false
+tags:
+  - deepsite
+---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

ResPage.html ADDED Viewed

	@@ -0,0 +1,75 @@

+<!-- Research-Friendly Hospitals Page -->
+<div class="min-h-screen flex flex-col bg-white">
+  <!-- Header -->
+  <header class="bg-primary text-white">
+    <div class="max-w-4xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">Research-Friendly Hospitals</a>
+        <a href="#" class="hover:underline">Research</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-4xl mx-auto px-4 py-6">
+    <h2 class="text-3xl font-bold text-gray-800 mb-4">🏆 Top Research-Active Hospitals in Tamil Nadu</h2>
+    <p class="text-gray-600 mb-6">This chart ranks Tamil Nadu hospitals by research output (publications in 2024). It highlights the institutions leading in medical research and innovation.</p>
+    <!-- Rankings Chart -->
+    <div class="space-y-4">
+      <!-- Hospital 1 -->
+      <div>
+        <div class="flex justify-between text-sm">
+          <span class="font-medium text-gray-800">1. CMC Vellore</span>
+          <span class="text-gray-600">130 publications</span>
+        </div>
+        <div class="bg-primary h-3 rounded mt-1" style="width: 100%;"></div>
+      </div>
+      <!-- Hospital 2 -->
+      <div>
+        <div class="flex justify-between text-sm">
+          <span class="font-medium text-gray-800">2. Madras Medical College</span>
+          <span class="text-gray-600">115 publications</span>
+        </div>
+        <div class="bg-primary h-3 rounded mt-1" style="width: 88%;"></div>
+      </div>
+      <!-- Hospital 3 -->
+      <div>
+        <div class="flex justify-between text-sm">
+          <span class="font-medium text-gray-800">3. Apollo Hospitals Chennai</span>
+          <span class="text-gray-600">90 publications</span>
+        </div>
+        <div class="bg-primary h-3 rounded mt-1" style="width: 69%;"></div>
+      </div>
+      <!-- Hospital 4 -->
+      <div>
+        <div class="flex justify-between text-sm">
+          <span class="font-medium text-gray-800">4. PSG Institute, Coimbatore</span>
+          <span class="text-gray-600">80 publications</span>
+        </div>
+        <div class="bg-primary h-3 rounded mt-1" style="width: 62%;"></div>
+      </div>
+      <!-- Hospital 5 -->
+      <div>
+        <div class="flex justify-between text-sm">
+          <span class="font-medium text-gray-800">5. Stanley Medical College</span>
+          <span class="text-gray-600">75 publications</span>
+        </div>
+        <div class="bg-primary h-3 rounded mt-1" style="width: 58%;"></div>
+      </div>
+    </div>
+    <!-- Note: for an interactive chart, Chart.js can be used to render bars dynamically -->
+    <p class="mt-4 text-xs text-gray-500">* Data represents number of PubMed-indexed publications in 2024. (Illustrative data)</p>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-4xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Methodology</a>
+    </div>
+  </footer>
+</div>

ResearchPage.html ADDED Viewed

	@@ -0,0 +1,152 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TN Medical Connect | Research</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="style.css">
+</head>
+<body class="research-page">
+<!-- Research Page -->
+<div class="min-h-screen flex flex-col bg-white">
+  <!-- Header / Navbar (same structure as other pages for consistency) -->
+  <header class="bg-primary text-white">
+    <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+      <h1 class="text-2xl font-bold">TN Medical Connect</h1>
+      <nav class="space-x-4 text-sm">
+        <a href="#" class="hover:underline">Home</a>
+        <a href="#" class="hover:underline font-semibold">Research</a>
+        <a href="#" class="hover:underline">Podcasts</a>
+        <!-- ...other nav links -->
+      </nav>
+    </div>
+  </header>
+  <!-- Main Content -->
+  <main class="flex-1 max-w-7xl mx-auto px-4 py-6 space-y-12">
+    <!-- Page Title -->
+    <div class="mb-6">
+      <h2 class="text-3xl font-bold text-gray-800">🔬 Research & Innovation</h2>
+      <p class="text-gray-600">Latest research updates, resources for researchers, and upcoming academic events.</p>
+    </div>
+    <!-- Search and Filter -->
+    <div class="mb-6 flex flex-col md:flex-row md:items-center md:justify-between space-y-2 md:space-y-0">
+      <form class="search-form w-full md:w-2/3 flex" data-category="research">
+        <input type="text" placeholder="Search research papers, grants..." class="w-full px-3 py-2 border border-gray-300 rounded-l" />
+        <button type="submit" class="bg-primary text-white px-4 py-2 rounded-r hover:bg-opacity-90">
+          <i class="fas fa-search"></i>
+        </button>
+      </form>
+      <select class="w-full md:w-1/5 px-3 py-2 border border-gray-300 rounded">
+        <option>All Categories</option>
+        <option>Papers</option>
+        <option>Grants</option>
+        <option>Clinical Trials</option>
+      </select>
+    </div>
+    <!-- Search Results Container -->
+    <div id="search-results" class="mb-8 hidden"></div>
+    <!-- Featured Research Highlight -->
+    <section class="bg-gray-50 border border-gray-200 rounded-lg p-6 shadow-sm">
+      <h3 class="text-2xl font-semibold text-gray-800">Featured: Breakthrough in Diabetes Treatment</h3>
+      <p class="text-sm text-gray-500 mb-4">Published Jan 2025 in New England Journal of Medicine</p>
+      <p class="text-gray-700">Researchers at XYZ University have developed a novel insulin delivery method improving patient compliance. This breakthrough is expected to reduce complications in diabetes management. <a href="#" class="text-primary hover:underline">Read more</a></p>
+    </section>
+    <!-- Research Resources: IRB Guide and Publication Feeds -->
+    <section class="md:flex md:space-x-6">
+      <!-- IRB How-to Guide Card -->
+      <div class="flex-1 bg-white border border-gray-200 rounded-lg p-5 shadow-sm mb-6 md:mb-0">
+        <h3 class="text-xl font-semibold text-gray-800">How to Write an IRB Proposal</h3>
+        <p class="text-sm text-gray-600 mb-3">Tips and steps to craft a successful IRB submission for your study.</p>
+        <ul class="list-disc list-inside text-gray-700 text-sm space-y-1">
+          <li>Define a clear research question and hypothesis.</li>
+          <li>Ensure ethical compliance and patient safety measures.</li>
+          <li>Provide detailed methodology and data management plans.</li>
+        </ul>
+        <a href="#" class="mt-3 inline-block text-primary hover:underline text-sm font-medium">Read full guide &raquo;</a>
+      </div>
+      <!-- Latest Publications Feed -->
+      <div class="flex-1">
+        <h3 class="text-xl font-semibold text-gray-800 mb-3">Latest Publications</h3>
+        <div class="space-y-2 text-sm">
+          <!-- Example publication entries (could be dynamically loaded) -->
+          <div class="border-b pb-2">
+            <a href="#" class="text-primary hover:underline">Effect of Telemedicine on Patient Outcomes in Rural Areas</a>
+            <p class="text-gray-500">Journal of Medical Systems &middot; Jan 2025</p>
+          </div>
+          <div class="border-b pb-2">
+            <a href="#" class="text-primary hover:underline">AI-Assisted Surgery: A Review of 1000 Cases</a>
+            <p class="text-gray-500">International Journal of Surgery &middot; Dec 2024</p>
+          </div>
+          <div>
+            <a href="#" class="text-primary hover:underline">Long-term Effects of COVID-19 Vaccination Strategies</a>
+            <p class="text-gray-500">Lancet Public Health &middot; Dec 2024</p>
+          </div>
+        </div>
+        <button class="mt-3 text-primary text-sm hover:underline">Refresh Feed</button>
+        <!-- A real implementation might use JS to fetch and append new entries -->
+      </div>
+    </section>
+    <!-- Networking CTA -->
+    <section class="bg-primary text-white rounded-lg p-6 shadow-md flex items-center justify-between flex-col md:flex-row">
+      <div class="mb-4 md:mb-0">
+        <h3 class="text-2xl font-semibold">Connect with Peers</h3>
+        <p class="text-white text-sm">Join our research forum to network with other researchers and clinicians in Tamil Nadu.</p>
+      </div>
+      <a href="#" class="bg-white text-primary font-semibold px-4 py-2 rounded shadow hover:bg-gray-100">Join the Research Forum</a>
+    </section>
+    <!-- Upcoming Conferences Preview -->
+    <section>
+      <h3 class="text-xl font-semibold text-gray-800 mb-4">Upcoming Conferences</h3>
+      <div class="space-y-3 text-sm">
+        <div class="p-4 bg-gray-50 rounded border border-gray-200 flex items-center justify-between">
+          <div>
+            <p class="font-medium">TN Medical Research Summit 2025</p>
+            <p class="text-gray-500">Chennai &middot; Feb 20, 2025</p>
+          </div>
+          <a href="#" class="text-primary hover:underline font-medium">Details &raquo;</a>
+        </div>
+        <div class="p-4 bg-gray-50 rounded border border-gray-200 flex items-center justify-between">
+          <div>
+            <p class="font-medium">International Cardiology Conference</p>
+            <p class="text-gray-500">Mumbai &middot; Mar 15-17, 2025</p>
+          </div>
+          <a href="#" class="text-primary hover:underline font-medium">Details &raquo;</a>
+        </div>
+        <div class="p-4 bg-gray-50 rounded border border-gray-200 flex items-center justify-between">
+          <div>
+            <p class="font-medium">Asia-Pacific Medical Research Forum</p>
+            <p class="text-gray-500">Singapore &middot; Apr 2025</p>
+          </div>
+          <a href="#" class="text-primary hover:underline font-medium">Details &raquo;</a>
+        </div>
+      </div>
+      <div class="mt-3">
+        <a href="#" class="text-primary text-sm hover:underline">View all Conferences &raquo;</a>
+      </div>
+    </section>
+  </main>
+  <!-- Footer -->
+  <footer class="bg-gray-100">
+    <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
+      © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Privacy Policy</a>
+    </div>
+  </footer>
+</div>
+<!-- Script for dynamic search functionality -->
+<script src="search.js"></script>
+<!-- Script to handle standalone page access -->
+<script src="page-utils.js"></script>
+</body>
+</html>

app.js ADDED Viewed

	@@ -0,0 +1,89 @@

+// Script for dynamic content loading
+document.addEventListener('DOMContentLoaded', function() {
+    // Content container where pages will be loaded
+    const contentContainer = document.getElementById('dynamic-content');
+    if (!contentContainer) return;
+    // Function to load page content
+    window.loadPage = function(pageName) {
+        // Add .html extension if not provided
+        if (!pageName.endsWith('.html')) {
+            pageName += '.html';
+        }
+        // Fetch the requested page
+        fetch(pageName)
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error(`HTTP error! Status: ${response.status}`);
+                }
+                return response.text();
+            })
+            .then(html => {
+                // Extract the content from the HTML (assuming each page has its main content in a div)
+                const parser = new DOMParser();
+                const doc = parser.parseFromString(html, 'text/html');
+                // Look for the main content in the page
+                // This assumes each page has its main content within a main tag or a specific div
+                const mainContent = doc.querySelector('main') || doc.querySelector('.min-h-screen');
+                if (mainContent) {
+                    // Replace the content in the container
+                    contentContainer.innerHTML = mainContent.innerHTML;
+                    // Update the URL without refreshing
+                    history.pushState({page: pageName}, '', `?page=${pageName}`);
+                    // Scroll to top
+                    window.scrollTo(0, 0);
+                    // Update active state in navigation
+                    updateActiveNavLink(pageName);
+                } else {
+                    contentContainer.innerHTML = '<p>Could not load content. Please try again.</p>';
+                }
+            })
+            .catch(error => {
+                console.error('Error loading page:', error);
+                contentContainer.innerHTML = `<p>Error loading page: ${error.message}</p>`;
+            });
+        return false; // Prevent default link behavior
+    };
+    // Function to update active state in navigation
+    function updateActiveNavLink(pageName) {
+        // Remove active class from all nav links
+        document.querySelectorAll('.nav-link').forEach(link => {
+            link.classList.remove('active', 'text-accent');
+            link.classList.add('text-gray-600');
+        });
+        // Add active class to current page link
+        const activeLink = document.querySelector(`.nav-link[data-page="${pageName.replace('.html', '')}"]`);
+        if (activeLink) {
+            activeLink.classList.add('active', 'text-accent');
+            activeLink.classList.remove('text-gray-600');
+        }
+    }
+    // Handle browser back/forward buttons
+    window.addEventListener('popstate', function(event) {
+        if (event.state && event.state.page) {
+            loadPage(event.state.page);
+        } else {
+            // Default to index/home if no state
+            contentContainer.innerHTML = ''; // Reset content
+            location.reload(); // Reload the page to show the default view
+        }
+    });
+    // Check URL on page load to see if a specific page was requested
+    const urlParams = new URLSearchParams(window.location.search);
+    const pageParam = urlParams.get('page');
+    if (pageParam) {
+        loadPage(pageParam);
+    }
+});

index.html ADDED Viewed

	@@ -0,0 +1,1161 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TN Medical Connect | Professional Network for Tamil Nadu Doctors</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <!-- Include the dynamic content loading script -->
+    <script src="app.js"></script>
+    <script>
+        // Function to show dynamic content and hide homepage content
+        function showDynamicContent() {
+            const dynamicContent = document.getElementById('dynamic-content');
+            const publicHomepage = document.querySelectorAll('#public-content > *:not(#dynamic-content)');
+            dynamicContent.classList.remove('hidden');
+            dynamicContent.classList.add('active');
+            // Hide all homepage sections except the dynamic content
+            publicHomepage.forEach(element => {
+                element.classList.add('hidden');
+            });
+        }
+        // Function to show homepage and hide dynamic content
+        function showHomepage() {
+            const dynamicContent = document.getElementById('dynamic-content');
+            const publicHomepage = document.querySelectorAll('#public-content > *:not(#dynamic-content)');
+            dynamicContent.classList.add('hidden');
+            dynamicContent.classList.remove('active');
+            // Show all homepage sections
+            publicHomepage.forEach(element => {
+                element.classList.remove('hidden');
+            });
+        }
+        // Add to existing window.loadPage function
+        window.loadPageWithToggle = function(pageName) {
+            const result = window.loadPage(pageName);
+            showDynamicContent();
+            return result;
+        }
+        // Home link handler
+        document.addEventListener('click', function(e) {
+            if (e.target.classList.contains('home-link')) {
+                e.preventDefault();
+                showHomepage();
+                history.pushState({}, '', window.location.pathname);
+            }
+        });
+    </script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --primary: #1a365d;
+            --secondary: #2d3748;
+            --accent: #38b2ac;
+            --gold: #d69e2e;
+            --light: #f7fafc;
+        }
+        body {
+            font-family: 'Roboto', sans-serif;
+            background-color: var(--light);
+            color: var(--secondary);
+            line-height: 1.6;
+        }
+        .bg-primary {
+            background-color: var(--primary);
+        }
+        .text-accent {
+            color: var(--accent);
+        }
+        .bg-accent {
+            background-color: var(--accent);
+        }
+        .border-accent {
+            border-color: var(--accent);
+        }
+        .hover\:bg-accent:hover {
+            background-color: var(--accent);
+        }
+        .hover\:text-accent:hover {
+            color: var(--accent);
+        }
+        .btn-gold {
+            background-color: var(--gold);
+            color: white;
+        }
+        .btn-gold:hover {
+            background-color: #b7791f;
+        }
+        .fade-in {
+            animation: fadeIn 0.8s ease-in;
+        }
+        @keyframes fadeIn {
+            from { opacity: 0; }
+            to { opacity: 1; }
+        }
+        .section-divider {
+            height: 1px;
+            background: linear-gradient(90deg, transparent, rgba(0,0,0,0.1), transparent);
+        }
+        .feature-icon {
+            width: 48px;
+            height: 48px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background-color: rgba(56, 178, 172, 0.1);
+            color: var(--accent);
+            margin-bottom: 1rem;
+        }
+        .verified-badge {
+            display: inline-flex;
+            align-items: center;
+            background-color: rgba(56, 178, 172, 0.1);
+            color: var(--accent);
+            padding: 0.25rem 0.5rem;
+            border-radius: 4px;
+            font-size: 0.75rem;
+            font-weight: 500;
+        }
+        .verified-badge i {
+            margin-right: 0.25rem;
+        }
+        /* Dashboard specific styles */
+        .dashboard-sidebar {
+            width: 250px;
+            transition: all 0.3s;
+        }
+        .dashboard-content {
+            margin-left: 250px;
+            transition: all 0.3s;
+        }
+        .sidebar-collapsed .dashboard-sidebar {
+            width: 80px;
+        }
+        .sidebar-collapsed .dashboard-content {
+            margin-left: 80px;
+        }
+        .sidebar-item {
+            transition: all 0.2s;
+        }
+        .sidebar-item:hover {
+            background-color: rgba(56, 178, 172, 0.1);
+        }
+        .sidebar-item.active {
+            background-color: rgba(56, 178, 172, 0.2);
+            border-left: 3px solid var(--accent);
+        }
+        .email-item.unread {
+            background-color: rgba(56, 178, 172, 0.05);
+            border-left: 2px solid var(--accent);
+        }
+        /* Custom scrollbar */
+        ::-webkit-scrollbar {
+            width: 6px;
+        }
+        ::-webkit-scrollbar-track {
+            background: rgba(0,0,0,0.05);
+        }
+        ::-webkit-scrollbar-thumb {
+            background: rgba(56, 178, 172, 0.5);
+            border-radius: 3px;
+        }
+        /* Verification steps */
+        .verification-steps {
+            counter-reset: step;
+        }
+        .verification-step {
+            position: relative;
+            counter-increment: step;
+        }
+        .verification-step:not(:last-child):after {
+            content: '';
+            position: absolute;
+            left: 20px;
+            top: 40px;
+            height: calc(100% - 40px);
+            width: 1px;
+            background-color: rgba(0,0,0,0.1);
+        }
+        .verification-step:before {
+            content: counter(step);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            background-color: rgba(56, 178, 172, 0.1);
+            color: var(--accent);
+            font-weight: 600;
+            margin-right: 1rem;
+        }
+        .verification-step.completed:before {
+            background-color: var(--accent);
+            color: white;
+            content: '✓';
+        }
+        .verification-step.active:before {
+            background-color: var(--accent);
+            color: white;
+            box-shadow: 0 0 0 3px rgba(56, 178, 172, 0.3);
+        }
+    </style>
+    <!-- Additional styles for dynamic content -->
+    <style>
+        #dynamic-content.active {
+            display: block;
+        }
+        #public-homepage.hidden {
+            display: none;
+        }
+        .nav-link.active {
+            font-weight: 600;
+        }
+    </style>
+</head>
+<body class="min-h-screen flex flex-col">
+    <!-- Public Navigation -->
+    <header class="bg-white shadow-sm sticky top-0 z-50" id="public-header">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex justify-between h-16 items-center">
+                <div class="flex items-center">
+                    <div class="flex-shrink-0 flex items-center">
+                        <i class="fas fa-heartbeat text-primary text-2xl mr-2"></i>
+                        <a href="#" class="home-link text-xl font-bold text-primary">TN Medical Connect</a>
+                    </div>
+                </div>
+                <div class="hidden md:flex items-center space-x-5">
+                    <a href="#about" class="nav-link text-gray-600 hover:text-accent transition-colors font-medium">About</a>
+                    <a href="#features" class="nav-link text-gray-600 hover:text-accent transition-colors font-medium">Features</a>
+                    <a href="#contact" class="nav-link text-gray-600 hover:text-accent transition-colors font-medium">Contact</a>
+                    <a href="#" onclick="return loadPageWithToggle('PodcastPage')" data-page="PodcastPage" class="nav-link text-gray-600 hover:text-accent transition-colors font-medium">Podcasts</a>
+                    <a href="#" onclick="return loadPageWithToggle('ResearchPage')" data-page="ResearchPage" class="nav-link text-gray-600 hover:text-accent transition-colors font-medium">Research</a>
+                    <a href="#" onclick="return loadPageWithToggle('AIPage')" data-page="AIPage" class="nav-link text-gray-600 hover:text-accent transition-colors font-medium">AI</a>
+                    <a href="#" onclick="return loadPageWithToggle('MedPage')" data-page="MedPage" class="nav-link text-gray-600 hover:text-accent transition-colors font-medium">Medical</a>
+                    <a href="#" onclick="return loadPageWithToggle('PhDPage')" data-page="PhDPage" class="nav-link text-gray-600 hover:text-accent transition-colors font-medium">PhD</a>
+                    <a href="#" class="nav-link text-gray-600 hover:text-accent transition-colors font-medium">Login</a>
+                    <a href="#register" class="btn-gold px-4 py-2 rounded-md font-medium transition-colors">Register</a>
+                </div>
+                <div class="md:hidden flex items-center">
+                    <button id="menu-btn" class="text-gray-600 focus:outline-none">
+                        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
+                        </svg>
+                    </button>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile menu -->
+        <div id="mobile-menu" class="hidden md:hidden bg-white border-t">
+            <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
+                <a href="#about" class="nav-link block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-gray-50">About</a>
+                <a href="#features" class="nav-link block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-gray-50">Features</a>
+                <a href="#contact" class="nav-link block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-gray-50">Contact</a>
+                <a href="#" onclick="return loadPageWithToggle('PodcastPage')" data-page="PodcastPage" class="nav-link block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-gray-50">Podcasts</a>
+                <a href="#" onclick="return loadPageWithToggle('ResearchPage')" data-page="ResearchPage" class="nav-link block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-gray-50">Research</a>
+                <a href="#" onclick="return loadPageWithToggle('AIPage')" data-page="AIPage" class="nav-link block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-gray-50">AI</a>
+                <a href="#" class="nav-link block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:bg-gray-50">Doctor Login</a>
+                <a href="#register" class="block px-3 py-2 rounded-md text-base font-medium btn-gold text-white">Register</a>
+            </div>
+        </div>
+    </header>
+    <!-- Dashboard Navigation (Hidden by default) -->
+    <div id="dashboard-header" class="hidden bg-white shadow-sm sticky top-0 z-40">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex justify-between h-16 items-center">
+                <div class="flex items-center">
+                    <button id="sidebar-toggle" class="text-gray-600 mr-4 focus:outline-none">
+                        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
+                        </svg>
+                    </button>
+                    <div class="flex-shrink-0 flex items-center">
+                        <span class="text-lg font-bold text-primary">Doctor Dashboard</span>
+                    </div>
+                </div>
+                <div class="flex items-center space-x-4">
+                    <button class="text-gray-600 hover:text-accent relative">
+                        <i class="fas fa-envelope text-xl"></i>
+                        <span class="absolute -top-1 -right-1 bg-accent text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">3</span>
+                    </button>
+                    <button class="text-gray-600 hover:text-accent relative">
+                        <i class="fas fa-bell text-xl"></i>
+                        <span class="absolute -top-1 -right-1 bg-accent text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">2</span>
+                    </button>
+                    <div class="relative">
+                        <button id="profile-dropdown-btn" class="flex items-center space-x-2 focus:outline-none">
+                            <div class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center">
+                                <i class="fas fa-user text-gray-600"></i>
+                            </div>
+                            <span class="text-gray-700 font-medium">Dr. Kumar</span>
+                            <i class="fas fa-chevron-down text-gray-500 text-xs"></i>
+                        </button>
+                        <div id="profile-dropdown" class="hidden absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-50">
+                            <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">My Profile</a>
+                            <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Settings</a>
+                            <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 border-t border-gray-100">Sign Out</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Dashboard Sidebar (Hidden by default) -->
+    <div id="dashboard-sidebar" class="hidden fixed top-0 left-0 h-full bg-white shadow-md dashboard-sidebar pt-16 z-30">
+        <div class="h-full overflow-y-auto py-4">
+            <nav>
+                <div class="px-4 space-y-1">
+                    <a href="#" class="sidebar-item active flex items-center px-4 py-3 text-gray-700">
+                        <i class="fas fa-home text-lg w-8"></i>
+                        <span class="ml-3">Dashboard</span>
+                    </a>
+                    <a href="#" class="sidebar-item flex items-center px-4 py-3 text-gray-700">
+                        <i class="fas fa-envelope text-lg w-8"></i>
+                        <span class="ml-3">Email</span>
+                        <span class="ml-auto bg-accent text-white text-xs px-2 py-1 rounded-full">3</span>
+                    </a>
+                    <a href="#" class="sidebar-item flex items-center px-4 py-3 text-gray-700">
+                        <i class="fas fa-users text-lg w-8"></i>
+                        <span class="ml-3">Networking</span>
+                    </a>
+                    <a href="#" class="sidebar-item flex items-center px-4 py-3 text-gray-700">
+                        <i class="fas fa-book-open text-lg w-8"></i>
+                        <span class="ml-3">Research & Grants</span>
+                    </a>
+                    <a href="#" class="sidebar-item flex items-center px-4 py-3 text-gray-700">
+                        <i class="fas fa-briefcase text-lg w-8"></i>
+                        <span class="ml-3">Careers</span>
+                    </a>
+                    <a href="#" class="sidebar-item flex items-center px-4 py-3 text-gray-700">
+                        <i class="fas fa-podcast text-lg w-8"></i>
+                        <span class="ml-3">Podcasts/Webinars</span>
+                    </a>
+                    <div class="border-t border-gray-200 mt-4 pt-4">
+                        <a href="#" class="sidebar-item flex items-center px-4 py-3 text-gray-700">
+                            <i class="fas fa-cog text-lg w-8"></i>
+                            <span class="ml-3">Settings</span>
+                        </a>
+                    </div>
+                </div>
+            </nav>
+        </div>
+    </div>
+    <!-- Dashboard Content (Hidden by default) -->
+    <div id="dashboard-content" class="hidden dashboard-content pt-16">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+            <!-- Breadcrumbs -->
+            <div class="flex items-center text-sm text-gray-600 mb-6">
+                <a href="#" class="hover:text-accent">Dashboard</a>
+                <span class="mx-2">/</span>
+                <span class="text-gray-500">Home</span>
+            </div>
+            <!-- Welcome Banner -->
+            <div class="bg-white rounded-lg shadow-sm p-6 mb-8 border border-gray-100">
+                <div class="flex flex-col md:flex-row md:items-center md:justify-between">
+                    <div>
+                        <h2 class="text-2xl font-bold text-primary mb-2">Welcome, Dr. Kumar</h2>
+                        <p class="text-gray-600">You have 3 unread messages, 2 upcoming webinars, and 5 new research opportunities.</p>
+                    </div>
+                    <div class="mt-4 md:mt-0">
+                        <div class="flex items-center">
+                            <div class="w-48 bg-gray-200 rounded-full h-2.5">
+                                <div class="bg-accent h-2.5 rounded-full" style="width: 75%"></div>
+                            </div>
+                            <span class="ml-3 text-sm text-gray-600">75% profile complete</span>
+                        </div>
+                        <button class="mt-2 text-sm text-accent hover:underline">Complete your profile</button>
+                    </div>
+                </div>
+            </div>
+            <!-- Quick Stats -->
+            <div class="grid md:grid-cols-3 gap-6 mb-8">
+                <div class="bg-white rounded-lg shadow-sm p-6 border border-gray-100">
+                    <div class="flex items-center">
+                        <div class="p-3 rounded-full bg-blue-50 text-blue-600 mr-4">
+                            <i class="fas fa-envelope text-xl"></i>
+                        </div>
+                        <div>
+                            <p class="text-sm text-gray-500">Unread Messages</p>
+                            <p class="text-2xl font-bold text-primary">3</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="bg-white rounded-lg shadow-sm p-6 border border-gray-100">
+                    <div class="flex items-center">
+                        <div class="p-3 rounded-full bg-green-50 text-green-600 mr-4">
+                            <i class="fas fa-calendar-alt text-xl"></i>
+                        </div>
+                        <div>
+                            <p class="text-sm text-gray-500">Upcoming Events</p>
+                            <p class="text-2xl font-bold text-primary">2</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="bg-white rounded-lg shadow-sm p-6 border border-gray-100">
+                    <div class="flex items-center">
+                        <div class="p-3 rounded-full bg-purple-50 text-purple-600 mr-4">
+                            <i class="fas fa-book-open text-xl"></i>
+                        </div>
+                        <div>
+                            <p class="text-sm text-gray-500">New Research</p>
+                            <p class="text-2xl font-bold text-primary">5</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Quick Actions -->
+            <div class="mb-8">
+                <h3 class="text-lg font-semibold text-primary mb-4">Quick Actions</h3>
+                <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
+                    <a href="#" class="bg-white rounded-lg shadow-sm p-4 border border-gray-100 hover:border-accent transition-colors text-center">
+                        <div class="text-accent mb-2">
+                            <i class="fas fa-file-alt text-2xl"></i>
+                        </div>
+                        <span class="text-sm font-medium">Apply for Grant</span>
+                    </a>
+                    <a href="#" class="bg-white rounded-lg shadow-sm p-4 border border-gray-100 hover:border-accent transition-colors text-center">
+                        <div class="text-accent mb-2">
+                            <i class="fas fa-comments text-2xl"></i>
+                        </div>
+                        <span class="text-sm font-medium">Join Discussion</span>
+                    </a>
+                    <a href="#" class="bg-white rounded-lg shadow-sm p-4 border border-gray-100 hover:border-accent transition-colors text-center">
+                        <div class="text-accent mb-2">
+                            <i class="fas fa-question-circle text-2xl"></i>
+                        </div>
+                        <span class="text-sm font-medium">Post Question</span>
+                    </a>
+                    <a href="#" class="bg-white rounded-lg shadow-sm p-4 border border-gray-100 hover:border-accent transition-colors text-center">
+                        <div class="text-accent mb-2">
+                            <i class="fas fa-podcast text-2xl"></i>
+                        </div>
+                        <span class="text-sm font-medium">Start Podcast</span>
+                    </a>
+                </div>
+            </div>
+            <!-- Recent Activity -->
+            <div class="bg-white rounded-lg shadow-sm p-6 border border-gray-100">
+                <div class="flex items-center justify-between mb-6">
+                    <h3 class="text-lg font-semibold text-primary">Recent Activity</h3>
+                    <a href="#" class="text-sm text-accent hover:underline">View All</a>
+                </div>
+                <div class="space-y-4">
+                    <div class="flex items-start">
+                        <div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-100 flex items-center justify-center text-gray-500 mr-4">
+                            <i class="fas fa-envelope"></i>
+                        </div>
+                        <div class="flex-1 min-w-0">
+                            <p class="text-sm font-medium text-gray-900">New message from Dr. Patel</p>
+                            <p class="text-sm text-gray-500">Regarding the upcoming cardiology conference...</p>
+                            <p class="text-xs text-gray-400 mt-1">2 hours ago</p>
+                        </div>
+                        <div class="ml-4 flex-shrink-0">
+                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                                Unread
+                            </span>
+                        </div>
+                    </div>
+                    <div class="flex items-start">
+                        <div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-100 flex items-center justify-center text-gray-500 mr-4">
+                            <i class="fas fa-calendar-alt"></i>
+                        </div>
+                        <div class="flex-1 min-w-0">
+                            <p class="text-sm font-medium text-gray-900">Webinar reminder: Advances in Neurology</p>
+                            <p class="text-sm text-gray-500">Tomorrow at 3:00 PM IST</p>
+                            <p class="text-xs text-gray-400 mt-1">5 hours ago</p>
+                        </div>
+                    </div>
+                    <div class="flex items-start">
+                        <div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-100 flex items-center justify-center text-gray-500 mr-4">
+                            <i class="fas fa-book-open"></i>
+                        </div>
+                        <div class="flex-1 min-w-0">
+                            <p class="text-sm font-medium text-gray-900">New research published in your field</p>
+                            <p class="text-sm text-gray-500">"Impact of new surgical techniques on patient recovery"</p>
+                            <p class="text-xs text-gray-400 mt-1">1 day ago</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Email Interface (Hidden by default) -->
+    <div id="email-interface" class="hidden dashboard-content pt-16">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+            <!-- Breadcrumbs -->
+            <div class="flex items-center text-sm text-gray-600 mb-6">
+                <a href="#" class="hover:text-accent">Dashboard</a>
+                <span class="mx-2">/</span>
+                <a href="#" class="hover:text-accent">Email</a>
+                <span class="mx-2">/</span>
+                <span class="text-gray-500">Inbox</span>
+            </div>
+            <div class="flex flex-col md:flex-row">
+                <!-- Email Folders -->
+                <div class="w-full md:w-64 flex-shrink-0 mb-6 md:mb-0 md:mr-6">
+                    <div class="bg-white rounded-lg shadow-sm border border-gray-100 overflow-hidden">
+                        <div class="p-4 border-b border-gray-100">
+                            <button class="w-full btn-gold py-2 rounded-md text-sm font-medium">
+                                <i class="fas fa-plus mr-2"></i> Compose
+                            </button>
+                        </div>
+                        <div class="divide-y divide-gray-100">
+                            <a href="#" class="flex items-center px-4 py-3 text-sm font-medium text-accent bg-blue-50">
+                                <i class="fas fa-inbox mr-3"></i>
+                                <span>Inbox</span>
+                                <span class="ml-auto bg-accent text-white text-xs px-2 py-1 rounded-full">3</span>
+                            </a>
+                            <a href="#" class="flex items-center px-4 py-3 text-sm font-medium text-gray-700 hover:bg-gray-50">
+                                <i class="fas fa-paper-plane mr-3"></i>
+                                <span>Sent</span>
+                            </a>
+                            <a href="#" class="flex items-center px-4 py-3 text-sm font-medium text-gray-700 hover:bg-gray-50">
+                                <i class="fas fa-trash mr-3"></i>
+                                <span>Trash</span>
+                            </a>
+                            <div class="p-4">
+                                <p class="text-xs font-medium text-gray-500 uppercase tracking-wider mb-2">Labels</p>
+                                <div class="space-y-1">
+                                    <a href="#" class="flex items-center text-sm text-gray-700 hover:text-accent">
+                                        <span class="w-3 h-3 rounded-full bg-red-500 mr-2"></span>
+                                        <span>Important</span>
+                                    </a>
+                                    <a href="#" class="flex items-center text-sm text-gray-700 hover:text-accent">
+                                        <span class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></span>
+                                        <span>Personal</span>
+                                    </a>
+                                    <a href="#" class="flex items-center text-sm text-gray-700 hover:text-accent">
+                                        <span class="w-3 h-3 rounded-full bg-green-500 mr-2"></span>
+                                        <span>Work</span>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Email List -->
+                <div class="flex-1 bg-white rounded-lg shadow-sm border border-gray-100 overflow-hidden">
+                    <div class="p-4 border-b border-gray-100 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <input type="checkbox" class="h-4 w-4 text-accent rounded border-gray-300">
+                            <button class="ml-4 text-gray-500 hover:text-gray-700">
+                                <i class="fas fa-redo"></i>
+                            </button>
+                            <button class="ml-2 text-gray-500 hover:text-gray-700">
+                                <i class="fas fa-trash"></i>
+                            </button>
+                        </div>
+                        <div class="flex items-center">
+                            <span class="text-sm text-gray-500 mr-4">1-3 of 15</span>
+                            <button class="text-gray-500 hover:text-gray-700">
+                                <i class="fas fa-chevron-left"></i>
+                            </button>
+                            <button class="ml-2 text-gray-500 hover:text-gray-700">
+                                <i class="fas fa-chevron-right"></i>
+                            </button>
+                        </div>
+                    </div>
+                    <div class="divide-y divide-gray-100">
+                        <!-- Email Item 1 -->
+                        <div class="email-item unread flex items-start px-4 py-3 hover:bg-gray-50 cursor-pointer">
+                            <div class="flex items-center mr-4">
+                                <input type="checkbox" class="h-4 w-4 text-accent rounded border-gray-300">
+                                <i class="fas fa-star ml-3 text-gray-300 hover:text-yellow-400"></i>
+                            </div>
+                            <div class="flex-1 min-w-0">
+                                <div class="flex items-center justify-between">
+                                    <p class="text-sm font-medium text-gray-900 truncate">Dr. Rajesh Patel</p>
+                                    <p class="text-xs text-gray-500 ml-2 whitespace-nowrap">10:30 AM</p>
+                                </div>
+                                <p class="text-sm font-medium text-gray-900">Cardiology Conference Invitation</p>
+                                <p class="text-sm text-gray-500 truncate">Dear Dr. Kumar, I would like to invite you to speak at the upcoming Tamil Nadu Cardiology Conference...</p>
+                            </div>
+                        </div>
+                        <!-- Email Item 2 -->
+                        <div class="email-item unread flex items-start px-4 py-3 hover:bg-gray-50 cursor-pointer">
+                            <div class="flex items-center mr-4">
+                                <input type="checkbox" class="h-4 w-4 text-accent rounded border-gray-300">
+                                <i class="fas fa-star ml-3 text-gray-300 hover:text-yellow-400"></i>
+                            </div>
+                            <div class="flex-1 min-w-0">
+                                <div class="flex items-center justify-between">
+                                    <p class="text-sm font-medium text-gray-900 truncate">TN Medical Research Foundation</p>
+                                    <p class="text-xs text-gray-500 ml-2 whitespace-nowrap">Yesterday</p>
+                                </div>
+                                <p class="text-sm font-medium text-gray-900">Your Grant Application Status</p>
+                                <p class="text-sm text-gray-500 truncate">We are pleased to inform you that your grant application has been approved for the next stage of review...</p>
+                            </div>
+                        </div>
+                        <!-- Email Item 3 -->
+                        <div class="email-item unread flex items-start px-4 py-3 hover:bg-gray-50 cursor-pointer">
+                            <div class="flex items-center mr-4">
+                                <input type="checkbox" class="h-4 w-4 text-accent rounded border-gray-300">
+                                <i class="fas fa-star ml-3 text-gray-300 hover:text-yellow-400"></i>
+                            </div>
+                            <div class="flex-1 min-w-0">
+                                <div class="flex items-center justify-between">
+                                    <p class="text-sm font-medium text-gray-900 truncate">Dr. Priya Sharma</p>
+                                    <p class="text-xs text-gray-500 ml-2 whitespace-nowrap">2 days ago</p>
+                                </div>
+                                <p class="text-sm font-medium text-gray-900">Patient Case Discussion</p>
+                                <p class="text-sm text-gray-500 truncate">Hello Dr. Kumar, I have a complex case I'd like to discuss with you regarding a 45-year-old male with...</p>
+                            </div>
+                        </div>
+                        <!-- Email Item 4 -->
+                        <div class="email-item flex items-start px-4 py-3 hover:bg-gray-50 cursor-pointer">
+                            <div class="flex items-center mr-4">
+                                <input type="checkbox" class="h-4 w-4 text-accent rounded border-gray-300">
+                                <i class="fas fa-star ml-3 text-gray-300 hover:text-yellow-400"></i>
+                            </div>
+                            <div class="flex-1 min-w-0">
+                                <div class="flex items-center justify-between">
+                                    <p class="text-sm font-medium text-gray-900 truncate">TN Medical Connect</p>
+                                    <p class="text-xs text-gray-500 ml-2 whitespace-nowrap">3 days ago</p>
+                                </div>
+                                <p class="text-sm font-medium text-gray-900">Monthly Newsletter - June 2023</p>
+                                <p class="text-sm text-gray-500 truncate">In this month's newsletter: New features on TN Medical Connect, upcoming webinars, and research opportunities...</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Verification Steps (Hidden by default) -->
+    <div id="verification-steps" class="hidden max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+        <div class="text-center mb-12">
+            <h2 class="text-3xl font-bold text-primary mb-4">Doctor Verification</h2>
+            <p class="text-gray-600">Complete these steps to verify your medical credentials and access all platform features.</p>
+        </div>
+        <div class="bg-white rounded-lg shadow-sm p-8 border border-gray-100">
+            <div class="verification-steps space-y-8">
+                <!-- Step 1 -->
+                <div class="verification-step completed flex items-start">
+                    <div class="flex-1">
+                        <h3 class="text-lg font-semibold text-primary mb-2">TNMC License Verification</h3>
+                        <p class="text-gray-600 mb-4">We've successfully verified your Tamil Nadu Medical Council registration number.</p>
+                        <div class="bg-gray-50 p-4 rounded-md">
+                            <div class="grid grid-cols-2 gap-4">
+                                <div>
+                                    <p class="text-xs font-medium text-gray-500 uppercase tracking-wider">TNMC Number</p>
+                                    <p class="font-medium">TNMC123456</p>
+                                </div>
+                                <div>
+                                    <p class="text-xs font-medium text-gray-500 uppercase tracking-wider">Status</p>
+                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                                        Verified
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Step 2 -->
+                <div class="verification-step active flex items-start">
+                    <div class="flex-1">
+                        <h3 class="text-lg font-semibold text-primary mb-2">Professional Information</h3>
+                        <p class="text-gray-600 mb-4">Please provide your professional details to complete your profile.</p>
+                        <form class="space-y-4">
+                            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                <div>
+                                    <label for="first-name" class="block text-sm font-medium text-gray-700 mb-1">First Name</label>
+                                    <input type="text" id="first-name" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-accent focus:border-accent outline-none transition duration-300" value="Rajesh">
+                                </div>
+                                <div>
+                                    <label for="last-name" class="block text-sm font-medium text-gray-700 mb-1">Last Name</label>
+                                    <input type="text" id="last-name" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-accent focus:border-accent outline-none transition duration-300" value="Kumar">
+                                </div>
+                            </div>
+                            <div>
+                                <label for="specialty" class="block text-sm font-medium text-gray-700 mb-1">Primary Specialty</label>
+                                <select id="specialty" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-accent focus:border-accent outline-none transition duration-300">
+                                    <option value="">Select your specialty</option>
+                                    <option value="cardiology" selected>Cardiology</option>
+                                    <option value="neurology">Neurology</option>
+                                    <option value="pediatrics">Pediatrics</option>
+                                    <option value="surgery">General Surgery</option>
+                                    <option value="orthopedics">Orthopedics</option>
+                                </select>
+                            </div>
+                            <div>
+                                <label for="hospital" class="block text-sm font-medium text-gray-700 mb-1">Hospital Affiliation</label>
+                                <input type="text" id="hospital" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-accent focus:border-accent outline-none transition duration-300" placeholder="Enter hospital or clinic name">
+                            </div>
+                            <div>
+                                <label for="years" class="block text-sm font-medium text-gray-700 mb-1">Years of Practice</label>
+                                <input type="number" id="years" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-accent focus:border-accent outline-none transition duration-300" placeholder="Enter number of years">
+                            </div>
+                            <div class="pt-4">
+                                <button type="submit" class="btn-gold px-6 py-3 rounded-md font-medium shadow-sm hover:shadow-md transition-all">Save & Continue</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+                <!-- Step 3 -->
+                <div class="verification-step flex items-start">
+                    <div class="flex-1">
+                        <h3 class="text-lg font-semibold text-primary mb-2">Account Setup</h3>
+                        <p class="text-gray-600">Create your password and review terms to complete registration.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Registration Success (Hidden by default) -->
+    <div id="registration-success" class="hidden max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-16 text-center">
+        <div class="bg-white rounded-lg shadow-sm p-12 border border-gray-100">
+            <div class="w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
+                <i class="fas fa-check text-green-600 text-3xl"></i>
+            </div>
+            <h2 class="text-2xl font-bold text-primary mb-4">Registration Complete</h2>
+            <p class="text-gray-600 mb-6">Your account has been successfully created and verified.</p>
+            <p class="text-gray-700 font-medium mb-8">
+                Your official TN Medical Connect email address is:<br>
+                <span class="text-accent text-xl">[email protected]</span>
+            </p>
+            <button id="go-to-dashboard" class="btn-gold px-8 py-3 rounded-md font-medium shadow-sm hover:shadow-md transition-all">
+                Go to Dashboard
+            </button>
+        </div>
+    </div>
+    <!-- Public Content (Visible by default) -->
+    <div id="public-content">
+        <!-- Dynamic Content Container -->
+        <div id="dynamic-content" class="hidden">
+            <!-- Content will be loaded here dynamically -->
+        </div>
+        <!-- Hero Section -->
+        <section class="bg-white fade-in">
+            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-24">
+                <div class="md:flex items-center">
+                    <div class="md:w-1/2 mb-12 md:mb-0">
+                        <h1 class="text-4xl md:text-5xl font-bold text-primary mb-6">Connecting Tamil Nadu Doctors With Global Opportunities</h1>
+                        <p class="text-lg text-gray-600 mb-8 max-w-lg">A verified, secure space for medical professionals to collaborate, research, and grow their careers.</p>
+                        <div class="flex space-x-4">
+                            <a href="#register" class="btn-gold px-6 py-3 rounded-md font-medium shadow-sm hover:shadow-md transition-all">Register Now</a>
+                            <a href="#features" class="px-6 py-3 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors font-medium">Learn More</a>
+                        </div>
+                    </div>
+                    <div class="md:w-1/2 flex justify-center">
+                        <div class="w-full max-w-md">
+                            <img src="https://images.unsplash.com/photo-1576091160550-2173dba999ef?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
+                                 alt="Medical professionals collaborating"
+                                 class="rounded-lg shadow-md w-full h-auto object-cover">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <div class="section-divider"></div>
+        <!-- Features Section -->
+        <section id="features" class="bg-white py-16 fade-in">
+            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+                <div class="text-center mb-16">
+                    <h2 class="text-3xl font-bold text-primary mb-4">Professional Features for Medical Excellence</h2>
+                    <p class="text-gray-600 max-w-2xl mx-auto">Designed to support Tamil Nadu doctors in their practice and career advancement</p>
+                </div>
+                <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
+                    <!-- Feature 1 -->
+                    <div class="bg-gray-50 p-8 rounded-lg hover:shadow-md transition-shadow">
+                        <div class="feature-icon">
+                            <i class="fas fa-envelope text-xl"></i>
+                        </div>
+                        <h3 class="text-xl font-semibold text-primary mb-3">Verified Doctor's Email</h3>
+                        <p class="text-gray-600">Professional email address with TNMC verification to establish credibility with colleagues and institutions.</p>
+                    </div>
+                    <!-- Feature 2 -->
+                    <div class="bg-gray-50 p-8 rounded-lg hover:shadow-md transition-shadow">
+                        <div class="feature-icon">
+                            <i class="fas fa-users text-xl"></i>
+                        </div>
+                        <h3 class="text-xl font-semibold text-primary mb-3">Professional Network</h3>
+                        <p class="text-gray-600">Connect with specialists across Tamil Nadu through secure discussion forums and direct messaging.</p>
+                    </div>
+                    <!-- Feature 3 -->
+                    <div class="bg-gray-50 p-8 rounded-lg hover:shadow-md transition-shadow">
+                        <div class="feature-icon">
+                            <i class="fas fa-book-open text-xl"></i>
+                        </div>
+                        <h3 class="text-xl font-semibold text-primary mb-3">Research Resources</h3>
+                        <p class="text-gray-600">Access to international journals, research papers, and grant opportunities curated for your specialty.</p>
+                    </div>
+                    <!-- Feature 4 -->
+                    <div class="bg-gray-50 p-8 rounded-lg hover:shadow-md transition-shadow">
+                        <div class="feature-icon">
+                            <i class="fas fa-chart-line text-xl"></i>
+                        </div>
+                        <h3 class="text-xl font-semibold text-primary mb-3">Career Advancement</h3>
+                        <p class="text-gray-600">Exclusive job listings, webinar invitations, and collaboration projects to grow your professional impact.</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <div class="section-divider"></div>
+        <!-- About Section -->
+        <section id="about" class="bg-gray-50 py-16 fade-in">
+            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+                <div class="md:flex items-center">
+                    <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
+                        <h2 class="text-3xl font-bold text-primary mb-6">About TN Medical Connect</h2>
+                        <p class="text-gray-600 mb-6">Founded in 2023, TN Medical Connect is the premier professional network for verified medical practitioners across Tamil Nadu. Our mission is to bridge the gap between local expertise and global medical communities.</p>
+                        <p class="text-gray-600 mb-8">We provide a secure, verified platform where doctors can collaborate, access resources, and advance their careers while maintaining the highest standards of professionalism and data security.</p>
+                        <div class="flex items-center">
+                            <span class="verified-badge">
+                                <i class="fas fa-shield-alt"></i>
+                                <span>TNMC Verified Platform</span>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="md:w-1/2">
+                        <img src="https://images.unsplash.com/photo-1530026186672-2cd00ffc50fe?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
+                             alt="Medical team discussion"
+                             class="rounded-lg shadow-md w-full h-auto object-cover">
+                    </div>
+                </div>
+            </div>
+        </section>
+        <div class="section-divider"></div>
+        <!-- Registration Section -->
+        <section id="register" class="bg-white py-16 fade-in">
+            <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
+                <div class="bg-primary rounded-lg shadow-lg overflow-hidden">
+                    <div class="md:flex">
+                        <div class="md:w-1/2 p-8 md:p-12 bg-primary text-white">
+                            <h2 class="text-2xl font-bold mb-4">Get Your Verified Doctor ID</h2>
+                            <p class="text-gray-300 mb-6">Join thousands of Tamil Nadu medical professionals who trust our platform for their professional growth.</p>
+                            <ul class="space-y-3 mb-8">
+                                <li class="flex items-start">
+                                    <i class="fas fa-check-circle text-accent mt-1 mr-2"></i>
+                                    <span>TNMC-verified professional identity</span>
+                                </li>
+                                <li class="flex items-start">
+                                    <i class="fas fa-check-circle text-accent mt-1 mr-2"></i>
+                                    <span>Secure collaboration environment</span>
+                                </li>
+                                <li class="flex items-start">
+                                    <i class="fas fa-check-circle text-accent mt-1 mr-2"></i>
+                                    <span>Access to exclusive resources</span>
+                                </li>
+                            </ul>
+                            <div class="flex items-center">
+                                <span class="verified-badge bg-white/10">
+                                    <i class="fas fa-lock"></i>
+                                    <span>256-bit encrypted</span>
+                                </span>
+                            </div>
+                        </div>
+                        <div class="md:w-1/2 p-8 md:p-12 bg-white">
+                            <h3 class="text-xl font-semibold text-primary mb-6">Create Your Account</h3>
+                            <form id="registration-form">
+                                <div class="mb-4">
+                                    <label for="full-name" class="block text-sm font-medium text-gray-700 mb-1">Full Name</label>
+                                    <input type="text" id="full-name" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-accent focus:border-accent outline-none transition duration-300" placeholder="Dr. Firstname Lastname">
+                                </div>
+                                <div class="mb-4">
+                                    <label for="tnmc-id" class="block text-sm font-medium text-gray-700 mb-1">TNMC Registration Number</label>
+                                    <input type="text" id="tnmc-id" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-accent focus:border-accent outline-none transition duration-300" placeholder="TNMC123456">
+                                </div>
+                                <div class="mb-4">
+                                    <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email Address</label>
+                                    <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-accent focus:border-accent outline-none transition duration-300" placeholder="[email protected]">
+                                </div>
+                                <div class="mb-6">
+                                    <label for="specialty" class="block text-sm font-medium text-gray-700 mb-1">Primary Specialty</label>
+                                    <select id="specialty" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-accent focus:border-accent outline-none transition duration-300">
+                                        <option value="">Select your specialty</option>
+                                        <option value="cardiology">Cardiology</option>
+                                        <option value="neurology">Neurology</option>
+                                        <option value="pediatrics">Pediatrics</option>
+                                        <option value="surgery">General Surgery</option>
+                                        <option value="orthopedics">Orthopedics</option>
+                                    </select>
+                                </div>
+                                <button type="submit" class="w-full btn-gold py-3 rounded-md font-medium shadow-sm hover:shadow-md transition-all">Complete Registration</button>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <div class="section-divider"></div>
+        <!-- Contact Section -->
+        <section id="contact" class="bg-gray-50 py-16 fade-in">
+            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+                <div class="text-center mb-12">
+                    <h2 class="text-3xl font-bold text-primary mb-4">Contact Us</h2>
+                    <p class="text-gray-600 max-w-2xl mx-auto">Have questions about our platform? Our support team is here to help.</p>
+                </div>
+                <div class="grid md:grid-cols-3 gap-8">
+                    <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition-shadow">
+                        <div class="text-accent mb-4">
+                            <i class="fas fa-envelope text-2xl"></i>
+                        </div>
+                        <h3 class="text-lg font-semibold text-primary mb-2">Email Support</h3>
+                        <p class="text-gray-600 mb-2">For general inquiries and platform information</p>
+                        <a href="mailto:[email protected]" class="text-accent hover:underline">[email protected]</a>
+                    </div>
+                    <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition-shadow">
+                        <div class="text-accent mb-4">
+                            <i class="fas fa-phone-alt text-2xl"></i>
+                        </div>
+                        <h3 class="text-lg font-semibold text-primary mb-2">Phone Support</h3>
+                        <p class="text-gray-600 mb-2">Available Monday-Friday, 9AM-5PM IST</p>
+                        <a href="tel:+914412345678" class="text-accent hover:underline">+91 44 1234 5678</a>
+                    </div>
+                    <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition-shadow">
+                        <div class="text-accent mb-4">
+                            <i class="fas fa-question-circle text-2xl"></i>
+                        </div>
+                        <h3 class="text-lg font-semibold text-primary mb-2">FAQ & Help Center</h3>
+                        <p class="text-gray-600 mb-2">Find answers to common questions</p>
+                        <a href="#" class="text-accent hover:underline">Visit Help Center</a>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+    <!-- Footer -->
+    <footer class="bg-primary text-white py-12">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="grid md:grid-cols-4 gap-8">
+                <div class="md:col-span-2">
+                    <div class="flex items-center mb-4">
+                        <i class="fas fa-heartbeat text-2xl mr-2"></i>
+                        <span class="text-xl font-bold">TN Medical Connect</span>
+                    </div>
+                    <p class="text-gray-300 mb-4">The professional network for verified Tamil Nadu medical practitioners.</p>
+                    <div class="flex space-x-4">
+                        <a href="#" class="text-gray-300 hover:text-white transition-colors">
+                            <i class="fab fa-twitter"></i>
+                        </a>
+                        <a href="#" class="text-gray-300 hover:text-white transition-colors">
+                            <i class="fab fa-linkedin"></i>
+                        </a>
+                        <a href="#" class="text-gray-300 hover:text-white transition-colors">
+                            <i class="fab fa-facebook"></i>
+                        </a>
+                    </div>
+                </div>
+                <div>
+                    <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Quick Links</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#about" class="text-gray-300 hover:text-white transition-colors">About</a></li>
+                        <li><a href="#features" class="text-gray-300 hover:text-white transition-colors">Features</a></li>
+                        <li><a href="#register" class="text-gray-300 hover:text-white transition-colors">Register</a></li>
+                        <li><a href="#" class="text-gray-300 hover:text-white transition-colors">Login</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Legal</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-gray-300 hover:text-white transition-colors">Privacy Policy</a></li>
+                        <li><a href="#" class="text-gray-300 hover:text-white transition-colors">Terms of Use</a></li>
+                        <li><a href="#" class="text-gray-300 hover:text-white transition-colors">Cookie Policy</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="mt-12 pt-8 border-t border-gray-800 text-sm text-gray-400">
+                <p>© 2023 TN Medical Connect. All rights reserved.</p>
+                <p class="mt-2">TNMC verification does not imply endorsement of individual practitioners by the Tamil Nadu Medical Council.</p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Mobile menu toggle
+        document.getElementById('menu-btn').addEventListener('click', function() {
+            const menu = document.getElementById('mobile-menu');
+            menu.classList.toggle('hidden');
+        });
+        // Profile dropdown toggle
+        document.getElementById('profile-dropdown-btn').addEventListener('click', function() {
+            const dropdown = document.getElementById('profile-dropdown');
+            dropdown.classList.toggle('hidden');
+        });
+        // Sidebar toggle
+        document.getElementById('sidebar-toggle').addEventListener('click', function() {
+            document.body.classList.toggle('sidebar-collapsed');
+        });
+        // Smooth scrolling for anchor links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                const targetId = this.getAttribute('href');
+                if (targetId === '#') return;
+                const targetElement = document.querySelector(targetId);
+                if (targetElement) {
+                    targetElement.scrollIntoView({
+                        behavior: 'smooth'
+                    });
+                    // Close mobile menu if open
+                    const mobileMenu = document.getElementById('mobile-menu');
+                    if (!mobileMenu.classList.contains('hidden')) {
+                        mobileMenu.classList.add('hidden');
+                    }
+                }
+            });
+        });
+        // Form validation for registration
+        const registrationForm = document.querySelector('#registration-form');
+        if (registrationForm) {
+            registrationForm.addEventListener('submit', function(e) {
+                e.preventDefault();
+                // Simple validation
+                const fullName = document.getElementById('full-name').value;
+                const tnmcId = document.getElementById('tnmc-id').value;
+                const email = document.getElementById('email').value;
+                const specialty = document.getElementById('specialty').value;
+                if (!fullName || !tnmcId || !email || !specialty) {
+                    alert('Please fill in all required fields.');
+                    return;
+                }
+                // Hide public content and show verification steps
+                document.getElementById('public-content').classList.add('hidden');
+                document.getElementById('public-header').classList.add('hidden');
+                document.getElementById('verification-steps').classList.remove('hidden');
+            });
+        }
+        // Go to dashboard button
+        document.getElementById('go-to-dashboard').addEventListener('click', function() {
+            document.getElementById('verification-steps').classList.add('hidden');
+            document.getElementById('registration-success').classList.add('hidden');
+            // Show dashboard
+            document.getElementById('dashboard-header').classList.remove('hidden');
+            document.getElementById('dashboard-sidebar').classList.remove('hidden');
+            document.getElementById('dashboard-content').classList.remove('hidden');
+        });
+        // Demo login button (for demonstration purposes)
+        document.querySelector('a[href="#"]').addEventListener('click', function(e) {
+            if (this.textContent.includes('Login')) {
+                e.preventDefault();
+                // Hide public content and show dashboard
+                document.getElementById('public-content').classList.add('hidden');
+                document.getElementById('public-header').classList.add('hidden');
+                // Show dashboard
+                document.getElementById('dashboard-header').classList.remove('hidden');
+                document.getElementById('dashboard-sidebar').classList.remove('hidden');
+                document.getElementById('dashboard-content').classList.remove('hidden');
+            }
+        });
+        // Animation observer for fade-in effects
+        const fadeElements = document.querySelectorAll('.fade-in');
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = 1;
+                }
+            });
+        }, { threshold: 0.1 });
+        fadeElements.forEach(el => {
+            el.style.opacity = 0;
+            observer.observe(el);
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=rainbowhunt/tnmed" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

page-utils.js ADDED Viewed

	@@ -0,0 +1,65 @@

+// Script to help transform page content for dynamic loading
+document.addEventListener('DOMContentLoaded', function() {
+    // Process all pages to remove duplicate headers and footers
+    // This is useful for direct page access (non-dynamic loading)
+    // Check if this is a standalone page (not loaded via dynamic content)
+    const isStandalonePage = !window.location.href.includes('?page=');
+    if (!isStandalonePage) return; // Only process for direct access
+    // For standalone pages, we'll keep their headers and footers
+    // but add a back link to the home page
+    // Find any navigation links
+    const navLinks = document.querySelectorAll('header a, nav a');
+    navLinks.forEach(link => {
+        // If it's a home link or empty link
+        if (link.textContent.toLowerCase().includes('home') || link.getAttribute('href') === '#') {
+            // Update it to go back to the main site
+            link.setAttribute('href', 'index.html');
+            link.classList.add('home-link');
+        }
+    });
+    // Add specific page styles for standalone view
+    const styleElement = document.createElement('style');
+    styleElement.textContent = `
+        body.standalone-page {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 20px;
+        }
+        .back-to-home {
+            display: inline-block;
+            margin: 1rem 0;
+            padding: 0.5rem 1rem;
+            color: #1a365d;
+            text-decoration: none;
+            font-weight: 500;
+        }
+        .back-to-home:hover {
+            text-decoration: underline;
+        }
+    `;
+    document.head.appendChild(styleElement);
+    // Check if it's a standalone page (directly accessed, not through dynamic loading)
+    if (isStandalonePage && !document.body.classList.contains('index-page')) {
+        document.body.classList.add('standalone-page');
+        // Add a back to home link at the top if it doesn't exist
+        if (!document.querySelector('.back-to-home')) {
+            const mainContent = document.querySelector('main') || document.body.firstElementChild;
+            if (mainContent) {
+                const backLink = document.createElement('a');
+                backLink.href = 'index.html';
+                backLink.className = 'back-to-home';
+                backLink.innerHTML = '<i class="fas fa-arrow-left mr-2"></i> Back to Home';
+                mainContent.parentNode.insertBefore(backLink, mainContent);
+            }
+        }
+    }
+});

search.js ADDED Viewed

	@@ -0,0 +1,162 @@

+// Search functionality for the TN Medical Connect site
+document.addEventListener('DOMContentLoaded', function() {
+    // Set up search forms
+    const searchForms = document.querySelectorAll('.search-form');
+    searchForms.forEach(form => {
+        form.addEventListener('submit', function(e) {
+            e.preventDefault();
+            const searchInput = this.querySelector('input[type="text"]');
+            const searchTerm = searchInput.value.trim();
+            if (searchTerm) {
+                // Get search category if available (podcasts, research, etc.)
+                const category = this.dataset.category || '';
+                const finalSearchTerm = category ? `${category} ${searchTerm}` : searchTerm;
+                // Show loading state
+                const resultsContainer = document.getElementById('search-results');
+                if (resultsContainer) {
+                    resultsContainer.innerHTML = '<div class="text-center py-4"><i class="fas fa-spinner fa-spin text-primary text-2xl"></i><p class="mt-2 text-gray-600">Searching...</p></div>';
+                }
+                // In a real implementation, this would call a server-side API
+                // For this demo, we'll simulate results after a delay
+                setTimeout(() => {
+                    simulateSearchResults(finalSearchTerm, resultsContainer);
+                }, 1000);
+            }
+        });
+    });
+    // Function to simulate search results (in a real app, this would call the server)
+    function simulateSearchResults(searchTerm, container) {
+        if (!container) return;
+        // Simulate different results based on search term
+        const termLower = searchTerm.toLowerCase();
+        if (termLower.includes('podcast') || termLower.includes('audio')) {
+            showPodcastResults(container);
+        } else if (termLower.includes('research') || termLower.includes('paper') || termLower.includes('study')) {
+            showResearchResults(container);
+        } else if (termLower.includes('ai') || termLower.includes('artificial intelligence')) {
+            showAIResults(container);
+        } else {
+            showGeneralResults(container);
+        }
+    }
+    // Simulate podcast results
+    function showPodcastResults(container) {
+        container.innerHTML = `
+            <h3 class="text-xl font-semibold text-gray-800 mb-4">Search Results</h3>
+            <div class="grid gap-4 md:grid-cols-2">
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Recent Advances in Cardiology</h4>
+                    <p class="text-sm text-gray-600">A discussion with Dr. Ramesh about the latest treatments.</p>
+                    <audio controls class="mt-2 w-full">
+                        <source src="#" type="audio/mpeg">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Public Health Initiatives in Tamil Nadu</h4>
+                    <p class="text-sm text-gray-600">How local communities are benefiting from new programs.</p>
+                    <audio controls class="mt-2 w-full">
+                        <source src="#" type="audio/mpeg">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+            </div>
+        `;
+    }
+    // Simulate research results
+    function showResearchResults(container) {
+        container.innerHTML = `
+            <h3 class="text-xl font-semibold text-gray-800 mb-4">Research Results</h3>
+            <div class="space-y-4">
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Impact of Climate Change on Vector-borne Diseases in South India</h4>
+                    <p class="text-sm text-gray-500">Journal of Tropical Medicine • March 2025</p>
+                    <p class="text-sm text-gray-600 mt-1">This study examines the correlation between rising temperatures and the spread of dengue and malaria in Tamil Nadu.</p>
+                    <a href="#" class="text-primary text-sm hover:underline mt-2 inline-block">Read Abstract</a>
+                </div>
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Efficacy of Traditional Medicines in Managing Type 2 Diabetes</h4>
+                    <p class="text-sm text-gray-500">Indian Journal of Medical Research • January 2025</p>
+                    <p class="text-sm text-gray-600 mt-1">A randomized controlled trial comparing traditional herbal preparations with standard pharmaceutical interventions.</p>
+                    <a href="#" class="text-primary text-sm hover:underline mt-2 inline-block">Read Abstract</a>
+                </div>
+            </div>
+        `;
+    }
+    // Simulate AI results
+    function showAIResults(container) {
+        container.innerHTML = `
+            <h3 class="text-xl font-semibold text-gray-800 mb-4">AI in Healthcare Results</h3>
+            <div class="space-y-4">
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">AI-Powered Diagnostic Tools for Rural Healthcare</h4>
+                    <p class="text-sm text-gray-600 mt-1">How machine learning is helping bridge the healthcare gap in remote areas of Tamil Nadu.</p>
+                    <div class="flex justify-between items-center mt-2">
+                        <span class="text-xs text-gray-500">Resource Type: Case Study</span>
+                        <a href="#" class="text-primary text-sm hover:underline">View Details</a>
+                    </div>
+                </div>
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Implementing AI Chatbots in Patient Triage</h4>
+                    <p class="text-sm text-gray-600 mt-1">A guide for hospitals looking to adopt AI-powered patient screening systems.</p>
+                    <div class="flex justify-between items-center mt-2">
+                        <span class="text-xs text-gray-500">Resource Type: Implementation Guide</span>
+                        <a href="#" class="text-primary text-sm hover:underline">View Details</a>
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+    // General mixed results
+    function showGeneralResults(container) {
+        container.innerHTML = `
+            <h3 class="text-xl font-semibold text-gray-800 mb-4">Search Results</h3>
+            <div class="space-y-4">
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Upcoming Medical Conferences in Chennai</h4>
+                    <p class="text-sm text-gray-600">View the schedule of medical conferences happening in the next 6 months.</p>
+                    <a href="#" class="text-primary text-sm hover:underline mt-2 inline-block">View Calendar</a>
+                </div>
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Grant Opportunities for Medical Researchers</h4>
+                    <p class="text-sm text-gray-600">Current funding opportunities for research in various medical fields.</p>
+                    <a href="#" class="text-primary text-sm hover:underline mt-2 inline-block">Browse Grants</a>
+                </div>
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Latest Podcast: Healthcare Challenges in 2025</h4>
+                    <p class="text-sm text-gray-600">A discussion with leading experts about what to expect this year.</p>
+                    <a href="#" class="text-primary text-sm hover:underline mt-2 inline-block">Listen Now</a>
+                </div>
+            </div>
+        `;
+    }
+    // Initialize any search fields with the search parameter if present in URL
+    const urlParams = new URLSearchParams(window.location.search);
+    const searchParam = urlParams.get('search');
+    if (searchParam) {
+        const searchInputs = document.querySelectorAll('.search-form input[type="text"]');
+        searchInputs.forEach(input => {
+            input.value = searchParam;
+        });
+        // Auto-submit the first search form if a search term is provided in URL
+        const firstForm = document.querySelector('.search-form');
+        if (firstForm) {
+            firstForm.dispatchEvent(new Event('submit'));
+        }
+    }
+});

style.css ADDED Viewed

	@@ -0,0 +1,28 @@

+body {
+	padding: 2rem;
+	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+}
+h1 {
+	font-size: 16px;
+	margin-top: 0;
+}
+p {
+	color: rgb(107, 114, 128);
+	font-size: 15px;
+	margin-bottom: 10px;
+	margin-top: 5px;
+}
+.card {
+	max-width: 620px;
+	margin: 0 auto;
+	padding: 16px;
+	border: 1px solid lightgray;
+	border-radius: 16px;
+}
+.card p:last-child {
+	margin-bottom: 0;
+}