{"id":20,"date":"2026-03-13T07:38:41","date_gmt":"2026-03-13T07:38:41","guid":{"rendered":"https:\/\/demo4.yinwoodweb.com\/tiniguiban\/?page_id=20"},"modified":"2026-07-02T14:04:54","modified_gmt":"2026-07-02T06:04:54","slug":"donate","status":"publish","type":"page","link":"https:\/\/demo4.yinwoodweb.com\/tiniguiban\/donate\/","title":{"rendered":"Donate"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-f5a38470 alignfull uagb-is-root-container\">\n<style data-wp-block-html=\"css\">\n:root {\n    --gold: #8b6914;\n    --gold-light: #a67f1e;\n    --gold-dim: #9c7d3a;\n    --gold-pale: rgba(139, 105, 20, 0.08);\n    --light: #f5f0e7;\n    --light-warm: #ece5d8;\n    --light-card: #ffffff;\n    --text-primary: #1a1410;\n    --text-secondary: #4a3d2e;\n    --text-muted: #7a6b55;\n    --border: rgba(139, 105, 20, 0.22);\n    --border-light: rgba(139, 105, 20, 0.12);\n    --shadow-soft: 0 4px 24px rgba(26, 20, 16, 0.08);\n    --shadow-deep: 0 20px 60px rgba(26, 20, 16, 0.14);\n}\n\n*,\n*::before,\n*::after {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nhtml {\n    font-size: 16px;\n    scroll-behavior: smooth;\n}\n\nbody {\n    font-family: 'DM Sans', sans-serif;\n    color: var(--text-primary);\n    min-height: 100vh;\n    overflow-x: hidden;\n    background:\n        radial-gradient(ellipse at 10% 40%, rgba(160, 125, 62, 0.05) 0%, transparent 50%),\n        radial-gradient(ellipse at 90% 70%, rgba(196, 168, 108, 0.04) 0%, transparent 45%),\n        var(--light);\n    background-attachment: fixed;\n}\n\nbody::after {\n    content: '';\n    position: fixed;\n    inset: 0;\n    opacity: 0.02;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n    pointer-events: none;\n    z-index: 0;\n}\n\n\/* \u2500\u2500 Section Layout \u2500\u2500 *\/\n.donate-section {\n    position: relative;\n    z-index: 2;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 5rem 3.5rem;\n    gap: 5rem;\n}\n\n\/* \u2500\u2500 Left: Info \u2500\u2500 *\/\n.donate-info {\n    max-width: 400px;\n    opacity: 0;\n    animation: fadeUp 0.9s ease 0.2s forwards;\n}\n\n.overline {\n    display: block;\n    font-size: 0.62rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--gold-dim);\n    margin-bottom: 1rem;\n}\n\n.donate-info h1 {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 300;\n    font-size: 3.2rem;\n    line-height: 1.15;\n    color: var(--text-primary);\n}\n\n.donate-info h1 em {\n    font-style: italic;\n    color: var(--gold);\n}\n\n.divider {\n    width: 48px;\n    height: 1px;\n    background: linear-gradient(90deg, var(--gold), transparent);\n    margin: 1.8rem 0;\n}\n\n.lead {\n    font-size: 0.88rem;\n    line-height: 1.8;\n    color: var(--text-secondary);\n    margin-bottom: 2.5rem;\n}\n\nblockquote {\n    border-left: 2px solid var(--gold-dim);\n    padding-left: 1.2rem;\n    margin: 0;\n}\n\nblockquote p {\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-size: 1.05rem;\n    line-height: 1.7;\n    color: var(--text-secondary);\n}\n\nblockquote cite {\n    display: block;\n    font-family: 'DM Sans', sans-serif;\n    font-style: normal;\n    font-size: 0.7rem;\n    letter-spacing: 0.12em;\n    color: var(--text-muted);\n    margin-top: 0.6rem;\n}\n\n\/* \u2500\u2500 Right: Details Card \u2500\u2500 *\/\n.donate-details-wrapper {\n    max-width: 420px;\n    width: 100%;\n    opacity: 0;\n    animation: fadeUp 0.9s ease 0.4s forwards;\n}\n\n.donate-card {\n    background: var(--light-card);\n    border: 1px solid var(--border-light);\n    border-radius: 6px;\n    padding: 2.5rem;\n    box-shadow: var(--shadow-deep);\n    position: relative;\n    overflow: hidden;\n}\n\n.donate-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n}\n\n\/* \u2500\u2500 Field Label \u2500\u2500 *\/\n.field-label {\n    display: block;\n    font-size: 0.65rem;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    margin-bottom: 0.8rem;\n    text-align: center;\n}\n\n\/* \u2500\u2500 QR Code \u2500\u2500 *\/\n.qr-section {\n    text-align: center;\n    margin-bottom: 0;\n}\n\n.qr-frame {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 180px;\n    height: 180px;\n    border: 1px solid var(--border);\n    border-radius: 6px;\n    background: var(--light);\n    padding: 10px;\n    box-shadow: var(--shadow-soft);\n}\n\n.qr-image {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n}\n\n.qr-hint {\n    font-size: 0.7rem;\n    color: var(--text-muted);\n    margin-top: 0.7rem;\n    letter-spacing: 0.04em;\n}\n\n\/* \u2500\u2500 Card Divider \u2500\u2500 *\/\n.card-divider {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    margin: 1.8rem 0;\n}\n\n.card-divider::before,\n.card-divider::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    background: var(--border-light);\n}\n\n.card-divider span {\n    font-size: 0.62rem;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    white-space: nowrap;\n}\n\n\/* \u2500\u2500 Bank List \u2500\u2500 *\/\n.bank-list {\n    display: flex;\n    flex-direction: column;\n    gap: 0.8rem;\n}\n\n.bank-item {\n    display: flex;\n    align-items: center;\n    gap: 0.9rem;\n    padding: 0.9rem 1rem;\n    background: var(--light);\n    border: 1px solid var(--border-light);\n    border-radius: 5px;\n    transition: border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.bank-item:hover {\n    border-color: var(--gold);\n    box-shadow: 0 2px 16px rgba(160, 125, 62, 0.08);\n}\n\n.bank-logo {\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background: var(--light-card);\n    border: 1px solid var(--border);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.bank-logo svg {\n    width: 16px;\n    height: 16px;\n    stroke: var(--gold);\n}\n\n.bank-info {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 0.1rem;\n    min-width: 0;\n}\n\n.bank-name {\n    font-size: 0.65rem;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    font-weight: 500;\n}\n\n.bank-account {\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: var(--text-primary);\n    letter-spacing: 0.06em;\n    font-variant-numeric: tabular-nums;\n}\n\n.bank-holder {\n    font-size: 0.72rem;\n    color: var(--text-secondary);\n    font-weight: 300;\n}\n\n\/* \u2500\u2500 Secure Note \u2500\u2500 *\/\n.secure-note {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.4rem;\n    margin-top: 1.5rem;\n    font-size: 0.68rem;\n    color: var(--text-muted);\n    letter-spacing: 0.02em;\n    text-align: center;\n    line-height: 1.5;\n}\n\n.secure-note svg {\n    width: 13px;\n    height: 13px;\n    flex-shrink: 0;\n    stroke: var(--gold-dim);\n}\n\n\/* \u2500\u2500 Keyframes \u2500\u2500 *\/\n@keyframes fadeUp {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 1024px) {\n    .donate-section {\n        flex-direction: column;\n        gap: 3rem;\n        padding: 3rem 2rem;\n    }\n\n    .donate-info,\n    .donate-details-wrapper {\n        max-width: 100%;\n    }\n\n    .donate-info h1 {\n        font-size: 2.6rem;\n    }\n}\n\n@media (max-width: 640px) {\n    .donate-section {\n        padding: 2rem 1.5rem;\n    }\n\n    .donate-info h1 {\n        font-size: 2rem;\n    }\n\n    .donate-card {\n        padding: 2rem 1.5rem;\n    }\n\n    .qr-frame {\n        width: 160px;\n        height: 160px;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/\/ \u2500\u2500 Copy to Clipboard \u2500\u2500\nconst copyBtns = document.querySelectorAll('.copy-btn');\n\ncopyBtns.forEach(btn => {\n    btn.addEventListener('click', function() {\n        const text = this.dataset.copy;\n\n        navigator.clipboard.writeText(text).then(() => {\n            const svg = this.querySelector('svg');\n\n            \/\/ Swap to checkmark\n            this.classList.add('copied');\n            svg.innerHTML = '<polyline points=\"4 12 10 18 20 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>';\n\n            \/\/ Reset after 2 seconds\n            setTimeout(() => {\n                this.classList.remove('copied');\n                svg.innerHTML = '<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\"\/>';\n            }, 2000);\n        });\n    });\n});\n<\/script>\n\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Donate \u2014 Holy Spirit Parish<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&amp;family=DM+Sans:wght@300;400;500&amp;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"donate.css\">\n\n\n\n    <section class=\"donate-section\">\n\n        <!-- Left Column -->\n        <div class=\"donate-info\">\n            <span class=\"overline\">Support Our Mission<\/span>\n            <h1>Give with a <em>Grateful Heart<\/em><\/h1>\n            <div class=\"divider\"><\/div>\n            <p class=\"lead\">\n                Your generous contribution helps sustain our parish community,\n                support outreach programs, and maintain our sacred space for\n                generations to come.\n            <\/p>\n            <blockquote>\n                <p>&#8220;Each of you should give what you have decided in your heart to give,\n                not reluctantly or under compulsion, for God loves a cheerful giver.&#8221;<\/p>\n                <cite>2 Corinthians 9:7<\/cite>\n            <\/blockquote>\n        <\/div>\n\n        <!-- Right Column -->\n        <div class=\"donate-details-wrapper\">\n            <div class=\"donate-card\">\n\n                <!-- QR Section -->\n                <div class=\"qr-section\">\n                    <label class=\"field-label\">Scan to Donate<\/label>\n                    <div class=\"qr-frame\">\n                        <img decoding=\"async\" src=\"https:\/\/demo4.yinwoodweb.com\/tiniguiban\/wp-content\/uploads\/sites\/6\/2026\/03\/GCash-e1781661311688.png\" alt=\"Donation QR Code\" class=\"qr-image\">\n                    <\/div>\n                    <p class=\"qr-hint\">GCash \u00b7 Maya \u00b7 Any QR Ph-enabled bank<\/p>\n                <\/div>\n\n                <div class=\"card-divider\">\n                    <span>or transfer directly<\/span>\n                <\/div>\n\n                <!-- Bank Details -->\n                <div class=\"bank-list\">\n\n                    <div class=\"bank-item\">\n                        <div class=\"bank-logo\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"><\/rect>\n                                <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"><\/line>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"bank-info\">\n                            <span class=\"bank-name\">GCash<\/span>\n                            <span class=\"bank-account\">0956 261 6212<\/span>\n                            <span class=\"bank-holder\">Jose Jay<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bank-item\">\n                        <div class=\"bank-logo\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M3 21h18\"><\/path>\n                                <path d=\"M3 10h18\"><\/path>\n                                <path d=\"M5 6l7-3 7 3\"><\/path>\n                                <path d=\"M4 10v11\"><\/path>\n                                <path d=\"M20 10v11\"><\/path>\n                                <path d=\"M8 14v4\"><\/path>\n                                <path d=\"M12 14v4\"><\/path>\n                                <path d=\"M16 14v4\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"bank-info\">\n                            <span class=\"bank-name\">BDO Savings<\/span>\n                            <span class=\"bank-account\">0078 XXXX XXXX<\/span>\n                            <span class=\"bank-holder\">Holy Spirit Parish Foundation Inc.<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bank-item\">\n                        <div class=\"bank-logo\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M3 21h18\"><\/path>\n                                <path d=\"M3 10h18\"><\/path>\n                                <path d=\"M5 6l7-3 7 3\"><\/path>\n                                <path d=\"M4 10v11\"><\/path>\n                                <path d=\"M20 10v11\"><\/path>\n                                <path d=\"M8 14v4\"><\/path>\n                                <path d=\"M12 14v4\"><\/path>\n                                <path d=\"M16 14v4\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"bank-info\">\n                            <span class=\"bank-name\">BPI Savings<\/span>\n                            <span class=\"bank-account\">3200 XXXX XXXX<\/span>\n                            <span class=\"bank-holder\">Holy Spirit Parish Foundation Inc.<\/span>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <!-- Note -->\n                <p class=\"secure-note\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n                    <\/svg>\n                    Please include your name in the transfer note. God bless you.\n                <\/p>\n\n            <\/div>\n        <\/div>\n\n    <\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Donate \u2014 Holy Spirit Parish Support Our Mission Give with a Grateful Heart Your generous contribution helps sustain our parish [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"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 - Holy Spirit Parish","description":"Donate \u2014 Holy Spirit Parish Support Our Mission Give with a Grateful Heart Your generous contribution helps sustain our parish community, support outreach progr"},"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"phwpywadsa623","author_link":"https:\/\/demo4.yinwoodweb.com\/tiniguiban\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"Donate \u2014 Holy Spirit Parish Support Our Mission Give with a Grateful Heart Your generous contribution helps sustain our parish [&hellip;]","_links":{"self":[{"href":"https:\/\/demo4.yinwoodweb.com\/tiniguiban\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo4.yinwoodweb.com\/tiniguiban\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo4.yinwoodweb.com\/tiniguiban\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo4.yinwoodweb.com\/tiniguiban\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo4.yinwoodweb.com\/tiniguiban\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":10,"href":"https:\/\/demo4.yinwoodweb.com\/tiniguiban\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":1128,"href":"https:\/\/demo4.yinwoodweb.com\/tiniguiban\/wp-json\/wp\/v2\/pages\/20\/revisions\/1128"}],"wp:attachment":[{"href":"https:\/\/demo4.yinwoodweb.com\/tiniguiban\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}