CONSUMER HEADER: ApplicaaOne consumer top frame
VARIANTS: Header | Top nav
Consolidated entry for the consumer top frame. Header is the 56px logo + auth/CTA row; Top nav is the sticky section-nav strip of the four search verticals.
PATTERN: Consumer Header (consumer-only)
COMPOSES: Own classes + embedded logo SVG. Pairs with R3c .consumer-topnav via shared/_consumer_topframe. Optional R4c additions: promo strip + logged-in icon cluster.
56px top header for ApplicaaOne consumer pages. Logo on the left; auth CTAs (logged-out) or icon cluster (logged-in) on the right; optional centered promo strip in the middle. Static positioning; the R3c TopNav sticks at viewport top once this header scrolls away.
<%= render "shared/consumer_header" %>
Optional centered cluster: amber pill ("What's hot right now?") + callout link. Sits between the logo and the actions column.
<div class="consumer-header-promo"><span class="consumer-header-promo-pill">...</span> <span class="consumer-header-promo-text">...</span></div>
Swap .consumer-header-actions for .consumer-header-user and emit 3 outline icon buttons (Shortlist / Matching Hub / Menu).
<div class="consumer-header-user"><button class="consumer-header-user-btn" ...>...</button></div>
Full chrome: logo + promo + logged-in icon cluster.
For marketing pages or sub-brand surfaces that don't show the auth CTAs.
<%= render "shared/consumer_header", actions: "" %>
Pass a logo: override for sub-brands. Here a plain text wordmark.
<%= render "shared/consumer_header", logo: "<span ...>ApplicaaOne PRO</span>" %>
PATTERN: Consumer TopNav (consumer-only)
COMPOSES: Own classes — does NOT compose .tabs (see docs/patterns/consumer-topnav.md)
Sticky horizontal section-nav strip for ApplicaaOne consumer pages.
Surfaces the four canonical search verticals. Single active: param.
active: :providers
active: :courses
active: :events
active: :careers
<%= render "shared/consumer_topnav", active: :providers %>
Omit active: for non-canonical consumer pages.
<%= render "shared/consumer_topnav" %>