Hire Me Menu

Secondary Button + hover menu used in the hero. On desktop it reveals a popup with three actions (copy email, book a call, read more); on mobile/tablet it degrades to a plain secondary button that links to /contact.

Live Preview

Hover the button on a desktop viewport to reveal the action popup. Copy, book, and profile actions are wired to live targets.

Behavior

Desktop

Hover reveals a popup with three items. Mouse leave closes after a 150ms debounce to allow diagonal cursor travel.

Mobile & tablet

Renders a plain secondary Button linking to /contact — no popup.

Copy email

Uses the Clipboard API. Shows a Check icon and green tint for 2 seconds after copy.

Import

tsx
import { HireMeMenu } from '@/components/ui/HireMeMenu'