Four Parts About

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/about55.tsx instead.

Usage

The file also exports about55Demo, 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 { About55, about55Demo } from "@/components/blocks/about/about55";

export default function Page() {
  return <About55 {...about55Demo} />;
}

Props

Types

type AboutPart = {
  label: string;
  paragraph: string;
};

Behavior notes

• statement renders at heading scale (text-4xl/5xl) as the section's only headline, unlike About6 which pairs a normal-sized heading with a separate numbered principles list.
• parts is a fixed four-element tuple rather than an open array, so the grid is always exactly four columns on large screens; labels are free-form strings, not restricted to "Who/What/How/Why" even though the demo uses that framing.
• There is no photo, avatar, or stat slot anywhere in this block, unlike About1 or About10; it is intentionally type-only, closer in spirit to About6's numbered list than to any image-based sibling.