Content, prose

npx shadcn add @klarhimmel/content-prose

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

export default function Section() {
  return (
    <Theme theme="brand">
      <BlockSurface>
        <ContentProse props={{
          "eyebrow": "About us",
          "title": "We make work feel lighter",
          "lead": "Northlight started as a side project between two designers who were tired of juggling five tools to ship one thing.",
          "sections": [
            {
              "heading": "Why we started",
              "body": "Most project software is built for managers who want to see everything. We wanted something for the people doing the work: quiet, fast and honest about what matters this week.\n\nThe first version was a shared list. Within a month, our whole studio used it every day."
            },
            {
              "heading": "How we work",
              "body": "We are a small, remote team and we ship in small steps. Every change is reviewed, every decision is written down, and every customer message gets a human reply."
            },
            {
              "heading": "What we believe",
              "body": "Good tools disappear. They keep the right things in view, remove the busywork and leave room for the thinking that cannot be automated."
            }
          ]
        }} />
      </BlockSurface>
    </Theme>
  );
}