---
title: "Hero"
slug: "hero"
updated: 2026-10-20T19:32:57Z
published: 2026-10-20T19:32:57Z
canonical: "docs.blackthorn.io/hero"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Hero

Page Designer

The **Hero** component is a large, immersive opening section with a headline, supporting text, background (image or video), and call-to-action buttons. It is typically the first content visitors see on the event page.

### Content Settings

- **Title**: main headline text
- **Description**: supporting paragraph
- **Primary Button**: label, link, style, icon, open-in-new-tab
- **Secondary Button**: optional second action
- **Register Button**: dedicated registration CTA with nested configuration
- **Background Image / Video**: autoplay, loop, mute controls for video

### Style Settings

- Title Color, Description Color, Heading Size, Paragraph Size
- Font Family, Font Weight
- Gradient Title, Gradient Description
- Glass Effect, Transparent Background

💡A background video set to autoplay + loop + mute creates a cinematic first impression. Keep the video short (15–30 seconds) so it loops seamlessly without becoming distracting.