Hero Banner

Een enorme sectie over de volledige breedte, meestal gebruikt helemaal bovenaan een pagina om direct de aandacht te trekken.

Inhoud

• Title: De grote hoofdkop.
• Subtitle: Een kleinere alinea onder de kop.

Instellingen

• Layout: Kies hoe de hero zich gedraagt.
  • overlay: Een standaard achtergrondafbeelding met tekst die hier overheen is gecentreerd of uitgelijnd.
  • split: Een 50/50 gesplitst scherm met tekst aan de ene kant en een afbeelding aan de andere kant.
  • fullwidth: Een rand-tot-rand lay-out met focus op brede panoramische afbeeldingen.
  • editorial: Een verfijnde lay-out in tijdschriftstijl met overlappende tekstblokken en achtergrondkleurstalen.
  • cinematic: Een dramatische, donkere presentatie ideaal voor zeer opvallende fotografie.
  • minimal: Een strakke lay-out met veel witruimte en subtiele beelden.
  • parallax: De achtergrondafbeelding scrolt met een andere snelheid dan de tekst, wat een 3D-diepte-effect creëert.
  • kenburns: Zoomt langzaam in en pant over meerdere achtergrondafbeeldingen voor een dynamisch gevoel.
  • mosaic: Een collage van maximaal drie overlappende afbeeldingen.
  • showcase: Richt zich sterk op het onderwerp met een "eyebrow" label boven de titel.
• Background Image: De URL van de hoofdafbeelding.
• Extra Images: Gebruikt voor lay-outs met meerdere afbeeldingen zoals kenburns en mosaic.
• Background Overlay: Vink aan om de afbeelding donkerder te maken zodat tekst leesbaar is.
• Overlay Opacity: Pas aan hoe donker de overlay is (0-100).
• Height: De verticale grootte van de banner (small, medium, large, full schermhoogte).
• Alignment: Hoe de tekst is uitgelijnd (left, center, right).
• Call to Actions: Schakelaars om maximaal twee knoppen te tonen, met aanpasbare tekst en links.