Skip to content

Commit 88c8d8c

Browse files
sklasfeldsklasfeld
authored
Merge pull request #285 from Boston-area-Women-in-Bioinformatics/fundraiser-event
Update Sponsorship Section for Fall Fundraiser
2 parents 7607c99 + 7530935 commit 88c8d8c

File tree

1 file changed

+110
-80
lines changed

1 file changed

+110
-80
lines changed

‎src/pages/events/fall-fundraiser-2026.astro‎

Lines changed: 110 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -300,95 +300,125 @@ const metadata = {
300300
});
301301
</script>
302302
</section>
303-
<!-- Sponsorship tiers - uncomment and update when ready -->
303+
<!-- Sponsorship tiers -->
304304
<section class="bg-white dark:bg-gray-900 border mt-12">
305305
<div class="py-12 px-4 mx-auto text-center lg:py-20 lg:px-6">
306-
<div class="sponsorship-intro text-center mb-8 mt-2">
306+
<div class="sponsorship-intro text-center mb-10 mt-2">
307307
<h3 class="mb-4 text-3xl sm:text-4xl md:text-5xl tracking-tight font-extrabold text-gray-900 dark:text-white">
308308
Become a Sponsor
309309
</h3>
310-
<br />
311-
<p class="text-lg dark:text-white">
312-
Support Boston Women in Bioinformatics. Explore sponsorship opportunities below!
310+
<p class="text-lg text-muted dark:text-slate-300 mt-4 max-w-4xl mx-auto">
311+
Support Boston Women in Bioinformatics and get your organization in front of our engaged community. Explore
312+
the sponsorship tiers below, and reach out to us at
313+
<a
314+
href="mailto:communications@boston-wib.org?subject=Fall%20Fundraiser%20Sponsor"
315+
class="text-blue-600 dark:text-blue-400 hover:underline font-medium">communications@boston-wib.org</a
316+
>
317+
with the subject <span class="font-medium">"Fall Fundraiser Sponsor"</span> to get started.
313318
</p>
314319
</div>
315-
<div class="flex justify-around flex-wrap gap-5 max-w-full px-5 mt-0">
316-
<div
317-
class="flex-1 mb-10 min-w-[300px] max-w-full p-6 border-2 border-gray-200 dark:border-gray-700 shadow-md rounded-xl bg-white dark:bg-gray-800 text-center"
318-
>
319-
<h3 class="text-2xl sm:text-3xl md:text-4xl mb-4">
320-
Tier 1: <span class="text-gold font-bold" style="text-shadow: 1px 1px 2px rgba(0,0,0,0.3)">Gold </span> RNA Sponsor
321-
</h3>
322-
<div class="text-lg my-4 text-red-600 dark:text-white">
323-
<strong>Contribution Amount:</strong> $1,500
324-
</div>
325-
326-
<h4 class="mt-6 text-xl font-semibold text-gray-900 dark:text-white mb-2">Benefits:</h4>
327-
<ul class="list-none p-0 text-left text-gray-900 dark:text-white">
328-
<li class="mb-2.5 leading-relaxed flex items-baseline">
329-
🏆 <strong class="mr-1">Prominent Logo Placement:</strong> Sponsor's logo prominently displayed on all event
330-
marketing materials, including banners, flyers, and digital media.
331-
</li>
332-
<li class="mb-2.5 leading-relaxed flex items-baseline">
333-
🎙️ <strong class="mr-1">Verbal Recognition:</strong> Priority mention as a "Gold Sponsor" during event opening
334-
and closing speeches.
335-
</li>
336-
<li class="mb-2.5 leading-relaxed flex items-baseline">
337-
🏢 <strong class="mr-1">Booth Space:</strong> Complimentary booth space at the event for product display or
338-
promotional activity.
339-
</li>
340-
<li class="mb-2.5 leading-relaxed flex items-baseline">
341-
🌐 <strong class="mr-1">Website Recognition:</strong> Featured logo and hyperlink on the event website homepage
342-
or sponsor page.
343-
</li>
344-
<li class="mb-2.5 leading-relaxed flex items-baseline">
345-
📣 <strong class="mr-1">Social Media Shoutouts:</strong> Multiple mentions across the event's social media
346-
channels before, during, and after the event.
347-
</li>
348-
<li class="mb-2.5 leading-relaxed flex items-baseline">
349-
🎟️ <strong class="mr-1">Complimentary Tickets:</strong>
350-
<span class="text-gold font-bold" style="text-shadow: 1px 1px 2px rgba(0,0,0,0.3)">Four</span> free tickets
351-
to the event for the sponsor's representatives or guests.
352-
</li>
353-
</ul>
354-
</div>
355320

356-
<div
357-
class="flex-1 mb-10 min-w-[300px] max-w-full p-6 border-2 border-gray-200 dark:border-gray-700 shadow-md rounded-xl bg-white dark:bg-gray-800 text-center"
321+
<div class="overflow-x-auto max-w-4xl mx-auto">
322+
<table
323+
class="w-full text-left border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden shadow-md text-sm sm:text-base"
358324
>
359-
<h3 class="text-2xl sm:text-3xl md:text-4xl mb-4">
360-
Tier 2: <span class="text-silver font-bold" style="text-shadow: 1px 1px 2px rgba(0,0,0,0.3)">Silver </span> DNA
361-
Sponsor
362-
</h3>
363-
<div class="text-lg my-4 text-red-600 dark:text-white">
364-
<strong>Contribution Amount:</strong> $500
365-
</div>
366-
367-
<h4 class="mt-6 text-xl font-semibold text-gray-900 dark:text-white mb-2">Benefits:</h4>
368-
<ul class="list-none p-0 text-left text-gray-900 dark:text-white">
369-
<li class="mb-2.5 leading-relaxed flex items-baseline">
370-
🏆 <strong class="mr-1">Prominent Logo Placement:</strong> Sponsor's logo prominently displayed on all event
371-
marketing materials, including banners, flyers, and digital media.
372-
</li>
373-
<li class="mb-2.5 leading-relaxed flex items-baseline">
374-
🎙️ <strong class="mr-1">Verbal Recognition:</strong> Priority mention as a "Silver Sponsor" during event opening
375-
and closing speeches.
376-
</li>
377-
<li class="mb-2.5 leading-relaxed flex items-baseline">
378-
🌐 <strong class="mr-1">Website Recognition:</strong> Featured logo and hyperlink on the event website homepage
379-
or sponsor page.
380-
</li>
381-
<li class="mb-2.5 leading-relaxed flex items-baseline">
382-
📣 <strong class="mr-1">Social Media Shoutouts:</strong> Multiple mentions across the event's social media
383-
channels before, during, and after the event.
384-
</li>
385-
<li class="mb-2.5 leading-relaxed flex items-baseline">
386-
🎟️ <strong class="mr-1">Complimentary Tickets:</strong>
387-
<span class="text-silver font-bold" style="text-shadow: 1px 1px 2px rgba(0,0,0,0.3)">Two</span> free ticket
388-
to the event for the sponsor's representatives or guests.
389-
</li>
390-
</ul>
391-
</div>
325+
<thead>
326+
<tr class="bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-200">
327+
<th class="px-5 py-4 font-semibold w-1/2">Benefit</th>
328+
<th class="px-5 py-4 font-semibold text-center">
329+
<span class="text-gold font-bold" style="text-shadow: 1px 1px 2px rgba(0,0,0,0.3)">Gold</span> DNA Sponsor
330+
<div class="text-red-600 dark:text-red-400 font-bold mt-1">$1,500</div>
331+
</th>
332+
<th class="px-5 py-4 font-semibold text-center">
333+
<span class="text-silver font-bold" style="text-shadow: 1px 1px 2px rgba(0,0,0,0.3)">Silver</span> RNA Sponsor
334+
<div class="text-red-600 dark:text-red-400 font-bold mt-1">$500</div>
335+
</th>
336+
</tr>
337+
</thead>
338+
<tbody class="divide-y divide-gray-200 dark:divide-gray-700 text-gray-900 dark:text-white">
339+
<tr class="even:bg-gray-50 dark:even:bg-gray-800/50">
340+
<td class="px-5 py-4">
341+
<span class="mr-2">🏆</span><strong>Prominent Logo Placement</strong>
342+
<p class="text-sm text-muted dark:text-slate-400 mt-1">
343+
Logo on all event marketing materials, including banners, flyers, and digital media.
344+
</p>
345+
</td>
346+
<td class="px-5 py-4 text-center text-xl">✓</td>
347+
<td class="px-5 py-4 text-center text-xl">✓</td>
348+
</tr>
349+
<tr class="even:bg-gray-50 dark:even:bg-gray-800/50">
350+
<td class="px-5 py-4">
351+
<span class="mr-2">🌐</span><strong>Website Recognition</strong>
352+
<p class="text-sm text-muted dark:text-slate-400 mt-1">
353+
Featured logo and hyperlink on the event website homepage or sponsor page.
354+
</p>
355+
</td>
356+
<td class="px-5 py-4 text-center text-xl">✓</td>
357+
<td class="px-5 py-4 text-center text-xl">✓</td>
358+
</tr>
359+
<tr class="even:bg-gray-50 dark:even:bg-gray-800/50">
360+
<td class="px-5 py-4">
361+
<span class="mr-2">📣</span><strong>Social Media Shoutouts</strong>
362+
<p class="text-sm text-muted dark:text-slate-400 mt-1">
363+
Multiple mentions across social media channels before, during, and after the event.
364+
</p>
365+
</td>
366+
<td class="px-5 py-4 text-center text-xl">✓</td>
367+
<td class="px-5 py-4 text-center text-xl">✓</td>
368+
</tr>
369+
<tr class="even:bg-gray-50 dark:even:bg-gray-800/50">
370+
<td class="px-5 py-4">
371+
<span class="mr-2">🎙️</span><strong>Verbal Recognition</strong>
372+
<p class="text-sm text-muted dark:text-slate-400 mt-1">
373+
Priority mention during event opening and closing speeches.
374+
</p>
375+
</td>
376+
<td class="px-5 py-4 text-center text-xl">✓</td>
377+
<td class="px-5 py-4 text-center text-xl">✓</td>
378+
</tr>
379+
<tr class="even:bg-gray-50 dark:even:bg-gray-800/50">
380+
<td class="px-5 py-4">
381+
<span class="mr-2">🎰</span><strong>Raffle Table Recognition</strong>
382+
<p class="text-sm text-muted dark:text-slate-400 mt-1">
383+
Company name and logo displayed at the raffle table throughout the event.
384+
</p>
385+
</td>
386+
<td class="px-5 py-4 text-center text-xl">✓</td>
387+
<td class="px-5 py-4 text-center text-xl">✓</td>
388+
</tr>
389+
<tr class="even:bg-gray-50 dark:even:bg-gray-800/50">
390+
<td class="px-5 py-4">
391+
<span class="mr-2">🎙️</span><strong>Sponsor Spotlight</strong>
392+
<p class="text-sm text-muted dark:text-slate-400 mt-1">
393+
60-second self-introduction at the mic to share your organization's work with attendees.
394+
</p>
395+
</td>
396+
<td class="px-5 py-4 text-center text-xl">✓</td>
397+
<td class="px-5 py-4 text-center text-gray-300 dark:text-gray-600 text-xl">—</td>
398+
</tr>
399+
<tr class="even:bg-gray-50 dark:even:bg-gray-800/50">
400+
<td class="px-5 py-4">
401+
<span class="mr-2">🎁</span><strong>Named Raffle Category</strong>
402+
<p class="text-sm text-muted dark:text-slate-400 mt-1">
403+
Sponsor's name featured as a prize category at the event raffle (e.g., "[Company] Prize Basket").
404+
</p>
405+
</td>
406+
<td class="px-5 py-4 text-center text-xl">✓</td>
407+
<td class="px-5 py-4 text-center text-gray-300 dark:text-gray-600 text-xl">—</td>
408+
</tr>
409+
<tr class="even:bg-gray-50 dark:even:bg-gray-800/50">
410+
<td class="px-5 py-4">
411+
<span class="mr-2">🎟️</span><strong>Complimentary Tickets</strong>
412+
</td>
413+
<td class="px-5 py-4 text-center font-semibold">
414+
<span class="text-gold font-bold" style="text-shadow: 1px 1px 2px rgba(0,0,0,0.3)">4</span> tickets
415+
</td>
416+
<td class="px-5 py-4 text-center font-semibold">
417+
<span class="text-silver font-bold" style="text-shadow: 1px 1px 2px rgba(0,0,0,0.3)">2</span> tickets
418+
</td>
419+
</tr>
420+
</tbody>
421+
</table>
392422
</div>
393423
</div>
394424
</section>

0 commit comments

Comments
 (0)