Contact Card

Centered contact card with an avatar, name, handle, short bio, and a Message CTA.

SB
Sarah Brown@sarah.b
Frontend at Kindred · Istanbul

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

Import & use
import { Chat8 } from "@/components/beste/piece/chat8";

<Chat8
  src="https://images.unsplash.com/photo-1672794776762-18dddc72982e?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTQzfHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
  alt="Sarah Brown"
  fallback="SB"
  name="Sarah Brown"
  handle="@sarah.b"
  bio="Frontend at Kindred · Istanbul"
/>