sponsors.html

---
layout: default
title: Sponsors
permalink: /sponsors
---

<style>
    .sponsors-container {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .sponsor-section-title {
        font-family: 'JetBrains Mono', monospace;
        font-size: 1.1rem;
        font-weight: 800;
        text-transform: uppercase;
        color: var(--accent-blue);
        letter-spacing: -0.5px;
        margin: 0 0 15px 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .sponsor-section-title::after {
        content: '';
        flex: 1;
        height: 1px;
        background: var(--border);
    }

    .sponsor-section-desc {
        color: var(--text-muted);
        font-size: 0.9rem;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    .sponsor-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 20px;
    }

    .sponsor-card {
        background: rgba(15, 15, 15, 0.8);
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        text-decoration: none;
        min-height: 90px;
        cursor: pointer;
    }

    /* Karta z białym tłem dla logotypów o ciemnej kolorystyce */
    .sponsor-card-light {
        background: #ffffff;
        border-color: #ffffff;
    }

    .sponsor-card:hover {
        border-color: var(--accent-blue);
        transform: translateY(-2px);
        box-shadow: 0 4px 20px rgba(0, 210, 255, 0.25);
    }

    .sponsor-logo-img {
        max-width: 90%;
        max-height: 75px;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .sponsor-card-placeholder {
        background: var(--card-bg);
        border: 1px dashed var(--border);
        border-radius: 12px;
        padding: 30px 20px;
        text-align: center;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 90px;
        backdrop-filter: blur(10px);
    }

    .sponsor-card-placeholder:hover {
        border-color: var(--accent-blue);
        background: rgba(10, 15, 25, 0.8);
    }

    .placeholder-badge {
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.75rem;
        color: var(--text-muted);
        text-transform: uppercase;
    }

    .become-sponsor-card {
        background: radial-gradient(circle at top left, rgba(0, 210, 255, 0.08), rgba(10, 15, 25, 0.8));
        border: 1px solid var(--accent-blue);
        border-radius: 12px;
        padding: 35px;
        margin-top: 20px;
        text-align: center;
        backdrop-filter: blur(10px);
    }

    .become-sponsor-card h2 {
        font-size: 1.4rem;
        margin: 0 0 10px 0;
        color: #fff;
        font-family: 'JetBrains Mono', monospace;
    }

    .become-sponsor-card p {
        color: var(--text-muted);
        font-size: 0.9rem;
        max-width: 600px;
        margin: 0 auto 20px auto;
        line-height: 1.6;
    }

    .contact-btn {
        display: inline-block;
        background: var(--accent-contrast);
        color: #000;
        font-weight: 800;
        font-size: 0.9rem;
        padding: 14px 28px;
        border-radius: 8px;
        text-decoration: none;
        transition: all 0.3s ease;
        font-family: 'JetBrains Mono', monospace;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .contact-btn:hover {
        background: #ff7a2e;
        transform: translateY(-2px);
        box-shadow: 0 4px 20px rgba(255, 94, 0, 0.4);
    }
</style>

<div class="sponsors-container">

    <!-- SEKCJA 1: DOSTAWCY SPRZĘTU -->
    <div class="sponsor-category">
        <h2 class="sponsor-section-title">[ Dostawcy_Sprzętu ]</h2>
        <p class="sponsor-section-desc">Partnerzy wspierający rozwój infrastruktury DevLab Study poprzez udostępnianie lub przekazywanie sprzętu sieciowego, serwerowego oraz podzespołów komputerowych.</p>
        
        <div class="sponsor-grid">
            <a href="https://lanberg.eu" target="_blank" rel="noopener noreferrer" class="sponsor-card sponsor-card-light">
                <img src="{{ '/assets/images/LOGO_LANBERG.jpg' | relative_url }}" alt="Lanberg" class="sponsor-logo-img">
            </a>
            <div class="sponsor-card-placeholder">
                <div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
            </div>
        </div>
    </div>

    <!-- SEKCJA 2: STALI SPONSORZY -->
    <div class="sponsor-category">
        <h2 class="sponsor-section-title">[ Stali_Sponsorzy ]</h2>
        <p class="sponsor-section-desc">Firmy i organizacje wspierające projekt w trybie ciągłym, umożliwiające stałe prowadzenie badań, testów oraz tworzenie materiałów technicznych.</p>
        
        <div class="sponsor-grid">
            <div class="sponsor-card-placeholder">
                <div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
            </div>
            <div class="sponsor-card-placeholder">
                <div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
            </div>
        </div>
    </div>

    <!-- WEZWANIE DO DZIAŁANIA (CTA) -->
    <div class="become-sponsor-card">
        <h2>Chcesz zostać partnerem DevLab Study?</h2>
        <p>Tworzymy przestrzeń dedykowaną architekturze sieciowej, wirtualizacji (Proxmox VE), homelabom oraz własnym projektom technologicznym. Zapraszamy do współpracy i wspólnego budowania środowiska.</p>
        <a href="mailto:contact@devlabstudy.ovh" class="contact-btn">Nawiąż współpracę ➔</a>
    </div>

</div>