feat (update): payments page (#25)

* remove: razorpay integration

* fix: centre upi page

---------

Co-authored-by: Nitin S <28nitin07@gmail.com>

Author: pawsitive-ashoka

pages/donate.html

@@ -23,21 +23,6 @@ <h3>where your money goes</h3>
         </div>
       </div>
     </div>
-    <div class="donate-card">
-      <div class="donate-card-head"><h3>💳 pay via card / bank</h3><p>secure checkout via Razorpay — cards, net banking, wallets. ~2% processing fee applies.</p></div>
-      <div class="donate-card-body">
-        <p style="font-size:0.9rem;color:var(--ink-soft);margin-bottom:1rem;">pick an amount or type your own ↓</p>
-        <div class="amount-chips">
-          <button class="chip" onclick="selectChip(this,100)">₹100</button>
-          <button class="chip" onclick="selectChip(this,250)">₹250</button>
-          <button class="chip" onclick="selectChip(this,500)">₹500</button>
-          <button class="chip" onclick="selectChip(this,1000)">₹1000</button>
-        </div>
-        <div class="amount-input-row"><span>₹</span><input type="number" id="donationAmt" placeholder="custom amount" min="1"></div>
-        <button class="rzp-btn" onclick="handleRazorpay()">🔒 donate via Razorpay</button>
-        <p class="rzp-note">replace YOUR_RAZORPAY_KEY_HERE in js/donate.js with your key from the Razorpay dashboard</p>
-      </div>
-    </div>
   </div>
 </div>
 <footer>

styles/main.css

@@ -700,6 +700,7 @@ nav::after {
 .donate-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;}
 .donate-card{background:var(--card);border:2.5px solid var(--border);border-radius:20px;box-shadow:6px 6px 0 var(--sketch);overflow:hidden;transition:transform 0.2s;}
 .donate-card:hover{transform:rotate(0.3deg);}
+.donate-grid .donate-card:only-child{grid-column:1 / -1;justify-self:center;width:100%;max-width:720px;}
 .donate-card-head{padding:1.5rem 1.8rem 1.2rem;border-bottom:2px dashed var(--border);}
 .donate-card:nth-child(1) .donate-card-head{background:linear-gradient(135deg,#fff3d8,#ffe8a8);}
 .donate-card:nth-child(2) .donate-card-head{background:linear-gradient(135deg,#d8edf8,#c0d8f0);}