Event Recap Report

npx shadcn add "https://ui.beste.co/r/event100?email=YOUR_EMAIL&license_key=YOUR_KEY"

npx shadcn add "https://ui.beste.co/r-base/event100?email=YOUR_EMAIL&license_key=YOUR_KEY"

import { Event100, event100Demo } from "@/components/beste/block/event100";

export default function RecapPage() {
  return <Event100 {...event100Demo} />;
}

import { Event100 } from "@/components/beste/block/event100";

export default function RecapPage() {
  return (
    <Event100
      badge={{ label: "Practice Day 2026" }}
      heading="What happened in the room, for everyone who could not be in it"
      description="Forty people, seven sessions, and one argument about room naming."
      figures={[
        { value: "40", label: "practice staff in the room" },
        { value: "7", label: "sessions, none of them a product demo" },
        { value: "14", label: "changes we agreed to make on the day" },
      ]}
      frames={[
        {
          src: "/events/morning.jpg",
          alt: "A bright room before a session",
          caption: "The morning session, before the coffee ran out",
          tall: true,
        },
        {
          src: "/events/corridor.jpg",
          alt: "A small team talking around a laptop",
          caption: "The corridor conversation that produced four of the fourteen changes",
        },
      ]}
      quote={{
        text: "The first vendor event where the vendor spent more time listening than presenting.",
        name: "Idris Warren",
        practice: "Norwich Care Collective",
        avatar: { src: "/people/idris.jpg", alt: "Portrait of Idris Warren" },
      }}
      closing="The fourteen changes are tracked publicly with the name of whoever asked for them."
      buttons={[
        { label: "Watch the recordings", href: "/watch" },
        { label: "See the fourteen changes", href: "/changelog" },
      ]}
    />
  );
}

type ActionLink = {
  label: string;
  href: string;
};

type Figure = {
  value: string;
  label: string;
};

type Frame = {
  src: string;
  alt: string;
  caption: string;
  tall?: boolean;
};

type Quote = {
  text: string;
  name: string;
  practice: string;
  avatar: { src: string; alt: string };
};