40024-vm/index.php

<?php
declare(strict_types=1);

require_once __DIR__ . '/includes/site.php';
require_once __DIR__ . '/includes/layout.php';

boot_site();

$featuredPosts = fetch_featured_posts(3);
$latestPosts = fetch_posts(null, 5);
if ($featuredPosts === []) {
    $featuredPosts = array_slice($latestPosts, 0, 3);
}
$categories = fetch_categories();
$totalPosts = post_count();
$categoryCount = count($categories);
$homeUrl = canonical_for('');
$heroDescription = 'Artikel singkat, live preview, dan jalur cepat ke apknusa.com.';

render_page_start([
    'title' => 'Backlink Microsite untuk apknusa.com',
    'description' => 'Artikel singkat, live preview, dan tombol cepat menuju apknusa.com.',
    'canonical' => $homeUrl,
    'keywords' => 'apknusa, backlink, preview website, blog aplikasi android, microsite seo',
    'body_class' => 'home-page',
    'json_ld' => [
        '@context' => 'https://schema.org',
        '@type' => 'WebSite',
        'name' => project_name(),
        'url' => $homeUrl,
        'description' => $heroDescription,
        'publisher' => [
            '@type' => 'Organization',
            'name' => project_name(),
        ],
    ],
]);
?>
<main id="main-content">
  <section class="hero-section py-5 py-lg-6">
    <div class="container">
      <div class="hero-panel">
        <div class="row g-4 align-items-center">
          <div class="col-lg-6">
            <span class="eyebrow">Backlink microsite</span>
            <h1 class="hero-title mt-3 mb-3">Lihat apknusa.com, baca cepat, lalu klik lanjut.</h1>
            <p class="hero-copy mb-4"><?= e($heroDescription) ?></p>
            <div class="d-flex flex-wrap gap-2">
              <a class="btn btn-dark btn-cta" href="<?= e(APKNUSA_URL) ?>" target="_blank" rel="noopener noreferrer">Buka apknusa.com</a>
              <a class="btn btn-outline-dark btn-cta" href="blog.php">Lihat artikel</a>
            </div>
            <div class="hero-chip-row mt-4">
              <span class="meta-pill"><strong><?= e((string)$totalPosts) ?></strong> artikel</span>
              <span class="meta-pill"><strong><?= e((string)$categoryCount) ?></strong> topik</span>
              <span class="meta-pill">Preview live</span>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="hero-visual has-preview">
              <div class="hero-glow hero-glow-a"></div>
              <div class="hero-glow hero-glow-b"></div>
              <div class="visual-browser preview-browser">
                <div class="visual-bar preview-bar">
                  <span></span>
                  <span></span>
                  <span></span>
                  <div class="preview-url">https://apknusa.com</div>
                </div>
                <div class="preview-screen">
                  <iframe
                    src="<?= e(APKNUSA_URL) ?>"
                    title="Pratinjau apknusa.com"
                    loading="lazy"
                    referrerpolicy="strict-origin-when-cross-origin"></iframe>
                </div>
                <div class="preview-footer">
                  <span class="visual-badge">Live preview</span>
                  <a class="btn btn-sm btn-light" href="<?= e(APKNUSA_URL) ?>" target="_blank" rel="noopener noreferrer">Buka penuh</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section-block pt-0" id="strategi">
    <div class="container">
      <div class="spotlight-banner compact-spotlight">
        <div>
          <span class="section-kicker">Preview cepat</span>
          <h2 class="section-title mb-2">Website utama langsung tampil di landing ini.</h2>
          <p class="section-copy mb-0">Kalau iframe tidak muncul di browser, pakai tombol buka penuh.</p>
        </div>
        <div class="spotlight-pills">
          <span class="spotlight-pill">apknusa.com</span>
          <span class="spotlight-pill">Artikel ringkas</span>
          <span class="spotlight-pill">CTA langsung</span>
        </div>
      </div>
    </div>
  </section>

  <section class="section-block" id="artikel">
    <div class="container">
      <div class="section-heading d-flex flex-column flex-lg-row justify-content-between align-items-start align-items-lg-end gap-3 mb-4">
        <div>
          <span class="section-kicker">Artikel unggulan</span>
          <h2 class="section-title mb-1">Pilih artikel singkat yang paling relevan.</h2>
          <p class="section-copy mb-0">Setelah itu, lanjutkan ke apknusa.com dari tombol CTA.</p>
        </div>
        <a class="btn btn-outline-dark btn-sm" href="blog.php">Lihat semua artikel</a>
      </div>
      <div class="row g-4">
        <?php foreach ($featuredPosts as $post): ?>
          <div class="col-lg-4">
            <article class="content-card h-100">
              <div class="d-flex justify-content-between align-items-center gap-2 mb-3">
                <span class="tag-badge"><?= e((string)$post['category']) ?></span>
                <span class="muted-meta"><?= e((string)reading_time_minutes((string)$post['content'])) ?> menit baca</span>
              </div>
              <h3 class="card-title"><a href="<?= e(post_url($post)) ?>"><?= e((string)$post['title']) ?></a></h3>
              <p class="card-copy"><?= e((string)$post['excerpt']) ?></p>
              <div class="card-footer-actions mt-auto d-flex flex-wrap gap-2">
                <a class="btn btn-dark btn-sm" href="<?= e(post_url($post)) ?>">Baca detail</a>
                <a class="btn btn-light btn-sm" href="<?= e((string)$post['cta_url']) ?>" target="_blank" rel="noopener noreferrer">Ke apknusa.com</a>
              </div>
            </article>
          </div>
        <?php endforeach; ?>
      </div>
    </div>
  </section>

  <section class="section-block">
    <div class="container">
      <div class="row g-4 align-items-stretch">
        <div class="col-lg-6">
          <div class="panel-card h-100">
            <span class="section-kicker">Topik siap pakai</span>
            <h2 class="section-title">Kategori yang sudah siap jadi pintu masuk.</h2>
            <p class="section-copy mb-0">Pilih topik yang paling dekat dengan intent pengunjung.</p>
            <?php if ($categories !== []): ?>
              <div class="tag-group mt-3">
                <?php foreach ($categories as $category): ?>
                  <a class="tag-chip" href="blog.php?category=<?= rawurlencode($category) ?>"><?= e($category) ?></a>
                <?php endforeach; ?>
              </div>
            <?php endif; ?>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="panel-card h-100">
            <span class="section-kicker">Quick links</span>
            <h2 class="section-title">Semua jalur utama ada di sini.</h2>
            <p class="section-copy mb-4">Tanpa banyak penjelasan tambahan.</p>
            <div class="d-flex flex-wrap gap-2">
              <a class="btn btn-dark btn-sm" href="<?= e(APKNUSA_URL) ?>" target="_blank" rel="noopener noreferrer">Buka apknusa.com</a>
              <a class="btn btn-outline-dark btn-sm" href="blog.php">Buka blog</a>
              <a class="btn btn-outline-dark btn-sm" href="robots.txt">robots.txt</a>
              <a class="btn btn-outline-dark btn-sm" href="sitemap.xml">sitemap.xml</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section-block pt-0">
    <div class="container">
      <div class="section-heading mb-4">
        <span class="section-kicker">Artikel terbaru</span>
        <h2 class="section-title mb-1">Update konten terbaru</h2>
      </div>
      <?php if ($latestPosts === []): ?>
        <section class="empty-state">
          <h3 class="h4 mb-2">Belum ada artikel terbaru</h3>
          <p class="mb-3">Sementara, buka blog atau langsung ke apknusa.com.</p>
          <div class="d-flex flex-wrap gap-2 justify-content-center">
            <a class="btn btn-dark" href="blog.php">Buka blog</a>
            <a class="btn btn-outline-dark" href="<?= e(APKNUSA_URL) ?>" target="_blank" rel="noopener noreferrer">Buka apknusa.com</a>
          </div>
        </section>
      <?php else: ?>
        <div class="list-shell">
          <?php foreach ($latestPosts as $post): ?>
            <article class="list-row">
              <div>
                <div class="d-flex flex-wrap gap-2 align-items-center mb-2">
                  <span class="tag-badge"><?= e((string)$post['category']) ?></span>
                  <span class="muted-meta"><?= e((string)format_article_date((string)$post['published_at'])) ?></span>
                </div>
                <h3 class="list-title mb-1"><a href="<?= e(post_url($post)) ?>"><?= e((string)$post['title']) ?></a></h3>
                <p class="list-copy mb-0"><?= e((string)$post['excerpt']) ?></p>
              </div>
              <div class="list-row-actions d-flex flex-wrap gap-2">
                <a class="btn btn-outline-dark btn-sm" href="<?= e(post_url($post)) ?>">Detail</a>
                <a class="btn btn-dark btn-sm" href="<?= e((string)$post['cta_url']) ?>" target="_blank" rel="noopener noreferrer">Ke apknusa.com</a>
              </div>
            </article>
          <?php endforeach; ?>
        </div>
      <?php endif; ?>
    </div>
  </section>
</main>
<?php render_page_end(); ?>