ProPeler
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
www
/
html
/
wp-content
/
themes
/
bayisihat-jurnal
/
Filename :
front-page.php
back
Copy
<?php if (!defined('ABSPATH')) exit; get_header(); $assets = get_template_directory_uri().'/assets'; ?> <section class="hero"> <div class="wrap hero__grid"> <div class="hero__content reveal"> <p class="hero__eyebrow"><span class="pulse"></span> Rujukan ibu bapa Malaysia · Hamil hingga 12 bulan</p> <h1>Panduan yang <span class="grad-text">ibu bapa Malaysia</span> percaya.</h1> <p class="hero__lead">Dari tanda awal kehamilan hingga jadual imunisasi bayi — panduan tersusun, jujur dan bersumber, dituturkan dalam bahasa yang mudah difahami.</p> <div class="hero__cta"> <a class="btn btn--primary" href="<?php echo esc_url(bs_cat_url('trimester-kehamilan')); ?>">Saya sedang hamil <span aria-hidden="true">→</span></a> <a class="btn btn--ghost" href="<?php echo esc_url(bs_cat_url('bayi-baru-lahir')); ?>">Saya ada bayi</a> </div> <ul class="trust-chips"> <li class="chip">Merujuk garis panduan KKM</li> <li class="chip">Disemak sidang editorial</li> <li class="chip">100% Bahasa Melayu</li> </ul> </div> <div class="hero__visual reveal"> <div class="hero__glow"></div> <div class="hero__photo"><picture><source srcset="<?php echo esc_url($assets.'/hero.webp'); ?>" type="image/webp"><img src="<?php echo esc_url($assets.'/hero.jpg'); ?>" alt="Ibu mendukung bayi yang baru lahir dengan penuh kasih" width="1000" height="1200" fetchpriority="high"></picture></div> <div class="float-pill float-pill--tr"><?php echo bs_sprout('#2F5D50',16); ?> Disemak · Rujukan KKM</div> <div class="float-card"><span class="float-card__num">12+</span><span class="float-card__label">Panduan bersumber</span></div> </div> </div> </section> <section class="wrap section stages reveal"> <a class="stage-card stage-card--hamil" href="<?php echo esc_url(bs_cat_url('trimester-kehamilan')); ?>"> <span class="stage-card__eyebrow">Fasa · Kehamilan</span> <h3>Saya Sedang Hamil</h3> <p>Trimester demi trimester, pemeriksaan di klinik kesihatan KKM, pemakanan ibu & persediaan bersalin.</p> <span class="stage-card__link">Terokai panduan kehamilan →</span> </a> <a class="stage-card stage-card--newborn" href="<?php echo esc_url(bs_cat_url('bayi-baru-lahir')); ?>"> <span class="stage-card__eyebrow">Fasa · Newborn</span> <h3>Saya Ada Bayi Baru Lahir</h3> <p>Rutin newborn, penyusuan, tidur, jaundis, kolik & imunisasi dari lahir hingga 12 bulan.</p> <span class="stage-card__link">Terokai penjagaan bayi →</span> </a> </section> <section class="wrap section reveal"> <div class="stat-band"> <div class="stat-band__inner"> <p class="stat-band__lead">Sebuah rak rujukan digital yang ibu bapa buka <em>berulang kali</em> — sepanjang 9 bulan hingga tahun pertama.</p> <div class="stat-grid"> <div class="stat"><div class="stat__num" data-count="12" data-suffix="+">12+</div><div class="stat__label">Panduan lengkap & bersumber</div></div> <div class="stat"><div class="stat__num" data-count="13">13</div><div class="stat__label">Topik dari hamil hingga newborn</div></div> <div class="stat"><div class="stat__num" data-count="100" data-suffix="%">100%</div><div class="stat__label">Bahasa Melayu · konteks Malaysia</div></div> </div> </div> </div> </section> <section class="wrap section reveal" style="padding-top:0"> <div class="section__head"> <h2>Alat percuma untuk mak ayah</h2> <a class="section__more" href="<?php echo esc_url(home_url('/alat/')); ?>">Semua alat →</a> </div> <div class="pillar-toc" style="justify-content:flex-start"> <a class="chip" href="<?php echo esc_url(home_url('/kehamilan-mingguan/')); ?>">🤰 Jejak kehamilan minggu 1-40</a> <a class="chip" href="<?php echo esc_url(home_url('/alat/kalkulator-tarikh-bersalin/')); ?>">📅 Kira tarikh bersalin</a> <a class="chip" href="<?php echo esc_url(home_url('/alat/jadual-imunisasi/')); ?>">💉 Jadual imunisasi bayi</a> <a class="chip" href="<?php echo esc_url(home_url('/alat/nama-bayi/')); ?>">✨ Cari nama bayi</a> <a class="chip" href="<?php echo esc_url(home_url('/alat/berat-bayi/')); ?>">⚖️ Semak berat bayi</a> </div> </section> <section class="wrap section"> <div class="section__head reveal"> <h2>Artikel terkini</h2> <a class="section__more" href="<?php echo esc_url(home_url('/artikel/')); ?>">Semua artikel →</a> </div> <div class="post-grid"> <?php $q = new WP_Query(array('posts_per_page'=>6,'ignore_sticky_posts'=>true,'post_status'=>'publish')); if ($q->have_posts()): while($q->have_posts()): $q->the_post(); get_template_part('template-parts/card'); endwhile; wp_reset_postdata(); else: ?> <p>Artikel akan diterbitkan tidak lama lagi.</p> <?php endif; ?> </div> </section> <?php // ===== Topik Popular ===== $lead = get_posts(array('name'=>'jadual-imunisasi-bayi-kkm','post_type'=>'post','numberposts'=>1)); $list = get_posts(array('post_type'=>'post','numberposts'=>4,'post_name__in'=>array('tanda-awal-kehamilan','panduan-berpantang-44-hari','kolik-bayi-cara-tenangkan','hospital-bag-bersalin-checklist'),'orderby'=>'post__in')); if ($lead): $lp = $lead[0]; $lc = bs_post_primary_cat($lp->ID); ?> <section class="wrap section"> <div class="section__head reveal"><h2>Topik popular</h2><a class="section__more" href="<?php echo esc_url(home_url('/artikel/')); ?>">Semua →</a></div> <div class="popular reveal"> <a class="popular__lead" href="<?php echo esc_url(get_permalink($lp)); ?>"> <div class="popular__lead-img"><?php echo bs_thumb($lp->ID); ?></div> <div class="popular__lead-body"> <?php if($lc): ?><span class="card__cat" style="--accent:<?php echo esc_attr(bs_accent($lc->slug)); ?>"><?php echo esc_html($lc->name); ?></span><?php endif; ?> <h3><?php echo esc_html(get_the_title($lp)); ?></h3> <p><?php echo esc_html(wp_trim_words(get_the_excerpt($lp), 26)); ?></p> <span class="popular__more">Baca panduan →</span> </div> </a> <div class="popular__list"> <?php foreach($list as $it): $ic = bs_post_primary_cat($it->ID); ?> <a class="popular__item" href="<?php echo esc_url(get_permalink($it)); ?>"> <span class="popular__item-img"><?php echo bs_thumb($it->ID); ?></span> <span class="popular__item-body"> <?php if($ic): ?><span class="popular__item-cat" style="color:<?php echo esc_attr(bs_accent($ic->slug)); ?>"><?php echo esc_html($ic->name); ?></span><?php endif; ?> <span class="popular__item-title"><?php echo esc_html(get_the_title($it)); ?></span> </span> </a> <?php endforeach; ?> </div> </div> </section> <?php endif; ?> <section class="wrap section"> <div class="section__head reveal"><h2>Terokai ikut topik</h2></div> <div class="cat-grid"> <?php $cats = get_categories(array('hide_empty'=>false,'number'=>12,'orderby'=>'count','order'=>'DESC','exclude'=>array(get_cat_ID('Uncategorized')))); foreach($cats as $c): if ($c->slug === 'uncategorized') continue; ?> <a class="cat-card reveal" href="<?php echo esc_url(get_category_link($c)); ?>" style="--accent:<?php echo esc_attr(bs_accent($c->slug)); ?>"> <span class="cat-card__dot"></span> <span class="cat-card__name"><?php echo esc_html($c->name); ?></span> <span class="cat-card__count"><?php echo (int)$c->count; ?> artikel</span> </a> <?php endforeach; ?> </div> </section> <section class="trust-band reveal"> <div class="wrap trust-band__grid"> <div class="trust-item"><h4>Bersumber & jujur</h4><p>Maklumat perubatan dirujuk kepada garis panduan rasmi seperti KKM. Kami tidak mereka statistik atau nasihat palsu.</p></div> <div class="trust-item"><h4>Disemak & dikemas kini</h4><p>Setiap panduan disemak sidang editorial dan dikemas kini apabila maklumat berubah.</p></div> <div class="trust-item"><h4>Konteks Malaysia</h4><p>Klinik kesihatan, berpantang, buku pink, cuti bersalin — realiti ibu bapa di sini, bukan salinan luar negara.</p></div> </div> </section> <section class="wrap section reveal"><?php echo bs_newsletter_form(); ?></section> <?php get_footer(); ?>