Logo Compare

Two brand tiles framing an italic separator like vs, with a neutral caption underneath for context.

StripeStripe
vs
NotionNotion
Head-to-head comparison

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Logo9 } from "@/components/beste/piece/logo9";

<Logo9
  left={{
    "name": "Stripe",
    "src": "https://oud.pics/sm/l/stripe.jpeg"
  }}
  right={{
    "name": "Notion",
    "src": "https://oud.pics/sm/l/notion.png"
  }}
  separator="vs"
  caption="Head-to-head comparison"
/>