Merge pull request #920 from web3dev1337/fix/ui-website-sponsor

feat: add sponsor button to hero section

Author: AnrokX

site/index.html

@@ -71,6 +71,9 @@ <h1 class="mega-title">
           <a class="btn-outline" href="https://github.com/web3dev1337/agent-workspace" target="_blank">
             <svg class="tab-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"/></svg> <span>View on GitHub</span>
           </a>
+          <a class="btn-outline btn-sponsor" href="https://github.com/sponsors/web3dev1337" target="_blank">
+            <svg class="tab-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg> <span>Sponsor</span>
+          </a>
         </div>
         <div class="platform-links">
           <a href="#install-mid" class="platform-link" data-select-tab="mac-mid"><svg class="tab-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg> Mac</a>

site/styles.css

@@ -264,17 +264,17 @@ body {
 .action-row {
   display: flex;
   align-items: center;
-  gap: 2rem;
+  gap: 1rem;
 }
 
 .btn-glow {
   position: relative;
   background: #fff;
   color: #000;
   border: none;
-  padding: 1rem 2.5rem;
+  padding: 0.85rem 1.75rem;
   border-radius: 100px;
-  font-size: 1.1rem;
+  font-size: 1rem;
   font-weight: 700;
   cursor: pointer;
   transition: transform 0.3s ease;
@@ -310,9 +310,9 @@ body {
   background: transparent;
   color: #fff;
   border: 1px solid rgba(255, 255, 255, 0.25);
-  padding: 1rem 2.5rem;
+  padding: 0.85rem 1.75rem;
   border-radius: 100px;
-  font-size: 1.1rem;
+  font-size: 1rem;
   font-weight: 600;
   cursor: pointer;
   text-decoration: none;
@@ -326,6 +326,16 @@ body {
   transform: translateY(-2px);
 }
 
+.btn-sponsor {
+  border-color: rgba(219, 97, 162, 0.4);
+  color: #db61a2;
+}
+
+.btn-sponsor:hover {
+  background: rgba(219, 97, 162, 0.1);
+  border-color: rgba(219, 97, 162, 0.7);
+}
+
 a.btn-glow {
   text-decoration: none;
   display: inline-flex;