<ul class="bread-crumb-container">
    <li>You are here</li>
    <li><a href="/web/eBucks/earn/">Earn</a></li>
    <li><a href="/web/eBucks/earn/earn-from-the-bank-{{get-year items.travelcms2:effectiveDate}}.jsp">Earn from the
            bank</a></li>
    <li>{{items.travelcms2:name}} Accounts<strong style="color:#ff9a15;"> (effective from
            {{pretty-date items.travelcms2:effectiveDate}})</strong></li>
</ul>

{{#if items.travelcms2:banner}}
<div class="banner-container">
    {{#if items.travelcms2:link}}
        <a href="{{linkcontext items.travelcms2:link}}">
    {{/if}}
    <img src="{{imagevariant items.travelcms2:banner.link.url '' 'ebucks'}}" 
        alt=""
        width="900px">
    {{#if items.travelcms2:link}}
        </a>
    {{/if}}
</div>
{{/if}}

<div class="earn-from-the-bank-2019">
    <div class="panels">
        <h2 class="heading-strip">
            Select your account
        </h2>
        <a href="/web/eBucks/earn/fnb-easy-2025.jsp">
            <div id="easy" class="panel">
                <img src="/web/images/earn/easy.png" alt="Easy card" />
                <div class="body">Easy</div>
            </div>
        </a>
        <a href="/web/eBucks/earn/fnb-aspire-2025.jsp">
            <div id="aspire" class="panel ">
                <img src="/web/images/earn/aspire.png" alt="Aspire card" />
                <div class="body">Aspire</div>
            </div>
        </a>
        <a href="/web/eBucks/earn/fnb-premier-2025.jsp">
            <div id="premier-card" class="panel ">
                <img src="/web/images/earn/premier.png" alt="Premier card" />
                <div class="body">Premier </div>
            </div>
        </a>
        <a href="/web/eBucks/earn/fnb-private-clients-2025.jsp">
            <div id="private-client" class="panel ">
                <img src="/web/images/earn/private-clients.png" alt="Private client card" />
                <div class="body">Private Clients</div>
            </div>
        </a>
        <a href="/web/eBucks/earn/fnb-private-wealth-2025.jsp">
            <div id="private-wealth" class="panel ">
                <img src="/web/images/earn/private-wealth.png" alt="Private wealth card" />
                <div class="body">Private Wealth</div>
            </div>
        </a>
        <a href="/web/eBucks/earn/rmb-private-bank-2025.jsp">
            <div id="rmb-private" class="panel ">
                <img src="/web/images/earn/rmb-private-bank.png" alt="RMB private client bank" />
                <div class="body">RMB Private Bank</div>
            </div>
        </a>
    </div>
</div>

<h1 id="overview"><strong>{{items.travelcms2:overview}}</strong></h1>

<div id="pdfButtons">
    <div id="easyBtns">
        {{!-- <a href="#" target="_blank" class="button">Value Pack</a> --}}
        <a href="https://www.ebucks.com/web/ebucks/binaries/content/assets/ebucks/frg-earn-rules/2025-2026/earn-guides/retail/ebucks_summary_guide_2025_easy.pdf" target="_blank" class="button">Summary Guide</a>
    </div>
    <div id="aspireBtns">
        {{!-- <a href="#" target="_blank" class="button">Value Pack</a> --}}
        <a href="https://www.ebucks.com/web/ebucks/binaries/content/assets/ebucks/frg-earn-rules/2025-2026/earn-guides/retail/ebucks_summary_guide_2025_aspire.pdf" target="_blank" class="button">Summary Guide</a>
    </div>
    <div id="premierBtns">
        {{!-- <a href="#" target="_blank" class="button">Value Pack</a> --}}
        <a href="https://www.ebucks.com/web/ebucks/binaries/content/assets/ebucks/frg-earn-rules/2025-2026/earn-guides/retail/ebucks_summary_guide_2025_premier.pdf" target="_blank" class="button">Summary Guide</a>
    </div>
    <div id="pcBtns">
        {{!-- <a href="#" target="_blank" class="button">Value Pack</a> --}}
        <a href="https://www.ebucks.com/web/ebucks/binaries/content/assets/ebucks/frg-earn-rules/2025-2026/earn-guides/retail/ebucks_summary_guide_2025_private_clients.pdf" target="_blank" class="button">Summary Guide</a>
    </div>
    <div id="pwBtns">
        {{!-- <a href="#" target="_blank" class="button">Value Pack</a> --}}
        <a href="https://www.ebucks.com/web/ebucks/binaries/content/assets/ebucks/frg-earn-rules/2025-2026/earn-guides/retail/ebucks_summary_guide_2025_private_wealth.pdf" target="_blank" class="button">Summary Guide</a>
    </div>
    <div id="pbBtns">
        {{!-- <a href="#" target="_blank" class="button">Value Pack</a> --}}
        <a href="https://www.ebucks.com/web/ebucks/binaries/content/assets/ebucks/frg-earn-rules/2025-2026/earn-guides/retail/ebucks_summary_guide_2025_rmb.pdf" target="_blank" class="button">Summary Guide</a>
    </div>
</div>

<div class="main-right-content partner fnb-product2">
    <br class="clearBoth">
    {{#each items.travelcms2:section}}
    <h2 class="expander-area" data-gtm="{{this.items.travelcms2:heading}}">
        {{this.items.travelcms2:heading}}
    </h2>
    <div class="expandSection">
        {{{htmllinks this.items.travelcms2:content.content this.items.travelcms2:content.links}}}
    </div>
    {{/each}}
</div>