Centered Manifesto

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button 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/about65.tsx instead.

Usage

The file also exports about65Demo, 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 { About65, about65Demo } from "@/components/blocks/about/about65";

export default function Page() {
  return <About65 {...about65Demo} />;
}

Props

Types

type StatementSegment = { text: string; muted?: boolean };

type ButtonItem = {
  label: string;
  href?: string;
  variant?: "default" | "secondary" | "outline" | "ghost" | "link" | "destructive";
};

Behavior notes

• Unlike About15's Letter from the CEO, which only ever emphasizes its first paragraph as a whole, About65 lets any phrase in any line opt into text-muted-foreground independently via segment.muted, so emphasis can land mid-sentence rather than on an entire block of text.
• statement is a nested array (lines of segments) rendered as stacked block spans, deliberately more granular than About1's single mission paragraph or About14's story-card body, since a manifesto is meant to read like short declarative lines rather than prose.
• Only a single button prop is supported, not a list like About1 or About14's buttons array, keeping the manifesto's one call-to-action from competing with the statement itself.