<%- include('shared/_head', { title: 'BeezifiPay', bodyClass: 'home-page' }) %>

<div class="home-shell">
  <header class="home-hero">
    <div class="home-brand">
      <span class="brand-mark">B</span>
      <span class="brand-name">BeezifiPay</span>
    </div>
    <h1 class="home-headline">The payer controls their credentials.<br>Always.</h1>
    <p class="home-sub">A payment platform built on US8073771B2 — merchants request, payers approve, processors settle. Card credentials never leave the payer's device.</p>
    <div class="home-actions">
      <a href="/merchant/login" class="btn btn-primary btn-lg">Merchant portal</a>
      <a href="/payer/login" class="btn btn-secondary btn-lg">Payer portal</a>
    </div>
  </header>

  <section class="home-features">
    <div class="feature-card">
      <div class="feature-icon">🏪</div>
      <h2>Merchants</h2>
      <p>Register your organization, manage locations and staff, create checkout requests for any payer.</p>
      <a href="/merchant/register" class="feature-link">Create merchant account →</a>
    </div>
    <div class="feature-card">
      <div class="feature-icon">📱</div>
      <h2>Payers</h2>
      <p>Securely vault your payment methods. Review, approve, or decline requests on your own device.</p>
      <a href="/payer/register" class="feature-link">Create payer account →</a>
    </div>
    <div class="feature-card">
      <div class="feature-icon">🔬</div>
      <h2>Patent demo</h2>
      <p>Explore the original US8073771B2 patent flow — merchant invoice, Bluetooth relay handoff, payer approval.</p>
      <a href="/demo" class="feature-link">Open demo →</a>
    </div>
  </section>
</div>

<%- include('shared/_foot', {}) %>
