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 @@ - Kaffeeliste + Kaffeeliste – die digitale Kaffeekasse für Teams + @@ -19,34 +20,121 @@
-

Kaffeeliste

-

Die digitale Kaffeekasse für Teams, Büros und Vereine: Striche, Einzahlungen und offene Beträge bleiben nachvollziehbar an einem Ort.

+

Die Kaffeekasse, die von allein mitrechnet

+

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.

+
+
+

So funktioniert's

+
+
+
+ 1 +

Kaffee nehmen

+

Wie bisher: Kaffee holen, Tee, Wasser – ganz ohne App am Automaten oder an der Maschine selbst.

+
+
+ 2 +

Strich setzen

+

Der Strich landet in der Kaffeeliste – entweder durch eine verantwortliche Person gesammelt oder, wenn gewünscht, direkt selbst im eigenen Dashboard.

+
+
+ 3 +

Bei Bedarf bezahlen

+

Der aktuelle Stand ist jederzeit sichtbar. Ausgleich bequem per PayPal, wenn dein Team das nutzt – ganz ohne Bargeld und Wechselgeld.

+
+
+
+

Alles rund um die Kaffeekasse

-

Striche erfassen

-

Teilnehmer und Admins behalten Verbrauch, Einzahlungen und Salden im Blick.

+

Mitglieder & Rollen

+

Mitglieder anlegen, deaktivieren oder anonymisieren. Zugang mit passender Rolle (Admin, Kassenwart, Mitglied) gezielt vergeben oder wieder entziehen.

+
+
+

Guthaben & Einzahlungen

+

Striche, Einzahlungen und Korrekturen laufen über ein durchgängiges Journal – jede Buchung bleibt nachvollziehbar, auch nachträglich.

+
+
+

PayPal-Zahlung

+

Offene Beträge lassen sich optional direkt per PayPal ausgleichen, inklusive automatischem Abgleich in der Liste.

+
+
+

CSV-Import & Export

+

Zahlungen aus einem PayPal-Export einlesen, mit Vorschau und Dublettenprüfung vor der Übernahme. Kaffeeliste als PDF für den Ausdruck exportieren.

Mandantenfähig

-

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.

-

Webspace-tauglich

-

Der Start erfolgt über eine zentrale App-Adresse mit Login und Mandantenauswahl.

+

Hinweise & Info-Mails

+

Aktuelle Hinweise für alle sichtbar einblenden, und bei Bedarf eine Info-Mail mit dem aktuellen Stand an alle Mitglieder verschicken.

+ +
+
+

So sieht's in der App aus

+

Klares Layout, aufgeräumte Tabellen, alles auf einen Blick – die Kaffeeliste bleibt bewusst eine Arbeitsoberfläche statt einer verspielten Marketing-App.

+
+
+ Ausschnitt aus der Kaffeeliste: Gesamtübersicht mit aktivem Mitglied, Stand, Ausgabe, Strichen und Einzahlungen +
+
+ +
+
+

Häufige Fragen

+
+
+
+

Wie schnell ist meine Kaffeeliste startklar?

+

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.

+
+
+

Sind unsere Daten von denen anderer Kunden getrennt?

+

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.

+
+
+

Wer darf in unserem Team was ändern?

+

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.

+
+
+

Können wir unsere Daten exportieren oder löschen lassen?

+

Ja. Ihr könnt alle gespeicherten Daten jederzeit als Export herunterladen und einzelne Mitglieder oder euren gesamten Kundenbereich selbstständig wieder entfernen lassen.

+
+
+

Müssen wir PayPal nutzen?

+

Nein, PayPal ist optional und lässt sich in den Mandant-Einstellungen aktivieren. Einzahlungen können weiterhin auch manuell erfasst werden.

+
+
+ +
+ +
+
+

Bereit für eine Kaffeekasse, die mitdenkt?

+

In wenigen Minuten eingerichtet, für dein ganzes Team nutzbar.

+
+ +