# 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.