Belief Statement Values

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/about/about61.tsx instead.

Usage

The file also exports about61Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { About61, about61Demo } from "@/components/blocks/about/about61";

export default function Page() {
  return <About61 {...about61Demo} />;
}

Props

Types

type ValueItem = {
  title: string;
  description: string;
};

Behavior notes

• The left column is lg:sticky so the eyebrow and heading stay in view while the belief paragraph and values list scroll in the right column, a layout About51's centered single-column belief list doesn't use.
• values render as a plain divide-y list with no numbering and no images, unlike About51's numbered belief list which optionally attaches a small MediaSlot image to each entry.
• belief is a single long paragraph rendered above the list rather than the list itself carrying the manifesto text, so the block reads as statement-then-evidence instead of About6's flat numbered-principles list.