Titled 3-by-2 grid of bordered tiles, each centered on a customer or partner logo for social proof.





Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Logo5 } from "@/components/beste/piece/logo5";
<Logo5
heading="Loved by modern teams"
logos={[
{
"name": "Stripe",
"src": "https://oud.pics/sm/l/stripe.jpeg"
},
{
"name": "Notion",
"src": "https://oud.pics/sm/l/notion.png"
},
{
"name": "Slack",
"src": "https://oud.pics/sm/l/slack.svg"
},
{
"name": "Figma",
"src": "https://oud.pics/sm/l/figma.png"
},
{
"name": "Dropbox",
"src": "https://oud.pics/sm/l/dropbox.png"
},
{
"name": "Gmail",
"src": "https://oud.pics/sm/l/gmail.jpeg"
}
]}
/>
Stripe
NotionTwo brand tiles framing an italic separator like vs, with a neutral caption underneath for context.
StripeSquare icon tile paired with a bold wordmark. Pick from four icons and three tones.


Two brand tiles joined by a green connector check, headlined with a status line and a supporting sentence.


+424Overlapping circle-cropped brand logos with a +N overflow chip and a two-line social-proof copy.

Single brand tile beside a stack that prints the uppercase brand name, a big mono metric, and a supporting line.

Larger brand mark with an icon tile, bold wordmark, and a small tagline underneath.