Testimonials, featured and more

npx shadcn add @klarhimmel/testimonials-split

import { Theme } from '@/components/klarhimmel/theme/style';
import { BlockSurface } from '@/components/klarhimmel/blocks/surface';
import TestimonialsSplit from '@/components/klarhimmel/blocks/testimonials-split';

export default function Section() {
  return (
    <Theme theme="brand">
      <BlockSurface>
        <TestimonialsSplit props={{
          "eyebrow": "Customers",
          "title": "The people who run these places",
          "featured": {
            "quote": "We went from answering booking emails at midnight to waking up to confirmed stays. It gave me my evenings back, and the guests have never been happier with how easy it is.",
            "name": "Karin Åberg",
            "role": "Owner, Pensionat Exempel",
            "photo": {
              "src": "",
              "alt": "Portrait of Karin Åberg in the guesthouse garden"
            }
          },
          "more": [
            {
              "quote": "Set up on a Sunday evening. First booking on Monday morning.",
              "name": "Jonas Lind",
              "role": "Manager, Hotell Provet"
            },
            {
              "quote": "Honest pricing, and a person on the phone when I need one.",
              "name": "Mikael Dahl",
              "role": "Owner, Fjällstugan Test"
            },
            {
              "quote": "The calendar sync just works. I stopped checking it twice.",
              "name": "Amanda Ek",
              "role": "Revenue manager, Strandhotellet"
            }
          ]
        }} />
      </BlockSurface>
    </Theme>
  );
}