ResearchPage.html

<!-- 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>
      <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>

    <!-- 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>