Letter from the CEO

Installation

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

Usage

The file also exports about15Demo, 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 { About15, about15Demo } from "@/components/blocks/about/about15";

export default function Page() {
  return <About15 {...about15Demo} />;
}

Props

Types

type Signature = {
  name: string;
  role: string;
  avatar?: { src: string; alt: string };
};

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

Behavior notes

• The content column is capped narrower (max-w-2xl) than most other About blocks, deliberately reading like a single-column letter rather than a marketing section.
• Only the first paragraph gets foreground/text-lg treatment as a lede; every paragraph after that is muted body text, unlike About4's blockquote which treats its single quote as the entire focal point.
• buttons are optional and, when present, sit below a top border separating them from the letter itself, so the CTA never reads as part of the CEO's voice.