feat: make navbar button CTA dynamic via admin

Author: zorexsalvo

app/announcements/admin.py

@@ -1,6 +1,6 @@
 from django.contrib import admin
 
-from .models import Announcement, RibbonCTA
+from .models import Announcement, ButtonCTA, RibbonCTA
 
 
 @admin.register(Announcement)
@@ -28,3 +28,16 @@ class RibbonCTAAdmin(admin.ModelAdmin):
         ("Status", {"fields": ("is_active",)}),
         ("Metadata", {"fields": ("created_at", "updated_at")}),
     )
+
+
+@admin.register(ButtonCTA)
+class ButtonCTAAdmin(admin.ModelAdmin):
+    list_display = ("label", "url", "is_active", "created_at", "updated_at")
+    list_filter = ("is_active", "created_at")
+    search_fields = ("label", "url")
+    readonly_fields = ("created_at", "updated_at")
+    fieldsets = (
+        ("Content", {"fields": ("label", "url")}),
+        ("Status", {"fields": ("is_active",)}),
+        ("Metadata", {"fields": ("created_at", "updated_at")}),
+    )

app/announcements/migrations/0004_buttoncta.py

@@ -0,0 +1,29 @@
+# Generated by Django 5.2.7 on 2026-03-18 03:07
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('announcements', '0003_ribboncta'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='ButtonCTA',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('label', models.CharField(max_length=100)),
+                ('url', models.URLField()),
+                ('is_active', models.BooleanField(default=True)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                'verbose_name': 'Button CTA',
+                'verbose_name_plural': 'Button CTAs',
+                'ordering': ['-created_at'],
+            },
+        ),
+    ]

app/announcements/models.py

@@ -35,6 +35,27 @@ class Meta:
         verbose_name_plural = "Announcements"
 
 
+class ButtonCTA(models.Model):
+    label = models.CharField(max_length=100)
+    url = models.URLField()
+    is_active = models.BooleanField(default=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    def __str__(self):
+        return self.label
+
+    @classmethod
+    def get_active(cls):
+        """Get the first active button CTA."""
+        return cls.objects.filter(is_active=True).first()
+
+    class Meta:
+        ordering = ["-created_at"]
+        verbose_name = "Button CTA"
+        verbose_name_plural = "Button CTAs"
+
+
 class RibbonCTA(models.Model):
     message = models.CharField(max_length=255)
     cta_text = models.CharField(max_length=100, default="LEARN MORE")

app/home/templates/home/components/navbar.html

@@ -82,9 +82,11 @@
                 </ul>
               </li>
             {% endfor %}
+              {% if button_cta %}
               <li class="mt-2">
-                <a href="https://ti.to/pythonph/pythonasia-2026/" target="_blank" class="btn btn-primary w-full text-center">Get Tickets</a>
+                <a href="{{ button_cta.url }}" target="_blank" class="btn btn-primary w-full text-center">{{ button_cta.label }}</a>
               </li>
+              {% endif %}
           </ul>
         </div>
         <!-- Header Links -->
@@ -132,11 +134,13 @@
           </ul>
         </div>
         <!-- Ticket Button (desktop only) -->
+        {% if button_cta %}
         <div class="hidden lg:block">
-          <a href="https://ti.to/pythonph/pythonasia-2026/" target="_blank" class="btn btn-primary btn-wide py-2 px-4 sm:py-3.5 sm:px-8 text-white">
-            <span class="lg:inline font-bantayog text-base sm:text-xl">Get Tickets</span>
+          <a href="{{ button_cta.url }}" target="_blank" class="btn btn-primary btn-wide py-2 px-4 sm:py-3.5 sm:px-8 text-white">
+            <span class="lg:inline font-bantayog text-base sm:text-xl">{{ button_cta.label }}</span>
           </a>
         </div>
+        {% endif %}
       </div>
 
     </div>

config/context_processors.py

@@ -1,8 +1,9 @@
 def announcement_context(request):
-    """Inject latest published announcement and active ribbon CTA into template context."""
-    from app.announcements.models import Announcement, RibbonCTA
+    """Inject latest published announcement and active navbar CTAs into template context."""
+    from app.announcements.models import Announcement, ButtonCTA, RibbonCTA
 
     return {
         "latest_announcement": Announcement.get_latest_published(),
         "ribbon_cta": RibbonCTA.get_active(),
+        "button_cta": ButtonCTA.get_active(),
     }