Sam Julien 84925930bd feat(nav): redesign "Talk to an Engineer" CTA on both docs surfaces ...

## Label
"Talk to Our Engineers" → "Talk to an Engineer" everywhere it appears
(button text, aria-labels, mobile drawer entry, source comment).

## Desktop pill (≥1100px)
- Gradient fill (indigo-500/90 → purple-500/90 at rest, full at hover)
- Soft shadow lift on hover
- Shimmer animation: a translucent white stripe slides across via an
  ::after pseudo-element on hover (overflow-hidden + after:translate-x
  transition over 700ms). Replaces the earlier scale-on-hover.
- Breakpoint lowered from 1400px → 1100px so the pill is visible at
  most laptop widths where there's plenty of room

## Compact calendar icon (md → 1099px)
- New second button rendered alongside the pill, visible only when
  the rest of the right cluster is icon-only (768–1099px)
- Same gradient + shimmer treatment in a 36×36 rounded-full button
- Inline calendar SVG (matches the Lucide calendar shape)

## Free Developer Access — shell-docs parity with docs/
- Added as a text link in shell-docs' LEFT_LINKS (mirrors the existing
  docs/ pattern); cloud icon on the right cluster now hands off to it
  at ≥1100px
- Visibility transitions on both surfaces realigned to 1100px so the
  cloud↔text and calendar↔pill flips happen at the same boundary
- whitespace-nowrap on LEFT_LINKS label spans so long labels like
  "Free Developer Access" don't wrap when the nav gets tight

## Mobile drawer
- docs/: add a Talk-to-Engineer button at the top of MobileSidebar
  (was missing entirely). Tracks `talk_to_us_clicked` with
  location: docs_navbar_mobile.
- shell-docs: move the existing Talk-to-Engineer button to the top of
  the drawer column so it's the first thing readers see.

2026-05-14 20:36:44 -05:00

13 KiB

Raw Permalink Blame History

View Raw