{"id":26,"date":"2026-03-13T07:29:43","date_gmt":"2026-03-13T07:29:43","guid":{"rendered":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/?page_id=26"},"modified":"2026-06-15T15:39:41","modified_gmt":"2026-06-15T07:39:41","slug":"donate","status":"publish","type":"page","link":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/donate\/","title":{"rendered":"Donate"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-18dbdb36 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=Lato:wght@300;400&display=swap');\n\n.don-section {\n  background: #0b0f1a;\n  padding: 0;\n  font-family: 'Lato', sans-serif;\n  position: relative;\n  overflow: hidden;\n}\n\n.don-hero {\n  position: relative;\n  padding: 100px 40px 80px;\n  text-align: center;\n  overflow: hidden;\n}\n.don-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.4), transparent);\n}\n.don-hero-cross {\n  position: absolute;\n  top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 260px; height: 260px;\n  opacity: 0.04;\n}\n.don-hero-cross svg {\n  width: 100%; height: 100%;\n  stroke: #c9a84c; fill: none; stroke-width: 0.5;\n}\n.don-rays {\n  position: absolute;\n  top: -40%; left: 50%;\n  transform: translateX(-50%);\n  width: 140%; height: 100%;\n  background: repeating-conic-gradient(\n    from 270deg at 50% 0%,\n    rgba(201,168,76,0.04) 0deg 2deg,\n    transparent 2deg 7deg\n  );\n  animation: donRayRotate 20s linear infinite;\n  transform-origin: 50% 0%;\n  pointer-events: none;\n}\n@keyframes donRayRotate {\n  0%   { transform: translateX(-50%) rotate(-3deg); }\n  100% { transform: translateX(-50%) rotate(3deg); }\n}\n.don-hero-inner {\n  position: relative;\n  z-index: 1;\n  max-width: 700px;\n  margin: 0 auto;\n}\n.don-eyebrow {\n  font-size: 9px; letter-spacing: 5px;\n  text-transform: uppercase; color: #c9a84c;\n  margin-bottom: 14px;\n  display: flex; align-items: center; justify-content: center; gap: 14px;\n}\n.don-eyebrow::before, .don-eyebrow::after {\n  content: ''; display: block; width: 40px; height: 1px;\n  background: rgba(201,168,76,0.4);\n}\n.don-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(28px, 4vw, 46px);\n  font-weight: 700; color: #fff;\n  margin-bottom: 12px;\n  text-shadow: 0 0 50px rgba(201,168,76,0.15);\n}\n.don-subtitle {\n  font-family: 'Playfair Display', serif;\n  font-style: italic;\n  font-size: clamp(14px, 2vw, 17px);\n  color: rgba(201,168,76,0.65);\n  margin-bottom: 28px;\n}\n.don-verse {\n  font-size: 13px;\n  color: rgba(255,255,255,0.4);\n  font-weight: 300;\n  line-height: 1.8;\n  max-width: 520px;\n  margin: 0 auto;\n}\n.don-verse strong { color: rgba(201,168,76,0.7); font-weight: 400; }\n\n\/* \u2500\u2500 methods \u2500\u2500 *\/\n.don-methods-wrap {\n  padding: 0 40px 100px;\n  position: relative;\n  z-index: 1;\n}\n.don-methods-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n.don-methods {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 4px;\n  margin-top: -40px;\n}\n.don-card {\n  position: relative;\n  background: rgba(201,168,76,0.02);\n  border: 1px solid rgba(201,168,76,0.1);\n  padding: 44px 32px 36px;\n  text-align: center;\n  transition: all 0.4s ease;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.don-card:nth-child(2) {\n  transform: translateY(-30px);\n  border-color: rgba(201,168,76,0.18);\n  background: rgba(201,168,76,0.04);\n}\n.don-card:hover {\n  background: rgba(201,168,76,0.06);\n  border-color: rgba(201,168,76,0.25);\n}\n.don-card-corner {\n  position: absolute;\n  width: 14px; height: 14px;\n  border-color: rgba(201,168,76,0.3);\n  border-style: solid;\n  opacity: 0;\n  transition: opacity 0.4s ease;\n}\n.don-card:hover .don-card-corner { opacity: 1; }\n.don-card-corner.tl { top: -1px; left: -1px; border-width: 1px 0 0 1px; }\n.don-card-corner.tr { top: -1px; right: -1px; border-width: 1px 1px 0 0; }\n.don-card-corner.bl { bottom: -1px; left: -1px; border-width: 0 0 1px 1px; }\n.don-card-corner.br { bottom: -1px; right: -1px; border-width: 0 1px 1px 0; }\n.don-card-num {\n  position: absolute;\n  top: -12px; left: 50%;\n  transform: translateX(-50%);\n  width: 24px; height: 24px;\n  background: #0b0f1a;\n  border: 1px solid rgba(201,168,76,0.3);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 9px; color: #c9a84c;\n  letter-spacing: 1px;\n}\n.don-card-icon {\n  width: 64px; height: 64px;\n  border: 1px solid rgba(201,168,76,0.2);\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 24px;\n  position: relative;\n}\n.don-card-icon svg {\n  width: 26px; height: 26px;\n  stroke: #c9a84c; fill: none; stroke-width: 1.2;\n}\n.don-card-icon::after {\n  content: '';\n  position: absolute;\n  inset: -6px;\n  border-radius: 50%;\n  border: 1px solid rgba(201,168,76,0.06);\n}\n.don-card-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 20px; font-weight: 700;\n  color: #fff; margin-bottom: 6px;\n}\n.don-card-method {\n  font-size: 8px; letter-spacing: 3px;\n  text-transform: uppercase;\n  color: rgba(201,168,76,0.45);\n  margin-bottom: 18px;\n}\n.don-card-rule {\n  width: 32px; height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.4), transparent);\n  margin: 0 auto 18px;\n}\n.don-card-desc {\n  font-size: 13px;\n  color: rgba(255,255,255,0.45);\n  font-weight: 300;\n  line-height: 1.8;\n  margin-bottom: 28px;\n  flex-grow: 1;\n}\n.don-card-btn {\n  display: inline-block;\n  padding: 13px 32px;\n  font-family: 'Lato', sans-serif;\n  font-size: 10px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  text-decoration: none !important;\n  cursor: pointer;\n  transition: all 0.3s;\n  border: 1px solid rgba(201,168,76,0.7);\n  background: rgba(201,168,76,0.12);\n  color: #e8d08a;\n}\n.don-card-btn:hover {\n  background: rgba(201,168,76,0.28);\n  color: #fff;\n}\n\n\/* \u2500\u2500 modals \u2500\u2500 *\/\n.don-modal-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(5,8,18,0.92);\n  z-index: 9999;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  backdrop-filter: blur(10px);\n  padding: 20px;\n}\n.don-modal-overlay.open {\n  display: flex;\n}\n.don-modal {\n  position: relative;\n  background: #0e1222;\n  border: 1px solid rgba(201,168,76,0.18);\n  max-width: 480px;\n  width: 100%;\n  padding: 44px 36px 36px;\n  text-align: center;\n}\n.don-modal-corner {\n  position: absolute;\n  width: 16px; height: 16px;\n  border-color: rgba(201,168,76,0.35);\n  border-style: solid;\n  pointer-events: none;\n}\n.don-modal-corner.tl { top: -1px; left: -1px; border-width: 1px 0 0 1px; }\n.don-modal-corner.tr { top: -1px; right: -1px; border-width: 1px 1px 0 0; }\n.don-modal-corner.bl { bottom: -1px; left: -1px; border-width: 0 0 1px 1px; }\n.don-modal-corner.br { bottom: -1px; right: -1px; border-width: 0 1px 1px 0; }\n.don-modal-bar {\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, #c9a84c, transparent);\n  pointer-events: none;\n}\n\n\/* CLOSE BUTTON \u2014 fixed *\/\n.don-modal-close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 34px;\n  height: 34px;\n  border: 1px solid rgba(201,168,76,0.4);\n  background: #0b0f1a;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 50;\n  transition: border-color 0.3s, background 0.3s;\n  padding: 0;\n  outline: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n.don-modal-close:hover {\n  border-color: #c9a84c;\n  background: rgba(201,168,76,0.08);\n}\n.don-modal-close svg {\n  width: 14px;\n  height: 14px;\n  stroke: #c9a84c;\n  fill: none;\n  stroke-width: 2;\n  display: block;\n  flex-shrink: 0;\n}\n\n.don-modal-icon {\n  width: 50px; height: 50px;\n  border: 1px solid rgba(201,168,76,0.2);\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 20px;\n}\n.don-modal-icon svg {\n  width: 22px; height: 22px;\n  stroke: #c9a84c; fill: none; stroke-width: 1.2;\n}\n.don-modal-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 22px; font-weight: 700;\n  color: #fff; margin-bottom: 6px;\n}\n.don-modal-tag {\n  font-size: 8px; letter-spacing: 3px;\n  text-transform: uppercase;\n  color: rgba(201,168,76,0.5);\n  margin-bottom: 24px;\n}\n.don-detail-rows {\n  text-align: left;\n  margin-bottom: 28px;\n}\n.don-detail-row {\n  padding: 14px 0;\n  border-bottom: 1px solid rgba(201,168,76,0.08);\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 16px;\n}\n.don-detail-row:last-child { border-bottom: none; }\n.don-detail-label {\n  font-size: 9px; letter-spacing: 2px;\n  text-transform: uppercase;\n  color: rgba(201,168,76,0.5);\n  flex-shrink: 0;\n  padding-top: 2px;\n}\n.don-detail-value {\n  font-size: 14px;\n  color: #fff;\n  font-weight: 300;\n  text-align: right;\n}\n.don-qr-wrap {\n  margin-bottom: 24px;\n}\n.don-qr-box {\n  width: 200px; height: 200px;\n  margin: 0 auto;\n  border: 1px solid rgba(201,168,76,0.15);\n  background: rgba(255,255,255,0.03);\n  display: flex; flex-direction: column;\n  align-items: center; justify-content: center; gap: 10px;\n}\n.don-qr-box img {\n  width: 100%; height: 100%;\n  object-fit: contain;\n  display: block;\n}\n.don-qr-box svg {\n  width: 40px; height: 40px;\n  stroke: rgba(201,168,76,0.15); fill: none; stroke-width: 1.5;\n}\n.don-qr-box span {\n  font-size: 8px; letter-spacing: 2px;\n  text-transform: uppercase;\n  color: rgba(201,168,76,0.2);\n}\n.don-qr-note {\n  font-size: 12px;\n  color: rgba(255,255,255,0.35);\n  font-weight: 300;\n  margin-top: 14px;\n  line-height: 1.6;\n}\n.don-copy-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 20px;\n  font-family: 'Lato', sans-serif;\n  font-size: 9px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: rgba(201,168,76,0.6);\n  background: transparent;\n  border: 1px solid rgba(201,168,76,0.2);\n  cursor: pointer;\n  transition: all 0.3s;\n  margin-top: 12px;\n}\n.don-copy-btn svg {\n  width: 12px; height: 12px;\n  stroke: currentColor; fill: none; stroke-width: 1.5;\n}\n.don-copy-btn:hover {\n  color: #c9a84c;\n  border-color: rgba(201,168,76,0.5);\n}\n\n\/* \u2500\u2500 footer \u2500\u2500 *\/\n.don-footer {\n  text-align: center;\n  padding: 0 40px 80px;\n  position: relative;\n  z-index: 1;\n}\n.don-footer-rule {\n  width: 40px; height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.3), transparent);\n  margin: 0 auto 24px;\n}\n.don-footer p {\n  font-size: 12px;\n  color: rgba(255,255,255,0.3);\n  font-weight: 300;\n  line-height: 1.8;\n  max-width: 500px;\n  margin: 0 auto;\n}\n.don-footer strong { color: rgba(201,168,76,0.6); font-weight: 400; }\n\n@media (max-width: 900px) {\n  .don-hero { padding: 80px 24px 60px; }\n  .don-methods-wrap { padding: 0 20px 80px; }\n  .don-methods { grid-template-columns: 1fr; gap: 16px; }\n  .don-card:nth-child(2) { transform: none; }\n  .don-card { padding: 36px 28px 30px; }\n  .don-modal { padding: 44px 24px 28px; }\n}\n<\/style>\n\n<section class=\"don-section\">\n\n  <div class=\"don-hero\">\n    <div class=\"don-hero-cross\">\n      <svg viewBox=\"0 0 100 100\"><line x1=\"50\" y1=\"5\" x2=\"50\" y2=\"95\"\/><line x1=\"20\" y1=\"30\" x2=\"80\" y2=\"30\"\/><\/svg>\n    <\/div>\n    <div class=\"don-rays\"><\/div>\n    <div class=\"don-hero-inner\">\n      <p class=\"don-eyebrow\">Support Our Parish<\/p>\n      <h2 class=\"don-title\">Give Generously<\/h2>\n      <p class=\"don-subtitle\">Your offerings sustain our church and serve our community<\/p>\n      <p class=\"don-verse\">\n        &#8220;Each of you should give what you have decided in your heart to give,\n        not reluctantly or under compulsion, for <strong>God loves a cheerful giver<\/strong>.&#8221;\n        <br>\u2014 2 Corinthians 9:7\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"don-methods-wrap\">\n    <div class=\"don-methods-inner\">\n      <div class=\"don-methods\">\n\n        <div class=\"don-card\">\n          <div class=\"don-card-corner tl\"><\/div><div class=\"don-card-corner tr\"><\/div>\n          <div class=\"don-card-corner bl\"><\/div><div class=\"don-card-corner br\"><\/div>\n          <div class=\"don-card-num\">1<\/div>\n          <div class=\"don-card-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18\"\/><path d=\"M3 10h18\"\/><path d=\"M5 6l7-3 7 3\"\/><path d=\"M4 10v11\"\/><path d=\"M20 10v11\"\/><path d=\"M8 14v3\"\/><path d=\"M12 14v3\"\/><path d=\"M16 14v3\"\/><\/svg>\n          <\/div>\n          <h3 class=\"don-card-title\">Bank Transfer<\/h3>\n          <p class=\"don-card-method\">Direct Deposit<\/p>\n          <div class=\"don-card-rule\"><\/div>\n          <p class=\"don-card-desc\">Transfer funds directly to the church&#8217;s bank accounts. Secure and convenient for local and online banking.<\/p>\n          <button class=\"don-card-btn\" data-modal=\"bank\">View Bank Details<\/button>\n        <\/div>\n\n        <div class=\"don-card\">\n          <div class=\"don-card-corner tl\"><\/div><div class=\"don-card-corner tr\"><\/div>\n          <div class=\"don-card-corner bl\"><\/div><div class=\"don-card-corner br\"><\/div>\n          <div class=\"don-card-num\">2<\/div>\n          <div class=\"don-card-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M7 21h2l1-5h4c3 0 5-2 5.5-5s-1.5-5-4.5-5H8L5 21\"\/><path d=\"M11 11l1-5h4c2 0 3.5 1 3 3.5S16.5 13 14.5 13H11\"\/><\/svg>\n          <\/div>\n          <h3 class=\"don-card-title\">PayPal<\/h3>\n          <p class=\"don-card-method\">Online Payment<\/p>\n          <div class=\"don-card-rule\"><\/div>\n          <p class=\"don-card-desc\">PayPal account holders can donate directly by sending funds to our parish PayPal. Fast and worldwide.<\/p>\n          <a href=\"https:\/\/www.paypal.com\" target=\"_blank\" rel=\"noopener\" class=\"don-card-btn\">Donate via PayPal<\/a>\n        <\/div>\n\n        <div class=\"don-card\">\n          <div class=\"don-card-corner tl\"><\/div><div class=\"don-card-corner tr\"><\/div>\n          <div class=\"don-card-corner bl\"><\/div><div class=\"don-card-corner br\"><\/div>\n          <div class=\"don-card-num\">3<\/div>\n          <div class=\"don-card-icon\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"3\" height=\"3\"\/><line x1=\"21\" y1=\"14\" x2=\"21\" y2=\"21\"\/><line x1=\"14\" y1=\"21\" x2=\"21\" y2=\"21\"\/><\/svg>\n          <\/div>\n          <h3 class=\"don-card-title\">GCash<\/h3>\n          <p class=\"don-card-method\">QR Code Scan<\/p>\n          <div class=\"don-card-rule\"><\/div>\n          <p class=\"don-card-desc\">Scan our GCash QR code using your GCash app. Quick, cashless, and available 24\/7 for local donors.<\/p>\n          <button class=\"don-card-btn\" data-modal=\"gcash\">Scan QR Code<\/button>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"don-footer\">\n    <div class=\"don-footer-rule\"><\/div>\n    <p>All donations are used for the maintenance of the church, parish programs, and community outreach. <strong>God bless your generosity.<\/strong><\/p>\n  <\/div>\n\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 BANK MODAL \u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"don-modal-overlay\" id=\"donBankModal\">\n  <div class=\"don-modal\">\n    <div class=\"don-modal-corner tl\"><\/div><div class=\"don-modal-corner tr\"><\/div>\n    <div class=\"don-modal-corner bl\"><\/div><div class=\"don-modal-corner br\"><\/div>\n    <div class=\"don-modal-bar\"><\/div>\n    <button class=\"don-modal-close\" type=\"button\" data-close=\"bank\">\n      <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n    <\/button>\n    <div class=\"don-modal-icon\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18\"\/><path d=\"M3 10h18\"\/><path d=\"M5 6l7-3 7 3\"\/><path d=\"M4 10v11\"\/><path d=\"M20 10v11\"\/><path d=\"M8 14v3\"\/><path d=\"M12 14v3\"\/><path d=\"M16 14v3\"\/><\/svg>\n    <\/div>\n    <h3 class=\"don-modal-title\">Bank Account Details<\/h3>\n    <p class=\"don-modal-tag\">Transfer your donation<\/p>\n    <div class=\"don-detail-rows\">\n      <div class=\"don-detail-row\">\n        <span class=\"don-detail-label\">Bank<\/span>\n        <span class=\"don-detail-value\">BDO Unibank<\/span>\n      <\/div>\n      <div class=\"don-detail-row\">\n        <span class=\"don-detail-label\">Account Name<\/span>\n        <span class=\"don-detail-value\">Immaculate Conception Parish<\/span>\n      <\/div>\n      <div class=\"don-detail-row\">\n        <span class=\"don-detail-label\">Account No.<\/span>\n        <span class=\"don-detail-value\">0012 3456 7890<\/span>\n      <\/div>\n      <div class=\"don-detail-row\">\n        <span class=\"don-detail-label\">Branch<\/span>\n        <span class=\"don-detail-value\">Catanauan, Quezon<\/span>\n      <\/div>\n    <\/div>\n    <button class=\"don-copy-btn\" type=\"button\" data-copy=\"0012 3456 7890\">\n      <svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\n      Copy Account Number\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 GCASH MODAL \u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"don-modal-overlay\" id=\"donGcashModal\">\n  <div class=\"don-modal\">\n    <div class=\"don-modal-corner tl\"><\/div><div class=\"don-modal-corner tr\"><\/div>\n    <div class=\"don-modal-corner bl\"><\/div><div class=\"don-modal-corner br\"><\/div>\n    <div class=\"don-modal-bar\"><\/div>\n    <button class=\"don-modal-close\" type=\"button\" data-close=\"gcash\">\n      <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n    <\/button>\n    <div class=\"don-modal-icon\">\n      <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"3\" height=\"3\"\/><line x1=\"21\" y1=\"14\" x2=\"21\" y2=\"21\"\/><line x1=\"14\" y1=\"21\" x2=\"21\" y2=\"21\"\/><\/svg>\n    <\/div>\n    <h3 class=\"don-modal-title\">GCash Donation<\/h3>\n    <p class=\"don-modal-tag\">Scan to donate<\/p>\n    <div class=\"don-qr-wrap\">\n      <div class=\"don-qr-box\">\n        <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"3\" height=\"3\"\/><line x1=\"21\" y1=\"14\" x2=\"21\" y2=\"21\"\/><line x1=\"14\" y1=\"21\" x2=\"21\" y2=\"21\"\/><\/svg>\n        <span>QR Code Here<\/span>\n      <\/div>\n      <p class=\"don-qr-note\">Open your GCash app, tap &#8220;Scan QR&#8221;, and point your camera at the code above.<\/p>\n    <\/div>\n    <div class=\"don-detail-rows\" style=\"max-width:320px;margin:0 auto;\">\n      <div class=\"don-detail-row\">\n        <span class=\"don-detail-label\">GCash Name<\/span>\n        <span class=\"don-detail-value\">Immaculate Conception Parish<\/span>\n      <\/div>\n      <div class=\"don-detail-row\">\n        <span class=\"don-detail-label\">Number<\/span>\n        <span class=\"don-detail-value\">0917 123 4567<\/span>\n      <\/div>\n    <\/div>\n    <button class=\"don-copy-btn\" type=\"button\" data-copy=\"0917 123 4567\">\n      <svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\n      Copy GCash Number\n    <\/button>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var bankModal  = document.getElementById('donBankModal');\n  var gcashModal = document.getElementById('donGcashModal');\n\n  document.querySelectorAll('[data-modal]').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var t = this.getAttribute('data-modal');\n      if (t === 'bank') bankModal.classList.add('open');\n      if (t === 'gcash') gcashModal.classList.add('open');\n    });\n  });\n\n  document.querySelectorAll('[data-close]').forEach(function (btn) {\n    btn.addEventListener('click', function (e) {\n      e.stopPropagation();\n      var t = this.getAttribute('data-close');\n      if (t === 'bank') bankModal.classList.remove('open');\n      if (t === 'gcash') gcashModal.classList.remove('open');\n    });\n  });\n\n  [bankModal, gcashModal].forEach(function (overlay) {\n    overlay.addEventListener('click', function (e) {\n      if (e.target === overlay) overlay.classList.remove('open');\n    });\n  });\n\n  document.addEventListener('keydown', function (e) {\n    if (e.key === 'Escape') {\n      bankModal.classList.remove('open');\n      gcashModal.classList.remove('open');\n    }\n  });\n\n  document.querySelectorAll('[data-copy]').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var text = this.getAttribute('data-copy');\n      var self = this;\n      navigator.clipboard.writeText(text).then(function () {\n        var original = self.innerHTML;\n        self.innerHTML = '<svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Copied!';\n        self.style.color = '#c9a84c';\n        self.style.borderColor = 'rgba(201,168,76,0.5)';\n        setTimeout(function () {\n          self.innerHTML = original;\n          self.style.color = '';\n          self.style.borderColor = '';\n        }, 2000);\n      });\n    });\n  });\n})();\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":438,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"Donate - Immaculate Conception Parish","description":""},"footnotes":""},"class_list":["post-26","page","type-page","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-content\/uploads\/sites\/16\/2026\/03\/San-Lorenzo-Parish-Youth-Ministry.jpg",1200,628,false],"thumbnail":["https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-content\/uploads\/sites\/16\/2026\/03\/San-Lorenzo-Parish-Youth-Ministry-300x300.jpg",300,300,true],"medium":["https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-content\/uploads\/sites\/16\/2026\/03\/San-Lorenzo-Parish-Youth-Ministry-600x314.jpg",600,314,true],"medium_large":["https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-content\/uploads\/sites\/16\/2026\/03\/San-Lorenzo-Parish-Youth-Ministry-768x402.jpg",768,402,true],"large":["https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-content\/uploads\/sites\/16\/2026\/03\/San-Lorenzo-Parish-Youth-Ministry-1080x565.jpg",1080,565,true],"1536x1536":["https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-content\/uploads\/sites\/16\/2026\/03\/San-Lorenzo-Parish-Youth-Ministry.jpg",1200,628,false],"2048x2048":["https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-content\/uploads\/sites\/16\/2026\/03\/San-Lorenzo-Parish-Youth-Ministry.jpg",1200,628,false]},"uagb_author_info":{"display_name":"Yin Wood","author_link":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/blogs\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":32,"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":1441,"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/pages\/26\/revisions\/1441"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/media\/438"}],"wp:attachment":[{"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}