kaffeekasse-saas/resources/views/home/index.php

<?php require __DIR__ . '/../partials/layout-top.php'; ?>

<section class="hero">
    <div class="hero-copy">
        <span class="eyebrow">Digitale Kaffeeliste für Teams, Vereine und Standorte</span>
        <h1>Kaffeekasse verwalten, ohne Zettel und Tabellen auseinanderzuhalten.</h1>
        <p class="lead">Mitglieder buchen ihren Kaffee selbst, Einzahlungen landen am richtigen Konto und Papierlisten können später sauber nacherfasst werden. So sehen Verantwortliche jederzeit, wer gebucht, bezahlt oder noch offen hat.</p>
        <div class="button-row">
            <?php if ($setupComplete): ?>
                <a class="button button-primary" href="<?= e(url('/register')) ?>">Kaffeeliste anlegen</a>
                <a class="button button-secondary" href="<?= e(url('/admin/login')) ?>">Plattform-Login</a>
            <?php else: ?>
                <a class="button button-primary" href="<?= e(url('/install')) ?>">Kaffeeliste installieren</a>
            <?php endif; ?>
        </div>
        <ul class="metric-row">
            <li><strong>Digital</strong><span>Kaffee direkt selbst oder durch die Verwaltung buchen</span></li>
            <li><strong>Papier</strong><span>Strichlisten nachtragen und gesammelt abschließen</span></li>
            <li><strong>Saldo</strong><span>Offene Beträge pro Person nachvollziehen</span></li>
        </ul>
    </div>
    <aside class="hero-card">
        <h2>Was die Kaffeeliste abnimmt</h2>
        <ul class="feature-list">
            <li>Kaffeeliste mit verantwortlicher Person einrichten</li>
            <li>Mitglieder mit oder ohne Login anlegen</li>
            <li>Produkte, Preise und Einzahlungen nachvollziehbar pflegen</li>
            <li>Papierlisten als Entwurf erfassen und gesammelt übernehmen</li>
            <li>Kartenleser und Karten vorbereiten, wenn später RFID dazukommt</li>
        </ul>
        <?php if (is_array($stats)): ?>
            <div class="stats-panel">
                <div><strong><?= e((string) $stats['tenants']) ?></strong><span>Kaffeelisten in der Datenbank</span></div>
                <div><strong><?= e((string) $stats['members']) ?></strong><span>Mitglieder</span></div>
                <div><strong><?= e((string) $stats['events']) ?></strong><span>Buchungen</span></div>
            </div>
        <?php endif; ?>
    </aside>
</section>

<section class="content-grid">
    <article class="card">
        <span class="eyebrow">Buchungen</span>
        <h2>Aus jedem Strich wird ein nachvollziehbarer Vorgang</h2>
        <p>Ob online gebucht, von der Verwaltung erfasst oder aus einer Papierliste übernommen: Jede Buchung landet im gemeinsamen Verlauf und wirkt sich direkt auf den Mitgliedssaldo aus.</p>
    </article>
    <article class="card">
        <span class="eyebrow">Verantwortung</span>
        <h2>Mitglieder buchen selbst, die Kaffeekasse bleibt geordnet</h2>
        <p>Mitglieder erfassen ihren Verbrauch schnell selbst. Verantwortliche pflegen Preise, buchen Einzahlungen, korrigieren Fehler und sehen offene Beträge pro Kaffeeliste.</p>
    </article>
    <article class="card">
        <span class="eyebrow">Papierliste</span>
        <h2>Papier bleibt möglich, die Abrechnung wird trotzdem sauber</h2>
        <p>Wochen- oder Monatslisten können weiter genutzt, später nachgetragen und gesammelt abgeschlossen werden. So verschwinden keine Zettel und keine offenen Beträge mehr im Chaos.</p>
    </article>
</section>

<section class="plans">
    <div class="section-head">
        <span class="eyebrow">Pakete</span>
        <h2>Vom digitalen Start bis zur erweiterten Kaffeekasse</h2>
    </div>
    <div class="plan-grid">
        <article class="plan-card">
            <h3>Starter</h3>
            <p>Für Teams, die ihre Kaffeekasse zuerst digital und ohne Zusatzhardware führen wollen.</p>
            <ul>
                <li>Mitglieder, Produkte und Preise verwalten</li>
                <li>Buchungen und Einzahlungen digital erfassen</li>
                <li>Offene Beträge pro Person einsehen</li>
            </ul>
        </article>
        <article class="plan-card highlighted">
            <h3>Team</h3>
            <p>Für Organisationen, die digitale Buchungen und Papierlisten parallel nutzen.</p>
            <ul>
                <li>Papierlisten nacherfassen und gesammelt buchen</li>
                <li>Einzahlungen, Korrekturen und offene Beträge verwalten</li>
                <li>Buchungen als Tabelle exportieren</li>
            </ul>
        </article>
        <article class="plan-card">
            <h3>Business</h3>
            <p>Für Standorte, die später Kartenleser oder verbindlichere Abläufe ergänzen möchten.</p>
            <ul>
                <li>Kartenleser vorbereiten und Karten zuweisen</li>
                <li>RFID-Ereignisse standortbezogen empfangen</li>
                <li>Betriebs-, Sicherungs- und Supportprozesse planen</li>
            </ul>
        </article>
    </div>
</section>

<section class="timeline card">
    <div class="section-head">
        <span class="eyebrow">Einrichtung</span>
        <h2>In wenigen Schritten zur nutzbaren Kaffeeliste</h2>
    </div>
    <ol class="step-list">
        <li>Plattform installieren und ersten Admin anlegen.</li>
        <li>Kaffeeliste mit verantwortlicher Person registrieren.</li>
        <li>Mitglieder, Produkte und Preise anlegen.</li>
        <li>Buchungen und Einzahlungen im Alltag erfassen.</li>
        <li>Papierlisten nachtragen oder Kartenleser später ergänzen.</li>
    </ol>
</section>

<?php require __DIR__ . '/../partials/layout-bottom.php'; ?>