{"id":468,"date":"2026-04-13T09:45:45","date_gmt":"2026-04-13T09:45:45","guid":{"rendered":"http:\/\/inaya-association.com\/?page_id=468"},"modified":"2026-10-19T09:39:17","modified_gmt":"2026-10-19T09:39:17","slug":"donate","status":"publish","type":"page","link":"https:\/\/inaya-association.com\/ar\/donate\/","title":{"rendered":"\u0644\u0644\u062a\u0628\u0631\u0639"},"content":{"rendered":"\n<nav class=\"navbar\" id=\"navbar\">\n  <div class=\"nav-inner\">\n    <a href=\"\/\" class=\"nav-logo\">\n      <img decoding=\"async\" src=\"http:\/\/inaya-association.com\/wp-content\/uploads\/2026\/04\/logo.png\" alt=\"Inaya Association Logo\" \/>\n      Inaya Association\n    <\/a>\n    <ul class=\"nav-links\">\n      <li><a href=\"\/\">Home<\/a><\/li>\n      <li><a href=\"\/about\">About Us<\/a><\/li>\n      <li><a href=\"\/programs\">Our Programs<\/a><\/li>\n      <li><a href=\"\/contact\">Contact<\/a><\/li>\n      <li><a href=\"\/donate\" class=\"btn-donate-nav active\">Donate<\/a><\/li>\n    <\/ul>\n    <button class=\"hamburger\" id=\"hamburger\">&#9776;<\/button>\n  <\/div>\n  <ul class=\"nav-mobile\" id=\"navMobile\">\n    <li><a href=\"\/\">Home<\/a><\/li>\n    <li><a href=\"\/about\">About Us<\/a><\/li>\n    <li><a href=\"\/programs\">Our Programs<\/a><\/li>\n    <li><a href=\"\/contact\">Contact<\/a><\/li>\n    <li><a href=\"\/donate\">Donate<\/a><\/li>\n  <\/ul>\n<\/nav>\n<style>\n      .donate-page {\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 5rem 2rem;\n        display: grid;\n        grid-template-columns: 1.2fr 1fr;\n        gap: 5rem;\n        align-items: start;\n      }\n      \/* Donation Form Area *\/\n      .givewp-area {\n        background: var(--off-white);\n        border-radius: var(--radius);\n        border: 1px solid var(--border);\n        overflow: hidden;\n      }\n      .givewp-header {\n        background: linear-gradient(135deg, var(--blue-deep), var(--blue));\n        padding: 2rem 2.5rem;\n        color: white;\n      }\n      .givewp-header h2 {\n        color: white;\n        margin-bottom: 0.5rem;\n        font-size: 1.6rem;\n      }\n      .givewp-header p {\n        color: rgba(255, 255, 255, 0.8);\n        font-size: 0.9rem;\n      }\n      .givewp-body {\n        padding: 2.5rem;\n      }\n\n      \/* Amount selector *\/\n      .amount-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 0.75rem;\n        margin-bottom: 1.25rem;\n      }\n      .amount-btn {\n        padding: 14px;\n        border: 2px solid var(--border);\n        border-radius: var(--radius-sm);\n        background: white;\n        font-family: inherit;\n        font-size: 1rem;\n        font-weight: 600;\n        color: var(--text);\n        cursor: pointer;\n        transition: all var(--transition);\n        text-align: center;\n      }\n      .amount-btn:hover,\n      .amount-btn.active {\n        border-color: var(--blue);\n        background: var(--blue-light);\n        color: var(--blue-dark);\n      }\n      .custom-amount {\n        display: flex;\n        align-items: center;\n        border: 2px solid var(--border);\n        border-radius: var(--radius-sm);\n        background: white;\n        overflow: hidden;\n        margin-bottom: 1.25rem;\n        transition: border-color var(--transition);\n      }\n      .custom-amount:focus-within {\n        border-color: var(--blue);\n      }\n      .custom-amount span {\n        padding: 0 1rem;\n        font-weight: 600;\n        color: var(--text-soft);\n        font-size: 1.1rem;\n      }\n      .custom-amount input {\n        border: none;\n        padding: 14px 12px 14px 0;\n        font-size: 1rem;\n        font-family: inherit;\n        width: 100%;\n        background: transparent;\n        color: var(--text);\n      }\n      .custom-amount input:focus {\n        outline: none;\n      }\n\n      \/* Donor fields + submit (Tap integration) *\/\n      .donor-fields {\n        display: grid;\n        gap: 0.75rem;\n        margin-bottom: 1rem;\n      }\n      .donor-fields input {\n        width: 100%;\n        padding: 14px 12px;\n        border: 2px solid var(--border);\n        border-radius: var(--radius-sm);\n        font-family: inherit;\n        font-size: 1rem;\n        background: #fff;\n        color: var(--text);\n      }\n      .donor-fields input:focus {\n        outline: none;\n        border-color: var(--blue);\n      }\n      .inaya-hp {\n        position: absolute;\n        left: -9999px;\n        width: 1px;\n        height: 1px;\n        opacity: 0;\n      }\n      .inaya-message {\n        padding: 0.9rem 1rem;\n        border-radius: var(--radius-sm);\n        font-size: 0.9rem;\n        margin-bottom: 1rem;\n        background: var(--blue-light);\n        color: var(--blue-deep);\n      }\n      .inaya-message--error {\n        background: #fdecea;\n        color: #b3261e;\n      }\n      .btn-donate-submit {\n        width: 100%;\n        padding: 16px;\n        border: none;\n        border-radius: var(--radius-sm);\n        background: linear-gradient(135deg, var(--blue-deep), var(--blue));\n        color: #fff;\n        font-family: inherit;\n        font-size: 1.05rem;\n        font-weight: 700;\n        cursor: pointer;\n        transition: all var(--transition);\n      }\n      .btn-donate-submit:hover {\n        filter: brightness(1.07);\n      }\n      .btn-donate-submit:disabled {\n        opacity: 0.7;\n        cursor: default;\n      }\n\n      \/* Right sidebar *\/\n      .donate-sidebar {\n        display: flex;\n        flex-direction: column;\n        gap: 1.5rem;\n      }\n\n      .impact-card {\n        background: var(--blue-deep);\n        color: white;\n        border-radius: var(--radius);\n        padding: 2rem;\n      }\n      .impact-card h3 {\n        color: white;\n        margin-bottom: 1.25rem;\n        font-size: 1.2rem;\n      }\n      .impact-row {\n        display: grid;\n        grid-template-columns: 60px 1fr;\n        align-items: center;\n        justify-content: center;\n        gap: 1rem;\n        margin-bottom: 1rem;\n      }\n      .impact-amount {\n        background: var(--gold);\n        color: var(--text);\n        font-weight: 700;\n        font-size: 0.85rem;\n        padding: 4px 12px;\n        border-radius: 100px;\n        white-space: nowrap;\n        flex-shrink: 0;\n        text-align: center;\n      }\n      .impact-row p {\n        font-size: 0.88rem;\n        color: rgba(255, 255, 255, 0.8);\n        line-height: 1.5;\n        margin: 0;\n      }\n\n      .trust-card {\n        background: var(--off-white);\n        border: 1px solid var(--border);\n        border-radius: var(--radius);\n        padding: 2rem;\n      }\n      .trust-card h4 {\n        margin-bottom: 1rem;\n      }\n      .trust-item {\n        display: flex;\n        gap: 0.75rem;\n        align-items: center;\n        margin-bottom: 0.75rem;\n        font-size: 0.9rem;\n        color: var(--text-soft);\n      }\n      .trust-icon {\n        width: 32px;\n        height: 32px;\n        background: #e8f5e9;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1rem;\n        flex-shrink: 0;\n      }\n\n      .other-ways {\n        background: var(--gold-light);\n        border: 1px solid var(--border);\n        border-radius: var(--radius);\n        padding: 2rem;\n      }\n      .other-ways h4 {\n        margin-bottom: 1rem;\n      }\n      .other-ways p {\n        font-size: 0.88rem;\n        color: var(--text-soft);\n        line-height: 1.6;\n      }\n      .other-ways a {\n        color: var(--blue);\n        text-decoration: underline;\n      }\n\n      .testimonials-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 1.5rem;\n        margin-top: 2.5rem;\n      }\n      @media (max-width: 900px) {\n        .donate-page {\n          grid-template-columns: 1fr;\n          gap: 2.5rem;\n        }\n        .amount-grid {\n          grid-template-columns: repeat(2, 1fr);\n        }\n        .testimonials-grid {\n          grid-template-columns: 1fr;\n        }\n\n        .givewp-body,\n        .givewp-header {\n          padding: 1rem;\n        }\n      }\n    <\/style>\n    <section class=\"page-hero\">\n      <div class=\"inner\">\n        <span\n          class=\"section-tag\"\n          style=\"\n            color: var(--gold);\n            background: rgba(245, 185, 66, 0.15);\n            margin-bottom: 1rem;\n            display: inline-block;\n          \"\n          >Support Our Work<\/span\n        >\n        <h1>Make a Difference<\/h1>\n        <p>\n          Your support helps us continue providing essential educational,\n          therapeutic, and vocational services to children and individuals with\n          special needs. Every donation is an investment in dignity,\n          independence, and hope.\n        <\/p>\n      <\/div>\n    <\/section>\n\n    <div class=\"donate-page\">\n      <!-- FORM SIDE -->\n      <div class=\"givewp-area\">\n        <div class=\"givewp-header\">\n          <h2>Make a Donation<\/h2>\n          <p>Secure donation processing<\/p>\n        <\/div>\n        <div class=\"givewp-body\" id=\"inaya-donate-form\">\n          <p\n            style=\"\n              font-size: 0.85rem;\n              color: var(--text-soft);\n              margin-bottom: 0.75rem;\n            \"\n          >\n            Select an amount (USD):\n          <\/p>\n          <div class=\"amount-grid\">\n            <button type=\"button\" class=\"amount-btn active\" onclick=\"inayaPick(this)\">$10<\/button>\n            <button type=\"button\" class=\"amount-btn\" onclick=\"inayaPick(this)\">$25<\/button>\n            <button type=\"button\" class=\"amount-btn\" onclick=\"inayaPick(this)\">$50<\/button>\n            <button type=\"button\" class=\"amount-btn\" onclick=\"inayaPick(this)\">$100<\/button>\n            <button type=\"button\" class=\"amount-btn\" onclick=\"inayaPick(this)\">$250<\/button>\n            <button type=\"button\" class=\"amount-btn\" onclick=\"inayaPick(this)\">$500<\/button>\n          <\/div>\n\n          <div class=\"custom-amount\">\n            <span>$<\/span>\n            <input\n              type=\"number\"\n              id=\"customAmount\"\n              placeholder=\"Other amount\"\n              min=\"1\"\n              value=\"10\"\n            \/>\n          <\/div>\n\n          <div class=\"donor-fields\">\n            <input\n              type=\"text\"\n              id=\"inaya-name\"\n              placeholder=\"Full name\"\n              autocomplete=\"name\"\n            \/>\n            <input\n              type=\"email\"\n              id=\"inaya-email\"\n              placeholder=\"Email address\"\n              autocomplete=\"email\"\n            \/>\n          <\/div>\n\n          <!-- honeypot: hidden from humans, catches bots -->\n          <input\n            type=\"text\"\n            id=\"inaya-hp\"\n            class=\"inaya-hp\"\n            tabindex=\"-1\"\n            autocomplete=\"off\"\n            aria-hidden=\"true\"\n          \/>\n\n          <div id=\"inaya-message\" class=\"inaya-message\" style=\"display: none\"><\/div>\n\n          <button type=\"button\" id=\"inaya-donate-btn\" class=\"btn-donate-submit\">\n            Donate\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- SIDEBAR -->\n      <div class=\"donate-sidebar\">\n        <div class=\"impact-card\">\n          <h3><i data-lucide=\"sparkles\"><\/i> Your Impact<\/h3>\n          <div class=\"impact-row\">\n            <span class=\"impact-amount\">$10<\/span>\n            <p>Covers supplies for one therapy or workshop session<\/p>\n          <\/div>\n          <div class=\"impact-row\">\n            <span class=\"impact-amount\">$25<\/span>\n            <p>Enhances therapy programs for a beneficiary for one week<\/p>\n          <\/div>\n          <div class=\"impact-row\">\n            <span class=\"impact-amount\">$50<\/span>\n            <p>Provides workshop materials for sewing, pastry, or crafts<\/p>\n          <\/div>\n          <div class=\"impact-row\">\n            <span class=\"impact-amount\">$100<\/span>\n            <p>Supports a family in need with counseling and orientation<\/p>\n          <\/div>\n          <div class=\"impact-row\">\n            <span class=\"impact-amount\">$250<\/span>\n            <p>Improves learning environments across the three centers<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"trust-card\">\n          <h4>Why Give to Inaya?<\/h4>\n          <div class=\"trust-item\">\n            <div class=\"trust-icon\"><i data-lucide=\"circle-check\"><\/i><\/div>\n            <span>Registered non-profit association in Lebanon<\/span>\n          <\/div>\n          <div class=\"trust-item\">\n            <div class=\"trust-icon\"><i data-lucide=\"lock\"><\/i><\/div>\n            <span>Secure, encrypted donation processing<\/span>\n          <\/div>\n          <div class=\"trust-item\">\n            <div class=\"trust-icon\"><i data-lucide=\"heart\"><\/i><\/div>\n            <span>100% of net donations fund direct community programs<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"other-ways\">\n          <h4>Other Ways to Give<\/h4>\n          <p>\n            Prefer to donate by bank transfer, cheque, or in kind? We accept\n            donations of food, clothing, school supplies, and medical items.<br \/><br \/>Contact\n            us at <a href=\"\/contact\">our contact page<\/a> or email\n            <a href=\"mailto:info@inaya-association.org\"\n              >info@inaya-association.org<\/a\n            >\n            to arrange an alternative donation method.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- DONOR TESTIMONIALS -->\n    <section style=\"background: var(--off-white); text-align: center\">\n      <div class=\"section-inner\" style=\"padding: 4rem 2rem\">\n        <span class=\"section-tag\">From Our Donors<\/span>\n        <h2>Why People Give to Inaya<\/h2>\n        <div class=\"testimonials-grid\">\n          <div\n            style=\"\n              background: white;\n              border-radius: var(--radius);\n              padding: 2rem;\n              border: 1px solid var(--border);\n              text-align: left;\n            \"\n          >\n            <div\n              style=\"\n                font-size: 1.5rem;\n                margin-bottom: 0.75rem;\n                display: flex;\n                gap: 0.25rem;\n              \"\n            >\n              <i data-lucide=\"star\"><\/i><i data-lucide=\"star\"><\/i\n              ><i data-lucide=\"star\"><\/i><i data-lucide=\"star\"><\/i\n              ><i data-lucide=\"star\"><\/i>\n            <\/div>\n            <p\n              style=\"\n                font-size: 0.9rem;\n                color: var(--text-soft);\n                line-height: 1.7;\n                margin-bottom: 1rem;\n                font-style: italic;\n              \"\n            >\n              &#8220;I&#8217;ve been donating to Inaya for 3 years. What sets them apart is\n              how personal and transparent they are \u2014 I always know exactly\n              where my money goes.&#8221;\n            <\/p>\n            <strong style=\"font-size: 0.9rem\">\u2014 Mariam T., Beirut<\/strong>\n          <\/div>\n          <div\n            style=\"\n              background: white;\n              border-radius: var(--radius);\n              padding: 2rem;\n              border: 1px solid var(--border);\n              text-align: left;\n            \"\n          >\n            <div\n              style=\"\n                font-size: 1.5rem;\n                margin-bottom: 0.75rem;\n                display: flex;\n                gap: 0.25rem;\n              \"\n            >\n              <i data-lucide=\"star\"><\/i><i data-lucide=\"star\"><\/i\n              ><i data-lucide=\"star\"><\/i><i data-lucide=\"star\"><\/i\n              ><i data-lucide=\"star\"><\/i>\n            <\/div>\n            <p\n              style=\"\n                font-size: 0.9rem;\n                color: var(--text-soft);\n                line-height: 1.7;\n                margin-bottom: 1rem;\n                font-style: italic;\n              \"\n            >\n              &#8220;Seeing the photos and updates from their events reassures me that\n              my donation truly reaches the people who need it most.&#8221;\n            <\/p>\n            <strong style=\"font-size: 0.9rem\">\u2014 Joseph K., Zgharta<\/strong>\n          <\/div>\n          <div\n            style=\"\n              background: white;\n              border-radius: var(--radius);\n              padding: 2rem;\n              border: 1px solid var(--border);\n              text-align: left;\n            \"\n          >\n            <div\n              style=\"\n                font-size: 1.5rem;\n                margin-bottom: 0.75rem;\n                display: flex;\n                gap: 0.25rem;\n              \"\n            >\n              <i data-lucide=\"star\"><\/i><i data-lucide=\"star\"><\/i\n              ><i data-lucide=\"star\"><\/i><i data-lucide=\"star\"><\/i\n              ><i data-lucide=\"star\"><\/i>\n            <\/div>\n            <p\n              style=\"\n                font-size: 0.9rem;\n                color: var(--text-soft);\n                line-height: 1.7;\n                margin-bottom: 1rem;\n                font-style: italic;\n              \"\n            >\n              &#8220;As a Lebanese diaspora living abroad, supporting Inaya is how I\n              stay connected to and give back to my hometown of Zgharta.&#8221;\n            <\/p>\n            <strong style=\"font-size: 0.9rem\">\u2014 Nada M., Paris<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <script>\n      function inayaPick(btn) {\n        var grid = btn.parentNode;\n        grid.querySelectorAll(\".amount-btn\").forEach(function (b) {\n          b.classList.remove(\"active\");\n        });\n        btn.classList.add(\"active\");\n        var amt = parseFloat(btn.textContent.replace(\/[^0-9.]\/g, \"\")) || 0;\n        var input = document.getElementById(\"customAmount\");\n        \/\/ delay so this runs AFTER the plugin's own click handler, which clears the field\n        setTimeout(function () {\n          if (input) { input.value = amt; }\n        }, 0);\n      }\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Inaya Association Home About Us Our Programs Contact Donate &#9776; Home About Us Our Programs Contact Donate Support Our Work Make a Difference Your support helps us continue providing essential educational, therapeutic, and vocational services to children and individuals with special needs. Every donation is an investment in dignity, independence, and hope. Make a Donation [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-468","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inaya-association.com\/ar\/wp-json\/wp\/v2\/pages\/468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inaya-association.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inaya-association.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inaya-association.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/inaya-association.com\/ar\/wp-json\/wp\/v2\/comments?post=468"}],"version-history":[{"count":8,"href":"https:\/\/inaya-association.com\/ar\/wp-json\/wp\/v2\/pages\/468\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/inaya-association.com\/ar\/wp-json\/wp\/v2\/pages\/468\/revisions\/560"}],"wp:attachment":[{"href":"https:\/\/inaya-association.com\/ar\/wp-json\/wp\/v2\/media?parent=468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}