Global Partnerships Grid

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

Usage

The file also exports education3Demo, 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 { Education3, education3Demo } from "@/components/blocks/education/education3";

export default function Page() {
  return <Education3 {...education3Demo} />;
}

Props

Types

type PartnerInstitution = {
  name: string;
  location: string;
  exchangeStudents: string;
  focus?: string;
};

Behavior notes

• partners lays out 1 column on mobile, 2 on tablet, and 3 on desktop; the grid reflows to additional rows for any item count rather than shrinking column width.
• focus is optional per partner; a card without it simply omits that paragraph and moves straight to the exchange-students line.
• The location pin and exchange-count icons are decorative (aria-hidden) since the adjacent text already conveys the same information.
• This is a static informational grid; no map, filter, or live data source is wired up.