Content, columns

npx shadcn add @klarhimmel/content-columns

import { Theme } from '@/components/klarhimmel/theme/style';
import { BlockSurface } from '@/components/klarhimmel/blocks/surface';
import ContentColumns from '@/components/klarhimmel/blocks/content-columns';

export default function Section() {
  return (
    <Theme theme="brand">
      <BlockSurface>
        <ContentColumns props={{
          "eyebrow": "Our view",
          "title": "Small hotels deserve better software than big ones get",
          "quote": "A booking tool should disappear into the evening, not fill it.",
          "attribution": "Elin Sandberg, founder",
          "paragraphs": [
            "When we started talking to owners, almost every one of them described the same Sunday night: a laptop on the kitchen table, three tabs open, and a guest asking whether the room was still free.",
            "The tools they used had been built for chains with a revenue team. Every setting assumed someone whose whole job was to configure it. Nobody in a fourteen-room guesthouse has that job.",
            "So we started from the other end. What does the person at the front desk need to know at seven in the morning? Who arrives today, who leaves, what is not ready. Everything else can wait.",
            "That one question shaped the product. Defaults that are right for most places, settings that are plain words, and a calendar that looks like the paper one it replaces.",
            "It is not the most powerful tool on the market, and we are fine with that. It is the one people still open after a year."
          ]
        }} />
      </BlockSurface>
    </Theme>
  );
}