From f1dd3c67ce7251c9883daa387974386724ba847e Mon Sep 17 00:00:00 2001
From: Z8MB1E <jason@onyxsimple.com>
Date: Tue, 25 Aug 2026 13:27:48 -0400
Subject: [PATCH] feat(campaigns): add Zeus campaign-creation CTA to campaigns
 header

---
 .../intelligence/campaigns/page.tsx           | 29 +++++++++++++------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/app/(frontend)/intelligence/campaigns/page.tsx b/src/app/(frontend)/intelligence/campaigns/page.tsx
index 565584f..bf8e2de 100644
--- a/src/app/(frontend)/intelligence/campaigns/page.tsx
+++ b/src/app/(frontend)/intelligence/campaigns/page.tsx
@@ -3,6 +3,7 @@ import { getPayload } from "payload";
 import { ShieldIcon } from "lucide-react";
 import { CampaignCard } from "@/components/frontend/intelligence/CampaignCard";
 import type { Media } from "@/payload-types";
+import { Button } from "@/components/ui/button";
 
 export const metadata = {
   title: "Campaigns — Polaris Task Force",
@@ -71,17 +72,27 @@ export default async function CampaignsPage() {
 
   return (
     <div className="p-5 flex flex-col gap-6">
-      <div className="flex flex-col gap-1">
-        <div className="flex items-center gap-2">
-          <ShieldIcon className="size-5 text-muted-foreground" />
-          <h1 className="text-lg font-semibold">Campaigns</h1>
+      <div className="flex flex-row justify-between gap-2">
+        <div className="flex flex-col gap-1">
+          <div className="flex items-center gap-2">
+            <ShieldIcon className="size-5 text-muted-foreground" />
+            <h1 className="text-lg font-semibold">Campaigns</h1>
+          </div>
+          <p className="text-sm text-muted-foreground">
+            {campaigns.length} campaign{campaigns.length !== 1 ? "s" : ""} across all theaters of
+            operation.
+          </p>
         </div>
-        <p className="text-sm text-muted-foreground">
-          {campaigns.length} campaign{campaigns.length !== 1 ? "s" : ""} across all theaters of
-          operation.
-        </p>
-      </div>
 
+        <div className="flex flex-col gap-1 justify-end text-center max-w-3xs">
+          <p className="text-sm text-muted-foreground">
+            Are you a Zeus and want to start your own campaign?
+          </p>
+          <Button variant="outline" size="sm">
+            Create your own campaign!
+          </Button>
+        </div>
+      </div>
       {sorted.length > 0 ? (
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
           {campaignsWithStats.map((campaign) => (