3 Ebook Human Design Gratis — ALDI

<style>
.ebk{--gold:#D3AB61;background:#050505;color:#EDEDEE;font-family:'Segoe UI',system-ui,sans-serif;line-height:1.7;margin:-15px -15px 0;padding:0}
.ebk *{box-sizing:border-box}
.ebk .wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.ebk .hero{padding:70px 0 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.ebk .eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:14px}
.ebk h1{font-size:clamp(30px,4.6vw,50px);line-height:1.08;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0 0 18px}
.ebk .lead{color:#C9CACC;font-size:17px;margin-bottom:22px}
.ebk ul.benef{list-style:none;padding:0;margin:0 0 8px}
.ebk ul.benef li{padding:7px 0 7px 28px;position:relative;color:#DcDcDe}
.ebk ul.benef li:before{content:"\2713";position:absolute;left:0;color:var(--gold);font-weight:800}
.ebk .card{background:#0B0B0C;border:1px solid rgba(211,171,97,.28);border-radius:12px;padding:30px}
.ebk .card h3{color:#fff;margin:0 0 6px;font-size:20px}
.ebk label{display:block;font-size:12.5px;color:#9A9B9E;margin:14px 0 6px;letter-spacing:.02em}
.ebk input{width:100%;background:#050505;border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:12px 14px;color:#fff;font-size:15px}
.ebk input:focus{outline:none;border-color:var(--gold)}
.ebk .btn{width:100%;margin-top:20px;background:var(--gold);color:#000;font-weight:800;border:0;border-radius:8px;padding:15px;font-size:16px;cursor:pointer}
.ebk .btn:disabled{opacity:.6;cursor:default}
.ebk .fine{color:#7A7B7E;font-size:12px;margin-top:12px;text-align:center}
.ebk .books{padding:20px 0 76px}
.ebk .bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.ebk .book{background:#0A0A0B;border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden}
.ebk .book .cov{height:150px;background:#0a0d18 center/contain no-repeat url('https://institute.merancangkehidupan.id/wp-content/uploads/2026/03/Logo-Advance-Life-Designer-Institute-ALDI.png');border-bottom:1px solid rgba(211,171,97,.18)}
.ebk .book .bd{padding:18px 20px}
.ebk .book h4{color:#fff;margin:0 0 6px;font-size:16px}
.ebk .book p{color:#8A8B8E;font-size:13px;margin:0}
.ebk #ok{display:none;background:#0B0B0C;border:1px solid rgba(211,171,97,.35);border-radius:12px;padding:30px;text-align:center}
.ebk #ok a{color:var(--gold);font-weight:700}
@media(max-width:820px){.ebk .hero{grid-template-columns:1fr;padding:48px 0 24px}.ebk .bgrid{grid-template-columns:1fr}}
</style>
<div class="ebk">
  <div class="wrap">
    <div class="hero">
      <div>
        <div class="eyebrow">Ebook Gratis · Human Design Indonesia</div>
        <h1>Kenali desain diri Anda — mulai dari 3 ebook gratis.</h1>
        <p class="lead">Tiga panduan Human Design karya <b>Dimas Satya Lesmana</b> untuk memahami tipe energi, 9 pusat/chakra, dan cara merancang hidup yang selaras. Langsung dikirim ke email Anda.</p>
        <ul class="benef">
          <li>Intro to Human Design — pengantar lengkap untuk pemula</li>
          <li>Mekanisme 9 Chakra di Tubuh Manusia</li>
          <li>Human Design · Life Design · God Design</li>
        </ul>
      </div>
      <div class="card" id="formcard">
        <h3>Kirim ke email saya</h3>
        <p style="color:#9A9B9E;font-size:13.5px;margin:0">Gratis. Isi data di bawah, ebook langsung dikirim.</p>
        <form id="ebkform">
          <label>Nama Lengkap</label>
          <input name="nama" required placeholder="Nama lengkap Anda" autocomplete="name">
          <label>Email</label>
          <input name="email" type="email" required placeholder="email@anda.com" autocomplete="email">
          <label>No. WhatsApp (opsional)</label>
          <input name="phone" placeholder="08xxxxxxxxxx" autocomplete="tel">
          <button class="btn" type="submit" id="sub">Kirim 3 Ebook Gratis</button>
          <div class="fine">Kami menghormati privasi Anda. Tanpa spam.</div>
        </form>
      </div>
      <div class="card" id="ok" style="display:none;grid-column:2">
        <div style="font-size:40px">📬</div>
        <h3>Ebook Anda sedang meluncur!</h3>
        <p style="color:#C9CACC">Cek email Anda (termasuk folder Promosi/Spam). Link unduhan juga ada di bawah 👇</p>
        <div id="oklinks" style="margin-top:14px"></div>
        <p style="margin-top:18px"><a href="https://course.merancangkehidupan.id/hd-gratis">Lanjut: Cek Tipe HD Saya (Gratis) →</a></p>
      </div>
    </div>

    <div class="books">
      <div class="eyebrow">Isi Paket Ebook</div>
      <div class="bgrid">
        <div class="book"><div class="cov"></div><div class="bd"><h4>Intro to Human Design</h4><p>Pengantar lengkap: tipe, strategi, otoritas, dan cara mulai membaca chart Anda.</p></div></div>
        <div class="book"><div class="cov"></div><div class="bd"><h4>Mekanisme 9 Chakra</h4><p>Bagaimana 9 pusat energi bekerja di tubuh — fondasi memahami bodygraph.</p></div></div>
        <div class="book"><div class="cov"></div><div class="bd"><h4>Life Design · God Design</h4><p>Dari mengenal desain diri menuju merancang hidup yang selaras.</p></div></div>
      </div>
    </div>
  </div>
</div>
<script>
(function(){
  var f=document.getElementById('ebkform'), sub=document.getElementById('sub');
  f.addEventListener('submit',function(e){
    e.preventDefault();
    sub.disabled=true; sub.textContent='Mengirim...';
    var fd=new FormData(f);
    fetch('/api/method/courses.ebook_hd.capture',{
      method:'POST',
      headers:{'Content-Type':'application/x-www-form-urlencoded','X-Frappe-CSRF-Token':(frappe&&frappe.csrf_token)||''},
      body:new URLSearchParams({nama:fd.get('nama'),email:fd.get('email'),phone:fd.get('phone')||''})
    }).then(function(r){return r.json();}).then(function(d){
      var m=(d&&d.message)||{};
      if(m.ok){
        var links=(m.ebooks||[]).map(function(b){return '<div style="margin:6px 0"><a href="'+b.url+'">⬇ '+b.title+'</a></div>';}).join('');
        document.getElementById('oklinks').innerHTML=links;
        document.getElementById('formcard').style.display='none';
        document.getElementById('ok').style.display='block';
      } else { sub.disabled=false; sub.textContent='Kirim 3 Ebook Gratis'; alert((m && m.message)||'Maaf, gagal. Coba lagi ya.'); }
    }).catch(function(){ sub.disabled=false; sub.textContent='Kirim 3 Ebook Gratis'; alert('Koneksi bermasalah, coba lagi ya.'); });
  });
})();
</script>