Index Columns About

Installation

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

Usage

The file also exports about37Demo, 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 { About37, about37Demo } from "@/components/blocks/about/about37";

export default function Page() {
  return <About37 {...about37Demo} />;
}

Props

Types

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

type SignatureCaption = { name: string; role: string };

Behavior notes

• The three columns use an uneven 0.8fr/1.4fr/1fr track, unlike About13's two-column 1.4fr/1fr split, so the statement column is deliberately the widest of the three.
• The fact index is a plain definition list with top borders between rows, distinct from About13's bordered card of details; here there is no enclosing card, just a divided list under a small 'Studio index' label.
• Unlike About15's Avatar-based CEO signature, the portrait caption here is plain text under a MediaSlot image, styled as a photo credit rather than a person identity block.