<div class="card-featured bg-inverted js-card-generic {{#if tags}}has-tags{{/if}}" data-module="card" {{#if cardId}}data-card-id={{cardId}}{{/if}} {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}}>
    <a href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" class="card-featured__anchor js-link">
        {{#if webAppMode}}
            {{#if location}}{{> @cp-location-marker longitude=location.longitude latitude=location.latitude}}{{/if}}
            {{> @cp-like-button likeText}}
        {{/if}}
        {{> @cp-medium-image responsiveImage}}
        <p class="card-featured__page-type js-page-type">{{pageType}}</p>
        <div class="card-featured__overlay">
            {{#if tripInfo.text}}
                <div class="card-featured__trip-idea-info card-featured__trip-idea-info--{{tripInfo.travelMethod}}">
                    {{tripInfo.text}}
                </div>
            {{/if}}
            <h2 class="card-featured__title js-title">{{{title}}}</h2>
            {{#if locationName}}
                <p class="card-featured__location js-location-name">{{locationName}}</p>
            {{/if}}
            {{#if tags}}
                <div class="card-standard__tags">
                    {{> @cp-hashtags tags }}
                </div>
            {{/if}}
        </div>
    </a>
</div>