Docs Pages & Modules Hero Module
Hero Module
3 min read
The Hero is the first thing visitors see. It spans the full width and typically the full viewport height.
Settings
| Setting | Description | Default |
|---|---|---|
| Headline | Main title text | Your server name |
| Subheadline | Short description below the title | Your tagline |
| Background type | Image, Video, Gradient, or Particles | Gradient |
| Background media | Upload URL for image or video | — |
| Overlay opacity | Darkness of the overlay over background | 60% |
| Height | Full viewport, Large (75vh), or Medium (60vh) | Full |
| Show server status | Live player count and online indicator | On |
| Primary CTA label | Text for the main button | "Connect Now" |
| Primary CTA action | Copy IP, Discord link, or custom URL | Copy IP |
| Secondary CTA label | Text for second button | "Apply Now" |
| Secondary CTA URL | Link for second button | /applications |
Background options
Image: Upload a JPG or PNG. Recommended minimum: 1920×1080. The image is cropped to fill the hero area. Use a dark image or increase the overlay opacity for readable text.
Video: Upload an MP4. Max 50MB. The video loops silently. Tip: a short 5-10 second loop works best.
Gradient: Generates an atmospheric gradient using your template's color palette. No upload needed.
Particles: Animated floating particle effect. Subtle and professional. No upload needed.
CTA actions
- Copy IP — copies your server IP to the user's clipboard with a confirmation toast
- Discord — opens your Discord invite URL (set in Settings → Social)
- Custom URL — link to any internal page or external URL
Template variants
The Hero module renders differently in each template:
| Template | Hero style |
|---|---|
| LOS_SANTOS | Palm silhouette layers with parallax, sunset overlay |
| EMPIRE | Full-bleed dark image, gold typographic treatment |
| VICE | Neon glow effects, diagonal composition |
| WEAZEL | Breaking news banner style, ticker at top |
| GROVE | Graffiti texture overlay, spray-on title reveal |