Add OpenSearch as logo sponsor (#14)

1kevgriff · claude · web-flow · commit 47095b760aa5 · 2025-11-12T09:24:44.000-05:00
Co-authored-by: Claude &lt;noreply@anthropic.com&gt;
diff --git a/src/assets/sponsors/opensearch.png b/src/assets/sponsors/opensearch.png
diff --git a/src/data/sponsors.ts b/src/data/sponsors.ts
@@ -0,0 +1,17 @@
+export type SponsorTier = 'platinum' | 'gold' | 'silver' | 'logo';
+
+export interface Sponsor {
+  name: string;
+  logo: string;
+  url: string;
+  tier: SponsorTier;
+}
+
+export const sponsors: Sponsor[] = [
+  {
+    name: "OpenSearch",
+    logo: "opensearch.png",
+    url: "https://opensearch.org/",
+    tier: "logo",
+  },
+];
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -4,8 +4,10 @@ import logo from "../assets/logo.png";
 import headerImage from "../assets/header-image.png";
 import cfsponsors from "../assets/sponsorship.png";
 import { speakers } from "../data/speakers";
+import { sponsors } from "../data/sponsors";
 import lionelSappImage from "../assets/speakers/lionel-sapp.jpeg";
 import ryanCastilloImage from "../assets/speakers/ryan-castillo.jpeg";
+import opensearchLogo from "../assets/sponsors/opensearch.png";
 
 // 2024 Event Photos
 import photo1 from "../assets/2024-photos/2024-05-31 08.30.41.jpg";
@@ -21,6 +23,18 @@ const speakerImages: Record<string, any> = {
   "lionel-sapp.jpeg": lionelSappImage,
   "ryan-castillo.jpeg": ryanCastilloImage,
 };
+
+const sponsorLogos: Record<string, any> = {
+  "opensearch.png": opensearchLogo,
+};
+
+// Group sponsors by tier for display
+const sponsorsByTier = {
+  platinum: sponsors.filter(s => s.tier === 'platinum'),
+  gold: sponsors.filter(s => s.tier === 'gold'),
+  silver: sponsors.filter(s => s.tier === 'silver'),
+  logo: sponsors.filter(s => s.tier === 'logo'),
+};
 ---
 
 <html lang="en">
@@ -483,6 +497,83 @@ const speakerImages: Record<string, any> = {
 
       <section class="mt-12" id="sponsors">
         <h2 class="text-3xl font-bold text-gray-800 mb-4 text-center">Sponsors</h2>
+
+        <!-- Current Sponsors -->
+        {(sponsorsByTier.platinum.length > 0 || sponsorsByTier.gold.length > 0 || sponsorsByTier.silver.length > 0 || sponsorsByTier.logo.length > 0) && (
+          <div class="bg-white rounded-lg p-8 card-shadow mb-6">
+            <div class="flex flex-wrap justify-center items-center gap-8">
+              {/* Platinum Sponsors */}
+              {sponsorsByTier.platinum.map((sponsor) => (
+                <a
+                  href={sponsor.url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  class="transition-transform hover:scale-105"
+                  title={sponsor.name}
+                >
+                  <Image
+                    src={sponsorLogos[sponsor.logo]}
+                    alt={sponsor.name}
+                    class="h-24 w-auto object-contain"
+                  />
+                </a>
+              ))}
+
+              {/* Gold Sponsors */}
+              {sponsorsByTier.gold.map((sponsor) => (
+                <a
+                  href={sponsor.url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  class="transition-transform hover:scale-105"
+                  title={sponsor.name}
+                >
+                  <Image
+                    src={sponsorLogos[sponsor.logo]}
+                    alt={sponsor.name}
+                    class="h-20 w-auto object-contain"
+                  />
+                </a>
+              ))}
+
+              {/* Silver Sponsors */}
+              {sponsorsByTier.silver.map((sponsor) => (
+                <a
+                  href={sponsor.url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  class="transition-transform hover:scale-105"
+                  title={sponsor.name}
+                >
+                  <Image
+                    src={sponsorLogos[sponsor.logo]}
+                    alt={sponsor.name}
+                    class="h-16 w-auto object-contain"
+                  />
+                </a>
+              ))}
+
+              {/* Logo Sponsors */}
+              {sponsorsByTier.logo.map((sponsor) => (
+                <a
+                  href={sponsor.url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  class="transition-transform hover:scale-105"
+                  title={sponsor.name}
+                >
+                  <Image
+                    src={sponsorLogos[sponsor.logo]}
+                    alt={sponsor.name}
+                    class="h-12 w-auto object-contain"
+                  />
+                </a>
+              ))}
+            </div>
+          </div>
+        )}
+
+        <!-- Sponsorship CTA -->
         <div class="bg-white rounded-lg p-6 card-shadow text-center">
           <p class="text-xl text-gray-700 mb-4">
             Interested in sponsoring Hampton Roads DevFest 2026?
@@ -497,6 +588,14 @@ const speakerImages: Record<string, any> = {
           >
             View Sponsorship Prospectus
           </a>
+          <p class="text-gray-600 mt-6">
+            Interested in just a logo? <a
+              href="https://buy.stripe.com/3cIaEX12u0e1bjLf1U4AU01"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="text-blue-600 hover:text-blue-800 font-semibold underline"
+            >Buy now</a>
+          </p>
         </div>
       </section>
       <div class="mb-24">&nbsp;</div>
