Hero (Business)
Learn how to set up the hero (first screen) section for business templates such as presale complexes and conferences.
Hero (Business)
This is the first screen visitors see when they land on the page. You can bring together the complex name, key message, presale schedule countdown, and application button in a single screen.
What is Hero (Business)?
- Business template only: A shared hero used by categories with a
heroBusinesssection, such as presale and conference templates - Brand display: The developer/brand name shown in the top navigation
- Countdown: Displays the time remaining until a target date and time, such as the presale application opening or model house opening
- CTA button: A button that links directly to an application section (e.g., model house visit reservation)
Setting Up Hero (Business)
Configuring in the Editor
- Add the Hero (Business) section from the left panel of the editing screen
- Configure the following fields:
| Setting | Description |
|---|---|
| Brand name (top nav) | e.g., "○○ Xi · New Presale" |
| Subtitle (nav) | Developer name, etc. (optional, shown depending on layout) |
| Eyebrow (top badge) | e.g., "1st Priority Application · June 12" |
| Title (main title) | Key phrase such as the complex name (required) |
| Subtitle (highlight line) | Supporting phrase (shown depending on layout) |
| Description (one-line intro) | A one-line introduction to the complex |
| Info chips (date, location, scale) | Up to 6 label/value pairs |
| Countdown | Target date and time for application or opening |
| Background image | Shared background (fallback if mobile/desktop images are not set) |
| CTA button | Primary/Secondary labels + target section to link to |
| Text style | Color / alignment / title and subtitle size |
Info Chips
You can add short pieces of information such as "date · location · scale" at the bottom of the hero, as up to 6 label/value pairs.
Examples:
- Label "Location" / Value "Yeongtong-gu, Suwon-si, Gyeonggi-do"
- Label "Scale" / Value "478 units total"
- Label "Application date" / Value "2026.05.12"
Countdown
Turning on Show countdown displays, in real time, the time remaining until the application opening or model house opening date. You can set both the date and time.
The countdown can be used for any target date and time — not just the start of application, but also model house openings, contract deadlines, and more.
CTA Button
You can link the Primary button (e.g., "Reserve a Visit") and the Secondary button (shown depending on layout) to separate sections. The link target is chosen from among the other sections on the page. If a model house visit reservation section exists, it is automatically linked as the priority target.
Background Image
Registering a single default background image displays it across all screens. Depending on the layout, you can also set separate mobile (portrait) and desktop (landscape) backgrounds.
Need Help?
If you have any questions about setting up Hero (Business), please contact us via Contact Support!