Banner
USP Banner
A slim, responsive banner for displaying unique selling propositions with customizable icons and automatic slider behavior when space-constrained.
Overview
Enables shop owners to prominently display key business advantages to visitors. Communicates value propositions clearly and accessibly to build customer trust and support informed purchasing decisions. Position strategically throughout the storefront for maximum visibility or contextual reinforcement. Adapts to available space with horizontal band on larger screens and navigable slider on mobile. Slim band design balances visibility with content hierarchy. Swiper-based rendering provides smooth touch interactions.
Key Business & UX Benefits
- Surfaces USPs (e.g. delivery, returns) in a slim band so trust signals are visible.
- Horizontal band on desktop and slider on mobile fit each viewport.
- Icon library and WCAG support keep the banner accessible and on-brand.
- Fits above header, below hero, or inline in CMS.
Pro-Tip from Larry: Use USP Banner above or below the header so trust signals are visible without scrolling.
Usage
LuiUspBanner
Feature List
- Multiple positioning options: above header, below header, below hero, or inline CMS block
- Horizontal slim band layout with automatic slider conversion on mobile
- Curated icon library with 20+ options (delivery, shield-check, customer-service, etc.)
- WCAG 2.1 Level AA compliant with keyboard navigation and screen reader support
API Reference
No component metadata found for UspBanner. Did you mean
CtaBannerBase?