diff --git a/apps/web/src/app/(home)/_components/sponsors-section.tsx b/apps/web/src/app/(home)/_components/sponsors-section.tsx index 171b20f..bfbf031 100644 --- a/apps/web/src/app/(home)/_components/sponsors-section.tsx +++ b/apps/web/src/app/(home)/_components/sponsors-section.tsx @@ -49,10 +49,10 @@ export default function SponsorsSection() { href="https://github.com/sponsors/AmanVarshney01" target="_blank" rel="noopener noreferrer" - className="mt-4 inline-flex items-center gap-2 rounded-lg bg-primary px-6 py-3 font-mono text-lg text-primary-foreground shadow-lg transition-all hover:bg-primary/90 hover:shadow-xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2" + className="mt-4 inline-flex items-center gap-2 rounded-lg border border-primary bg-transparent px-4 py-2 font-mono text-base text-primary shadow-md transition-all hover:bg-primary hover:text-primary-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2" > - + Heart Icon { year: "numeric", month: "short", }); - const title = `@${entry.sponsor.login} - ${entry.sponsor.type}${ + const title = `@${entry.sponsor.login} - ${ + entry.sponsor.type + }${ entry.isOneTime ? " (One-time)" : " (Monthly)" }\nTier: ${entry.tierName || "N/A"}\nSince: ${since}`; return ( @@ -2006,13 +2008,12 @@ const StackBuilder = () => { href="https://github.com/sponsors/AmanVarshney01" target="_blank" rel="noopener noreferrer" - className="inline-flex items-center gap-3 rounded-xl bg-gradient-to-r from-primary to-accent px-8 py-4 font-mono font-semibold text-primary-foreground text-xl shadow-xl transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-2xl focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2" + className="inline-flex items-center gap-3 rounded-xl border border-primary bg-transparent px-6 py-3 font-mono font-semibold text-lg text-primary shadow-md transition-all duration-300 ease-in-out hover:bg-primary hover:text-primary-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2" > Heart Icon