Embed

<section id="paymentStatusSection">
  <div id="paymentStatusContainer" style="
    display: none;
    width: 100vw;
    padding: 60px 20px;
    background-color: #fff;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 500;
    color: #333;
    line-height: 1.6;
  ">
    <p id="paymentMessage"></p>
  </div>

  <script>
    function startPaymentStatusFlow() {
      const container = document.getElementById('paymentStatusContainer');
      const message = document.getElementById('paymentMessage');

      container.style.display = 'block';
      message.textContent = 'Payment in process...';
      message.className = '';

      // Step 1: Show "Payment in process..." for 7 seconds
      setTimeout(() => {
        message.textContent = 'Payment successful';
        message.style.color = 'green';
        message.style.fontWeight = 'bold';

        // Step 2: After 5 seconds, show final static message
        setTimeout(() => {
          message.style.color = '#333';
          message.style.fontWeight = '500';
          message.innerHTML = `
            You have successfully applied for <strong>Africa Dream Water Membership</strong>.<br><br>
            Your application will be reviewed by the local office and if validated, a confirmation message will be sent to your email with your membership number.<br><br>
            <strong>Thanks for Trusting Africa Dream Water.</strong>
          `;
        }, 5000);
      }, 7000);
    }

    // Optional: Automatically start when page loads
    startPaymentStatusFlow();
  </script>
</section>


Africa Dream Water

Providing clean drinking water to communities in Africa. People donante money and we mount projects to provide drinking water to communities in Africa. include dashborad, donation page, impact page, payment page, notification page, contact page