Kaffee nehmen
+Wie bisher: Kaffee holen, Tee, Wasser – ganz ohne App am Automaten oder an der Maschine selbst.
+diff --git a/assets/css/public.css b/assets/css/public.css index d5c8f51..c8783df 100644 --- a/assets/css/public.css +++ b/assets/css/public.css @@ -147,7 +147,76 @@ body.public-page { margin-bottom: 0; } +.public-steps .public-feature { + position: relative; + padding-top: 2.75rem; +} + +.public-step-number { + position: absolute; + top: 1rem; + left: 1.5rem; + display: inline-flex; + align-items: center; + justify-content: center; + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: #38761d; + color: #ffffff; + font-family: "Roboto Slab", serif; + font-weight: 700; + font-size: 0.95em; +} + +.public-demo-frame { + max-width: 72rem; + border: solid 1px rgba(210, 215, 217, 0.75); + border-radius: 8px; + overflow: hidden; + box-shadow: 0 0.75rem 2.25rem rgba(61, 68, 73, 0.08); +} + +.public-demo-frame img { + display: block; + width: 100%; + height: auto; +} + +.public-faq { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 1.25rem; + max-width: 72rem; + margin-bottom: 1.5rem; +} + +.public-faq .public-panel h3 { + font-size: 1.05em; + margin-bottom: 0.5rem; +} + +.public-faq .public-panel p { + margin-bottom: 0; + color: #3d4449; +} + +.public-cta { + text-align: center; +} + +.public-cta .major { + display: flex; + flex-direction: column; + align-items: center; +} + @media screen and (max-width: 980px) { + .public-faq { + grid-template-columns: 1fr; + } + + .public-hero { min-height: 78vh; padding: 5.5rem 2rem 3rem 2rem; diff --git a/assets/images/demo-kaffeeliste.png b/assets/images/demo-kaffeeliste.png new file mode 100644 index 0000000..78ce5ce Binary files /dev/null and b/assets/images/demo-kaffeeliste.png differ diff --git a/docs/saas-umstrukturierungsplan.md b/docs/saas-umstrukturierungsplan.md index 2b47695..f1c67ac 100644 --- a/docs/saas-umstrukturierungsplan.md +++ b/docs/saas-umstrukturierungsplan.md @@ -307,7 +307,7 @@ Nicht tun: | M4 | Datenmigration | Gestartet: Ledger-Tabelle, Legacy-Backfill, Paritätscheck, Ledger-Service und Preview sind umgesetzt | | M5 | App-Kern | Weit fortgeschritten: Kernseiten lesen und schreiben tenant-sicher gegen das Ledger, inklusive Hinweise und rollenbasiertem Zugang; offen ist ein eigener Zahlungs-Screen | | M6 | Betriebsflows | Abgeschlossen: Import, Export, Mail und Jahresabschluss sind auditierbar | -| M7 | Landingpage | Public-Seite und Auth-Seiten sind im gemeinsamen Stil nutzbar; spätere Ausbaustufen folgen | +| M7 | Landingpage | Abgeschlossen: Public-Seite mit Kernabläufen, Funktionsübersicht, Demo-Screenshot und FAQ-Auszug; Auth-Seiten im gemeinsamen Stil | | M8 | Härtung | Abgeschlossen: Security-Headers, Rate-Limits, Audit-Log, Mandanten-Isolation/Rollenmatrix getestet, Datenexport, Löschung/Anonymisierung, Backup/Monitoring dokumentiert (CSP als bewusst offener Punkt) | | M9 | Cutover | Produktivumstellung ist vorbereitet und Legacy ist read-only | @@ -615,19 +615,31 @@ Schritte: - Public-Layout mit bestehender Typografie und grünem Akzent bauen. Erster Stand als `landing.php` und `assets/css/public.css` erledigt. -- Landingpage-Inhalte erstellen. Erster Stand erledigt. -- Demo-Screenshot oder Demo-Ansicht einbinden. +- Landingpage-Inhalte erstellen: erledigt und überarbeitet. Klarere + Nutzenbeschreibung, expliziter Drei-Schritte-Ablauf (Kaffee nehmen → + Strich setzen → bei Bedarf bezahlen) und erweiterte Funktionsübersicht + (Mitglieder/Rollen, Guthaben/Einzahlungen, PayPal, CSV-Import/-Export, + Mandantenfähigkeit, Hinweise/Info-Mails). +- Demo-Screenshot oder Demo-Ansicht einbinden: erledigt. Bereinigter + Screenshot der Gesamtübersicht (Testdaten, keine echten Kundendaten) + aus `docs/m0/screenshots/` als `assets/images/demo-kaffeeliste.png`. - CTA zu Registrierung und Login. Erledigt. - Login, Registrierung und Passwort-Reset in den Public-Stil integrieren. Erledigt. - App-Sidebar von Public-Links trennen. Erledigt. -- FAQ-Auszug strukturieren. +- FAQ-Auszug strukturieren: erledigt. Fünf produktbezogene Fragen + (Einrichtung, Mandantentrennung, Rollen, Export/Löschung, PayPal) direkt + auf der Landingpage, mit Verweis auf die vollständige FAQ. Die + bestehende `faq.php` bleibt bewusst unverändert AOK-spezifisch + (Kaffeemaschine, Ansprechpartner) und wurde nicht 1:1 auf die + Landingpage übernommen. - Keine App-Sidebar im Public-Bereich. Ergebnis: - Interessenten verstehen das Produkt und können sich registrieren. - Bestehende App bleibt optisch eigenständig und arbeitsorientiert. +- Stand: abgeschlossen. Abhängigkeiten: diff --git a/landing.php b/landing.php index 989fa37..7a04ff4 100644 --- a/landing.php +++ b/landing.php @@ -2,9 +2,10 @@
-Die digitale Kaffeekasse für Teams, Büros und Vereine: Striche, Einzahlungen und offene Beträge bleiben nachvollziehbar an einem Ort.
+Schluss mit Strichlisten auf Papier und Kopfrechnen beim Kassensturz: Kaffeeliste hält für dein Team, Büro oder deinen Verein fest, wer wie viele Striche gemacht hat, wer bezahlt hat und wer gerade offen ist – jederzeit einsehbar, für jeden nachvollziehbar.
Wie bisher: Kaffee holen, Tee, Wasser – ganz ohne App am Automaten oder an der Maschine selbst.
+Der Strich landet in der Kaffeeliste – entweder durch eine verantwortliche Person gesammelt oder, wenn gewünscht, direkt selbst im eigenen Dashboard.
+Der aktuelle Stand ist jederzeit sichtbar. Ausgleich bequem per PayPal, wenn dein Team das nutzt – ganz ohne Bargeld und Wechselgeld.
+Teilnehmer und Admins behalten Verbrauch, Einzahlungen und Salden im Blick.
+Mitglieder anlegen, deaktivieren oder anonymisieren. Zugang mit passender Rolle (Admin, Kassenwart, Mitglied) gezielt vergeben oder wieder entziehen.
+Striche, Einzahlungen und Korrekturen laufen über ein durchgängiges Journal – jede Buchung bleibt nachvollziehbar, auch nachträglich.
+Offene Beträge lassen sich optional direkt per PayPal ausgleichen, inklusive automatischem Abgleich in der Liste.
+Zahlungen aus einem PayPal-Export einlesen, mit Vorschau und Dublettenprüfung vor der Übernahme. Kaffeeliste als PDF für den Ausdruck exportieren.
Jeder Kunde arbeitet in seinem eigenen Bereich mit eigenen Einstellungen.
+Jeder Kunde arbeitet in einem eigenen, streng getrennten Bereich mit eigenen Mitgliedern, Einstellungen und Buchungen.
Der Start erfolgt über eine zentrale App-Adresse mit Login und Mandantenauswahl.
+Aktuelle Hinweise für alle sichtbar einblenden, und bei Bedarf eine Info-Mail mit dem aktuellen Stand an alle Mitglieder verschicken.
Klares Layout, aufgeräumte Tabellen, alles auf einen Blick – die Kaffeeliste bleibt bewusst eine Arbeitsoberfläche statt einer verspielten Marketing-App.
+
+ 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.
+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.
+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.
+Ja. Ihr könnt alle gespeicherten Daten jederzeit als Export herunterladen und einzelne Mitglieder oder euren gesamten Kundenbereich selbstständig wieder entfernen lassen.
+Nein, PayPal ist optional und lässt sich in den Mandant-Einstellungen aktivieren. Einzahlungen können weiterhin auch manuell erfasst werden.
+In wenigen Minuten eingerichtet, für dein ganzes Team nutzbar.
+