Attribution Popup — Final Direction
Single card, pure white logo zone, phone visible, share added
Logo now sits on true white instead of gray, so it never looks like it's floating on a "wrong" background. Phone number is printed on the card for anyone who'd rather glance-and-dial than tap an icon, and a share button sits at the bottom.
Notes for the developer
- Logo zone is pure white (#ffffff) with a thin orange bottom border — no colored backdrop, so any lender/brokerage logo drops in without contrast issues.
- Phone number is now printed on the card itself (tel: link) in addition to the Call icon below — covers people who'd rather read the number than tap.
- Share Card button: on mobile, wire to the native Web Share API (navigator.share) with a vCard or a link back to this MLO's profile; on desktop, fall back to a "copy link" / share-sheet modal.
- Card stays fixed at 300px wide (~2.5") — height now flexes a bit to fit the phone line and share button, roughly 3.1"–3.3" tall depending on name/company length.
- Photo, logo, name, title, company, NMLS, phone, and email are all swapped per subscriber — everything here is live data, not decoration.