special sponsor vacancy handling

Author: yyx990803

.vitepress/theme/components/Home.vue

@@ -75,6 +75,13 @@ onMounted(load)
       <span>{{ description }}</span>
     </template>
   </section>
+  <section v-else id="special-sponsor">
+    <span>
+      <a href="/sponsor/#tier-benefits">
+        Special Sponsor slot is now vacant - Inquire now
+      </a>
+    </span>
+  </section>
 
   <section id="highlights" class="vt-box-container">
     <div class="vt-box">

.vitepress/theme/components/SponsorsGroup.vue

@@ -95,6 +95,13 @@ function resolveList(data: SponsorData) {
       @click="track(true)"
       >Become a Sponsor</a
     >
+    <a
+      v-if="tier === 'special' && !data[tier]?.length"
+      href="mailto:[email protected]?subject=Vue.js%20special%20sponsor%20inquiry"
+      class="sponsor-item action"
+      @click="track(true)"
+      >Inquire about Special Sponsorship</a
+    >
   </div>
 </template>
 
@@ -130,6 +137,9 @@ function resolveList(data: SponsorData) {
   font-size: 11px;
   color: var(--vt-c-text-3);
 }
+.sponsor-container.page .sponsor-item.action {
+ font-size: 16px;
+}
 .sponsor-item img {
   max-width: calc(var(--max-width) - 30px);
   max-height: calc(var(--max-width) / 2 - 20px);

src/sponsor/index.md

@@ -7,6 +7,10 @@ sponsors: false
 
 <script setup>
 import SponsorsGroup from '@theme/components/SponsorsGroup.vue'
+import { load, data } from '@theme/components/sponsors'
+import { onMounted } from 'vue'
+
+onMounted(load)
 </script>
 
 # Become a Vue.js Sponsor {#become-a-vue-js-sponsor}
@@ -18,11 +22,11 @@ The tremendous amount of effort needed to maintain such a large ecosystem and de
 
 Sponsorships can be done via [GitHub Sponsors](https://github.com/sponsors/yyx990803) or [OpenCollective](https://opencollective.com/vuejs). Invoices can be obtained via GitHub's payment system. Both monthly-recurring sponsorships and one-time donations are accepted. Recurring sponsorships are entitled to logo placements as specified in [Sponsorship Tiers](#tier-benefits).
 
-If you have questions regarding tiers, payment logistics, or sponsor exposure data, please reach out to [[email protected]](mailto:[email protected]).
+If you have questions regarding tiers, payment logistics, or sponsor exposure data, please reach out to [[email protected]](mailto:[email protected]?subject=Vue.js%20sponsorship%20inquiry).
 
 ## Sponsoring Vue as a Business {#sponsoring-vue-as-a-business}
 
-Sponsoring Vue gives you great exposure to over **1.7 million** Vue developers around the world through our website and GitHub project READMEs. In addition, supporting OSS improves the reputation of your brand, which is an important asset for any company that interacts with developers.
+Sponsoring Vue gives you great exposure to over **2 million** Vue developers around the world through our website and GitHub project READMEs. This not only directly generates leads, but also improves your brand recognition as a business that cares about Open Source. This is an intangible but extremely important asset for companies building products for developers, as it improves your conversion rate.
 
 If you are using Vue to build a revenue-generating product, it makes business sense to sponsor Vue's development: **it ensures the project that your product relies on stays healthy and actively maintained.** The exposure and positive brand image in the Vue community also makes it easier to attract and recruit Vue developers.
 
@@ -36,9 +40,10 @@ You can also try to convince your employer to sponsor Vue as a business. This ma
 
 ## Tier Benefits {#tier-benefits}
 
-- **Global Special**:
-  - Limited to one sponsor globally (currently filled).
-  - Exclusive above the fold logo placement on the front page of [vuejs.org](/).
+- **Global Special Sponsor**:
+  - Limited to **one** sponsor globally. <span v-if="!data?.special">Currently vacant. [Get in touch](mailto:[email protected]?subject=Vue.js%20special%20sponsor%20inquiry)!</span><span v-else>(Currently filled)</span>
+  - (Exclusive) **Above the fold** logo placement on the front page of [vuejs.org](/).
+  - (Exclusive) Special shoutout and regular retweets of major product launches via [Vue's official X account](https://twitter.com/vuejs) (320k followers).
   - Most prominent logo placement in all locations from tiers below.
 - **Platinum (USD$2,000/mo)**:
   - Prominent logo placement on the front page of [vuejs.org](/).