Profile Card

User profile card with a gradient avatar, role, location, a short bio, and a trailing social icon button.

Furkan Genç
Furkan GençDesign lead · BesteIstanbul · GMT+3

Designing the tooling that ships millions of components every week.

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

Import & use
import { Card20 } from "@/components/beste/piece/card20";

<Card20
  name="Furkan Genç"
  role="Design lead · Beste"
  location="Istanbul · GMT+3"
  bio="Designing the tooling that ships millions of components every week."
  initials="BS"
  handle="mira.sol"
  image="https://images.unsplash.com/photo-1529068755536-a5ade0dcb4e8?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjgwfHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
/>