From 574eba773f2b04742e38af311d2161f4d3d9cca7 Mon Sep 17 00:00:00 2001
From: Soam Desai <soam.desai@toolsforhumanity.com>
Date: Wed, 9 Sep 2026 22:36:18 -0700
Subject: [PATCH] docs(footer): add the Docs 3.0 footer to docs pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Docs 3.0 QA: docs pages had no footer beyond social icons. Add footer.links
and restyle Mintlify's advanced footer into the design's single row —
'™ 2026 World' left, six ink links right — aligned to the page gutters.
Social icons are hidden per the design; the homepage keeps its own footer.
---
 docs.json    | 32 +++++++++++++++++++++++++++-
 tailwind.css | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 91 insertions(+), 1 deletion(-)

diff --git a/docs.json b/docs.json
index 8e3bfc9..e5b219f 100644
--- a/docs.json
+++ b/docs.json
@@ -423,7 +423,37 @@
       "x": "https://x.com/worldnetwork",
       "github": "https://github.com/worldcoin",
       "discord": "https://world.org/discord"
-    }
+    },
+    "links": [
+      {
+        "items": [
+          {
+            "label": "About World",
+            "href": "https://world.org"
+          },
+          {
+            "label": "Developers",
+            "href": "https://world.org/developers"
+          },
+          {
+            "label": "Whitepaper",
+            "href": "https://whitepaper.world.org"
+          },
+          {
+            "label": "Open Source",
+            "href": "https://github.com/worldcoin"
+          },
+          {
+            "label": "Ecosystem",
+            "href": "https://world.org/ecosystem"
+          },
+          {
+            "label": "Careers",
+            "href": "https://world.org/careers"
+          }
+        ]
+      }
+    ]
   },
   "contextual": {
     "options": [
diff --git a/tailwind.css b/tailwind.css
index d3bd1ae..1934cb9 100644
--- a/tailwind.css
+++ b/tailwind.css
@@ -308,6 +308,66 @@
   .dark .landing-footer-links {
     color: #F3F2F0;
   }
+
+  /* ------------------------------------------------------------------ */
+  /* Docs-page footer (Docs 3.0) — restyle Mintlify's advanced footer    */
+  /* into the design's single row: "™ 2026 World" left, links right.     */
+  /* The homepage keeps its own hand-built .landing-footer.              */
+  /* ------------------------------------------------------------------ */
+  #footer.advanced-footer {
+    border-top: none;
+  }
+  #footer.advanced-footer > div {
+    max-width: 1728px !important;
+  }
+  @media (min-width: 1024px) {
+    #footer.advanced-footer > div {
+      padding: 48px 96px 64px !important;
+    }
+  }
+  /* Replace the footer logo with the trademark line from the design. */
+  #footer.advanced-footer .nav-logo {
+    display: none !important;
+  }
+  #footer.advanced-footer a.select-none::after {
+    content: "™ 2026 World";
+    font-size: 16px;
+    line-height: 1.4;
+    font-weight: 300;
+    color: #181818;
+    white-space: nowrap;
+  }
+  .dark #footer.advanced-footer a.select-none::after {
+    color: #F3F2F0;
+  }
+  /* Link row: right-aligned single row, ink links per design. */
+  @media (min-width: 768px) {
+    #footer.advanced-footer .md\:justify-center {
+      justify-content: flex-end !important;
+      gap: 40px !important;
+    }
+  }
+  #footer.advanced-footer a[class*="max-w-36"] {
+    max-width: none !important;
+    font-size: 16px !important;
+    line-height: 1.4;
+    font-weight: 300;
+    color: #181818 !important;
+  }
+  #footer.advanced-footer a[class*="max-w-36"]:hover {
+    color: #181818 !important;
+    text-decoration: underline;
+    text-underline-offset: 4px;
+  }
+  .dark #footer.advanced-footer a[class*="max-w-36"],
+  .dark #footer.advanced-footer a[class*="max-w-36"]:hover {
+    color: #F3F2F0 !important;
+  }
+  /* The design's footer carries no social icons (those links live in the
+     footer links row; GitHub also sits in the Resources menu). */
+  #footer.advanced-footer div[class*="min-w-[140px]"] {
+    display: none !important;
+  }
   @media (max-width: 900px) {
     .landing-footer-inner {
       padding: 0 24px 48px;