ConferencePage.html

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