feat(marketing): add real application screenshots

This commit is contained in:
t.indorf
2026-10-13 13:13:14 +02:00
parent abe73bb9ac
commit d4aa90422f
12 changed files with 307 additions and 177 deletions
+54
View File
@@ -0,0 +1,54 @@
export type ProductScreenshot = {
slug: string;
label: string;
role: string;
caption: string;
alt: string;
src: string;
width: number;
height: number;
};
/** Real app captures with synthetic data; see docs/product-screenshots.md. */
export const productScreenshots: readonly ProductScreenshot[] = [
{
slug: "notdienst-planer", label: "Notdienst", role: "Elternansicht",
caption: "Verfügbare Tage markieren und Kita-Termine direkt bei der Auswahl sehen.",
alt: "Notdienst-Kalender für November 2026 mit acht ausgewählten Tagen und einem gesperrten Teamtag",
src: "/landing/screenshots/notdienst.jpg", width: 1600, height: 1000,
},
{
slug: "kita-kalender", label: "Kalender", role: "Elternansicht",
caption: "Elternabend, Herbstfest, Ausflüge und Schließtage im gemeinsamen Monatskalender.",
alt: "Monatskalender für Oktober 2026 mit Elterncafé, Wald-Ausflug, Elternabend, Herbstfest und Teamtag",
src: "/landing/screenshots/kalender.jpg", width: 1600, height: 1000,
},
{
slug: "eltern-adressbuch", label: "Adressbuch", role: "Elternansicht",
caption: "Haushalte, Kinder und ausdrücklich freigegebene Kontakte zusammen finden.",
alt: "Internes Adressbuch mit Familien, Kindern und per Opt-in freigegebenen E-Mail-Adressen",
src: "/landing/screenshots/adressbuch.jpg", width: 1585, height: 991,
},
{
slug: "krankmeldung", label: "Abwesenheiten", role: "Elternansicht",
caption: "Laufende Meldungen sehen und zukünftige Abwesenheiten bearbeiten oder zurücknehmen.",
alt: "Abwesenheitsübersicht mit einer laufenden Krankmeldung und einer zukünftigen Urlaubsmeldung samt Bearbeiten- und Zurücknehmen-Schaltflächen",
src: "/landing/screenshots/abwesenheiten.jpg", width: 1600, height: 1000,
},
{
slug: "schwarzes-brett", label: "Mitteilungen", role: "Elternansicht",
caption: "Offizielle Nachrichten lesen – mit formatiertem Inhalt und sichtbarem Aktualisierungshinweis.",
alt: "Geöffnete Herbstfest-Mitteilung mit formatiertem Text und Datum der Aktualisierung vor dem Schwarzen Brett",
src: "/landing/screenshots/mitteilungen.jpg", width: 1600, height: 1000,
},
{
slug: "personal-arbeitszeit", label: "Arbeitszeit", role: "Ansicht für Fachkräfte",
caption: "Erfasste Stunden, Wochensumme, bestätigtes Zeitkonto und verfügbaren Urlaub im Blick behalten.",
alt: "Arbeitszeitübersicht einer Fachkraft mit 35 erfassten Wochenstunden, Zeitkonto und Urlaubsstand",
src: "/landing/screenshots/personal.jpg", width: 1585, height: 1268,
},
];
export function getProductScreenshot(slug: string) {
return productScreenshots.find((screenshot) => screenshot.slug === slug);
}