bash

npx shadcn add @eloquent/calling-card

tsx

import { CallingCard } from "@/components/ui/calling-card";

<CallingCard
  folio={{ name: "The Eloquent", title: "Calling card", languageSwitch: { locale: "en", label: "Language", hrefFor: (l) => `/${l}/card` } }}
  name="Pham Do Nhat Minh"
  portrait={{ src: "/portrait.jpg", alt: "Portrait of Minh Pham" }}
  actionsLabel="Contact"
  order={["save", "email", "zalo", "linkedin"]}
  actions={{
    save: { label: "Save contact", href: "/minh.vcf", download: true },
    email: { label: "Email", href: "mailto:name@example.com" },
    zalo: { label: "Zalo", href: "https://zalo.me/0000000000" },
    linkedin: { label: "LinkedIn", href: "https://example.com/linkedin" },
  }}
  hiring={{ label: "Hiring", text: "Open to the right role" }}
  services={{ label: "Services", text: "Agentic software, built to order" }}
  call={{ label: "Call", href: "tel:+840000000000" }}
  paper={{ label: "Read the full paper", href: "/paper" }}
/>