add sponsor button

This commit is contained in:
Aman Varshney
2025-07-06 18:19:02 +05:30
parent eb8324515b
commit dd31abd190

View File

@@ -1,5 +1,5 @@
"use client"; "use client";
import { Github, Maximize2, Menu, X } from "lucide-react"; import { Github, Heart, Maximize2, Menu, X } from "lucide-react";
import { AnimatePresence, motion } from "motion/react"; import { AnimatePresence, motion } from "motion/react";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
@@ -134,6 +134,15 @@ export default function Navbar() {
<div className="h-5 w-px bg-border" /> <div className="h-5 w-px bg-border" />
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Link
href="https://github.com/sponsors/AmanVarshney01"
target="_blank"
className="inline-flex items-center gap-1.5 rounded-md border border-border bg-muted/90 px-3 py-1.5 font-mono text-muted-foreground text-xs backdrop-blur-sm transition-colors hover:bg-muted hover:text-foreground"
title="Sponsor on GitHub"
>
<Heart className="size-3.5" />
Sponsor
</Link>
<Link <Link
href="/new" href="/new"
className="inline-flex items-center gap-1.5 rounded-md border border-primary/50 bg-primary/10 px-3 py-1.5 font-mono text-primary text-xs transition-colors hover:bg-primary/20" className="inline-flex items-center gap-1.5 rounded-md border border-primary/50 bg-primary/10 px-3 py-1.5 font-mono text-primary text-xs transition-colors hover:bg-primary/20"
@@ -142,15 +151,6 @@ export default function Navbar() {
<Maximize2 className="size-3.5" /> <Maximize2 className="size-3.5" />
Builder Builder
</Link> </Link>
<Link
href="https://www.github.com/better-t-stack/create-better-t-stack"
target="_blank"
className="inline-flex items-center gap-1.5 rounded-md border border-border bg-muted/90 px-3 py-1.5 font-mono text-muted-foreground text-xs backdrop-blur-sm transition-colors hover:bg-muted hover:text-foreground"
title="Star on GitHub"
>
<Github className="size-3.5" />
Star
</Link>
</div> </div>
<ThemeToggle /> <ThemeToggle />
@@ -242,13 +242,13 @@ export default function Navbar() {
Stack Builder Stack Builder
</Link> </Link>
<Link <Link
href="https://www.github.com/better-t-stack/create-better-t-stack" href="https://github.com/sponsors/AmanVarshney01"
target="_blank" target="_blank"
onClick={closeMobileMenu} onClick={closeMobileMenu}
className="flex w-full items-center justify-center gap-2 rounded-md border border-border bg-muted/90 px-4 py-2.5 font-mono text-muted-foreground text-sm backdrop-blur-sm transition-colors hover:bg-muted hover:text-foreground" className="flex w-full items-center justify-center gap-2 rounded-md border border-border bg-muted/90 px-4 py-2.5 font-mono text-muted-foreground text-sm backdrop-blur-sm transition-colors hover:bg-muted hover:text-foreground"
> >
<Github className="size-4" /> <Heart className="size-4" />
Star on GitHub Sponsor on GitHub
</Link> </Link>
</div> </div>
</div> </div>