CTA Box
Figma Component: 21721-221498
GitHub Issue: #81
Last modified with commit 72d5046 on
by Aljaž.
The CTA Box component displays a sticky call-to-action box with promotional content and action buttons. Appears on product hero and overlays the next module on the right side while scrolling.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display CTA Box | Box is visible on product hero and remains sticky, overlaying the next module on the right side as user scrolls. |
| system | Display default content | The CTA box displays default content including special selling text, price information, action buttons (Rezerviraj zdaj, Poglej ponudbo), and purchase reassurance text. When applicable, it also shows contingent step arrows and a "Zakaj prej = ceneje?" link that opens a content popover. Some content elements will be dynamically pulled from the booking system. |
| editor | Configure CTA content | Manually enter parts of CTA box content. If custom content is added, it overrides the default "Zakaj prej = ceneje" content. |
| editor | Configure CTA buttons | Set button labels and actions. Buttons lead to content popover. |
| user | Click CTA button | Opens content popover with additional information or booking options. |
Properties
State (Variant)
| Value | Example |
|---|---|
| Default |  |