feat: add sponsors section

Author: prplwtf

.assets/sponsors/ultraservers-icon.svg

@@ -285,12 +285,64 @@ <h3 class="fs-2 text-body-emphasis">Theme support</h3>
       </div>
     </div>
     <div class="pb-sm-3 pb-5"><span></span></div>
+
+    <!-- Sponsors Section -->
+    <div class="container py-5">
+      <div class="row align-items-center mb-5">
+        <div class="col-lg-4">
+          <h2 class="fw-bold mb-3">Sponsors</h2>
+          <p class="text-secondary mb-4">
+            Companies that support Blueprint's open-source development.
+          </p>
+          <a href="https://hcb.hackclub.com/donations/start/blueprint">
+            <button class="btn bg-body-tertiary px-4 rounded-pill placeholder-wave">
+              Become a sponsor
+            </button>
+          </a>
+        </div>
+        
+        <div class="col-lg-8">
+          <div class="row row-cols-2 row-cols-md-3 g-4">
+            <!-- Sponsor Slots -->
+            <div class="col">
+              <a href="https://ultraservers.com" rel="noopener noreferrer" target="_blank">
+                <div class="p-4 rounded-3 bg-dark-subtle d-flex align-items-center justify-content-center" style="height: 120px;">
+                  <img src="/.assets/sponsors/ultraservers-icon.svg" alt="Sponsor" class="img-fluid invert-light" style="max-height: 50px;"/>
+                </div>
+              </a>
+            </div>
+            
+            <div class="col">
+              <div class="p-4 rounded-3 border border-secondary border-opacity-25 d-flex align-items-center justify-content-center" style="height: 120px;">
+                <span class="text-secondary">
+                  <i class="bi bi-plus fs-2 opacity-50"></i>
+                </span>
+              </div>
+            </div>
+            
+            <div class="col">
+              <div class="p-4 rounded-3 border border-secondary border-opacity-25 d-flex align-items-center justify-content-center" style="height: 120px;">
+                <span class="text-secondary">
+                  <i class="bi bi-plus fs-2 opacity-50"></i>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="border-top border-secondary border-opacity-25 pt-4 mt-4">
+        <p class="text-secondary small">
+          Interested in corporate sponsorship? Email <code>byte@blueprint.zip</code> to discuss opportunities.
+        </p>
+      </div>
+    </div>
 
     <!-- Screenshot with hero -->
     <div class="container my-5 mt-5">
       <div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border shadow-lg">
         <div class="col-lg-7 p-3 p-lg-5 pt-lg-3">
-          <h1 class="display-5 fw-bold lh-1 text-body-emphasis mb-4">Write and manage modifications, faster.</h1>
+          <h1 class="display-5 fw-medium lh-1 text-body-emphasis mb-4">Write and manage modifications, faster.</h1>
           <p class="lead">We aim to create a community of new and experienced developers being able to write easy to install and versatile extensions with up-to-date documentation, guides and developer tools.</p>
           <div class="d-grid gap-2 d-md-flex justify-content-md-start mb-4 mb-lg-3 mt-4">
             <a href="/docs"><button type="button" class="btn btn-primary btn-lg px-4 me-md-2 rounded-pill">Documentation</button></a>