{"id":12,"date":"2026-08-09T12:27:40","date_gmt":"2026-08-09T12:27:40","guid":{"rendered":"https:\/\/eteatech.com.ng\/?page_id=12"},"modified":"2026-08-09T13:27:35","modified_gmt":"2026-08-09T13:27:35","slug":"home","status":"publish","type":"page","link":"https:\/\/eteatech.com.ng\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\n\n\n\n\n\n\n\nMercy And Love Corner Development Foundation - Donation\n<\/title>\n\n<style>\n\n\/* ================================\n FOUNDATION DONATION FORM\n================================ *\/\n\n.mercy-donation * {\n box-sizing: border-box;\n}\n\n.mercy-donation {\n\n width: 100%;\n\n min-height: 100vh;\n\n padding: 40px 15px;\n\n background:\n linear-gradient(\n 135deg,\n #f1fbf6,\n #ffffff,\n #f8fdea\n );\n\n font-family:\n Arial,\n Helvetica,\n sans-serif;\n\n color: #17231f;\n}\n\n\n\/* ================================\n MAIN CARD\n================================ *\/\n\n.mercy-card {\n\n width: 100%;\n\n max-width: 760px;\n\n margin: auto;\n\n background: #ffffff;\n\n border-radius: 28px;\n\n overflow: hidden;\n\n border: 1px solid #e0eee7;\n\n box-shadow:\n 0 25px 70px\n rgba(0, 70, 42, 0.15);\n}\n\n\n\/* ================================\n LOGO\n================================ *\/\n\n.mercy-logo-area {\n\n width: 100%;\n\n padding: 25px 30px;\n\n background: #ffffff;\n\n border-bottom:\n 1px solid #edf2ef;\n\n display: flex;\n\n align-items: center;\n\n justify-content: flex-start;\n}\n\n\n.mercy-logo {\n\n display: block;\n\n width: 300px;\n\n max-width: 100%;\n\n height: auto;\n\n object-fit: contain;\n}\n\n\n\/* ================================\n HERO\n================================ *\/\n\n.mercy-hero {\n\n padding: 40px;\n\n background:\n linear-gradient(\n 135deg,\n #effbf5 0%,\n #ffffff 65%,\n #fbfff1 100%\n );\n}\n\n\n.mercy-badge {\n\n display: inline-block;\n\n padding: 8px 14px;\n\n border-radius: 50px;\n\n background: #e9f8f1;\n\n color: #008451;\n\n font-size: 11px;\n\n font-weight: 800;\n\n letter-spacing: 1.5px;\n}\n\n\n.mercy-hero h1 {\n\n margin:\n 15px 0 12px;\n\n font-size:\n clamp(30px, 5vw, 45px);\n\n line-height: 1.05;\n\n letter-spacing: -1.5px;\n\n color: #17231f;\n}\n\n\n.mercy-hero p {\n\n margin: 0;\n\n max-width: 620px;\n\n color: #6d7a8f;\n\n font-size: 15px;\n\n line-height: 1.7;\n}\n\n\n\/* ================================\n FORM SECTION\n================================ *\/\n\n.mercy-section {\n\n padding: 30px 40px;\n\n border-bottom:\n 1px solid #edf2ef;\n}\n\n\n\/* ================================\n SECTION TITLE\n================================ *\/\n\n.mercy-heading {\n\n display: flex;\n\n align-items: flex-start;\n\n gap: 13px;\n\n margin-bottom: 22px;\n}\n\n\n.mercy-step {\n\n width: 32px;\n\n height: 32px;\n\n min-width: 32px;\n\n display: grid;\n\n place-items: center;\n\n border-radius: 50%;\n\n background: #00a663;\n\n color: #ffffff;\n\n font-size: 13px;\n\n font-weight: 800;\n}\n\n\n.mercy-heading h2 {\n\n margin:\n 2px 0 4px;\n\n font-size: 18px;\n\n color: #17231f;\n}\n\n\n.mercy-heading p {\n\n margin: 0;\n\n color: #6d7a8f;\n\n font-size: 13px;\n}\n\n\n\/* ================================\n AMOUNT BUTTONS\n================================ *\/\n\n.mercy-amount-grid {\n\n display: grid;\n\n grid-template-columns:\n repeat(3, 1fr);\n\n gap: 11px;\n}\n\n\n.mercy-amount {\n\n border:\n 1.5px solid #dfe8e3;\n\n background: #ffffff;\n\n border-radius: 13px;\n\n padding: 16px 10px;\n\n color: #17231f;\n\n font-size: 15px;\n\n font-weight: 800;\n\n cursor: pointer;\n\n transition:\n all .2s ease;\n}\n\n\n.mercy-amount:hover {\n\n border-color: #00a663;\n\n transform:\n translateY(-2px);\n}\n\n\n.mercy-amount.active {\n\n background:\n linear-gradient(\n 135deg,\n #00a663,\n #008451\n );\n\n border-color: #00a663;\n\n color: #ffffff;\n\n box-shadow:\n 0 10px 20px\n rgba(0,166,99,.20);\n}\n\n\n\/* ================================\n CUSTOM AMOUNT\n================================ *\/\n\n.mercy-custom {\n\n display: none;\n\n margin-top: 15px;\n}\n\n\n.mercy-custom.show {\n\n display: block;\n}\n\n\n.mercy-label {\n\n display: block;\n\n margin-bottom: 7px;\n\n color: #34443d;\n\n font-size: 13px;\n\n font-weight: 700;\n}\n\n\n.mercy-money {\n\n display: flex;\n\n align-items: center;\n\n border:\n 1.5px solid #dfe8e3;\n\n border-radius: 12px;\n\n overflow: hidden;\n\n background: #ffffff;\n}\n\n\n.mercy-money span {\n\n padding-left: 14px;\n\n color: #008451;\n\n font-weight: 800;\n}\n\n\n.mercy-money input {\n\n width: 100%;\n\n border: 0;\n\n outline: 0;\n\n padding: 14px;\n\n font-size: 15px;\n}\n\n\n.mercy-selected {\n\n margin-top: 12px;\n\n padding: 12px;\n\n border-radius: 10px;\n\n background: #f7faf8;\n\n color: #6d7a8f;\n\n font-size: 13px;\n}\n\n\n.mercy-selected.active {\n\n background: #e9f8f1;\n\n color: #008451;\n\n font-weight: 800;\n}\n\n\n\/* ================================\n DONOR FORM\n================================ *\/\n\n.mercy-grid {\n\n display: grid;\n\n grid-template-columns:\n 1fr 1fr;\n\n gap: 17px;\n}\n\n\n.mercy-full {\n\n grid-column:\n 1 \/ -1;\n}\n\n\n.mercy-input {\n\n width: 100%;\n\n padding: 14px;\n\n border:\n 1.5px solid #dfe8e3;\n\n border-radius: 12px;\n\n background: #ffffff;\n\n color: #17231f;\n\n outline: none;\n\n font-size: 14px;\n\n transition: .2s ease;\n}\n\n\n.mercy-input:focus {\n\n border-color: #00a663;\n\n box-shadow:\n 0 0 0 4px\n rgba(0,166,99,.08);\n}\n\n\n\/* ================================\n PAYMENT OPTIONS\n================================ *\/\n\n.mercy-payments {\n\n display: grid;\n\n gap: 11px;\n}\n\n\n.mercy-payment {\n\n position: relative;\n\n display: flex;\n\n align-items: center;\n\n gap: 13px;\n\n padding: 15px;\n\n border:\n 1.5px solid #dfe8e3;\n\n border-radius: 14px;\n\n cursor: pointer;\n\n transition: .2s ease;\n}\n\n\n.mercy-payment:hover {\n\n border-color: #00a663;\n\n background: #f8fdfa;\n}\n\n\n.mercy-payment.active {\n\n border-color: #00a663;\n\n background: #f8fdfa;\n}\n\n\n.mercy-payment input {\n\n position: absolute;\n\n opacity: 0;\n}\n\n\n.mercy-payment-icon {\n\n width: 43px;\n\n height: 43px;\n\n min-width: 43px;\n\n display: grid;\n\n place-items: center;\n\n border-radius: 11px;\n\n background: #e9f8f1;\n\n font-size: 19px;\n}\n\n\n.mercy-payment-info {\n\n display: flex;\n\n flex-direction: column;\n\n gap: 3px;\n}\n\n\n.mercy-payment-info strong {\n\n font-size: 14px;\n}\n\n\n.mercy-payment-info small {\n\n color: #6d7a8f;\n\n font-size: 12px;\n}\n\n\n.mercy-radio {\n\n width: 19px;\n\n height: 19px;\n\n margin-left: auto;\n\n border:\n 2px solid #c9d5cf;\n\n border-radius: 50%;\n}\n\n\n.mercy-payment.active\n.mercy-radio {\n\n border:\n 5px solid #00a663;\n}\n\n\n\/* ================================\n SECURITY\n================================ *\/\n\n.mercy-security {\n\n margin:\n 25px 40px 0;\n\n padding: 15px;\n\n display: flex;\n\n gap: 10px;\n\n border-radius: 13px;\n\n background: #f6faf8;\n\n border:\n 1px solid #e2eee8;\n}\n\n\n.mercy-security-icon {\n\n font-size: 18px;\n}\n\n\n.mercy-security strong {\n\n font-size: 13px;\n}\n\n\n.mercy-security p {\n\n margin:\n 4px 0 0;\n\n color: #6d7a8f;\n\n font-size: 12px;\n\n line-height: 1.5;\n}\n\n\n\/* ================================\n DONATE BUTTON\n================================ *\/\n\n.mercy-submit {\n\n width:\n calc(100% - 80px);\n\n margin:\n 20px 40px 0;\n\n padding: 17px 20px;\n\n border: none;\n\n border-radius: 13px;\n\n background:\n linear-gradient(\n 135deg,\n #00a663,\n #008451\n );\n\n color: #ffffff;\n\n font-size: 15px;\n\n font-weight: 800;\n\n cursor: pointer;\n\n display: flex;\n\n justify-content: center;\n\n align-items: center;\n\n gap: 12px;\n\n box-shadow:\n 0 13px 25px\n rgba(0,166,99,.20);\n\n transition: .2s ease;\n}\n\n\n.mercy-submit:hover {\n\n transform:\n translateY(-2px);\n}\n\n\n.mercy-submit:disabled {\n\n opacity: .7;\n\n cursor: wait;\n}\n\n\n.mercy-arrow {\n\n font-size: 21px;\n}\n\n\n\/* ================================\n ERROR\n================================ *\/\n\n.mercy-error {\n\n min-height: 20px;\n\n margin:\n 12px 40px 0;\n\n color: #c62828;\n\n text-align: center;\n\n font-size: 13px;\n}\n\n\n\/* ================================\n FOOTER\n================================ *\/\n\n.mercy-footer {\n\n padding:\n 17px 20px 25px;\n\n text-align: center;\n\n color: #9aa69f;\n\n font-size: 11px;\n}\n\n\n\/* ================================\n SUCCESS\n================================ *\/\n\n.mercy-success {\n\n display: none;\n\n padding:\n 60px 30px;\n\n text-align: center;\n}\n\n\n.mercy-success.show {\n\n display: block;\n}\n\n\n.mercy-success-icon {\n\n width: 78px;\n\n height: 78px;\n\n margin:\n 0 auto 20px;\n\n display: grid;\n\n place-items: center;\n\n border-radius: 50%;\n\n background: #e9f8f1;\n\n color: #008451;\n\n font-size: 36px;\n\n font-weight: 900;\n}\n\n\n.mercy-success h2 {\n\n margin:\n 0 0 10px;\n\n font-size: 32px;\n}\n\n\n.mercy-success p {\n\n color: #6d7a8f;\n\n line-height: 1.7;\n}\n\n\n\/* ================================\n MOBILE\n================================ *\/\n\n@media(max-width:620px) {\n\n .mercy-donation {\n\n padding:\n 12px 8px;\n }\n\n\n .mercy-card {\n\n border-radius: 20px;\n }\n\n\n .mercy-logo-area {\n\n padding: 20px;\n }\n\n\n .mercy-logo {\n\n width: 280px;\n }\n\n\n .mercy-hero {\n\n padding: 28px 22px;\n }\n\n\n .mercy-section {\n\n padding:\n 25px 22px;\n }\n\n\n .mercy-amount-grid {\n\n grid-template-columns:\n repeat(2, 1fr);\n }\n\n\n .mercy-grid {\n\n grid-template-columns:\n 1fr;\n }\n\n\n .mercy-full {\n\n grid-column:\n auto;\n }\n\n\n .mercy-security {\n\n margin-left: 22px;\n\n margin-right: 22px;\n }\n\n\n .mercy-submit {\n\n width:\n calc(100% - 44px);\n\n margin-left: 22px;\n\n margin-right: 22px;\n }\n\n\n .mercy-error {\n\n margin-left: 22px;\n\n margin-right: 22px;\n }\n\n}\n\n<\/style>\n\n<\/head>\n\n\n<body>\n\n\n<div class=\"mercy-donation\">\n\n\n<div class=\"mercy-card\">\n\n\n<!-- ==========================================\n LOGO\n========================================== -->\n\n<div class=\"mercy-logo-area\">\n\n<img decoding=\"async\"\n class=\"mercy-logo\"\n src=\"https:\/\/eteatech.com.ng\/wp-content\/uploads\/2026\/08\/Capture-2-300x63.png\"\n alt=\"Mercy And Love Corner Development Foundation\"\n onerror=\"this.style.display='none'; document.getElementById('logoFallback').style.display='block';\"\n>\n\n<div\n id=\"logoFallback\"\n style=\"\n display:none;\n color:#008451;\n font-weight:800;\n font-size:18px;\n \"\n>\n Mercy And Love Corner Development Foundation\n<\/div>\n\n<\/div>\n\n\n<!-- ==========================================\n HERO\n========================================== -->\n\n<div class=\"mercy-hero\">\n\n<span class=\"mercy-badge\">\nMAKE A DIFFERENCE\n<\/span>\n\n<h1>\nSupport Our Mission\n<\/h1>\n\n<p>\nYour donation helps Mercy And Love Corner Development Foundation\ncontinue its work and reach people who need support.\nEvery contribution, big or small, can make a difference.\n<\/p>\n\n<\/div>\n\n\n<form id=\"mercyDonationForm\">\n\n\n<!-- ==========================================\n STEP 1\n========================================== -->\n\n<div class=\"mercy-section\">\n\n\n<div class=\"mercy-heading\">\n\n<div class=\"mercy-step\">\n1\n<\/div>\n\n<div>\n\n<h2>\nChoose an amount\n<\/h2>\n\n<p>\nSelect a donation amount or enter your own.\n<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"mercy-amount-grid\">\n\n\n<button\ntype=\"button\"\nclass=\"mercy-amount\"\ndata-amount=\"50\"\n>\n$50\n<\/button>\n\n\n<button\ntype=\"button\"\nclass=\"mercy-amount\"\ndata-amount=\"100\"\n>\n$100\n<\/button>\n\n\n<button\ntype=\"button\"\nclass=\"mercy-amount\"\ndata-amount=\"250\"\n>\n$250\n<\/button>\n\n\n<button\ntype=\"button\"\nclass=\"mercy-amount\"\ndata-amount=\"500\"\n>\n$500\n<\/button>\n\n\n<button\ntype=\"button\"\nclass=\"mercy-amount\"\ndata-amount=\"1000\"\n>\n$1,000\n<\/button>\n\n\n<button\ntype=\"button\"\nclass=\"mercy-amount\"\nid=\"mercyCustomButton\"\n>\nCustom Amount\n<\/button>\n\n\n<\/div>\n\n\n<div\nclass=\"mercy-custom\"\nid=\"mercyCustomBox\"\n>\n\n<label\nclass=\"mercy-label\"\nfor=\"mercyCustomAmount\"\n>\nEnter Custom Amount\n<\/label>\n\n\n<div class=\"mercy-money\">\n\n<span>\n$\n<\/span>\n\n<input\ntype=\"number\"\nid=\"mercyCustomAmount\"\nmin=\"1\"\nstep=\"0.01\"\nplaceholder=\"Enter amount\"\n>\n\n<\/div>\n\n<\/div>\n\n\n<div\nclass=\"mercy-selected\"\nid=\"mercySelectedAmount\"\n>\nSelect an amount to continue\n<\/div>\n\n\n<\/div>\n\n\n<!-- ==========================================\n STEP 2\n========================================== -->\n\n<div class=\"mercy-section\">\n\n\n<div class=\"mercy-heading\">\n\n<div class=\"mercy-step\">\n2\n<\/div>\n\n<div>\n\n<h2>\nYour Details\n<\/h2>\n\n<p>\nEnter your information for your donation receipt.\n<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"mercy-grid\">\n\n\n<div>\n\n<label\nclass=\"mercy-label\"\nfor=\"mercyName\"\n>\nFull Name *\n<\/label>\n\n<input\nclass=\"mercy-input\"\ntype=\"text\"\nid=\"mercyName\"\nplaceholder=\"Your full name\"\nrequired\n>\n\n<\/div>\n\n\n<div>\n\n<label\nclass=\"mercy-label\"\nfor=\"mercyEmail\"\n>\nEmail Address *\n<\/label>\n\n<input\nclass=\"mercy-input\"\ntype=\"email\"\nid=\"mercyEmail\"\nplaceholder=\"you@example.com\"\nrequired\n>\n\n<\/div>\n\n\n<div class=\"mercy-full\">\n\n<label\nclass=\"mercy-label\"\nfor=\"mercyPhone\"\n>\nPhone Number\n<span style=\"font-weight:normal;color:#6d7a8f;\">\n(optional)\n<\/span>\n<\/label>\n\n<input\nclass=\"mercy-input\"\ntype=\"tel\"\nid=\"mercyPhone\"\nplaceholder=\"+234 800 000 0000\"\n>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n\n<!-- ==========================================\n STEP 3\n========================================== -->\n\n<div class=\"mercy-section\">\n\n\n<div class=\"mercy-heading\">\n\n<div class=\"mercy-step\">\n3\n<\/div>\n\n<div>\n\n<h2>\nPayment Method\n<\/h2>\n\n<p>\nChoose how you would like to complete your donation.\n<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"mercy-payments\">\n\n\n<label\nclass=\"mercy-payment active\"\n>\n\n<input\ntype=\"radio\"\nname=\"mercyPayment\"\nvalue=\"card\"\nchecked\n>\n\n<div class=\"mercy-payment-icon\">\n\ud83d\udcb3\n<\/div>\n\n<div class=\"mercy-payment-info\">\n\n<strong>\nCard Payment\n<\/strong>\n\n<small>\nVisa, Mastercard and supported cards\n<\/small>\n\n<\/div>\n\n<div class=\"mercy-radio\"><\/div>\n\n<\/label>\n\n\n<label\nclass=\"mercy-payment\"\n>\n\n<input\ntype=\"radio\"\nname=\"mercyPayment\"\nvalue=\"bank\"\n>\n\n<div class=\"mercy-payment-icon\">\n\ud83c\udfe6\n<\/div>\n\n<div class=\"mercy-payment-info\">\n\n<strong>\nBank Transfer\n<\/strong>\n\n<small>\nMake your donation through bank transfer\n<\/small>\n\n<\/div>\n\n<div class=\"mercy-radio\"><\/div>\n\n<\/label>\n\n\n<label\nclass=\"mercy-payment\"\n>\n\n<input\ntype=\"radio\"\nname=\"mercyPayment\"\nvalue=\"ussd\"\n>\n\n<div class=\"mercy-payment-icon\">\n\ud83d\udcf1\n<\/div>\n\n<div class=\"mercy-payment-info\">\n\n<strong>\nUSSD\n<\/strong>\n\n<small>\nPay using a supported USSD option\n<\/small>\n\n<\/div>\n\n<div class=\"mercy-radio\"><\/div>\n\n<\/label>\n\n\n<\/div>\n\n<\/div>\n\n\n<!-- ==========================================\n SECURITY\n========================================== -->\n\n<div class=\"mercy-security\">\n\n<div class=\"mercy-security-icon\">\n\ud83d\udd12\n<\/div>\n\n<div>\n\n<strong>\nSecure Donation\n<\/strong>\n\n<p>\nYour payment will be processed securely through\nthe selected payment gateway. Your card information\nwill not be stored on this website.\n<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<!-- ==========================================\n SUBMIT\n========================================== -->\n\n<button\ntype=\"submit\"\nclass=\"mercy-submit\"\nid=\"mercySubmit\"\n>\n\n<span id=\"mercyButtonText\">\nDonate Now\n<\/span>\n\n<span class=\"mercy-arrow\">\n\u2192\n<\/span>\n\n<\/button>\n\n\n<div\nclass=\"mercy-error\"\nid=\"mercyError\"\n><\/div>\n\n\n<div class=\"mercy-footer\">\nYour generosity can make a difference.\n<\/div>\n\n\n<\/form>\n\n\n<!-- ==========================================\n SUCCESS\n========================================== -->\n\n<div\nclass=\"mercy-success\"\nid=\"mercySuccess\"\n>\n\n<div class=\"mercy-success-icon\">\n\u2713\n<\/div>\n\n<h2>\nThank You!\n<\/h2>\n\n<p>\nThank you for supporting Mercy And Love Corner\nDevelopment Foundation.\n<\/p>\n\n<p id=\"mercySuccessDetails\"><\/p>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n\n<script>\n\n\/* ==========================================\n VARIABLES\n========================================== *\/\n\nconst mercyForm =\ndocument.getElementById(\"mercyDonationForm\");\n\nconst mercyAmounts =\ndocument.querySelectorAll(\".mercy-amount\");\n\nconst mercyCustomButton =\ndocument.getElementById(\"mercyCustomButton\");\n\nconst mercyCustomBox =\ndocument.getElementById(\"mercyCustomBox\");\n\nconst mercyCustomAmount =\ndocument.getElementById(\"mercyCustomAmount\");\n\nconst mercySelectedAmount =\ndocument.getElementById(\"mercySelectedAmount\");\n\nconst mercyName =\ndocument.getElementById(\"mercyName\");\n\nconst mercyEmail =\ndocument.getElementById(\"mercyEmail\");\n\nconst mercyPhone =\ndocument.getElementById(\"mercyPhone\");\n\nconst mercySubmit =\ndocument.getElementById(\"mercySubmit\");\n\nconst mercyButtonText =\ndocument.getElementById(\"mercyButtonText\");\n\nconst mercyError =\ndocument.getElementById(\"mercyError\");\n\nconst mercySuccess =\ndocument.getElementById(\"mercySuccess\");\n\nconst mercySuccessDetails =\ndocument.getElementById(\"mercySuccessDetails\");\n\n\nlet donationAmount = 0;\n\n\n\/* ==========================================\n MONEY FORMAT\n========================================== *\/\n\nfunction formatMoney(amount) {\n\nreturn Number(amount).toLocaleString(\n\"en-US\",\n{\nminimumFractionDigits: 2,\nmaximumFractionDigits: 2\n}\n);\n\n}\n\n\n\/* ==========================================\n SELECT AMOUNT\n========================================== *\/\n\nfunction selectDonationAmount(value) {\n\nconst amount = Number(value);\n\n\nif (\n!Number.isFinite(amount) ||\namount <= 0\n) {\n\ndonationAmount = 0;\n\nmercySelectedAmount.textContent =\n\"Select an amount to continue\";\n\nmercySelectedAmount.classList.remove(\n\"active\"\n);\n\nreturn;\n\n}\n\n\ndonationAmount = amount;\n\nmercySelectedAmount.textContent =\n\"Donation Amount: $\" +\nformatMoney(amount);\n\nmercySelectedAmount.classList.add(\n\"active\"\n);\n\n}\n\n\n\/* ==========================================\n AMOUNT BUTTONS\n========================================== *\/\n\nmercyAmounts.forEach(\nfunction(button) {\n\nbutton.addEventListener(\n\"click\",\nfunction() {\n\n\nmercyAmounts.forEach(\nfunction(item) {\n\nitem.classList.remove(\n\"active\"\n);\n\n}\n);\n\n\nbutton.classList.add(\n\"active\"\n);\n\n\nif (\nbutton === mercyCustomButton\n) {\n\nmercyCustomBox.classList.add(\n\"show\"\n);\n\nmercyCustomAmount.focus();\n\nselectDonationAmount(\nmercyCustomAmount.value\n);\n\n}\n\nelse {\n\nmercyCustomBox.classList.remove(\n\"show\"\n);\n\nmercyCustomAmount.value = \"\";\n\nselectDonationAmount(\nbutton.dataset.amount\n);\n\n}\n\n}\n);\n\n}\n);\n\n\n\/* ==========================================\n CUSTOM AMOUNT\n========================================== *\/\n\nmercyCustomAmount.addEventListener(\n\"input\",\nfunction() {\n\nselectDonationAmount(\nmercyCustomAmount.value\n);\n\n}\n);\n\n\n\/* ==========================================\n PAYMENT METHOD\n========================================== *\/\n\nconst mercyPaymentOptions =\ndocument.querySelectorAll(\n\".mercy-payment\"\n);\n\n\nmercyPaymentOptions.forEach(\nfunction(option) {\n\noption.addEventListener(\n\"click\",\nfunction() {\n\n\nmercyPaymentOptions.forEach(\nfunction(item) {\n\nitem.classList.remove(\n\"active\"\n);\n\n}\n);\n\n\noption.classList.add(\n\"active\"\n);\n\n\noption.querySelector(\n\"input\"\n).checked = true;\n\n}\n);\n\n}\n);\n\n\n\/* ==========================================\n SUBMIT FORM\n========================================== *\/\n\nmercyForm.addEventListener(\n\"submit\",\nfunction(event) {\n\nevent.preventDefault();\n\nmercyError.textContent = \"\";\n\n\n\/* CHECK AMOUNT *\/\n\nif (\n!donationAmount ||\ndonationAmount < 1\n) {\n\nmercyError.textContent =\n\"Please select a donation amount.\";\n\nreturn;\n\n}\n\n\n\/* CHECK NAME *\/\n\nif (\n!mercyName.value.trim()\n) {\n\nmercyError.textContent =\n\"Please enter your full name.\";\n\nmercyName.focus();\n\nreturn;\n\n}\n\n\n\/* CHECK EMAIL *\/\n\nconst emailPattern =\n\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n\nif (\n!emailPattern.test(\nmercyEmail.value.trim()\n)\n) {\n\nmercyError.textContent =\n\"Please enter a valid email address.\";\n\nmercyEmail.focus();\n\nreturn;\n\n}\n\n\n\/* GET PAYMENT METHOD *\/\n\nconst paymentMethod =\ndocument.querySelector(\n'input[name=\"mercyPayment\"]:checked'\n).value;\n\n\n\/* PROCESSING *\/\n\nmercySubmit.disabled = true;\n\nmercyButtonText.textContent =\n\"Processing...\";\n\n\n\/*\n====================================================\nDEMO SUCCESS\n\nTHIS PART SHOULD BE REPLACED WITH YOUR REAL\nPAYMENT GATEWAY INTEGRATION.\n\n====================================================\n*\/\n\nsetTimeout(\nfunction() {\n\nmercyForm.style.display =\n\"none\";\n\nmercySuccess.classList.add(\n\"show\"\n);\n\n\nmercySuccessDetails.innerHTML =\n\n\"<br>\" +\n\n\"<strong>Donation:<\/strong> $\" +\n\nformatMoney(\ndonationAmount\n)\n\n+\n\n\"<br><br>\" +\n\n\"<strong>Payment Method:<\/strong> \" +\n\npaymentMethod.toUpperCase()\n\n+\n\n\"<br><br>\" +\n\n\"Thank you, \" +\n\nmercyName.value.trim()\n\n+\n\n\".\";\n\n},\n900\n);\n\n}\n);\n\n<\/script>\n\n\n<\/body>\n<\/html><\/div>\n\t\t\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>Mercy And Love Corner Development Foundation – Donation Mercy And Love Corner Development Foundation MAKE A DIFFERENCE Support Our Mission Your donation helps Mercy And Love Corner Development Foundation continue its work and reach people who need support. Every contribution, big or small, can make a difference. 1 Choose an amount Select a donation amount […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eteatech.com.ng\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eteatech.com.ng\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eteatech.com.ng\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eteatech.com.ng\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eteatech.com.ng\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":7,"href":"https:\/\/eteatech.com.ng\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/eteatech.com.ng\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/eteatech.com.ng\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}