local-business-sticky-ctas

What problem does it solve?

It prevents stacked, competing sticky call-to-action elements on local business sites by enforcing breakpoint- and path-aware rendering rules and disciplined z-index layering.

Core Features & Use Cases

• MobileCallBar (mobile, interior pages only): Shows a fixed bottom red “Call for a free quote” bar on every route except the home page to avoid fighting the home page conversion element.
• MobileQuoteStickyBar (mobile, home only): Displays a charcoal “From £X” pricing anchor plus a “Get my quote” CTA on the home page only, and hides automatically when the hero form enters view (IntersectionObserver) and on submission routes.
• StickyQuoteButton + WhatsAppFloat (desktop): Adds a desktop floating quote pill that appears after ~600px scroll and a WhatsApp floating action anchored to the bottom-right with lower z-index to avoid overlap.
• TrustStrip rating-only rule: Implements a trust-signal layer that displays rating without hardcoded review counts to prevent weekly-count rot.
• Analytics wiring hooks: Uses specific data attributes and expected analytics integration points so clicks are tracked by the funnel.

Quick Start

Use the local-business-sticky-ctas skill to add the four sticky CTA components and the TrustStrip pattern to your site’s root layout, ensuring home vs interior routing follows the described visibility and z-index rules.