Review, summary

npx shadcn add @klarhimmel/review-summary

import { Theme } from '@/components/klarhimmel/theme/style';
import { BlockSurface } from '@/components/klarhimmel/blocks/surface';
import ReviewSummary from '@/components/klarhimmel/blocks/review-summary';

export default function Section() {
  return (
    <Theme theme="brand">
      <BlockSurface>
        <ReviewSummary props={{
          "eyebrow": "Site review",
          "siteName": "Exempel AB",
          "siteUrl": "https://exempel.example",
          "reviewedOn": "9 October 2026",
          "pagesRead": "14 pages read",
          "verdictTitle": "Our verdict",
          "verdict": "The site says clearly what you do and the services page is strong. Three things hold it back: the contact route is hard to find, the references are buried, and the mobile menu hides the booking link. We would keep the structure and fix those three.",
          "findingsTitle": "What we found",
          "severityWords": {
            "high": "Fix first",
            "medium": "Worth fixing",
            "low": "Nice to have",
            "good": "Works well"
          },
          "findings": [
            {
              "title": "The contact page is four clicks away",
              "detail": "A visitor who wants to book has to go through the services menu. A button in the header would remove three of the four clicks.",
              "severity": "high",
              "page": "Start",
              "pageHref": ""
            },
            {
              "title": "References sit at the bottom of the about page",
              "detail": "Customers are your best argument, and they are the last thing a visitor sees. They deserve a page of their own and a place on the start page.",
              "severity": "medium",
              "page": "Om oss",
              "pageHref": ""
            },
            {
              "title": "The mobile menu hides the booking link",
              "detail": "On a phone the only way to book is inside the menu, behind two taps.",
              "severity": "medium",
              "page": "Start",
              "pageHref": ""
            },
            {
              "title": "The services page is clear and honest",
              "detail": "Each service has a plain description, a price range and one next step. We would keep it as it is.",
              "severity": "good",
              "page": "Tjänster",
              "pageHref": ""
            }
          ],
          "noFindings": "No findings in this review.",
          "buildTitle": "What we would build",
          "build": "The same structure with a clearer front page, a references page and a booking button on every page. About two days of work, with a preview you can click through first.",
          "buildPoints": [
            "A start page that leads with the outcome",
            "A references page with three cases",
            "A booking button in the header on every page",
            "The services page kept as it is"
          ],
          "goAhead": {
            "label": "Go ahead",
            "href": "#go-ahead"
          },
          "question": {
            "label": "Ask a question",
            "href": "#question"
          },
          "note": "Nothing is built until you say go."
        }} />
      </BlockSurface>
    </Theme>
  );
}