<div class="travel-around-ireland-modal" data-location-code=> <button class="travel-around-ireland-modal__button-close" aria-label="Close"></button> <section class="travel-around-ireland-modal__hero" style="background-image: url('');"></section> <div class="travel-around-ireland-modal__content"> <section class="travel-around-ireland-modal__body"> <h1 class="travel-around-ireland-modal__title"></h1> <p class="travel-around-ireland-modal__intro"></p> </section> </div> </div>
<div class="travel-around-ireland-modal" data-location-code={{code}}> <button class="travel-around-ireland-modal__button-close" aria-label="Close"></button> <section class="travel-around-ireland-modal__hero" style="background-image: url('{{heroImageUrl}}');"></section> <div class="travel-around-ireland-modal__content"> <section class="travel-around-ireland-modal__body"> <h1 class="travel-around-ireland-modal__title">{{title}}</h1> <p class="travel-around-ireland-modal__intro">{{intro}}</p> {{#if cardCarousel}} <section class="travel-around-ireland-modal__body-carousel"> {{> @cp-carousel-card title=cardCarousel.title cards=cardCarousel.cards isSmall=true slideWidth="carousel__slide--large-6"}} </section> {{/if}} {{#if button}} <div class="travel-around-ireland-modal__cta-container"> {{> @cp-button-secondary button}} </div> {{/if}} </section> </div> </div>
/* No context defined for this component. */

There are no notes for this item.