Item Modal Footer

A contact/CTA footer section with a "Work with me" primary button, dropdown contact options, and a repeating shine animation.

ItemModalFooter renders a self-contained CTA block intended to appear at the bottom of case-study modals or detail pages. It includes a status badge row, a Resume link, a split "Work with me" primary button with a Radix UI dropdown exposing email / LinkedIn / X contact options, and a periodic shine animation on the primary button to draw attention.

Installation

npx shadcn@latest add @adv/item-modal-footer

Usage

import { ItemModalFooter } from '@/components/ui/ItemModalFooter';

// Drop it at the end of your modal or page content
<ItemModalFooter />

Example

Interested in having a conversation?

Current Status:Open for New Roles

Resume

Props

ItemModalFooter accepts no props — all content (contact links, status text, shine animation timing) is self-contained. Customise the contact destinations by editing the component source after installation.

Item Pagination

Previous/next navigation controls for sequenced content items, supporting both Link-based and button-based modes.

Content Card

A full-width card wrapper that applies the design-system card surface (`bg-card text-card-foreground`) around arbitrary children.