docs: revamp sponsor page, add UsedBy component, rename donate to sponsor

- Rewrite sponsor page with updated stats, "Used by" section, and clearer CTAs
- Add UsedBy component showing notable companies (single source for homepage + sponsor page)
- Add sponsor heart icon to navbar
- Rename Donate references to Sponsor throughout
- Add SPONSOR.md for GitHub profile

Author: krisk

SPONSOR.md

@@ -0,0 +1,25 @@
+# Sponsor Fuse.js
+
+Fuse.js is built and maintained by a solo developer. Your sponsorship directly funds continued development, bug fixes, and new features.
+
+### By the numbers
+
+- **~8M npm downloads/week**
+- **20k+ GitHub stars**
+- **3,700+ npm dependents**
+
+Trusted by teams at Google, Microsoft, Atlassian, Spotify, MongoDB, Vercel, Adobe, Signal, HashiCorp, SAP, IBM, Nvidia, Grafana, Elastic, Datadog, PostHog, Mapbox, and [many more](https://www.npmjs.com/browse/depended/fuse.js).
+
+---
+
+## How to Sponsor
+
+Sponsorships can be done right here via GitHub Sponsors, or via [PayPal](https://www.paypal.me/kirorisk). Both monthly and one-time contributions are accepted. Invoices are available through GitHub's payment system.
+
+### For businesses
+
+If your product depends on Fuse.js, sponsoring is a practical way to ensure the library stays healthy and actively maintained. Your logo on the repo and site reaches tens of thousands of developers every month.
+
+### For individuals
+
+If Fuse.js has saved you time or made a project easier, consider a one-time or recurring contribution. It's like buying me a coffee ☕️ — and it keeps the project going.

…s/.vuepress/components/Donate/Donate.vue ….vuepress/components/Sponsor/Sponsor.vuedocs/.vuepress/components/Donate/Donate.vue renamed to docs/.vuepress/components/Sponsor/Sponsor.vue docs/.vuepress/components/Donate/Donate.vue renamed to docs/.vuepress/components/Sponsor/Sponsor.vue

@@ -1,17 +1,17 @@
 <template>
-  <div class="donate-link-wrapper">
-    <strong>❤️️ Fuse.js? Support its development with a small donation.</strong>
+  <div class="sponsor-link-wrapper">
+    <strong>❤️️ Fuse.js? Support its development by becoming a sponsor.</strong>
     <br />
-    <a href="https://github.com/sponsors/krisk" class="donate-btn">Donate</a>
+    <a href="/sponsor/" class="sponsor-btn">Sponsor</a>
   </div>
 </template>
 
 <style>
-.donate-link-wrapper {
+.sponsor-link-wrapper {
   padding-top: 20px;
 }
 
-.donate-btn {
+.sponsor-btn {
   display: inline-block;
   text-align: center;
   text-decoration: none;
@@ -29,11 +29,11 @@
   margin: 20px 0 0 0;
   padding: 10px 30px;
 }
-.donate-btn:focus {
+.sponsor-btn:focus {
   outline: 0;
   text-decoration: none;
 }
-.donate-btn:hover {
+.sponsor-btn:hover {
   background-color: #a684c6;
   transition: background-color 250ms;
   text-decoration: none !important;

docs/.vuepress/components/Sponsors/Sponsors.vue

@@ -12,7 +12,7 @@
       >
         <img :src="sponsor.imgUrl" :alt="sponsor.name" />
       </a>
-      <a href="/donate" class="sponsor-item action">Your logo</a>
+      <a href="/sponsor" class="sponsor-item action">Your logo</a>
     </div>
   </div>
 </template>

docs/.vuepress/components/UsedBy/UsedBy.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="used-by">
+    <p>
+      <span class="label">Trusted by teams at</span>
+      {{ companies.join(', ') }}, and <a href="/sponsor">more</a>.
+    </p>
+  </div>
+</template>
+
+<script setup lang="ts">
+const companies = [
+  'Google',
+  'Microsoft',
+  'Atlassian',
+  'Spotify',
+  'MongoDB',
+  'Vercel',
+  'Adobe',
+  'Signal',
+  'HashiCorp',
+  'SAP',
+  'IBM',
+  'Nvidia',
+  'Grafana',
+  'Elastic',
+  'Datadog',
+  'PostHog',
+  'Mapbox',
+]
+</script>
+
+<style scoped lang="css">
+.used-by {
+  padding: 16px 0;
+}
+
+.used-by p {
+  font-size: 14px;
+  color: var(--c-text-lighter);
+  line-height: 1.6;
+}
+
+.used-by .label {
+  font-weight: 600;
+}
+
+.used-by a {
+  color: var(--c-text-lighter);
+}
+</style>

docs/.vuepress/config.ts

@@ -48,8 +48,8 @@ export default defineUserConfig({
         link: '/demo'
       },
       {
-        text: 'Donate',
-        link: '/donate/'
+        text: 'Sponsor',
+        link: '/sponsor/'
       },
       {
         text: 'Team Plans',
@@ -105,8 +105,9 @@ function getPlugins(): PluginConfig {
         ...getComponent('Playground'),
         ...getComponent('WorkerDemo'),
         ...getComponent('PerfDemo'),
-        ...getComponent('Donate'),
+        ...getComponent('Sponsor'),
         ...getComponent('CommercialCTA'),
+        ...getComponent('UsedBy'),
         ...getComponent('ArchitectureDiagram'),
         ...getComponent('PublishDate'),
 

docs/.vuepress/styles/index.scss

@@ -50,6 +50,22 @@ h2 {
   border-bottom: none;
 }
 
+// Sponsor nav icon
+nav a[href="/sponsor/"]::before,
+nav a[href$="/sponsor"]::before {
+  content: '';
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+  vertical-align: middle;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23bf3989'%3E%3Cpath d='m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002Z'/%3E%3C/svg%3E");
+  background-size: contain;
+  background-repeat: no-repeat;
+  position: relative;
+  top: -1px;
+}
+
 // Cloud nav icon
 nav a[href="/cloud.html"]::before,
 nav a[href$="/cloud"]::before {

docs/README.md

@@ -9,6 +9,8 @@ description: Powerful, lightweight fuzzy-search library for JavaScript with zero
 
 <Sponsors />
 
+<UsedBy />
+
 ## Quick Example
 
 ```js
@@ -59,4 +61,4 @@ See [Getting Started](getting-started.md) for installation options, builds, and
 
 <CommercialCTA />
 
-<Donate />
+<Sponsor />

docs/donate.md

@@ -1,43 +1,13 @@
-# Become a Fuse.js Sponsor
-
-Fuse.js is an Apache licensed open source project and completely free to use. If you use Fuse.js in your daily work and feel that it has made your life easier, please consider sponsorship.
-
-The amount of effort needed to maintain this and develop new features for the project is only made sustainable thanks to your generous financial backing.
-
 ---
-
-## How to Sponsor
-
-Sponsorships can be done via [GitHub Sponsors](https://github.com/sponsors/krisk) or [PayPal](https://www.paypal.me/kirorisk). 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).
-
-### Sponsoring Fuse.js as a Business
-
-If you run a business that is using Fuse.js, it makes sense to sponsor its development: **it ensures the project stays healthy and actively maintained.**
-
-Also, you will be recognized as a beacon of support to open-source developers everywhere.
-
-### Sponsoring Fuse.js as an Individual
-
-If you are an individual user and have enjoyed the productivity of using Fuse.js, consider donating as a sign of appreciation.
-
-You can also try to convince your employer to sponsor Fuse.js as a business 😊.
-
+title: Sponsor
 ---
 
-## Tier Benefits
-
-- **☕ Coffee Sponsor (USD $5/month):**
-
-  - Your name will be added to the [BACKERS.md](https://github.com/krisk/Fuse/blob/main/backers.md) file of the GitHub repo. Also, thank you! It’s like buying me a cup of coffee every month ☕️.
-
-- **🥉 Bronze Sponsor (USD $20/month):**
-
-  - Your name or logo in the [README.md](https://github.com/krisk/Fuse) file of the GitHub repo.
-
-- **🥈 Silver Sponsor (USD $100/month):**
-
-  - Your company's logo placed on both the front page of [fusejs.io](https://fusejs.io/) and in the [README.md](https://github.com/krisk/Fuse) file of the GitHub repo.
-
-- **🥇 Gold Sponsor (USD $400/month):**
+<script>
+export default {
+  mounted() {
+    window.location.replace('/sponsor/')
+  }
+}
+</script>
 
-  - All of the above but with a bigger logo, and most prominent placement.
+Redirecting to [Sponsor](/sponsor/)...

docs/sponsor.md

@@ -0,0 +1,82 @@
+# Sponsor Fuse.js
+
+Fuse.js is built and maintained by a solo developer. Your sponsorship directly funds continued development, bug fixes, and new features.
+
+### By the numbers
+
+- **~8M npm downloads/week**
+- **20k+ GitHub stars**
+- **3,700+ npm dependents**
+
+<UsedBy />
+
+---
+
+## How to Sponsor
+
+<a href="https://github.com/sponsors/krisk" class="gh-sponsor-btn">
+  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" width="16" fill="#bf3989"><path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path></svg>
+  Sponsor on GitHub
+</a>
+<a href="https://www.paypal.me/kirorisk" class="gh-sponsor-btn">
+  <svg aria-hidden="true" height="16" viewBox="0 0 24 24" width="16" fill="#003087"><path d="M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944 2.23A.77.77 0 0 1 5.703 1.6h6.317c2.1 0 3.61.55 4.49 1.63.375.46.614.975.715 1.528.107.585.108 1.282.003 2.072l-.01.06v.54l.42.24c.354.18.637.39.854.63.363.4.593.9.683 1.49.093.61.05 1.33-.123 2.15-.199.94-.522 1.76-.96 2.43a4.86 4.86 0 0 1-1.524 1.53c-.6.39-1.31.67-2.1.83-.77.16-1.64.24-2.59.24h-.615a1.23 1.23 0 0 0-1.215 1.04l-.032.17-.517 3.27-.024.12a.77.77 0 0 1-.76.65H7.076Z"/></svg>
+  Sponsor on PayPal
+</a>
+
+<style>
+.gh-sponsor-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 5px 16px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #24292f;
+  background-color: #f6f8fa;
+  border: 1px solid rgba(31, 35, 40, 0.15);
+  border-radius: 6px;
+  text-decoration: none;
+  margin: 8px 12px 16px 0;
+}
+.gh-sponsor-btn:hover {
+  background-color: #eef1f4;
+  text-decoration: none !important;
+}
+</style>
+
+Both monthly and one-time sponsorships are accepted via [GitHub Sponsors](https://github.com/sponsors/krisk) or [PayPal](https://www.paypal.me/kirorisk). Invoices are available through GitHub’s payment system. Recurring sponsors get logo placements as described in the [tier benefits](#tier-benefits) below.
+
+### For businesses
+
+If your product depends on Fuse.js, sponsoring is a practical way to ensure the library stays healthy and actively maintained. You’ll also get visibility — your logo on the repo and site reaches tens of thousands of developers every month.
+
+### For individuals
+
+If Fuse.js has saved you time or made a project easier, consider a one-time or recurring contribution. It’s like buying me a coffee ☕️ — and it keeps the project going.
+
+---
+
+## What Your Sponsorship Funds
+
+Fuse.js is maintained by a single developer. Your sponsorship goes directly toward:
+
+- **Ongoing maintenance** — bug fixes, dependency updates, and keeping the library reliable across environments
+- **Performance work** — profiling, benchmarking, and optimizing search speed and memory usage
+- **New features** — extending the query API, improving scoring, and building new search capabilities
+- **Documentation** — guides, examples, and API reference at [fusejs.io](https://fusejs.io/)
+
+---
+
+## Tier Benefits
+
+- **☕ Coffee Sponsor ($5/month):**
+  Your name added to [BACKERS.md](https://github.com/krisk/Fuse/blob/main/backers.md) in the repo.
+
+- **🥉 Bronze Sponsor ($20/month):**
+  Your name or logo in the [README.md](https://github.com/krisk/Fuse) on GitHub.
+
+- **🥈 Silver Sponsor ($100/month):**
+  Your logo on the front page of [fusejs.io](https://fusejs.io/) and in the [README.md](https://github.com/krisk/Fuse).
+
+- **🥇 Gold Sponsor ($400/month):**
+  All of the above with larger logo and most prominent placement.