Update sponsors page to emphasize any contribution welcome

Author: pronskiy

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>

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 The PHP Foundation:
 
 * [Credit Card](https://opencollective.com/phpfoundation/contribute)