Two Image Layout

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

Usage

The file also exports about32Demo, 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 { About32, about32Demo } from "@/components/blocks/about/about32";

export default function Page() {
  return <About32 {...about32Demo} />;
}

Props

Behavior notes

• Unlike About5's single image-and-text split, About32 has no stats, buttons, or story column at all; it is purely a header plus a two-image row, meant to be paired with other blocks rather than carry its own CTA.
• ratio only changes each image's grid-column span, not its aspect ratio; both images keep the same aspect-4/3 box, so 'larger' means wider, not taller.
• When ratio is 'equal' the two images match About1's 2-column team grid proportions, but About32 has no avatars, initials fallback, or member names, only MediaSlot images.