Staaarter

Mission & Trust Logos

Centered mission statement with a logo strip of trusted partners below. Ideal for building credibility on landing and about pages.

By Staaarter Team
About
Docs
Live preview

Docs

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.

npx shadcn add https://staaarter.com/r/mission-trust-logos.json

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/about/about9.tsx instead.

Usage

The file also exports about9Demo, 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 { About9, about9Demo } from "@/components/blocks/about/about9";

export default function Page() {
  return <About9 {...about9Demo} />;
}

Props

PropTypeDefaultDescription
headingstringnoneCentered section heading.
missionstringnoneMission statement paragraph beneath the heading.
logosstring[][]Partner or customer names rendered as a wordmark strip.
classNamestringnoneExtra classes for the outer section element.

Behavior notes

  • logos is a plain list of names, not image URLs; this block renders text wordmarks rather than logo images, so it never depends on an external asset loading correctly.
  • The logo strip, including its "Trusted by teams at" label and top border, is omitted entirely when logos is an empty array.
  • The whole block is centered and capped at a narrow max width regardless of viewport, unlike the two-column About blocks in this category.