From 42b5c36cc0aed7b250659e5dd238bfb4f93d51f3 Mon Sep 17 00:00:00 2001
From: Roman Pronskiy <roman@pronskiy.com>
Date: Tue, 1 Oct 2024 12:34:13 +0200
Subject: [PATCH] Update sponsors page to emphasize any contribution welcome

---
 source/_layouts/sponsorship-tiers.html | 69 ++++++++++++++++----------
 source/_pages/sponsor.md               |  2 -
 2 files changed, 44 insertions(+), 27 deletions(-)

diff --git a/source/_layouts/sponsorship-tiers.html b/source/_layouts/sponsorship-tiers.html
index c279e789..d05be537 100644
--- a/source/_layouts/sponsorship-tiers.html
+++ b/source/_layouts/sponsorship-tiers.html
@@ -6,20 +6,25 @@
             >Silver</div>
         </div>
 
-        <!-- Features -->
-<!--        <ul class="flex-1 space-y-4 ml-0">-->
-<!--            <li class="flex items-start">-->
-<!--                <svg class="w-6 h-6 text-green-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>-->
-<!--                <span class="ml-3 text-base font-medium">Feature</span>-->
-<!--            </li>-->
-<!--        </ul>-->
-
         <!-- Price -->
         <div class="flex-shrink-0 pb-6 space-y-2 border-b">
             <span class="text-2xl font-normal">$12,000</span>
             <span class="text-gray-400">/year</span>
+            <div class="flex-shrink-0 space-y-2 text-xs text-gray-400">
+                Or <span class="font-normal">$1,000</span>
+                <span class="group relative">
+                    <div class="absolute bottom-[calc(100%+0.5rem)] left-[50%] -translate-x-[50%] hidden group-hover:block w-auto">
+                      <div class="bottom-full right-0 rounded bg-black px-4 py-1 text-xs text-white whitespace-nowrap">
+                        After 12 months.
+                        <svg class="absolute left-0 top-full h-2 w-full text-black" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0" /></svg>
+                      </div>
+                    </div>
+                      <span class="">/month <a class="underline cursor-pointer text-gray-400" href="#yearly-and-monthly-sponsorships-for-the-php-foundation">*</a></span>
+                  </span>
+            </div>
         </div>
 
+
         <ul class="flex-1 space-y-0 ml-0">
             <li>Your logo on our website</li>
             <li>Use of our logo on your website</li>
@@ -35,7 +40,7 @@
                href="https://opencollective.com/phpfoundation/contribute/major-sponsors-34207/checkout?interval=year&amount=12000&contributeAs=me"
             >Join Silver</a>
         </div>
-        
+
     </section>
 
     <section class="flex flex-col w-full max-w-sm p-12 pt-2 space-y-6 bg-white rounded-lg shadow-md border-t-gray-400">
@@ -45,19 +50,22 @@
             >Gold</div>
         </div>
 
-
-        <!-- Features -->
-<!--        <ul class="flex-1 space-y-4 ml-0">-->
-<!--            <li class="flex items-start">-->
-<!--                <svg class="w-6 h-6 text-green-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>-->
-<!--                <span class="ml-3 text-base font-medium">Feature</span>-->
-<!--            </li>-->
-<!--        </ul>-->
-
         <!-- Price -->
         <div class="flex-shrink-0 pb-6 space-y-2 border-b">
             <span class="text-2xl font-normal">$24,000</span>
             <span class="text-gray-400">/year</span>
+            <div class="flex-shrink-0 space-y-2 text-xs text-gray-400">
+                Or <span class="font-normal">$2,000</span>
+                <span class="group relative">
+                    <div class="absolute bottom-[calc(100%+0.5rem)] left-[50%] -translate-x-[50%] hidden group-hover:block w-auto">
+                      <div class="bottom-full right-0 rounded bg-black px-4 py-1 text-xs text-white whitespace-nowrap">
+                        After 12 months.
+                        <svg class="absolute left-0 top-full h-2 w-full text-black" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0" /></svg>
+                      </div>
+                    </div>
+                      <span class="">/month <a class="underline cursor-pointer text-gray-400" href="#yearly-and-monthly-sponsorships-for-the-php-foundation">*</a></span>
+                  </span>
+            </div>
         </div>
 
         <ul class="flex-1 space-y-0 ml-0">
@@ -83,18 +91,23 @@
             <div class="text-4xl font-medium tracking-tight text-blue-600"
             >Platinum</div>
         </div>
-        <!-- Features -->
-<!--        <ul class="flex-1 space-y-4 ml-0">-->
-<!--            <li class="flex items-start">-->
-<!--                <svg class="w-6 h-6 text-green-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>-->
-<!--                <span class="ml-3 text-base font-medium">Feature</span>-->
-<!--            </li>-->
-<!--        </ul>-->
 
         <!-- Price -->
         <div class="flex-shrink-0 pb-6 space-y-2 border-b">
             <span class="text-2xl font-normal">$100,000</span>
             <span class="text-gray-400">/year</span>
+            <div class="flex-shrink-0 space-y-2 text-xs text-gray-400">
+                Or <span class="font-normal">$8,500</span>
+                <span class="group relative">
+                    <div class="absolute bottom-[calc(100%+0.5rem)] left-[50%] -translate-x-[50%] hidden group-hover:block w-auto">
+                      <div class="bottom-full right-0 rounded bg-black px-4 py-1 text-xs text-white whitespace-nowrap">
+                        After 12 months.
+                        <svg class="absolute left-0 top-full h-2 w-full text-black" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0" /></svg>
+                      </div>
+                    </div>
+                      <span class="">/month <a class="underline cursor-pointer text-gray-400" href="#yearly-and-monthly-sponsorships-for-the-php-foundation">*</a></span>
+                  </span>
+            </div>
         </div>
 
         <ul class="flex-1 space-y-0 ml-0">
@@ -113,3 +126,9 @@
     </section>
 </div>
 
+<h2>We welcome contributions of any size!</h2>
+Every donation helps us maintain and develop PHP further. You can choose an amount that suits your budget.
+
+<div>
+    <a class="font-bold" href="https://opencollective.com/phpfoundation#category-CONTRIBUTE">Sponsor us with any amount via OpenCollective</a>
+</div>
diff --git a/source/_pages/sponsor.md b/source/_pages/sponsor.md
index eb5f534f..f58fd404 100644
--- a/source/_pages/sponsor.md
+++ b/source/_pages/sponsor.md
@@ -9,8 +9,6 @@ redirect:
 
 _Shape the future of the language ecosystem and help make PHP sustainable._
 
-## Sponsor PHP Development via The PHP Foundation
-
 There are many ways you can support the development of the PHP language through&nbsp;The&nbsp;PHP&nbsp;Foundation:
 
 * [Credit Card](https://opencollective.com/phpfoundation/contribute)