<div class="hero-text">
    <f:if condition="{data.subheader}">
        <div class="hero-subheader">{data.subheader}</div>
    </f:if>
    <f:if condition="{data.header}">
        <div class="hero-header">{data.header}</div>
    </f:if>
    <f:if condition="{data.bodytext}">
        <div class="hero-lead">{data.bodytext -> f:format.html()}</div>
    </f:if>
</div>
