updated bronze sponsors from giving day

Author: nchalla3

src/app/sponsors/SponsorCard.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import React, { useState } from "react";
 import Image from "next/image";
 import { colors } from "@/config/colors";
 
@@ -10,38 +11,40 @@ export function SponsorCard({
   sponsor: any;
   tier: string;
 }) {
+  const [imgError, setImgError] = useState(false);
+
+  const hasLogo = !!sponsor?.logo;
+
   return (
     <div className="p-6 rounded-lg shadow-lg flex flex-col items-center text-center transition-transform duration-200 hover:scale-105 bg-transparent">
       <div className="flex flex-col items-center w-full">
         <div className="flex items-center justify-center w-full h-32 mb-4">
-          <Image
-            src={`/sponsors/${sponsor.logo}`}
-            alt={`${sponsor.name} logo`}
-            width={sponsor.logo === "BaskinEngineeringLogo.png" ? 240 : 180}
-            height={sponsor.logo === "BaskinEngineeringLogo.png" ? 160 : 120}
-            className="object-contain max-w-full max-h-full"
-            style={{ display: "block" }}
-            onError={(e) => {
-              console.warn('Image load failed:', sponsor.logo);
-              const img = e.currentTarget;
-              img.style.display = "none";
-              const fallback =
-                img.parentElement?.querySelector(".fallback-text");
-              if (fallback) {
-                (fallback as HTMLElement).style.display = "flex";
-              }
-            }}
-          />
-          <div
-            className="fallback-text w-full h-full items-center justify-center text-4xl font-bold hidden"
-            style={{ color: colors.primary, display: "none" }}
-          >
-            {sponsor.name.charAt(0)}
-          </div>
+          {hasLogo && !imgError ? (
+            <Image
+              src={`/sponsors/${sponsor.logo}`}
+              alt={`${sponsor.name ?? "Sponsor"} logo`}
+              width={sponsor.logo === "BaskinEngineeringLogo.png" ? 240 : 180}
+              height={sponsor.logo === "BaskinEngineeringLogo.png" ? 160 : 120}
+              className="object-contain max-w-full max-h-full"
+              onError={() => {
+                console.warn("Image load failed:", sponsor.logo);
+                setImgError(true);
+              }}
+            />
+          ) : (
+            <div className="w-full h-full flex items-center justify-center px-2">
+              <span
+                className="text-base sm:text-lg md:text-xl lg:text-2xl font-semibold"
+                style={{ color: '#ffffff', fontFamily: "'Scandia Bold Italic', sans-serif" }}
+              >
+                {sponsor?.name ?? "Sponsor"}
+              </span>
+            </div>
+          )}
         </div>
       </div>
       <div className="mt-2">
-        {sponsor.website !== "#" && (
+        {sponsor?.website && sponsor.website !== "#" && (
           <a
             href={sponsor.website}
             target="_blank"

src/app/sponsors/page.tsx

@@ -121,6 +121,29 @@ export default function SponsorsPage() {
         website: "#"
       }
 
+      ,
+      {
+        name: "Andrew Lee"
+      },
+      {
+        name: "Robert Shen"
+      },
+      {
+        name: "Abhishek and Tuhina Lal"
+      },
+      {
+        name: "Ruhmit Sahu"
+      },
+      {
+        name: "Boogie"
+      },
+      {
+        name: "Anthony Aguilar Rosales"
+      },
+      {        
+        name: "Ivan Kalastirsky"
+      }
+
     ],
 
     specialThanks: [