Lorem ipsum
Lorem ipsum dolor sit
Amet, consetetur sadipscing elitr
" Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. "

Lorem ipsum
Dolor sit amet
" Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. "

Consetetur sadipscing
Elitr, sed diam
" At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. "

At vero eos
Et accusam et justo
Testimonials
Kundenstimmen
Die Testimonials-Komponente zeigt Kundenbewertungen und Erfahrungsberichte in einem ansprechenden Layout an. Die Testimonial-Cards haben einen halbtransparenten weißen Hintergrund im Light Mode, um sich farblich abzuheben.
Codebeispiel
<Testimonials title="Lorem ipsum dolor sit" subtitle="Amet, consetetur sadipscing elitr" tagline="Lorem ipsum" callToAction={{ text: 'Lorem ipsum', href: '/' }} testimonials={[ { testimonial: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.', name: 'Lorem ipsum', job: 'Dolor sit amet', image: { src: '~/assets/images/default.png', alt: 'Lorem ipsum' } }, { testimonial: 'Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.', name: 'Consetetur sadipscing', job: 'Elitr, sed diam', image: { src: '~/assets/images/default.png', alt: 'Consetetur sadipscing' } }, { testimonial: 'At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.', name: 'At vero eos', job: 'Et accusam et justo', image: { src: '~/assets/images/default.png', alt: 'At vero eos' } } ]}> <Fragment slot="bg"> <div class="absolute inset-0 bg-slate-100 dark:bg-slate-900"></div> </Fragment></Testimonials>Parameter
| Bezeichner | Typ | Beschreibung | Default |
|---|---|---|---|
| title | string | Hauptüberschrift | - |
| subtitle | string | Untertitel | - |
| tagline | string | Tagline über dem Titel | - |
| callToAction | object | Call-to-Action Button | - |
| testimonials | array | Liste der Testimonials | [] |
| count | number | Anzahl der anzuzeigenden Testimonials | 3 |
| id | string | Widget-ID für Anchors | - |
| isDark | boolean | Dunkles Theme aktivieren | false |
| classes | object | CSS-Klassen-Overrides | {} |
Fragments
| Bezeichner | Beschreibung | Default |
|---|---|---|
| default | Standardinhalt | |
| bg | Benutzerdefinierter Hintergrund (Slot) |