Peler

: / var / www / html / wp-content / themes / bayisihat-jurnal /
Filename : tpl-checkout.php
back
<?php
/* Template Name: Funnel — Ebook Percuma */
if (!defined('ABSPATH')) exit; get_header();
$nonce = wp_create_nonce('bs_sub');
$ajax  = admin_url('admin-ajax.php');
?>
<header class="wrap tool-hero">
  <p class="eyebrow">Ebook Rasmi Bayi Sihat · Percuma</p>
  <h1>Panduan Kehamilan Lengkap</h1>
  <p>73 muka surat panduan bersumber — dari tanda awal kehamilan hingga hari bersalin. Baca offline, cetak, dan kongsi dengan pasangan. Percuma sepenuhnya.</p>
</header>

<div class="wrap">
  <div class="bs-checkout tool-box reveal">
    <div class="bs-checkout__grid">

      <div class="bs-checkout__product">
        <div class="bs-ebook-cover" aria-hidden="true">
          <span class="bs-ebook-cover__brand">BAYI SIHAT</span>
          <span class="bs-ebook-cover__title">Panduan<br>Kehamilan<br>Lengkap</span>
          <span class="bs-ebook-cover__foot">Edisi 1 · 73 muka surat</span>
        </div>
        <ul class="bs-checkout__list">
          <li><b>73 muka surat</b>, 24 topik tersusun ikut bab</li>
          <li>Bebas iklan — baca offline atau cetak</li>
          <li>Checklist &amp; jadual rujukan pantas setiap bab</li>
          <li>Rujukan garis panduan KKM &amp; sumber dipercayai</li>
          <li>Kemas kini percuma untuk edisi akan datang</li>
        </ul>
      </div>

      <div class="bs-checkout__buy">
        <div class="bs-price">
          <span class="bs-price__now">PERCUMA</span>
          <span class="bs-price__was">RM19</span>
        </div>
        <p class="bs-price__note">Hadiah percuma untuk mak ayah — cuma masukkan e-mel, terus dapat.</p>

        <form class="newsletter__form bs-sub-form" data-nonce="<?php echo esc_attr($nonce); ?>" data-ajax="<?php echo esc_url($ajax); ?>">
          <input type="email" name="email" required placeholder="Alamat e-mel anda" aria-label="E-mel">
          <input type="text" name="website" class="bs-hp" tabindex="-1" autocomplete="off" aria-hidden="true">
          <input type="hidden" name="src" value="ebook-checkout">
          <button class="btn btn--primary bs-checkout__btn" type="submit">Dapatkan Ebook Percuma</button>
        </form>
        <div class="bs-sub-msg" role="status" aria-live="polite"></div>

        <div class="bs-sub-gift" hidden>
          <a class="btn btn--primary bs-dl-btn bs-ebook-dl" href="#" target="_blank" rel="noopener">📘 Muat Turun Ebook (PDF) ↓</a>
          <p class="bs-checkout__success-n">Simpan pautan ini untuk muat turun semula. Selamat membaca! 🌱</p>
        </div>

        <p class="bs-checkout__trust">🔒 Percuma · Tiada spam · Berhenti langgan bila-bila</p>
      </div>

    </div>
  </div>

  <p class="tool-note" style="max-width:820px">Ada soalan? E-mel kami di <a href="mailto:hello@bayisihat.com">hello@bayisihat.com</a> — kami balas secepat mungkin.</p>
</div>
<?php get_footer(); ?>