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.
This commit is contained in:
SnapOtter
2026-05-16 20:00:25 +08:00
parent 50a25691d9
commit 6e103d31f8
3 changed files with 24 additions and 7 deletions
+19 -1
View File
@@ -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"
+1 -1
View File
@@ -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"