mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
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:
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user