ConfedPage.html

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