Hugging Face's logo

Spaces:
rainbowhunt
/
TN
Running

App Files Community
TN
File size: 6,966 Bytes 
fb33344
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
 
<!-- 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>