Studio Values

Installation

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

Usage

The file also exports agency12Demo, 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 { Agency12, agency12Demo } from "@/components/blocks/agency/agency12";

export default function Page() {
  return <Agency12 {...agency12Demo} />;
}

Props

Types

type Value = {
  numeral: string;
  title: string;
  description: string;
  keywords: string[];
};

Behavior notes

• The numeral is an arbitrary string supplied per value (e.g. "01"), not derived from array index, so callers control the exact digits shown.
• The oversized numeral is rendered at 10% foreground opacity as a decorative 'ghost' watermark behind the text content, purely a CSS treatment with no animation.
• Rows are divided by a static border, not an accordion; all values are visible at once with no expand/collapse interaction.