chore: add sponsorship funding config and demo/README support links

Author: khaledalam

.github/FUNDING.yml

@@ -0,0 +1,7 @@
+# These are supported funding model platforms
+# Verify the handles/URLs below match your actual accounts.
+
+github: [khaledalam]
+buy_me_a_coffee: khaledalam
+custom:
+  - https://paypal.me/khaledalam

README.md

@@ -225,6 +225,17 @@ setup and development workflow, and please review our
 [SECURITY.md](./SECURITY.md).
 
 
+## 💖 Support
+
+If Avatoon is useful to you, consider supporting its development — it helps a lot
+and keeps the project maintained:
+
+- ⭐ **Star the repo** — the easiest way to help
+- 💛 [**Sponsor on GitHub**](https://github.com/sponsors/khaledalam)
+- ☕ [**Buy Me a Coffee**](https://www.buymeacoffee.com/khaledalam)
+- 💵 [**PayPal**](https://paypal.me/khaledalam)
+
+
 ## 📄 License
 
 [MIT](./LICENSE) © [Khaled Alam](https://khaledalam.net/)

example/src/App.css

@@ -118,6 +118,16 @@ body {
   border-color: transparent;
 }
 
+.btn--sponsor {
+  border-color: #ea4aaa;
+  color: #ea4aaa;
+}
+
+.btn--sponsor:hover {
+  background: #ea4aaa;
+  color: #ffffff;
+}
+
 /* ---------- Demo cards ---------- */
 .demos {
   display: grid;

example/src/App.tsx

@@ -9,6 +9,7 @@ const avatarUrl = `${import.meta.env.BASE_URL}avatar.glb`;
 
 const GITHUB_URL = 'https://github.com/khaledalam/avatoon';
 const NPM_URL = 'https://www.npmjs.com/package/avatoon';
+const SPONSOR_URL = 'https://github.com/sponsors/khaledalam';
 
 const GOALS: AvatoonGoal[] = ['Normal', 'Muscle', 'Sleep'];
 
@@ -46,6 +47,9 @@ function App() {
           <a className="btn" href={NPM_URL} target="_blank" rel="noreferrer">
             📦 View on npm
           </a>
+          <a className="btn btn--sponsor" href={SPONSOR_URL} target="_blank" rel="noreferrer">
+            💖 Sponsor
+          </a>
         </div>
       </header>
 
@@ -111,6 +115,10 @@ function App() {
           npm
         </a>
         <span className="dot">·</span>
+        <a href={SPONSOR_URL} target="_blank" rel="noreferrer">
+          Sponsor 💖
+        </a>
+        <span className="dot">·</span>
         <span>MIT License</span>
       </footer>
     </div>