{{{customeditframe.editframeStart}}}
<div class="profile-hero" data-module="profileHero">
    <div class="grid-container grid-layout__row">
        <div class="grid-x grid-padding-x">
            <div class="cell medium-3">
                <div class="profile-hero__background"></div>
            </div>
            <div class="cell medium-6">
                <div class="profile-hero__content">
                    <h2 class="profile-hero__title">{{{ title }}}</h2>
                    <p class="profile-hero__subtitle">{{{ subtitle }}}</p>
                    <ul class="profile-hero__ctas">
                        <li>{{> @cp-button-primary target=loginButton.target url=loginButton.url text=loginButton.text }}</li>
                        <li>{{> @cp-button-secondary target=registerButton.target url=registerButton.url text=registerButton.text modifier="text-with-icon" }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{{{customeditframe.editframeStop}}}