feat(sponsors): add platinum partner sponsor type

Author: iRenanMatthew

app/home/templates/home/sections/sponsor-section.html

@@ -208,13 +208,50 @@
             <div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-center">
               {% for sponsor in sponsors %}
                 <div class="{% if sponsor.info %}sponsor-card-container group{% endif %} relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8 {% if sponsor.info %}cursor-pointer{% endif %}">
-                    {% if sponsor.is_pao_connected %}
-                    <img
-                      src="/static/img/vectors/pao-ribbon.svg"
-                      alt="PAO Ribbon"
-                      class="sponsor-pao-ribbon absolute top-0 right-[20px] w-[50px] z-20"
-                    >
-                    {% endif %}
+                  {% if sponsor.is_pao_connected %}
+                  <img
+                    src="/static/img/vectors/pao-ribbon.svg"
+                    alt="PAO Ribbon"
+                    class="sponsor-pao-ribbon absolute top-0 right-[20px] w-[50px] z-20">
+                  {% endif %}
+                  {% if sponsor.website_url %}
+                    <a href="{{ sponsor.website_url }}"
+                       target="_blank"
+                       rel="noopener noreferrer"
+                       class="w-full h-full flex items-center justify-center">
+                      <img src="{{ sponsor.logo_url }}"
+                           alt="{{ sponsor.name }}"
+                           class="sponsor-logo-blur max-w-full max-h-32 object-contain"
+                           width="256" height="128" />
+                    </a>
+                  {% else %}
+                    <img src="{{ sponsor.logo_url }}"
+                         alt="{{ sponsor.name }}"
+                         class="sponsor-logo-blur max-w-full max-h-32 object-contain"
+                         width="256" height="128" />
+                  {% endif %}
+                  {% if sponsor.info %}
+                    <div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-white/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
+                      <p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
+                    </div>
+                  {% endif %}
+                </div>
+              {% endfor %}
+            </div>
+          </div>
+        {% elif sponsor_type_key == "PLATINUM_PARTNER" %}
+          <div class="mb-16">
+            <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog"
+                style="color: #7c5e3b">Platinum Partner</h3>
+            <div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-center">
+              {% for sponsor in sponsors %}
+                <div class="{% if sponsor.info %}sponsor-card-container group{% endif %} relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8 {% if sponsor.info %}cursor-pointer{% endif %}">
+                  {% if sponsor.is_pao_connected %}
+                  <img
+                    src="/static/img/vectors/pao-ribbon.svg"
+                    alt="PAO Ribbon"
+                    class="sponsor-pao-ribbon absolute top-0 right-[20px] w-[50px] z-20">
+                  {% endif %}
                   {% if sponsor.website_url %}
                     <a href="{{ sponsor.website_url }}"
                        target="_blank"

app/sponsors/models.py

@@ -9,6 +9,7 @@ class SponsorType(models.TextChoices):
         WELLNESS_PARTNER = "WELLNESS_PARTNER"
         KEYSTONE = "KEYSTONE"
         PLATINUM = "PLATINUM"
+        PLATINUM_PARTNER = "PLATINUM_PARTNER"
         TITANIUM = "TITANIUM"
         GOLD = "GOLD"
         SILVER = "SILVER"

config/constants.py

@@ -3,6 +3,7 @@
     "INSTITUTIONAL",
     "KEYSTONE",
     "PLATINUM",
+    "PLATINUM_PARTNER",
     "TITANIUM",
     "GOLD",
     "SILVER",