Mission & Trust Logos
Centered mission statement with a logo strip of trusted partners below. Ideal for building credibility on landing and about pages.
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.jsonPrefer 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
| Prop | Type | Default | Description |
|---|---|---|---|
| heading | string | none | Centered section heading. |
| mission | string | none | Mission statement paragraph beneath the heading. |
| logos | string[] | [] | Partner or customer names rendered as a wordmark strip. |
| className | string | none | Extra 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.
More About Blocks
View all →team-mission
Team & Mission
Two-column about section with mission statement, company stats, and team member grid.
values-with-team-photo
Values with Team Photo
Full-width photo with a three-column values grid below.
timeline-milestones
Timeline & Milestones
Company stats on the left and a vertical timeline of milestones on the right.
founder-quote-team
Founder Quote & Team
Founder blockquote with avatar, followed by a horizontal team member row.
image-text-split
Image & Text Split
Tall image on the left, company story, inline stats, and CTAs on the right.
numbered-principles
Numbered Principles
Heading on the left and numbered company principles on the right.