9fdb0d3a2e
Private, noindex App-Tour mit Client-seitigem Passwort-Gate (Cookie). 16 echte Screenshots (Onboarding, Blocker, Block-Seite, Lyra, Atemübung, Mail-Schutz + -Connect, Community-Feed/Chat/Anruf, Streak, Geräte, Eigene Domains, Admin- Moderation) via PreviewPhone-Mockups. Admin-Shot als Handy-Rahmen (PreviewPhone). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2.2 KiB
App-Vorschau-Screenshots (für /preview)
Lege die echten Screenshots als PNG hier ab. Solange eine Datei fehlt, zeigt die Vorschau-Seite automatisch einen beschrifteten Platzhalter (kein Code-Eingriff nötig).
Telefon-Screens: Hochformat (z. B. 1170×2532). Admin-Screen: Querformat 16:10.
Erwartete Dateinamen
| Datei | Screen | Was zeigen |
|---|---|---|
01a-onboarding.png |
Onboarding 1 | Konto & Spitzname |
01b-onboarding.png |
Onboarding 2 | Schutz einrichten |
01c-onboarding.png |
Onboarding 3 | Fertig / Los geht's |
02-blocker.png |
Blocker aktiv | Status „aktiv", Domain-Zähler |
03-blocked.png |
Gesperrte Seite | Block-Screen bei Casino-Aufruf |
04-sos-lyra.png |
Lyra | Chat mit Lyra (Coaching/Krise) |
05-breathing.png |
Atemübung/Spiel | Atemübung oder Mini-Spiel |
06-mail-schutz.png |
Mail-Schutz | Mail-Schutz-Übersicht / entfernte Mails |
06b-mail-connect.png |
Konto verbinden | Provider-Auswahl / Konto-Anbindung |
07-community.png |
Feed | Community-Feed / Posts (nur Spitznamen) |
07b-dm.png |
Chat | Verschlüsselter DM-Chat |
07c-calls.png |
Anrufe | Anruf-Screen (Spitzname) |
08-streak.png |
Streak | Spielfreie Tage / Statistik |
09-geraete.png |
Geräte | Geräte-Übersicht (iPhone/Android/Mac/Windows) |
12-domains.png |
Eigene Domains | Custom-Domain-Verwaltung (Web/E-Mail) |
13-admin-approve.png |
Admin (Querformat) | Admin-App: Domain-Anfragen approve/reject |
Dateinamen exakt so benennen, dann erscheinen die Bilder automatisch.
Texte/Reihenfolge: apps/marketing/app/pages/preview.vue.
Maestro-Pipeline
apps/rebreak-native/.maestro/screens/capture-marketing.sh erzeugt aktuell die
Screens 01–09 automatisch. NEU hinzugekommen und noch ohne Auto-Flow:
06b-mail-connect, 07b-dm, 07c-calls, 12-domains (App) und 13-admin-approve
(Admin-App, separat). Diese ggf. manuell schießen oder die Flows erweitern (ahmed).
Passwort
preview.vue → PREVIEW_PASSWORD (aktuell rebreak-fags). Vor dem Teilen ändern.
Logo
Nutzt apps/marketing/public/app-icon.png (Kopie von apps/rebreak-native/assets/icon.png,
dem App-Icon für iOS/Android/Magic). Bei Logo-Update einfach diese Datei ersetzen.