Shadcn UI Contact Block
Contact7 is a contact information section with a headline, short description, and a two-by-two grid of cards. Each card represents a different contact method: email, office address, phone, and live chat. Cards contain a small icon, a label, a brief description, and a clickable link or action.
Light background with semi-transparent muted card backgrounds. Cards have rounded corners and generous padding. Icons are small and muted, placed above the label text. Typography is simple with medium-weight labels and smaller muted descriptions. Links underline on hover. No borders, shadows, or decorative elements.
Minimal and straightforward with a functional feel. This is a simple, static block that presents contact options without any interactivity beyond the links. Pairs well with Contact2 for a cohesive contact page where one block shows info and the other provides a form.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |