A person card pairing a portrait with a name and role, a colour-coded availability line, and a few hairline facts about the call.
Priya Nandan
Migration engineer
Free from 09:30 today
Call length30 minutes
Based inBristol, UK
Has migrated40+ practices
New here? Read the installation guide.
Import & use
import { Card31 } from "@/components/beste/piece/card31";
<Card31
avatar={{
"src": "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=160&h=160&fit=crop",
"alt": "Portrait of Priya Nandan"
}}
name="Priya Nandan"
role="Migration engineer"
status="Free from 09:30 today"
availability="free"
rows={[
{
"label": "Call length",
"value": "30 minutes"
},
{
"label": "Based in",
"value": "Bristol, UK"
},
{
"label": "Has migrated",
"value": "40+ practices"
}
]}
/>
