From 0532057c3bc998906c426b48bcb522a33f5cb6f2 Mon Sep 17 00:00:00 2001
From: Aman Varshney <amanvarshney.work@gmail.com>
Date: Sun, 18 May 2025 19:40:10 +0530
Subject: [PATCH] fix sponsor button

---
 .../src/app/(home)/_components/sponsors-section.tsx | 13 ++++---------
 .../src/app/(home)/_components/stack-builder.tsx    |  9 +++++----
 2 files changed, 9 insertions(+), 13 deletions(-)

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"
 					>
 						<svg
-							className="h-6 w-6"
+							className="h-4 w-4"
 							fill="none"
 							stroke="currentColor"
 							strokeWidth="2"
@@ -116,14 +116,9 @@ export default function SponsorsSection() {
 						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 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"
 					>
-						<svg
-							className="h-7 w-7 animate-pulse"
-							fill="currentColor"
-							viewBox="0 0 20 20"
-							xmlns="http://www.w3.org/2000/svg"
-						>
+						<svg className="h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
 							<title>Heart Icon</title>
 							<path
 								fillRule="evenodd"
diff --git a/apps/web/src/app/(home)/_components/stack-builder.tsx b/apps/web/src/app/(home)/_components/stack-builder.tsx
index 3dbcf09..cc1ba16 100644
--- a/apps/web/src/app/(home)/_components/stack-builder.tsx
+++ b/apps/web/src/app/(home)/_components/stack-builder.tsx
@@ -1963,7 +1963,9 @@ const StackBuilder = () => {
 												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"
 										>
 											<svg
-												className="h-7 w-7 animate-pulse"
+												className="h-5 w-5"
 												fill="currentColor"
 												viewBox="0 0 20 20"
-												xmlns="http://www.w3.org/2000/svg"
 											>
 												<title>Heart Icon</title>
 												<path