Pesantren laaroiba

<style>
  body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    color: #333;
    background: #f9f9f9;
    padding: 0 15px;
  }

  .container {
    max-width: 800px;
    margin: auto;
    padding: 40px 20px;
    background: #fff;
    border-radius: 8px;
  }

  h1, h2 {
    color: #2e7d32;
  }

  .cta-button {
    display: inline-block;
    background: #4caf50;
    color: #fff;
    padding: 15px 30px;
    margin: 20px 0;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
  }

  .donation-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
  }

  .donation-table th, .donation-table td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
  }

  .highlight {
    background: #e8f5e9;
    padding: 15px;
    border-left: 5px solid #4caf50;
    margin: 20px 0;
  }

  .quote {
    font-style: italic;
    color: #555;
    margin: 20px 0;
  }

  .footer-cta {
    text-align: center;
    margin-top: 40px;
  }
</style>

<div class="container">
  <h1>Satu Genggam Beras Anda, Mengenyangkan Santri Penghafal Al-Qur’an</h1>
  <p>Setiap hari, 100+ santri yatim dan dhuafa di Pesantren Laaroiba berjuang menuntut ilmu — seringkali dalam kondisi lapar. Anda bisa bantu mereka tetap belajar dan tersenyum.</p>
  <a class="cta-button" href="#donasi">Donasi Sekarang</a>

  <h2>Mengapa Donasi Beras?</h2>
  <p>Beras adalah kebutuhan pokok. Tapi bagi anak-anak yatim dan dhuafa, bahkan sepiring nasi adalah rezeki besar.</p>
  <p>Di Pesantren Laaroiba, lebih dari 100 santri mengandalkan bantuan donatur untuk makan sehari-hari. Dengan donasi beras, Anda menjaga semangat mereka menghafal Al-Qur’an.</p>

  <h2>Tentang Pesantren Laaroiba</h2>
  <p>Pesantren Yatim & Dhuafa <strong>Laaroiba</strong> berdiri untuk merangkul anak-anak yang kehilangan orang tua dan tak punya daya secara ekonomi. Kami membina mereka agar berakhlak mulia, mandiri, dan cinta Qur’an.</p>

  <h2>Kebutuhan Beras Saat Ini</h2>
  <ul>
    <li>Jumlah santri: 100+</li>
    <li>Konsumsi beras: ±30 kg per hari</li>
    <li>Total kebutuhan bulanan: ±1 ton</li>
    <li>Status stok: <strong>Kritis</strong></li>
  </ul>

  <div class="highlight">
    Setiap 1 kg beras = 3 porsi makanan hangat
  </div>

  <h2>Pilihan Donasi Beras</h2>
  <table class="donation-table">
    <tr>
      <th>Nominal Donasi</th>
      <th>Setara dengan</th>
      <th>Manfaat</th>
    </tr>
    <tr>
      <td>Rp 75.000</td>
      <td>5 kg beras</td>
      <td>15 porsi makan</td>
    </tr>
    <tr>
      <td>Rp 150.000</td>
      <td>10 kg beras</td>
      <td>30 porsi makan</td>
    </tr>
    <tr>
      <td>Rp 300.000</td>
      <td>20 kg beras</td>
      <td>60 porsi makan</td>
    </tr>
    <tr>
      <td>Rp ______</td>
      <td>Donasi bebas</td>
      <td>Sesuai keikhlasan Anda</td>
    </tr>
  </table>

  <a class="cta-button" id="donasi" href="https://wa.me/62812XXXXXXX?text=Assalamu%27alaikum%2C+saya+ingin+donasi+beras+untuk+santri+Laaroiba">Donasi Sekarang via WhatsApp</a>

  <h2>Kisah Nyata Santri</h2>
  <div class="quote">
    "Dulu saya sering tidur lapar. Sekarang di pesantren, saya bisa makan, belajar, dan terus menghafal Al-Qur’an. Terima kasih yang sudah bantu kami."  
    <br>— Hasan, 12 tahun
  </div>

  <h2>Cara Donasi Mudah</h2>
  <ol>
    <li>Klik tombol “Donasi Sekarang”</li>
    <li>Pilih jumlah donasi</li>
    <li>Transfer ke:
      <br><strong>Bank BSI – No. Rek: 1234567890</strong>
      <br>a.n. Yayasan Laaroiba
    </li>
    <li>Konfirmasi via WhatsApp: <strong>0812-XXXX-XXXX</strong></li>
  </ol>
  <p>✅ QRIS tersedia untuk transfer cepat</p>

  <div class="highlight">
    <strong>"Rezeki yang kita bagi, tak akan pernah membuat kita rugi."</strong>
  </div>

  <div class="footer-cta">
    <h2>Ayo Jadi Bagian dari Kebaikan Ini</h2>
    <a class="cta-button" href="https://wa.me/62812XXXXXXX?text=Saya+siap+donasi+beras+untuk+santri+Laaroiba">Donasi Sekarang</a>
  </div>
</div>