docs: add Fund Development button to landing navbar and docs nav

Add pink heart-styled "Fund Development" button to landing page
navbar (left of Star on GitHub) and mobile menu. Rename "Sponsor"
to "Fund Development" in the open-source section. Replace icon-only
heart in docs socialLinks with a named "Fund Development" nav link.

apps/docs/.vitepress/config.mts

@@ -78,6 +78,10 @@ export default defineConfig({
       { text: "Home", link: "/" },
       { text: "Guide", link: "/guide/getting-started" },
       { text: "API Reference", link: "/api/rest" },
+      {
+        text: "Fund Development",
+        link: "https://github.com/sponsors/snapotter-hq",
+      },
       {
         text: `v${pkg.version}`,
         link: "https://github.com/snapotter-hq/snapotter/releases",
@@ -124,11 +128,6 @@ export default defineConfig({
     },
 
     socialLinks: [
-      {
-        icon: { svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>' },
-        link: "https://github.com/sponsors/snapotter-hq",
-        ariaLabel: "Sponsor SnapOtter",
-      },
       { icon: "github", link: "https://github.com/snapotter-hq/snapotter" },
       { icon: "discord", link: "https://discord.gg/hr3s7HPUsr" },
     ],

apps/landing/src/components/navbar.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Github, Menu, Star, X } from "lucide-react";
+import { Github, Heart, Menu, Star, X } from "lucide-react";
 import { useEffect, useState } from "react";
 
 function formatStarCount(count: number): string {
@@ -69,6 +69,15 @@ export function Navbar() {
         </div>
 
         <div className="hidden items-center gap-3 md:flex">
+          <a
+            href="https://github.com/sponsors/snapotter-hq"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-1.5 rounded-lg border border-pink-300 px-3 py-1.5 text-sm font-medium text-pink-500 transition-colors hover:bg-pink-50 dark:border-pink-500/30 dark:text-pink-400 dark:hover:bg-pink-500/10"
+          >
+            <Heart size={14} />
+            <span>Fund Development</span>
+          </a>
           <a
             href="https://github.com/snapotter-hq/snapotter"
             target="_blank"
@@ -113,6 +122,15 @@ export function Navbar() {
             </a>
           ))}
           <div className="mt-3 flex flex-col gap-2">
+            <a
+              href="https://github.com/sponsors/snapotter-hq"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center justify-center gap-1.5 rounded-lg border border-pink-300 px-4 py-2 text-sm font-medium text-pink-500 dark:border-pink-500/30 dark:text-pink-400"
+            >
+              <Heart size={14} />
+              Fund Development
+            </a>
             <a
               href="https://github.com/snapotter-hq/snapotter"
               target="_blank"

apps/landing/src/components/open-source.tsx

@@ -31,7 +31,7 @@ export function OpenSource() {
               className="inline-flex items-center gap-2 rounded-xl border border-border px-6 py-3 text-base font-semibold transition-colors hover:bg-background-alt"
             >
               <Heart size={20} />
-              Sponsor
+              Fund Development
             </a>
             <a
               href="https://discord.gg/hr3s7HPUsr"