aurora-admin-theme/front-page.php

<?php
defined('ABSPATH') || exit;
get_header();

$showcase_tabs = [
  [
    'id' => 'dashboard',
    'label' => 'Dashboard',
    'heading' => 'A dashboard that actually tells you something.',
    'desc' => "Replaces the default WordPress dashboard with real analytics cards, activity summaries, and quick actions — the same data WordPress already has, just laid out like a modern admin.",
    'bullets' => [
      'Page views, users, and media analytics as real cards, not widgets bolted onto a 2005 layout.',
      'Recent content, scheduled posts, and comments surfaced up front.',
      'Server health and quick actions without digging through menus.',
    ],
    'image' => 'screenshot-1.png',
    'alt' => 'The Aurora dashboard',
  ],
  [
    'id' => 'role-editor',
    'label' => 'Role Editor',
    'heading' => "Know what every capability actually does.",
    'desc' => 'A visual editor for every WordPress role, with plain-English tooltips explaining what each capability actually controls — no more guessing what "edit_others_posts" means.',
    'bullets' => [
      'Every built-in and custom role, editable from one screen.',
      'Plain-English descriptions for every capability, not raw slugs.',
      'Changes apply immediately — no page builder, no bloat.',
    ],
    'image' => 'screenshot-2.png',
    'alt' => 'Role Editor with capability tooltips',
  ],
  [
    'id' => 'dark-mode',
    'label' => 'Dark Mode',
    'heading' => 'A dark mode that covers the whole admin.',
    'desc' => "Not just a few screens — the entire admin, including native WordPress screens Aurora frames rather than rebuilds, plus a real Media Library with folders.",
    'bullets' => [
      '10 color presets plus 2 flat neutrals, applied consistently everywhere.',
      'Rounded, framed cards with theme-tinted scrollbars.',
      'Media Library folders with drag-and-drop organizing.',
    ],
    'image' => 'screenshot-3.png',
    'alt' => 'Media Library with folders, dark mode across the admin',
  ],
];

$capability_cards = [
  ['icon' => '🖥️', 'title' => 'Real replacement screens', 'desc' => 'Posts, Pages, Media, Users, Comments, Plugins, Nav Menus, Widgets, Themes, Settings, Tools, Export, and Import — rebuilt, not reskinned.'],
  ['icon' => '🌓', 'title' => 'A real dark mode', 'desc' => 'Covers the entire admin, including native screens Aurora frames rather than rebuilds.'],
  ['icon' => '📜', 'title' => 'Activity Log', 'desc' => 'A filterable table with separate Admin and User tabs, plus IP tracking.'],
  ['icon' => '📋', 'title' => 'Menu Creator', 'desc' => 'Build and reorder your own wp-admin sidebar menu, drag-and-drop included.'],
  ['icon' => '🧩', 'title' => 'Modules', 'desc' => "A one-click marketplace for Aurora's standalone companion plugins."],
  ['icon' => '✏️', 'title' => 'Disable Gutenberg', 'desc' => 'One toggle switches every post type back to the classic editor.'],
];
?>
<section class="hero">
  <div class="container hero-inner">
    <p class="hero-eyebrow"><?php esc_html_e('Aurora Admin for WordPress', 'aurora-admin-theme'); ?></p>
    <h1><?php esc_html_e('A better place to run WordPress.', 'aurora-admin-theme'); ?></h1>
    <p class="hero-sub">
      <?php esc_html_e('Real replacement screens for Posts, Pages, Media, Users, and more, plus a full dark mode — all free, no upsell.', 'aurora-admin-theme'); ?>
    </p>
    <div class="hero-actions">
      <a class="btn btn-primary" href="https://github.com/WPAuroraAdmin/aurora-admin/releases/latest" target="_blank" rel="noopener">
        <?php esc_html_e('Download the latest release', 'aurora-admin-theme'); ?>
      </a>
      <a class="btn btn-outline" href="<?php echo esc_url(home_url('/features/')); ?>">
        <?php esc_html_e('See all features', 'aurora-admin-theme'); ?>
      </a>
    </div>
    <p class="hero-trust"><?php esc_html_e('Free forever. No license key. No performance-gutting bloat.', 'aurora-admin-theme'); ?></p>

    <div class="hero-stats">
      <div class="stat">
        <span class="stat-value">100%</span>
        <span class="stat-label"><?php esc_html_e('Free', 'aurora-admin-theme'); ?></span>
      </div>
      <div class="stat">
        <span class="stat-value">15+</span>
        <span class="stat-label"><?php esc_html_e('Admin screens rebuilt', 'aurora-admin-theme'); ?></span>
      </div>
      <div class="stat">
        <span class="stat-value">12</span>
        <span class="stat-label"><?php esc_html_e('Color themes', 'aurora-admin-theme'); ?></span>
      </div>
    </div>
  </div>
</section>

<section class="showcase">
  <div class="container">
    <p class="section-eyebrow"><?php esc_html_e('Highlights', 'aurora-admin-theme'); ?></p>
    <h2><?php esc_html_e('The admin, rebuilt where it counts.', 'aurora-admin-theme'); ?></h2>
    <div class="showcase-tabs" role="tablist">
      <?php foreach ($showcase_tabs as $i => $tab) : ?>
        <button
          type="button"
          class="showcase-tab<?php echo $i === 0 ? ' is-active' : ''; ?>"
          role="tab"
          data-tab-target="<?php echo esc_attr($tab['id']); ?>"
          aria-selected="<?php echo $i === 0 ? 'true' : 'false'; ?>"
        ><?php echo esc_html($tab['label']); ?></button>
      <?php endforeach; ?>
    </div>

    <?php foreach ($showcase_tabs as $i => $tab) : ?>
      <div class="showcase-panel<?php echo $i === 0 ? ' is-active' : ''; ?>" id="tab-<?php echo esc_attr($tab['id']); ?>" role="tabpanel">
        <div class="showcase-panel-inner">
          <div class="showcase-copy">
            <h3><?php echo esc_html($tab['heading']); ?></h3>
            <p><?php echo esc_html($tab['desc']); ?></p>
            <ul class="showcase-bullets">
              <?php foreach ($tab['bullets'] as $bullet) : ?>
                <li><?php echo esc_html($bullet); ?></li>
              <?php endforeach; ?>
            </ul>
          </div>
          <div class="showcase-image">
            <img src="<?php echo esc_url(AURORA_THEME_URI . '/assets/images/' . $tab['image']); ?>" alt="<?php echo esc_attr($tab['alt']); ?>">
          </div>
        </div>
      </div>
    <?php endforeach; ?>
  </div>
</section>

<section class="capabilities">
  <div class="container">
    <p class="section-eyebrow"><?php esc_html_e('Capabilities', 'aurora-admin-theme'); ?></p>
    <h2><?php esc_html_e('Everything you need in one admin.', 'aurora-admin-theme'); ?></h2>
    <p class="section-sub"><?php esc_html_e("Focused, real replacements — without changing how WordPress works underneath.", 'aurora-admin-theme'); ?></p>
    <div class="feature-grid capability-grid">
      <?php foreach ($capability_cards as $feature) : ?>
        <?php get_template_part('template-parts/content-feature-card', null, $feature); ?>
      <?php endforeach; ?>
    </div>
    <div class="capabilities-more">
      <a class="link-arrow" href="<?php echo esc_url(home_url('/features/')); ?>"><?php esc_html_e('Browse all features', 'aurora-admin-theme'); ?> &rarr;</a>
    </div>
  </div>
</section>

<section class="free-band">
  <div class="container free-band-inner">
    <h2><?php esc_html_e('Everything here is free', 'aurora-admin-theme'); ?></h2>
    <p><?php esc_html_e("There's no license key, no locked features, and no upsell.", 'aurora-admin-theme'); ?></p>
  </div>
</section>
<?php
get_footer();