Du kannst einen bildschirmfüllenden Jumbotron (Hero-Abschnitt) erstellen, der die volle Höhe des Browserfensters einnimmt.

Dazu auf der gewünschten Seite unter “Seite bearbeiten” die Option “Full height section” aktivieren (s. Screenshot).

Folgende Konstanten sind zu setzen:

bootstrap.config.jumbotronEnable = 1
bootstrap.config.navbarHeight = 0

Optionales Setting für das “Scroll-Icon”:

page.10.settings.fullHeightSection.icon = <i class="fa-solid fa-chevron-down"></i>

Das default Icon benötigt FontAwesome.
Ohne Eingabe, wird kein Icon angezeigt!

Optionales CSS für das “Scroll-Icon” - hier Abstand zum unteren Rand:

#full-height-section #full-height-icon { bottom: 30px; }

Als Hintergrund werden die Bilder der Seiteneigenschaften (pages media) genutzt, falls vorhanden.
Wenn hier mehr als ein Bild vorhanden ist, wird ein Carousel-Slider erstellt.

Weitere Anpassungen können in folgendem Template vorgenommen werden:

…/Partials/Page/_mainfullheight.html

Hierzu muss das Template ausgelagert werden!