From 9581e0e1ca4fda51c90a38647b2de59f0e85a7ad Mon Sep 17 00:00:00 2001
From: praveenzsp <psai6645@gmail.com>
Date: Wed, 3 Dec 2025 19:28:47 +0530
Subject: [PATCH 1/2] created SponsorCard component

---
 apps/web/src/components/ui/SponsorCard.tsx | 62 ++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 apps/web/src/components/ui/SponsorCard.tsx

diff --git a/apps/web/src/components/ui/SponsorCard.tsx b/apps/web/src/components/ui/SponsorCard.tsx
new file mode 100644
index 00000000..9183a582
--- /dev/null
+++ b/apps/web/src/components/ui/SponsorCard.tsx
@@ -0,0 +1,62 @@
+import React from "react";
+import { cn } from "@/lib/utils";
+import Image from "next/image";
+import { Card } from "./card";
+
+type SponsorCardProps = {
+  name: string;
+  description: string;
+  href: string;
+  logoSrc: string;
+  logoAlt?: string;
+  className?: string;
+  openInNewTab?: boolean;
+};
+
+function SponsorCard({
+  name,
+  description,
+  href,
+  logoSrc,
+  logoAlt,
+  className,
+  openInNewTab = true,
+}: SponsorCardProps) {
+
+  return (
+    <a
+      href={href}
+      target={openInNewTab ? "_blank" : undefined}
+      aria-label={`Visit ${name}`}
+      className="block h-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
+    >
+      <Card
+        className={cn(
+          "flex h-full flex-col overflow-hidden border-[#252525] bg-[#111111] text-sm text-muted-foreground/90 [box-shadow:0_0_60px_-24px_#14111C_inset]",
+          "transition-colors hover:border-[#3a3a3a]",
+          className
+        )}
+      >
+        <div className="relative aspect-[4/3] w-full overflow-hidden bg-[#050505]">
+          <Image
+            src={logoSrc}
+            alt={logoAlt ?? `${name} logo`}
+            fill
+            className="object-contain"
+            unoptimized
+            priority
+          />
+        </div>
+
+        <div className="border-t border-[#252525] bg-[#050505] px-6 py-4">
+          <p className="text-base font-medium text-foreground">{name}</p>
+          <p className="mt-1 text-[13px] leading-relaxed text-muted-foreground">
+            {description}
+          </p>
+        </div>
+      </Card>
+    </a>
+  );
+}
+
+export default SponsorCard;
\ No newline at end of file

From c87b9ba5e1e5f9927ce9bdae01ec1b990e162197 Mon Sep 17 00:00:00 2001
From: praveenzsp <psai6645@gmail.com>
Date: Thu, 4 Dec 2025 14:49:18 +0530
Subject: [PATCH 2/2] minor refactors

---
 apps/web/src/components/ui/SponsorCard.tsx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/components/ui/SponsorCard.tsx b/apps/web/src/components/ui/SponsorCard.tsx
index 9183a582..2dd4802b 100644
--- a/apps/web/src/components/ui/SponsorCard.tsx
+++ b/apps/web/src/components/ui/SponsorCard.tsx
@@ -1,7 +1,6 @@
-import React from "react";
-import { cn } from "@/lib/utils";
 import Image from "next/image";
 import { Card } from "./card";
+import { cn } from "@/lib/utils";
 
 type SponsorCardProps = {
   name: string;
@@ -13,7 +12,7 @@ type SponsorCardProps = {
   openInNewTab?: boolean;
 };
 
-function SponsorCard({
+const SponsorCard = ({
   name,
   description,
   href,
@@ -21,34 +20,33 @@ function SponsorCard({
   logoAlt,
   className,
   openInNewTab = true,
-}: SponsorCardProps) {
+}: SponsorCardProps) => {
 
   return (
     <a
       href={href}
       target={openInNewTab ? "_blank" : undefined}
+      rel={openInNewTab ? "noopener noreferrer" : undefined}
       aria-label={`Visit ${name}`}
       className="block h-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
     >
       <Card
         className={cn(
-          "flex h-full flex-col overflow-hidden border-[#252525] bg-[#111111] text-sm text-muted-foreground/90 [box-shadow:0_0_60px_-24px_#14111C_inset]",
+          "flex h-full flex-col overflow-hidden border-border-primary bg-[#111111] text-sm text-muted-foreground/90 [box-shadow:0_0_60px_-24px_#14111C_inset]",
           "transition-colors hover:border-[#3a3a3a]",
           className
         )}
       >
-        <div className="relative aspect-[4/3] w-full overflow-hidden bg-[#050505]">
+        <div className="relative aspect-[4/3] w-full overflow-hidden bg-background">
           <Image
             src={logoSrc}
             alt={logoAlt ?? `${name} logo`}
             fill
             className="object-contain"
-            unoptimized
-            priority
           />
         </div>
 
-        <div className="border-t border-[#252525] bg-[#050505] px-6 py-4">
+        <div className="border-t border-border-primary bg-background px-6 py-4">
           <p className="text-base font-medium text-foreground">{name}</p>
           <p className="mt-1 text-[13px] leading-relaxed text-muted-foreground">
             {description}