<?php
require __DIR__ . '/includes/config.php';
$page_title = ($LOCALE === 'de' ? 'Funktionen' : 'Features') . ' — ' . SITE_NAME;
$page_description = $LOCALE === 'de'
  ? 'Jede Funktion in Tradelyst v1.0: Trade-Eingabe, Charts, KI-Coach, Analytics, Auto-Import, Abrechnung.'
  : 'Every feature in Tradelyst v1.0: trade entry, charts, AI coach, analytics, auto-import, billing.';
include __DIR__ . '/includes/head.php';
include __DIR__ . '/includes/header.php';
?>

<section class="hero" style="padding-bottom: 48px;">
  <div class="container">
    <span class="hero-eyebrow"><?= h(t('nav.features')) ?></span>
    <h1><?= h(t('feat.h1')) ?></h1>
    <p class="lead"><?= h(t('feat.lead')) ?></p>
  </div>
</section>

<section class="block">
  <div class="container">

    <h2 class="section-title"><?= h(t('feat.entry')) ?></h2>
    <p class="section-lead"><?= h(t('feat.entry_p')) ?></p>

    <h2 class="section-title" style="margin-top: 96px;"><?= h(t('feat.charts')) ?></h2>
    <p class="section-lead"><?= h(t('feat.charts_p')) ?></p>

    <h2 class="section-title" style="margin-top: 96px;"><?= h(t('feat.dash')) ?></h2>
    <p class="section-lead"><?= h(t('feat.dash_p')) ?></p>

    <h2 class="section-title" style="margin-top: 96px;"><?= h(t('feat.ai')) ?></h2>
    <p class="section-lead"><?= h(t('feat.ai_p')) ?></p>

    <h2 class="section-title" style="margin-top: 96px;"><?= h(t('feat.import')) ?></h2>
    <p class="section-lead"><?= h(t('feat.import_p')) ?></p>

    <h2 class="section-title" style="margin-top: 96px;"><?= h(t('feat.account')) ?></h2>
    <p class="section-lead"><?= h(t('feat.account_p')) ?></p>
    <ul style="font-size:15px; color:var(--text-muted); padding-left: 20px;">
      <li><?= h(t('feat.account_b1')) ?></li>
      <li><?= h(t('feat.account_b2')) ?></li>
      <li><?= h(t('feat.account_b3')) ?></li>
      <li><?= h(t('feat.account_b4')) ?></li>
      <li><?= h(t('feat.account_b5')) ?></li>
      <li><?= h(t('feat.account_b6')) ?></li>
    </ul>

  </div>
</section>

<section class="block" style="text-align:center;">
  <div class="container">
    <h2 class="section-title"><?= h(t('feat.cta_title')) ?></h2>
    <div class="hero-cta" style="justify-content:center;">
      <a href="<?= h(localePath('/pricing.php')) ?>" class="btn btn-primary"><?= h(t('cta.see_pricing')) ?></a>
      <a href="<?= h(APP_URL) ?>/invite" class="btn btn-secondary"><?= h(t('cta.invite')) ?></a>
    </div>
  </div>
</section>

<?php include __DIR__ . '/includes/footer.php'; ?>
