Marketing Organization Card

The partner card from the marketing homepage — logo, impact tag, and three proof rows with explainer tooltips.

Community

Tabitha’s Way

The leading organization in youth education in Baltimore.

Intervention impact: suffering to flourishing
Total lives impacted: 1,256 individuals
Backed by 415 Builders & 15 Family Portfolios

Education

Pure Earth

The leading organization in rehoming families in New York City.

Intervention impact: suffering to stable
Total lives impacted: 3,256 individuals
Backed by 415 Builders & 15 Family Portfolios

Education

Jesse Tree

The leading organization in preventing homelessness in Idaho.

Intervention impact: stable
Total lives impacted: 3,256 individuals
Backed by 415 Builders & 15 Family Portfolios

Installation

pnpm dlx shadcn@latest add @ffg/marketing-organization-card

Usage

"use client"
import { MarketingOrganizationCard } from "@/components/ui/marketing-organization-card";

<MarketingOrganizationCard
  organization={{
    name: "Tabitha’s Way",
    tag: "Community",
    description: "The leading organization in youth education in Baltimore.",
    logo: "/assets/partners/tabithas-way.png",
    impact: { from: "suffering", to: "flourishing" },
    livesImpacted: 1256,
    backing: { builders: 415, familyPortfolios: 15 },
  }}
/>

The marketing counterpart to OrganizationCard: a static showcase card rather than a clickable directory row.

logo — optional; without it the tile shows the LogoPlaceholder monogram
tag — rendered as an ImpactBadge, with the category icon when it matches
impact — suffering, stable and flourishing open their definitions; other states stay a plain underline
imageComponent — defaults to img; pass next/image or your own