From 3c25eedace82118d7a34578324c170fbe14a70b2 Mon Sep 17 00:00:00 2001
From: Muawiya Amir <contactmuawia@gmail.com>
Date: Sun, 13 Sep 2026 14:12:46 +0500
Subject: [PATCH 1/8] chore: add funding link for sponsor button

---
 .github/FUNDING.yml | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 .github/FUNDING.yml

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
new file mode 100644
index 0000000..f73183e
--- /dev/null
+++ b/.github/FUNDING.yml
@@ -0,0 +1,4 @@
+# GitHub Sponsors is pending for Coding Moves. Until it is approved,
+# the Sponsor button points to the project's professional support page.
+custom:
+  - "https://coding-moves.github.io/diskern/support"

From e351b6c48e9741b42117d60c3c572208669f2e66 Mon Sep 17 00:00:00 2001
From: Muawiya Amir <contactmuawia@gmail.com>
Date: Sun, 13 Sep 2026 14:12:46 +0500
Subject: [PATCH 2/8] docs(site): add professional support page

---
 site/src/App.jsx               |   2 +
 site/src/components/Footer.jsx |   5 +-
 site/src/components/NavBar.jsx |   4 +
 site/src/pages/Support.jsx     |  78 ++++++++++++++++
 site/src/styles/index.css      | 162 +++++++++++++++++++++++++++++++++
 5 files changed, 250 insertions(+), 1 deletion(-)
 create mode 100644 site/src/pages/Support.jsx

diff --git a/site/src/App.jsx b/site/src/App.jsx
index f23ffdc..a3f4ae0 100644
--- a/site/src/App.jsx
+++ b/site/src/App.jsx
@@ -2,6 +2,7 @@ import { Routes, Route } from 'react-router-dom'
 import Layout from './components/Layout.jsx'
 import Home from './pages/Home.jsx'
 import NotFound from './pages/NotFound.jsx'
+import Support from './pages/Support.jsx'
 
 // All routes share <Layout/> (nav + footer). To add a new page later —
 // e.g. /docs or /changelog — create src/pages/Docs.jsx and add
@@ -11,6 +12,7 @@ export default function App() {
     <Routes>
       <Route element={<Layout />}>
         <Route index element={<Home />} />
+        <Route path="support" element={<Support />} />
         <Route path="*" element={<NotFound />} />
       </Route>
     </Routes>
diff --git a/site/src/components/Footer.jsx b/site/src/components/Footer.jsx
index d87866c..6eb6239 100644
--- a/site/src/components/Footer.jsx
+++ b/site/src/components/Footer.jsx
@@ -1,3 +1,5 @@
+import { Link } from 'react-router-dom'
+
 export default function Footer() {
   return (
     <footer className="footer">
@@ -10,7 +12,8 @@ export default function Footer() {
         >
           View the code on GitHub
         </a>
-        .
+        .{' '}
+        <Link to="/support">Support the project</Link>.
       </p>
     </footer>
   )
diff --git a/site/src/components/NavBar.jsx b/site/src/components/NavBar.jsx
index 269707c..61fc303 100644
--- a/site/src/components/NavBar.jsx
+++ b/site/src/components/NavBar.jsx
@@ -19,6 +19,10 @@ export default function NavBar() {
           Diskern
         </Link>
 
+        <nav className="nav-links" aria-label="Main navigation">
+          <Link to="/support">Support</Link>
+        </nav>
+
         <div className="nav-actions">
           <button
             type="button"
diff --git a/site/src/pages/Support.jsx b/site/src/pages/Support.jsx
new file mode 100644
index 0000000..d167861
--- /dev/null
+++ b/site/src/pages/Support.jsx
@@ -0,0 +1,78 @@
+const REPO_URL = 'https://github.com/Coding-Moves/diskern'
+const ORG_URL = 'https://github.com/Coding-Moves'
+const CONTACT_URL = 'https://github.com/Muawiya-contact'
+
+export default function Support() {
+  return (
+    <main className="support-page container">
+      <section className="support-hero" aria-labelledby="support-title">
+        <p className="support-eyebrow">Sponsor open source maintenance</p>
+        <h1 id="support-title">Support Coding Moves</h1>
+        <p className="support-lead">
+          Your sponsorship helps maintain Diskern and future Coding Moves
+          projects: development time, testing, releases, documentation,
+          design polish, and contributor support.
+        </p>
+        <div className="support-actions">
+          <a className="support-button support-button-primary" href={CONTACT_URL}>
+            Discuss sponsorship
+          </a>
+          <a className="support-button" href={REPO_URL}>
+            View Diskern on GitHub
+          </a>
+        </div>
+      </section>
+
+      <section className="support-card" aria-labelledby="payment-title">
+        <h2 id="payment-title">Professional payment setup</h2>
+        <p>
+          GitHub Sponsors is currently pending for Coding Moves, so sponsors can
+          use an external payment route for now. For international sponsors,
+          Wise is the preferred option because it is built for cross-border
+          transfers and avoids publishing raw bank details in the repository.
+        </p>
+        <p>
+          If you would like to sponsor this work, please contact the maintainer
+          first. The maintainer can then share the correct Wise payment link or
+          invoice details privately.
+        </p>
+      </section>
+
+      <section className="support-grid" aria-label="What sponsorship funds">
+        <article className="support-card">
+          <h2>What it funds</h2>
+          <ul>
+            <li>Core Rust engine work and safety improvements.</li>
+            <li>Desktop UI polish, performance, and release packaging.</li>
+            <li>Documentation, contributor guidance, and issue triage.</li>
+            <li>Testing across Linux, Windows, and future platforms.</li>
+          </ul>
+        </article>
+
+        <article className="support-card">
+          <h2>Current sponsor route</h2>
+          <ul>
+            <li>Primary route: Wise payment link shared privately.</li>
+            <li>Local route: Pakistan bank transfer only when arranged directly.</li>
+            <li>Future route: GitHub Sponsors once the account is approved.</li>
+          </ul>
+        </article>
+      </section>
+
+      <section className="support-card" aria-labelledby="trust-title">
+        <h2 id="trust-title">Why details are not listed publicly</h2>
+        <p>
+          Public repositories should not expose personal bank account numbers,
+          branch details, or sensitive payment identifiers. Keeping payment
+          details private protects the maintainer while still giving sponsors a
+          clear professional path to support the project.
+        </p>
+        <p>
+          Explore more work from <a href={ORG_URL}>Coding Moves</a> or open a
+          discussion in the repository if you want to support a specific feature
+          area.
+        </p>
+      </section>
+    </main>
+  )
+}
diff --git a/site/src/styles/index.css b/site/src/styles/index.css
index 4814b10..c4eec3a 100644
--- a/site/src/styles/index.css
+++ b/site/src/styles/index.css
@@ -462,3 +462,165 @@ section {
     padding: 22px;
   }
 }
+
+/* ---------- Support ---------- */
+
+.nav-links {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin-left: auto;
+  margin-right: 12px;
+}
+
+.nav-links a {
+  color: var(--text-muted);
+  font-size: 0.92rem;
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.nav-links a:hover {
+  color: var(--text);
+}
+
+.support-page {
+  padding-top: 56px;
+  padding-bottom: 72px;
+}
+
+.support-hero {
+  padding: 64px 0 40px;
+  text-align: center;
+}
+
+.support-eyebrow {
+  margin: 0 0 12px;
+  color: var(--accent);
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  font-size: 0.78rem;
+}
+
+.support-hero h1 {
+  margin: 0 0 16px;
+  font-size: clamp(2rem, 5vw, 3rem);
+  letter-spacing: -0.03em;
+}
+
+.support-lead {
+  max-width: 720px;
+  margin: 0 auto;
+  color: var(--text-muted);
+  font-size: 1.08rem;
+  line-height: 1.7;
+}
+
+.support-actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 12px;
+  margin-top: 28px;
+}
+
+.support-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 44px;
+  padding: 0 18px;
+  border-radius: 10px;
+  border: 1px solid var(--border);
+  background: var(--bg-elevated);
+  color: var(--text);
+  font-weight: 700;
+  text-decoration: none;
+  transition:
+    border-color 0.15s ease,
+    background-color 0.15s ease,
+    transform 0.1s ease;
+}
+
+.support-button:hover {
+  transform: translateY(-1px);
+  border-color: var(--accent);
+  background: var(--bg-elevated-hover);
+}
+
+.support-button-primary {
+  background: var(--accent);
+  color: var(--accent-text);
+  border-color: var(--accent);
+}
+
+.support-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 16px;
+  padding: 0;
+  margin: 16px 0;
+}
+
+.support-card {
+  margin: 0 0 16px;
+  padding: 28px;
+  border: 1px solid var(--border);
+  border-radius: 16px;
+  background: var(--bg-elevated);
+  box-shadow: var(--shadow);
+}
+
+.support-card h2 {
+  margin: 0 0 12px;
+  font-size: 1.2rem;
+}
+
+.support-card p,
+.support-card li {
+  color: var(--text-muted);
+  line-height: 1.65;
+}
+
+.support-card p {
+  margin: 0 0 12px;
+}
+
+.support-card p:last-child {
+  margin-bottom: 0;
+}
+
+.support-card ul {
+  margin: 0;
+  padding-left: 20px;
+}
+
+.support-card a {
+  color: var(--accent);
+  font-weight: 700;
+  text-decoration: none;
+}
+
+.support-card a:hover {
+  text-decoration: underline;
+}
+
+@media (max-width: 640px) {
+  .nav-inner {
+    gap: 10px;
+  }
+
+  .nav-links {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .support-page {
+    padding-top: 32px;
+  }
+
+  .support-card {
+    padding: 22px;
+  }
+}

From aa5eccecf1b409364a8a787d9e8e8f12cfa68183 Mon Sep 17 00:00:00 2001
From: Muawiya Amir <contactmuawia@gmail.com>
Date: Sun, 13 Sep 2026 15:56:36 +0500
Subject: [PATCH 3/8] chore(site): ignore local Wise configuration

---
 site/.env.example | 3 +++
 site/.gitignore   | 5 +++++
 2 files changed, 8 insertions(+)
 create mode 100644 site/.env.example

diff --git a/site/.env.example b/site/.env.example
new file mode 100644
index 0000000..449c667
--- /dev/null
+++ b/site/.env.example
@@ -0,0 +1,3 @@
+# Public Wise receiving/payment link only. This value is visible in the built site.
+# Do not enter bank account details, passwords, or API tokens.
+VITE_WISE_PAYMENT_URL=
diff --git a/site/.gitignore b/site/.gitignore
index b54d88d..1521bf7 100644
--- a/site/.gitignore
+++ b/site/.gitignore
@@ -25,3 +25,8 @@ public/latest-release.json
 *.njsproj
 *.sln
 *.sw?
+
+# Local sponsorship configuration (commit only the empty example).
+.env
+.env.*
+!.env.example

From c3f7708ce2831abe41dd5f053a354dd09dc7866a Mon Sep 17 00:00:00 2001
From: Muawiya Amir <contactmuawia@gmail.com>
Date: Sun, 13 Sep 2026 15:56:36 +0500
Subject: [PATCH 4/8] feat(site): configure Wise sponsorship button

---
 site/src/pages/Support.jsx | 43 +++++++++++++++++++++++---------------
 1 file changed, 26 insertions(+), 17 deletions(-)

diff --git a/site/src/pages/Support.jsx b/site/src/pages/Support.jsx
index d167861..fb94b45 100644
--- a/site/src/pages/Support.jsx
+++ b/site/src/pages/Support.jsx
@@ -2,6 +2,19 @@ const REPO_URL = 'https://github.com/Coding-Moves/diskern'
 const ORG_URL = 'https://github.com/Coding-Moves'
 const CONTACT_URL = 'https://github.com/Muawiya-contact'
 
+// Only publish a Wise HTTPS link; incomplete configuration keeps contact available.
+function getWisePaymentUrl(value) {
+  try {
+    const url = new URL(value)
+    return url.protocol === 'https:' && url.hostname === 'wise.com' &&
+      !url.username && !url.password ? url.href : null
+  } catch {
+    return null
+  }
+}
+
+const WISE_PAYMENT_URL = getWisePaymentUrl(import.meta.env.VITE_WISE_PAYMENT_URL)
+
 export default function Support() {
   return (
     <main className="support-page container">
@@ -14,8 +27,8 @@ export default function Support() {
           design polish, and contributor support.
         </p>
         <div className="support-actions">
-          <a className="support-button support-button-primary" href={CONTACT_URL}>
-            Discuss sponsorship
+          <a className="support-button support-button-primary" href={WISE_PAYMENT_URL || CONTACT_URL}>
+            {WISE_PAYMENT_URL ? 'Sponsor through Wise' : 'Discuss sponsorship'}
           </a>
           <a className="support-button" href={REPO_URL}>
             View Diskern on GitHub
@@ -24,17 +37,16 @@ export default function Support() {
       </section>
 
       <section className="support-card" aria-labelledby="payment-title">
-        <h2 id="payment-title">Professional payment setup</h2>
+        <h2 id="payment-title">Sponsor through Wise</h2>
         <p>
-          GitHub Sponsors is currently pending for Coding Moves, so sponsors can
-          use an external payment route for now. For international sponsors,
-          Wise is the preferred option because it is built for cross-border
-          transfers and avoids publishing raw bank details in the repository.
+          Support ongoing maintenance with a payment through Wise.
+          {WISE_PAYMENT_URL
+            ? ' Follow the link to see the recipient and payment options on Wise before sending.'
+            : ' Contact the maintainer to arrange a Wise payment.'}
         </p>
         <p>
-          If you would like to sponsor this work, please contact the maintainer
-          first. The maintainer can then share the correct Wise payment link or
-          invoice details privately.
+          For sponsorship questions or invoice requests, visit the
+          {' '}<a href={CONTACT_URL}>maintainer’s profile</a> for contact options.
         </p>
       </section>
 
@@ -52,20 +64,17 @@ export default function Support() {
         <article className="support-card">
           <h2>Current sponsor route</h2>
           <ul>
-            <li>Primary route: Wise payment link shared privately.</li>
-            <li>Local route: Pakistan bank transfer only when arranged directly.</li>
+            <li>Payments are handled through Wise.</li>
             <li>Future route: GitHub Sponsors once the account is approved.</li>
           </ul>
         </article>
       </section>
 
       <section className="support-card" aria-labelledby="trust-title">
-        <h2 id="trust-title">Why details are not listed publicly</h2>
+        <h2 id="trust-title">Thank you for supporting the project</h2>
         <p>
-          Public repositories should not expose personal bank account numbers,
-          branch details, or sensitive payment identifiers. Keeping payment
-          details private protects the maintainer while still giving sponsors a
-          clear professional path to support the project.
+          Every contribution helps us spend more time improving Diskern and
+          supporting its contributors.
         </p>
         <p>
           Explore more work from <a href={ORG_URL}>Coding Moves</a> or open a

From e2e37d7967209758dfb766f2f0c4fda8fe3aad7d Mon Sep 17 00:00:00 2001
From: Muawiya Amir <contactmuawia@gmail.com>
Date: Sun, 13 Sep 2026 15:56:36 +0500
Subject: [PATCH 5/8] ci(site): pass public Wise link to Pages build

---
 .github/workflows/deploy-pages.yml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.github/workflows/deploy-pages.yml b/.github/workflows/deploy-pages.yml
index e260f00..1cf143f 100644
--- a/.github/workflows/deploy-pages.yml
+++ b/.github/workflows/deploy-pages.yml
@@ -61,6 +61,8 @@ jobs:
 
       - run: npm run build
         working-directory: site
+        env:
+          VITE_WISE_PAYMENT_URL: ${{ vars.VITE_WISE_PAYMENT_URL }}
 
       # GitHub Pages has no server-side routing: a direct visit to
       # /diskern/docs would 404 before React Router ever loads. Serving

From 2f5b9a005b4bf807b3dde39f14a20c2940ba4440 Mon Sep 17 00:00:00 2001
From: Muawiya Amir <contactmuawia@gmail.com>
Date: Sun, 13 Sep 2026 15:56:36 +0500
Subject: [PATCH 6/8] docs(site): explain local and deployed Wise setup

---
 site/README.md | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/site/README.md b/site/README.md
index 43bf6d5..1b8989e 100644
--- a/site/README.md
+++ b/site/README.md
@@ -32,3 +32,31 @@ The Vite `base` in `vite.config.js` is set to `/diskern/` to match this
 repo's GitHub Pages URL (`coding-moves.github.io/diskern/` or your
 configured custom domain). If the repo is ever renamed, update `base`
 to match.
+
+## Configure Wise sponsorship
+
+The Support page uses a public Wise receiving/payment link. Bank details are
+managed in Wise, not in the desktop app or this repository.
+
+For local development, copy `.env.example` to `.env.local` in this directory.
+Set this value to the HTTPS payment link copied from your Wise account:
+
+```dotenv
+VITE_WISE_PAYMENT_URL=
+```
+
+Paste the link after the equals sign, then restart `npm run dev`.
+The local file is ignored by Git. Only HTTPS links on `wise.com` are accepted;
+a missing or invalid link shows “Discuss sponsorship” instead.
+
+For the live site, open repository **Settings → Secrets and variables →
+Actions → Variables → New repository variable**. Name it
+`VITE_WISE_PAYMENT_URL` and paste the same public link as its value.
+After this PR is merged, run **Actions → Deploy site to GitHub Pages →
+Run workflow** on `main` to publish the setting. Updating a variable alone
+does not rebuild the site.
+
+Vite embeds this value in public JavaScript. Gitignore and GitHub secrets do
+not make browser-visible values private. Do not put account numbers, passwords,
+or Wise API tokens here. The GitHub Sponsor button continues to point to the
+Support page through `.github/FUNDING.yml`.

From 1dba1421bff1ab6e01e4a5a4e5fb0f90c2be08f4 Mon Sep 17 00:00:00 2001
From: Muawiya Amir <contactmuawia@gmail.com>
Date: Sun, 13 Sep 2026 15:58:14 +0500
Subject: [PATCH 7/8] docs(site): clarify direct voluntary Wise sponsorship

---
 site/src/pages/Support.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/site/src/pages/Support.jsx b/site/src/pages/Support.jsx
index fb94b45..ec95201 100644
--- a/site/src/pages/Support.jsx
+++ b/site/src/pages/Support.jsx
@@ -39,13 +39,14 @@ export default function Support() {
       <section className="support-card" aria-labelledby="payment-title">
         <h2 id="payment-title">Sponsor through Wise</h2>
         <p>
-          Support ongoing maintenance with a payment through Wise.
+          Make a voluntary contribution to support ongoing maintenance.
           {WISE_PAYMENT_URL
             ? ' Follow the link to see the recipient and payment options on Wise before sending.'
             : ' Contact the maintainer to arrange a Wise payment.'}
         </p>
         <p>
-          For sponsorship questions or invoice requests, visit the
+          You can use the Wise link directly without requesting an invoice
+          through this site. For sponsorship questions, visit the
           {' '}<a href={CONTACT_URL}>maintainer’s profile</a> for contact options.
         </p>
       </section>

From cbab2e95c24c55ba65d19f7f647fa2f43c20da47 Mon Sep 17 00:00:00 2001
From: Muawiya Amir <contactmuawia@gmail.com>
Date: Sun, 13 Sep 2026 15:58:15 +0500
Subject: [PATCH 8/8] docs(site): explain sponsorship without invoice requests

---
 site/README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/site/README.md b/site/README.md
index 1b8989e..a1a961e 100644
--- a/site/README.md
+++ b/site/README.md
@@ -37,6 +37,8 @@ to match.
 
 The Support page uses a public Wise receiving/payment link. Bank details are
 managed in Wise, not in the desktop app or this repository.
+Supporters follow the link directly; the site does not require an invoice
+request or a conversation with the maintainer before payment when configured.
 
 For local development, copy `.env.example` to `.env.local` in this directory.
 Set this value to the HTTPS payment link copied from your Wise account: