Documentation Index
Fetch the complete documentation index at: https://docs.brikl.co/llms.txt
Use this file to discover all available pages before exploring further.
Overview
Hero 01 is a marketing hero component designed to introduce a product or service with a bold headline, descriptive subtitle, a primary call-to-action button, and a social proof row featuring overlapping user avatars and review indicators. It is suitable for landing pages and is responsive across web and mobile.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Mobile Typography | Current Page Width is less than or equal to 768px | Headline font size reduces from 60px to 36px for smaller screens |
| Button Hovered | User hovers over the Discover All Components button | Button opacity decreases to 90% |
| Button Disabled | Button is not clickable | Button opacity decreases to 50% |
| Reviews Mobile Layout | Current Page Width is less than or equal to 768px | Reviews group adjusts min-width for smaller screen layout |
These states are handled natively by Bubble and require no additional setup. They will work automatically once the component is pasted into your editor.
Responsive
This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble’s built-in mobile breakpoint.Requirements
| License | Starter plan required |
| Plugins | None |
| Custom code | Not required |
Platforms
| Platform | Supported |
|---|---|
| Web | ✅ |
| Mobile | ❌ |
License
This component requires a Starter plan.