<?php
$isLanding = empty(current_user());
if ($isLanding) {
  // Guest marketing homepage — full-bleed hero (Tinder-style energy, Velora brand)
  require __DIR__.'/header.php';
?>
</main>
<div class="landing">
  <section class="landing-hero">
    <div class="landing-hero-bg" aria-hidden="true"></div>
    <div class="landing-hero-overlay" aria-hidden="true"></div>
    <div class="landing-hero-inner">
      <p class="landing-kicker">Start something real</p>
      <h1 class="landing-title">Swipe into<br>your next story.</h1>
      <p class="landing-sub">Meet people nearby who match your vibe. Discover, match, and chat — built for adults who want more than small talk.</p>
      <div class="landing-cta">
        <a class="btn landing-btn-primary" href="<?= url('register') ?>">Create account</a>
        <a class="btn landing-btn-ghost" href="<?= url('login') ?>">Log in</a>
      </div>
      <p class="landing-legal">18+ only · By continuing you agree to our Terms &amp; Privacy</p>
    </div>

    <div class="landing-cards" aria-hidden="true">
      <div class="float-card c1">
        <div class="float-photo">
          <img src="<?= asset('img/landing/woman-black-1.jpg') ?>" alt="" width="600" height="800" loading="lazy">
        </div>
        <div class="float-meta"><b>Amina, 26</b><span>Nairobi · Travel · Music</span></div>
      </div>
      <div class="float-card c2">
        <div class="float-photo">
          <img src="<?= asset('img/landing/man-white-1.jpg') ?>" alt="" width="600" height="800" loading="lazy">
        </div>
        <div class="float-meta"><b>James, 29</b><span>Nairobi · Food · Hiking</span></div>
      </div>
      <div class="float-card c3">
        <div class="float-photo">
          <img src="<?= asset('img/landing/woman-white-1.jpg') ?>" alt="" width="600" height="800" loading="lazy">
        </div>
        <div class="float-meta"><b>Sophie, 25</b><span>Nairobi · Art · Coffee</span></div>
      </div>
      <div class="float-card c4">
        <div class="float-photo">
          <img src="<?= asset('img/landing/woman-black-2.jpg') ?>" alt="" width="600" height="800" loading="lazy">
        </div>
        <div class="float-meta"><b>Zuri, 27</b><span>Nairobi · Fitness · Music</span></div>
      </div>
      <div class="float-card c5">
        <div class="float-photo">
          <img src="<?= asset('img/landing/man-white-2.jpg') ?>" alt="" width="600" height="800" loading="lazy">
        </div>
        <div class="float-meta"><b>Liam, 28</b><span>Nairobi · Tech · Travel</span></div>
      </div>
    </div>
  </section>

  <section class="landing-strip">
    <div class="landing-strip-inner">
      <div><span class="strip-ico">🔥</span><div><b>Discover</b><p>One profile at a time — swipe with intention.</p></div></div>
      <div><span class="strip-ico">💜</span><div><b>Match</b><p>When you both like, the conversation opens.</p></div></div>
      <div><span class="strip-ico">💬</span><div><b>Chat &amp; call</b><p>Messages, typing, and optional video calls.</p></div></div>
      <div><span class="strip-ico">🛡</span><div><b>Stay safe</b><p>Block, report, and privacy controls built in.</p></div></div>
    </div>
  </section>

  <section class="landing-showcase">
    <div class="showcase-copy">
      <span class="eyebrow">Designed for mobile</span>
      <h2>As smooth as the apps you love.</h2>
      <p>Card stack discovery, shared interests, ice breakers, and a clean inbox — so you spend less time navigating and more time connecting.</p>
      <ul class="showcase-list">
        <li>Full profiles before you match</li>
        <li>Interest-based ranking</li>
        <li>Photo carousels &amp; prompts</li>
        <li>Premium tools when you want a boost</li>
      </ul>
      <a class="btn" href="<?= url('register') ?>">Join Velora free</a>
    </div>
    <div class="showcase-phone">
      <div class="phone-frame">
        <div class="phone-notch"></div>
        <div class="phone-screen">
          <div class="phone-card">
            <div class="phone-card-img">
              <img src="<?= asset('img/landing/woman-white-2.jpg') ?>" alt="" width="600" height="800" loading="lazy">
            </div>
            <div class="phone-card-info">
              <b>Emma, 27</b>
              <span>2 shared interests</span>
            </div>
          </div>
          <div class="phone-actions">
            <span class="pa nope">✕</span>
            <span class="pa like">♥</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="landing-safety">
    <div class="landing-safety-inner">
      <h2>Safety isn’t an afterthought.</h2>
      <p>Report tools, blocking, verification-ready flows, and clear community standards — so you can focus on good conversations.</p>
      <a class="btn ghost" href="<?= url('register') ?>">Create your profile</a>
    </div>
  </section>

  <section class="landing-final">
    <h2>Ready when you are.</h2>
    <p>It only takes a minute to set up. You’re in control of who sees you.</p>
    <div class="landing-cta">
      <a class="btn landing-btn-primary" href="<?= url('register') ?>">Create account</a>
      <a class="btn landing-btn-ghost" href="<?= url('login') ?>">Log in</a>
    </div>
  </section>

  <footer class="landing-footer">
    <span class="brand">VELORA</span>
    <span>© <?= date('Y') ?> · 18+ · Dating with intention</span>
  </footer>
</div>
<main class="container" style="display:none">
<?php
  require __DIR__.'/footer.php';
  return;
}
// Logged-in users: simple redirect-style home
require __DIR__.'/header.php';
?>
<section class="hero">
  <div>
    <span class="eyebrow">Welcome back</span>
    <h1>Pick up where you left off.</h1>
    <p class="muted">Discover new people, check your matches, or polish your profile.</p>
    <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:12px">
      <a class="btn" href="<?= url('discovery') ?>">Discover</a>
      <a class="btn ghost" href="<?= url('matches') ?>">Matches</a>
      <a class="btn ghost" href="<?= url('profile') ?>">Profile</a>
    </div>
  </div>
</section>
<?php require __DIR__.'/footer.php'; ?>
