mirror of
https://github.com/FranP-code/create-better-t-stack.git
synced 2025-10-12 23:52:15 +00:00
add sponsor button
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user