About Media Reel

Installation

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

Usage

The file also exports about35Demo, 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 { About35, about35Demo } from "@/components/blocks/about/about35";

export default function Page() {
  return <About35 {...about35Demo} />;
}

Props

Types

type StatItem = { title: string; value: string };

Behavior notes

• Unlike About1's fixed 2-column stat grid, stats here render as a single stacked column with label and value on the same row, closer to a receipt than a dashboard.
• The play-button overlay and "Studio reel" badge are purely decorative static elements per the no-video-player rule; there is no click handler or player, distinguishing this from any block whose brief mentions video.
• The read-more CTA only renders when readMoreLabel is supplied, and uses outline variant unconditionally, unlike About14's story card which defaults its CTAs to variant "default".