40+ seed investments across developer tools, fintech, and health.
Founder-or-advisor card with a primary sparkle badge, italic former-role line, and LinkedIn plus Intro buttons.
Turn the props on the right; the snippet under them is what you would write to get what you see.
40+ seed investments across developer tools, fintech, and health.
import { Card25 } from "@/components/beste/component/card25";
<Card25
name="Aisha Patel"
role="Angel investor · Advisor"
company="Formerly VP Product at Lattice"
bio="40+ seed investments across developer tools, fintech, and health."
initials="AP"
badge="Advisor"
image="https://images.unsplash.com/photo-1581182786510-168e6bc0013d?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjQ2fHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
/>Every one of these is in the component already. They are listed because a props table cannot mention a gesture, so nothing else on this page can tell you they exist.
| Hover | The card lifts and the image scales inside its frame; `motion-reduce` turns the movement off. |
|---|
The import and the props worth knowing about, in one place.
import { Card25 } from "@/components/beste/piece/card25";
<Card25
name="Aisha Patel"
role="Angel investor · Advisor"
company="Formerly VP Product at Lattice"
bio="40+ seed investments across developer tools, fintech, and health."
initials="AP"
badge="Advisor"
image="https://images.unsplash.com/photo-1581182786510-168e6bc0013d?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjQ2fHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
/>Designing the tooling that ships millions of components every week.
User profile card with a gradient avatar, role, location, a short bio, and a trailing social icon button.
Avatar with name, role, and a presence dot in emerald, amber, or slate.
Highlighted plan with a gradient border, Most popular badge on top, and a filled gradient CTA button.
Directory row with an avatar carrying a presence dot, name, title, department, and a message button.