218 lines
14 KiB
PHP
218 lines
14 KiB
PHP
<?php require_once __DIR__ . '/app/bootstrap.php'; ?>
|
||
<!DOCTYPE HTML>
|
||
<html lang="de">
|
||
<head>
|
||
<title>Kaffeeliste – die digitale Kaffeekasse für Teams</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||
<meta name="description" content="Kaffeeliste automatisiert die Abrechnung eurer Kaffeekasse: Guthaben, Zahlungen und offene Beträge immer im Blick – ab 0 € im Monat, in Minuten startklar." />
|
||
<link rel="stylesheet" href="assets/css/main.css" />
|
||
<link rel="stylesheet" href="assets/css/public.css" />
|
||
</head>
|
||
<body class="is-preload public-page">
|
||
<div class="public-shell">
|
||
<section class="public-hero">
|
||
<nav class="public-nav" aria-label="Hauptnavigation">
|
||
<strong>Kaffeeliste</strong>
|
||
<ul class="actions">
|
||
<li><a href="<?php echo htmlspecialchars(app_primary_url('login.php'), ENT_QUOTES, 'UTF-8'); ?>" class="button">Login</a></li>
|
||
<li><a href="<?php echo htmlspecialchars(app_primary_url('register.php'), ENT_QUOTES, 'UTF-8'); ?>" class="button primary">Registrieren</a></li>
|
||
</ul>
|
||
</nav>
|
||
<div class="public-hero-content">
|
||
<h1>Die Kaffeekasse, die von allein mitrechnet</h1>
|
||
<p>Die Striche macht ihr weiterhin ganz klassisch an der Maschine – auf der ausgedruckten Liste, wie eh und je. Den Rest übernimmt Kaffeeliste: Guthaben, Zahlungen und offene Beträge sind für alle jederzeit auf einen Blick sichtbar. Schluss mit Kopfrechnen, Excel-Tabellen und dem lästigen Kassensturz am Monatsende.</p>
|
||
<ul class="actions">
|
||
<li><a href="<?php echo htmlspecialchars(app_primary_url('register.php'), ENT_QUOTES, 'UTF-8'); ?>" class="button primary big">Kostenlos einrichten</a></li>
|
||
<li><a href="<?php echo htmlspecialchars(app_primary_url('login.php'), ENT_QUOTES, 'UTF-8'); ?>" class="button big">Zur App</a></li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="public-section">
|
||
<header class="major">
|
||
<h2>So funktioniert's</h2>
|
||
<p>Drei Schritte, kein Umlernen für dein Team nötig.</p>
|
||
</header>
|
||
<div class="public-grid public-steps">
|
||
<article class="public-feature">
|
||
<span class="public-step-number">1</span>
|
||
<h3>Kaffee nehmen</h3>
|
||
<p>Wie bisher: Kaffee holen, Tee, Wasser – ganz ohne App am Automaten oder an der Maschine selbst.</p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<span class="public-step-number">2</span>
|
||
<h3>Strich setzen</h3>
|
||
<p>Der Strich landet in der Kaffeeliste – gesammelt durch die zuständige Person oder, wenn gewünscht, in Sekunden selbst im eigenen Dashboard erfasst.</p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<span class="public-step-number">3</span>
|
||
<h3>Bei Bedarf bezahlen</h3>
|
||
<p>Der aktuelle Stand ist immer sichtbar. Ausgleich in einem Klick per PayPal, ganz ohne Bargeld und Wechselgeld-Suche.</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="public-section">
|
||
<header class="major">
|
||
<h2>Alles rund um die Kaffeekasse</h2>
|
||
<p>Kein Feature-Wildwuchs – nur, was ein Team wirklich braucht.</p>
|
||
</header>
|
||
<div class="public-grid">
|
||
<article class="public-feature">
|
||
<h3>Immer der richtige Zugriff</h3>
|
||
<p>Neue Kolleg:innen sind in einer Minute angelegt, wer geht, ist genauso schnell wieder draußen. Rollen wie Admin oder Kassenwart vergebt ihr gezielt – zum Beispiel für die Praktikantin, die nur Striche einträgt, aber nichts an den Einstellungen ändern kann.</p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<h3>Nie wieder „Wer hat schon bezahlt?"</h3>
|
||
<p>Jede Einzahlung, jeder Strich, jede Korrektur landet automatisch im gemeinsamen Kontobuch – nachvollziehbar bis zum ersten Tag. Praktisch beim Jahresabschluss: ein Klick, fertig.</p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<h3>Bezahlen in 10 Sekunden</h3>
|
||
<p>Wer offen ist, bekommt einen fertigen PayPal-Link mit passendem Betrag. Kein Bargeld, kein Wechselgeld-Chaos in der Teeküche.</p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<h3>Die Liste an der Wand bleibt</h3>
|
||
<p>Ausdrucken, aufhängen, fertig – mit eigenem Hinweistext als Wasserzeichen und automatisch passender Zeilengröße, egal ob 5 oder 150 Kolleg:innen mitmachen.</p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<h3>Alle informiert, ohne Rundmail-Chaos</h3>
|
||
<p>Ein Hinweisbanner für „Die Maschine ist kaputt" oder eine Erinnerungsmail an alle mit offenem Betrag – in einer Minute verschickt statt einzeln nachgefragt.</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="public-section public-highlight">
|
||
<header class="major">
|
||
<h2>6 Gründe, warum Verwalter Kaffeeliste lieben</h2>
|
||
<p>Für Admin und Kassenwart macht das den größten Unterschied im Alltag.</p>
|
||
</header>
|
||
<div class="public-grid public-steps public-advantages">
|
||
<article class="public-feature">
|
||
<span class="public-step-number">1</span>
|
||
<h3>Kein Taschenrechner mehr</h3>
|
||
<p>Salden berechnen sich automatisch. Keine manuelle Addition von Strichen und Zahlungen am Monatsende.</p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<span class="public-step-number">2</span>
|
||
<h3>Ein Klick statt Excel-Akrobatik</h3>
|
||
<p>Jahresabschluss, Mitgliederliste, Export – direkt aus der App statt mühsamer Tabellenpflege nebenbei.</p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<span class="public-step-number">3</span>
|
||
<h3>Erinnerungen laufen von allein</h3>
|
||
<p>Eine Info-Mail an alle mit offenem Betrag, statt jede Person einzeln anzuschreiben oder anzusprechen.</p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<span class="public-step-number">4</span>
|
||
<h3>Mitgliederverwaltung in Sekunden</h3>
|
||
<p>Neue Kolleg:innen anlegen, alte deaktivieren, Rollen vergeben – ohne Rückfragen, wer worauf Zugriff hat.</p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<span class="public-step-number">5</span>
|
||
<h3>PayPal-Abgleich ohne Nachrechnen</h3>
|
||
<p>Eingehende Zahlungen ordnen sich automatisch dem richtigen Mitglied zu – kein Abgleich von Hand mehr.</p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<span class="public-step-number">6</span>
|
||
<h3>Der Stand ist immer griffbereit</h3>
|
||
<p>Ob am Handy in der Teeküche oder am Rechner im Büro: Der Kassenstand ist nie veraltet oder in der falschen Datei.</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="public-section">
|
||
<header class="major">
|
||
<h2>Preise</h2>
|
||
<p>Ein Preis pro Team, gestaffelt nach aktiven Teilnehmern – keine Kosten pro Kopf, keine versteckten Gebühren.</p>
|
||
</header>
|
||
<div class="public-grid">
|
||
<article class="public-feature">
|
||
<h3>Bis 10 Teilnehmer</h3>
|
||
<p><strong>Kostenlos</strong></p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<h3>Bis 25 Teilnehmer</h3>
|
||
<p><strong>3,99 € / Monat</strong></p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<h3>Bis 50 Teilnehmer</h3>
|
||
<p><strong>7,99 € / Monat</strong></p>
|
||
</article>
|
||
<article class="public-feature">
|
||
<h3>Bis 150 Teilnehmer</h3>
|
||
<p><strong>12,99 € / Monat</strong></p>
|
||
</article>
|
||
</div>
|
||
<p class="public-fineprint">Mehr als 150 Teilnehmer? <a href="<?php echo htmlspecialchars(app_primary_url('preise.php'), ENT_QUOTES, 'UTF-8'); ?>">Preis auf Anfrage</a>. Gemäß § 19 UStG wird keine Umsatzsteuer berechnet – die genannten Beträge sind die tatsächlich zu zahlenden Endpreise. Details unter <a href="<?php echo htmlspecialchars(app_primary_url('preise.php'), ENT_QUOTES, 'UTF-8'); ?>">Preise</a>.</p>
|
||
</section>
|
||
|
||
<section class="public-section public-demo">
|
||
<header class="major">
|
||
<h2>So sieht's in der App aus</h2>
|
||
<p>Klares Layout, aufgeräumte Tabellen, alles auf einen Blick – die Kaffeeliste bleibt bewusst eine Arbeitsoberfläche statt einer verspielten Marketing-App.</p>
|
||
</header>
|
||
<div class="public-demo-frame">
|
||
<img src="assets/images/demo-kaffeeliste.png" alt="Ausschnitt aus der Kaffeeliste: Gesamtübersicht mit aktivem Mitglied, Stand, Ausgabe, Strichen und Einzahlungen" loading="lazy">
|
||
</div>
|
||
</section>
|
||
|
||
<section class="public-section">
|
||
<header class="major">
|
||
<h2>Häufige Fragen</h2>
|
||
</header>
|
||
<div class="public-faq">
|
||
<div class="public-panel">
|
||
<h3>Wie schnell ist meine Kaffeeliste startklar?</h3>
|
||
<p>Kundenkonto anlegen, Mitglieder eintragen, loslegen. Es ist keine Einrichtung durch uns nötig, und die bestehenden Abläufe rund um Striche und Einzahlungen bleiben dieselben.</p>
|
||
</div>
|
||
<div class="public-panel">
|
||
<h3>Was kostet die Kaffeeliste?</h3>
|
||
<p>Bis 10 Teilnehmer kostenlos, danach gestaffelt nach Teamgröße ab 3,99 € im Monat – ohne Kosten pro Kopf. Details unter <a href="<?php echo htmlspecialchars(app_primary_url('preise.php'), ENT_QUOTES, 'UTF-8'); ?>">Preise</a>.</p>
|
||
</div>
|
||
<div class="public-panel">
|
||
<h3>Sind unsere Daten von denen anderer Kunden getrennt?</h3>
|
||
<p>Ja. Jeder Kunde hat einen eigenen, isolierten Bereich für Mitglieder, Buchungen und Einstellungen. Diese Trennung ist fester Bestandteil der App und wird automatisiert geprüft.</p>
|
||
</div>
|
||
<div class="public-panel">
|
||
<h3>Wer darf in unserem Team was ändern?</h3>
|
||
<p>Ihr vergebt Rollen wie Administrator, Kassenwart oder Mitglied gezielt pro Person – und könnt den Zugang jederzeit wieder entziehen, ohne den Mitgliedseintrag selbst zu löschen.</p>
|
||
</div>
|
||
<div class="public-panel">
|
||
<h3>Können wir unsere Daten exportieren oder löschen lassen?</h3>
|
||
<p>Ja. Ihr könnt alle gespeicherten Daten jederzeit als Export herunterladen und einzelne Mitglieder oder euren gesamten Kundenbereich selbstständig wieder entfernen lassen.</p>
|
||
</div>
|
||
<div class="public-panel">
|
||
<h3>Müssen wir PayPal nutzen?</h3>
|
||
<p>Nein, PayPal ist optional und lässt sich in den Mandant-Einstellungen aktivieren. Einzahlungen können weiterhin auch manuell erfasst werden.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="public-section public-cta">
|
||
<header class="major">
|
||
<h2>Bereit für eine Kaffeekasse, die mitdenkt?</h2>
|
||
<p>In wenigen Minuten eingerichtet, für dein ganzes Team nutzbar.</p>
|
||
</header>
|
||
<ul class="actions">
|
||
<li><a href="<?php echo htmlspecialchars(app_primary_url('register.php'), ENT_QUOTES, 'UTF-8'); ?>" class="button primary big">Kundenkonto anlegen</a></li>
|
||
<li><a href="<?php echo htmlspecialchars(app_primary_url('login.php'), ENT_QUOTES, 'UTF-8'); ?>" class="button big">Zur App</a></li>
|
||
</ul>
|
||
</section>
|
||
</div>
|
||
|
||
<footer class="public-footer-links">
|
||
<a href="impressum.php">Impressum</a>
|
||
<a href="agb.php">AGB</a>
|
||
<a href="datenschutz.php">Datenschutz</a>
|
||
<a href="preise.php">Preise</a>
|
||
</footer>
|
||
|
||
<script src="assets/js/jquery.min.js"></script>
|
||
<script src="assets/js/browser.min.js"></script>
|
||
<script src="assets/js/breakpoints.min.js"></script>
|
||
<script src="assets/js/util.js"></script>
|
||
<script src="assets/js/main.js"></script>
|
||
</body>
|
||
</html>
|