File size: 4,004 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
<!-- 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>