{"id":3464,"date":"2026-06-01T08:21:28","date_gmt":"2026-06-01T08:21:28","guid":{"rendered":"https:\/\/peacebyp.org\/?page_id=3464"},"modified":"2026-06-10T18:16:30","modified_gmt":"2026-06-10T18:16:30","slug":"donate","status":"publish","type":"page","link":"https:\/\/peacebyp.org\/donate\/","title":{"rendered":"Donate"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3464\" class=\"elementor elementor-3464\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d2364f e-flex e-con-boxed e-con e-parent\" data-id=\"9d2364f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92f5f47 elementor-widget elementor-widget-html\" data-id=\"92f5f47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Donate | Peace Academy<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tiro+Gurmukhi&family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\r\n\/* RESET *\/\r\n*{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n  font-family:'Poppins',sans-serif;\r\n  background:#ffffff;\r\n  color:#0f172a;\r\n  overflow-x:hidden;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n\/* ================= HERO (ATTACHED + FULL WIDTH) ================= *\/\r\n.hero{\r\n  position:relative;\r\n  width:100vw;\r\n  margin-left:calc(-50vw + 50%);\r\n\r\n  min-height:85vh;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:center;\r\n  text-align:center;\r\n\r\n  padding:60px 20px 80px;   \/* \ud83d\udd25 reduced top padding *\/\r\n\r\n  margin-top:0;             \/* \ud83d\udd25 removes gap above hero *\/\r\n\r\n  overflow:hidden;\r\n  color:#fff;\r\n}\r\n\r\n\/* Gradient Background *\/\r\n.hero::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(135deg,#081A2F 0%, #0B2A5A 50%, #2563FF 100%);\r\n  z-index:-2;\r\n}\r\n\r\n\/* Glow effect *\/\r\n.hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:600px;\r\n  height:600px;\r\n  background:rgba(255,255,255,0.08);\r\n  top:-150px;\r\n  left:-150px;\r\n  border-radius:50%;\r\n  filter:blur(90px);\r\n  z-index:-1;\r\n}\r\n\r\n.hero-badge{\r\n  display:inline-block;\r\n  margin-bottom:16px;\r\n  padding:8px 18px;\r\n  background:rgba(255,255,255,0.12);\r\n  border:1px solid rgba(255,255,255,0.2);\r\n  border-radius:50px;\r\n  font-size:12px;\r\n  letter-spacing:2px;\r\n}\r\n\r\n.hero h1{\r\n  font-family:'Tiro Gurmukhi',serif;\r\n  font-size:clamp(38px,5vw,64px);\r\n  margin-bottom:16px;\r\n  letter-spacing:-0.5px;\r\n}\r\n\r\n.hero p{\r\n  max-width:780px;\r\n  font-size:15px;\r\n  line-height:1.8;\r\n  opacity:0.9;\r\n}\r\n\r\n\/* ================= IMPACT ================= *\/\r\n.impact{\r\n  background:#f8faff;\r\n  padding:60px 20px;\r\n  text-align:center;\r\n}\r\n\r\n.impact-grid{\r\n  max-width:1000px;\r\n  margin:auto;\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));\r\n  gap:20px;\r\n}\r\n\r\n.impact-box{\r\n  background:#fff;\r\n  padding:25px;\r\n  border-radius:16px;\r\n  border:1px solid #eef2ff;\r\n  transition:0.3s;\r\n}\r\n\r\n.impact-box:hover{\r\n  transform:translateY(-6px);\r\n}\r\n\r\n.impact-box h2{\r\n  color:#081A2F;\r\n  font-size:28px;\r\n}\r\n\r\n\/* ================= AMOUNT ================= *\/\r\n.amount-section{\r\n  padding:80px 20px;\r\n  max-width:1100px;\r\n  margin:auto;\r\n}\r\n\r\n.section-title{\r\n  text-align:center;\r\n  font-family:'Tiro Gurmukhi',serif;\r\n  font-size:34px;\r\n  margin-bottom:40px;\r\n  color:#081A2F;\r\n}\r\n\r\n.amount-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));\r\n  gap:20px;\r\n}\r\n\r\n.amount-card{\r\n  background:#ffffff;\r\n  border:1px solid #eef2ff;\r\n  border-radius:18px;\r\n  padding:30px;\r\n  text-align:center;\r\n  transition:0.35s ease;\r\n  cursor:pointer;\r\n  box-shadow:0 10px 25px rgba(0,0,0,0.04);\r\n}\r\n\r\n.amount-card h2{\r\n  font-size:30px;\r\n  color:#081A2F;\r\n}\r\n\r\n.amount-card p{\r\n  font-size:13px;\r\n  color:#666;\r\n  margin-top:6px;\r\n}\r\n\r\n.amount-card:hover{\r\n  transform:translateY(-10px);\r\n  background:#081A2F;\r\n  color:#fff;\r\n}\r\n\r\n.amount-card:hover h2,\r\n.amount-card:hover p{\r\n  color:#fff;\r\n}\r\n\r\n\/* ================= PAYMENT ================= *\/\r\n.payment-section{\r\n  max-width:1200px;\r\n  margin:auto;\r\n  padding:80px 20px;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:40px;\r\n}\r\n\r\n.card{\r\n  background:#ffffff;\r\n  border:1px solid #eef2ff;\r\n  border-radius:22px;\r\n  padding:40px;\r\n  box-shadow:0 20px 50px rgba(0,0,0,0.06);\r\n  transition:0.3s;\r\n}\r\n\r\n.card:hover{\r\n  transform:translateY(-8px);\r\n}\r\n\r\n.card h3{\r\n  font-family:'Tiro Gurmukhi',serif;\r\n  font-size:26px;\r\n  color:#081A2F;\r\n  margin-bottom:15px;\r\n}\r\n\r\n.zelle-box{\r\n  margin-top:20px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:12px;\r\n}\r\n\r\n.zelle-item{\r\n  background:#f8faff;\r\n  padding:14px 16px;\r\n  border-radius:12px;\r\n  border:1px solid #eef2ff;\r\n  font-size:14px;\r\n}\r\n\r\n.qr-box{\r\n  margin-top:20px;\r\n  height:300px;\r\n  border-radius:20px;\r\n  border:2px dashed #2563FF;\r\n  background:linear-gradient(180deg,#f8faff,#ffffff);\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  color:#2563FF;\r\n}\r\n\r\n.qr-box i{\r\n  font-size:48px;\r\n  margin-bottom:10px;\r\n}\r\n\r\n\/* ================= FORM ================= *\/\r\n.form-section{\r\n  padding:20px 20px 120px;\r\n  max-width:1200px;\r\n  margin:auto;\r\n}\r\n\r\n.form-card{\r\n  background:#ffffff;\r\n  border-radius:22px;\r\n  border:1px solid #eef2ff;\r\n  padding:45px;\r\n  box-shadow:0 20px 50px rgba(0,0,0,0.06);\r\n}\r\n\r\n.form-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:20px;\r\n  margin-top:25px;\r\n}\r\n\r\ninput,textarea{\r\n  width:100%;\r\n  padding:14px;\r\n  border-radius:12px;\r\n  border:1px solid #e2e8f0;\r\n  outline:none;\r\n  font-family:'Poppins';\r\n}\r\n\r\ntextarea{\r\n  grid-column:1\/-1;\r\n}\r\n\r\nbutton{\r\n  margin-top:20px;\r\n  width:100%;\r\n  padding:16px;\r\n  border:none;\r\n  border-radius:50px;\r\n  background:#081A2F;\r\n  color:#fff;\r\n  font-size:16px;\r\n  cursor:pointer;\r\n  transition:0.3s;\r\n}\r\n\r\nbutton:hover{\r\n  background:#2563FF;\r\n  transform:scale(1.02);\r\n}\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n@media(max-width:900px){\r\n  .payment-section{\r\n    grid-template-columns:1fr;\r\n  }\r\n  .form-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n\r\n  <div class=\"hero-badge\">GIVE \u2022 SUPPORT \u2022 IMPACT<\/div>\r\n\r\n  <h1>Support Peace Academy<\/h1>\r\n  <p>\r\n    Your donation empowers students with education, Islamic values, and leadership development.\r\n    Help us create a brighter future for the next generation.\r\n  <\/p>\r\n\r\n<\/section>\r\n\r\n<!-- IMPACT -->\r\n<section class=\"impact\">\r\n\r\n  <div class=\"impact-grid\">\r\n\r\n    <div class=\"impact-box\">\r\n      <h2>120+<\/h2>\r\n      <p>Students Supported<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"impact-box\">\r\n      <h2>15+<\/h2>\r\n      <p>Programs Active<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"impact-box\">\r\n      <h2>5+<\/h2>\r\n      <p>Community Projects<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- AMOUNT -->\r\n<section class=\"amount-section\">\r\n\r\n  <h2 class=\"section-title\">Choose Donation Amount<\/h2>\r\n\r\n  <div class=\"amount-grid\">\r\n\r\n    <div class=\"amount-card\">\r\n      <h2>$10<\/h2>\r\n      <p>Support Student<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"amount-card\">\r\n      <h2>$25<\/h2>\r\n      <p>Learning Kit<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"amount-card\">\r\n      <h2>$50<\/h2>\r\n      <p>Monthly Support<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"amount-card\">\r\n      <h2>$100<\/h2>\r\n      <p>Scholarship Fund<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- PAYMENT -->\r\n<section class=\"payment-section\">\r\n\r\n  <div class=\"card\">\r\n    <h3>\ud83d\udcb3 Zelle Payment<\/h3>\r\n\r\n    <div class=\"zelle-box\">\r\n      <div class=\"zelle-item\"><strong>Name:<\/strong> Peace Academy<\/div>\r\n      <div class=\"zelle-item\"><strong>Email:<\/strong> your-zelle@email.com<\/div>\r\n      <div class=\"zelle-item\"><strong>Note:<\/strong> Add donor name in memo<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"card\">\r\n    <h3>\ud83d\udcf2 Scan to Pay<\/h3>\r\n\r\n    <div class=\"qr-box\">\r\n      <i class=\"fa-solid fa-qrcode\"><\/i>\r\n      <p>Insert QR Code Here<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- FORM -->\r\n<section class=\"form-section\">\r\n\r\n  <div class=\"form-card\">\r\n\r\n    <h2 class=\"section-title\" style=\"text-align:left;\">Donor Information<\/h2>\r\n\r\n    <div class=\"form-grid\">\r\n\r\n      <input type=\"text\" placeholder=\"Full Name\">\r\n      <input type=\"email\" placeholder=\"Email\">\r\n      <input type=\"text\" placeholder=\"Donation Amount\">\r\n      <input type=\"text\" placeholder=\"Transaction ID\">\r\n      <textarea rows=\"4\" placeholder=\"Message (optional)\"><\/textarea>\r\n\r\n    <\/div>\r\n\r\n    <button>Submit Donation<\/button>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Donate | Peace Academy GIVE \u2022 SUPPORT \u2022 IMPACT Support Peace Academy Your donation empowers students with education, Islamic values, and leadership development. Help us create a brighter future for the next generation. 120+ Students Supported 15+ Programs Active 5+ Community Projects Choose Donation Amount $10 Support Student $25 Learning Kit $50 Monthly Support $100 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3464","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/pages\/3464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/comments?post=3464"}],"version-history":[{"count":7,"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/pages\/3464\/revisions"}],"predecessor-version":[{"id":3531,"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/pages\/3464\/revisions\/3531"}],"wp:attachment":[{"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/media?parent=3464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}