Testimonials, grid

npx shadcn add @klarhimmel/testimonials-grid

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

export default function Section() {
  return (
    <Theme theme="brand">
      <BlockSurface>
        <TestimonialsGrid props={{
          "eyebrow": "Customers",
          "title": "People notice the difference in the first week",
          "items": [
            {
              "quote": "We dropped three tools and two weekly meetings. Everyone finally knows what is happening without asking.",
              "name": "Maja Lindqvist",
              "role": "Operations lead, Alder & Co"
            },
            {
              "quote": "Reviews used to take days of back and forth. Now they are done before lunch, and nothing slips through.",
              "name": "Tomas Berg",
              "role": "Creative director, Meridian"
            },
            {
              "quote": "Setup took an afternoon. The calm, simple interface is the reason my whole team actually uses it.",
              "name": "Anika Rao",
              "role": "Founder, Fjordworks"
            },
            {
              "quote": "The weekly summary alone is worth it. I know where things stand in two minutes every Monday.",
              "name": "Jonas Ekman",
              "role": "Head of delivery, Lumen"
            },
            {
              "quote": "Support answered within minutes and fixed a problem we had not even reported yet.",
              "name": "Sofia Marin",
              "role": "Project manager, Basalt"
            },
            {
              "quote": "It does less than the big suites, and that is exactly why it works for us.",
              "name": "Erik Holm",
              "role": "Partner, Kestrel"
            }
          ]
        }} />
      </BlockSurface>
    </Theme>
  );
}