Parol CTA
A seasonal call to action: a capiz parol builds itself in 3D, lights chasing round its rays, beside the offer.
Controls
<CtaParol />About
A Lokal, seasonal block built on Parol. Launchpad offers it from October to January.
Use it when
- Holiday offers, pre-orders and party bookings.
Skip it when
- Outside the season.
- The page already has a 3D section (one per page).
Install
The demo above is live today. Installing Pro items opens with VibeBox Motion Pro; join the waitlist to hear first.
Code
The source is part of VibeBox Motion Pro.
Licensed per seat; it installs with the same shadcn command once Pro opens.
See Pro and join the waitlistContent
Typed slots from schema.ts. Facts (hours, prices, quotes, names) come only from the business; until then they render as fill-ins.
| Slot | Label | Type | Limit | Fact |
|---|---|---|---|---|
| eyebrow | Kicker | text | 32 chars | — |
| heading | Heading | text | 60 chars | — |
| lead | Intro | text | 160 chars | — |
| primaryAction | Main button | action | 24 chars | — |
| secondaryAction | Second button | action | 24 chars | — |
Variants
Parol rightdefault
parol-right
Copy left, the parol right.
Parol left
parol-left
The parol left, copy right.
Accessibility and motion
- Keyboard
- The actions.
- Screen readers
- A heading, a line and actions; the parol is decorative.
- Touch
- Nothing depends on touch.
- Reduced motion
- A still, fully lit parol.
Edge cases and limits
- One own-WebGL section per page.
Related
Caustics CTA
ProA closing call to action on light moving through water, for resorts, pools, spas and swim schools.
Calls to action block · WebGL2
CTA Band
FreeThe last nudge before the footer: one line and one action, as big type, a panel with art, or a quiet row.
Calls to action block · Server
A closing call to action on a band of the brand's colours drifting slowly as a mesh gradient.
Calls to action block · WebGL2