Start
Für kleine Teams, die den Plan zum ersten Mal digital führen.
0,00 €pro Monat
- Bis zu 10 Personen
- Wochenplanung
- Tauschbörse
Pricing
Preiskarten mit Monat/Jahr-Umschalter über formatCurrency. Der hervorgehobene Plan steht auf dem Handy zuerst; ab sm gilt die übergebene Reihenfolge.
Live-Beispiel
Team
BeliebtDer meistgewählte Plan für Stationen und Praxen.
19,00 €pro Monat- Bis zu 50 Personen
- Auswertungen
- Wunschplanung
- Priorisierter Support
Station
Für Häuser mit mehreren Stationen und zentraler Leitung.
49,00 €pro Monat- Unbegrenzte Personen
- Mehrere Stationen
- Exporte
- Eigene Regeln
Vorschau
Desktop, Tablet und Mobil über den Umschalter in der Kopfzeile. Unterhalb von 768 px greifen die echten Media-Queries im Rahmen.
Code
Der Block bringt keine Datenlogik mit; Inhalte kommen über Props. Links lassen sich über renderLink an den Router der App anschließen.
import { Pricing } from '@lukasfend/ui/blocks/marketing';
import { Button } from '@lukasfend/ui/components/button';
export function Preise() {
return (
<Pricing
plans={[
{
id: 'team',
name: 'Team',
price: { month: 19, year: 190 },
currency: 'EUR',
features: ['Bis zu 50 Personen', 'Tauschbörse'],
highlighted: true,
cta: <Button render={<a href="#team" />}>Team wählen</Button>,
},
]}
/>
);
}