Mention BotKit and DrFed in the landing footer

BotKit, a framework for building ActivityPub bots, and DrFed, a
web-based ActivityPub debugging platform, are sister projects built on
Fedify by the same team.  Add a quiet line to the landing footer, under
the community and sponsors lines, that links to both with their small
logos.  It is deliberately understated rather than a feature section, so
it reads as a footnote about the wider family rather than competing with
Fedify's own pitch.

Assisted-by: Claude Code:claude-opus-4-8

Author: dahlia

docs/.vitepress/theme/components/HomeLanding.vue

@@ -497,6 +497,23 @@ const outboxCode = `federation
   .<span class="c-fn">authorize</span>(<span class="c-kw">async</span> (ctx, id) =>
     (<span class="c-kw">await</span> <span class="c-fn">getSession</span>(ctx.request))?.user === id);`;
 
+// Sister projects built on Fedify by the same team, shown with their own
+// full-color logos and linking to their sites.
+const sisterProjects = [
+  {
+    name: "BotKit",
+    url: "https://botkit.fedify.dev/",
+    logo: "/logos/botkit.svg",
+    desc: "A framework for building ActivityPub bots.",
+  },
+  {
+    name: "DrFed",
+    url: "https://drfed.org/",
+    logo: "/logos/drfed.svg",
+    desc: "A web-based ActivityPub debugging platform.",
+  },
+];
+
 // Lightly highlighted showcase snippet (authored string, rendered with v-html).
 const code = `<span class="c-kw">import</span> { <span class="c-ty">createFederation</span>, <span class="c-ty">Person</span> } <span class="c-kw">from</span> <span class="c-st">"@fedify/fedify"</span>;
 
@@ -1050,6 +1067,20 @@ federation.<span class="c-fn">setActorDispatcher</span>(
           Fedify is free and open source.
           <a href="/sponsors">Meet our sponsors →</a>
         </p>
+        <p class="lp-also">
+          <span class="lp-also-label">Also from the Fedify team:</span>
+          <a
+            v-for="p in sisterProjects"
+            :key="p.name"
+            class="lp-also-link"
+            :href="p.url"
+            :title="p.desc"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <img :src="p.logo" alt="" />{{ p.name }}
+          </a>
+        </p>
       </div>
     </section>
 
@@ -2066,6 +2097,31 @@ a.lp-stack-name::after {
   color: var(--vp-c-brand-1);
   font-weight: 600;
 }
+.lp-also {
+  margin-top: 0.6rem;
+  font-size: 0.92rem;
+  color: var(--vp-c-text-2);
+}
+.lp-also-label {
+  vertical-align: middle;
+}
+.lp-also-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  margin-left: 0.6rem;
+  vertical-align: middle;
+  color: var(--vp-c-text-1);
+  font-weight: 600;
+  text-decoration: none;
+}
+.lp-also-link:hover {
+  color: var(--vp-c-brand-1);
+}
+.lp-also-link img {
+  height: 19px;
+  width: auto;
+}
 
 /* --------------------------- Backed by ------------------------- */
 .lp-backer {