<div class="product-header-intro" data-module="productHeaderIntro" data-preload="true">
<div class="product-header-intro__main-container">
<div class="grid-container product-header-intro__grid-container">
<div class="product-header-intro__content grid-x">
<div class="cell semilarge--hidden small-8 medium-10 semilarge-8">
<h3 class="product-header-intro__heading">It takes a whole lot to be named a UNESCO Global Geopark – here’s what earned the Cliffs of Moher pride of place.</h3>
</div>
<div class="cell small-4 medium-2 semilarge--hidden">
<div class="product-header-intro__map">
<img src="/img/brand/map.svg" alt="Alt Text" />
</div>
</div>
<div class="cell small-12 semilarge-8 large-7 product-header-intro__text-contents">
<h3 class="product-header-intro__heading semilarge--show">It takes a whole lot to be named a UNESCO Global Geopark – here’s what earned the Cliffs of Moher pride of place.</h3>
<div data-module="highlightList" class="highlight-list">
<div class="grid-x">
<div class="highlight-item cell">
<div class="highlight-item__heading">
<div class="highlight-item__label">
<span class="highlight-item__number">1</span>
</div>
<div class="highlight-item__title">Soaring 214 meters, offering breathtaking views of counties Cork and Kerry, and even the Aran Islands from O’Brien’s Tower.</div>
</div>
</div>
<div class="highlight-item cell">
<div class="highlight-item__heading">
<div class="highlight-item__label">
<span class="highlight-item__number">2</span>
</div>
<div class="highlight-item__title">Experience the fresh sea spray of the Wild Atlantic Way, making you feel like you're on a ship's prow.</div>
</div>
</div>
<div class="highlight-item cell">
<div class="highlight-item__heading">
<div class="highlight-item__label">
<span class="highlight-item__number">3</span>
</div>
<div class="highlight-item__title">A scenic trail leading to the Visitor Centre, which is set into the hillside like a hobbit house.</div>
</div>
</div>
</div>
</div>
<div class="js-body-container">
<div class="product-header-intro__body-text js-body-text">
<p>The cliffs are steeped in local legends, from mermaids to mythical leaps, perfect for a storytelling session in a cosy pub.</p>
<p>The cliffs are steeped in local legends, from mermaids to mythical leaps, perfect for a storytelling session in a cosy pub.</p>
<p>The cliffs are steeped in local legends, from mermaids to mythical leaps, perfect for a storytelling session in a cosy pub.</p>
<h2>The quick brown fox jumps over the lazy dog</h2>
<h3>The quick brown fox jumps over the lazy dog</h3>
</div>
<div class="product-header-intro__read-more-less">
<a href="#" class="button-p3 js-read-more" role="button" aria-label="Read more">Read more
<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2929 1.2928C12.6834 0.902276 13.3166 0.902276 13.7071 1.2928L18.7074 6.29306C19.0979 6.68358 19.0979 7.31675 18.7074 7.70727C18.3168 8.0978 17.6837 8.0978 17.2931 7.70727L12.2929 2.70701C11.9024 2.31649 11.9024 1.68332 12.2929 1.2928Z">
</path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.00003L17 6.00003C17.5523 6.00003 18 6.44775 18 7.00003C18 7.55232 17.5523 8.00003 17 8.00003L1 8.00003C0.447715 8.00003 -7.61005e-08 7.55232 -8.74229e-08 7.00003C-3.91406e-08 6.44775 0.447715 6.00003 1 6.00003Z">
</path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.6347 7.77952L13.7068 12.7074C13.3163 13.0979 12.6832 13.0979 12.2926 12.7074C11.9021 12.3168 11.9021 11.6837 12.2926 11.2932L17.2205 6.36531C17.611 5.97479 18.2442 5.97479 18.6347 6.36531C19.0252 6.75584 19.0252 7.389 18.6347 7.77952Z">
</path>
</svg>
</a>
<a href="#" class="button-p3 hidden js-read-less" role="button" aria-label="Read less">Read less
<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2929 1.2928C12.6834 0.902276 13.3166 0.902276 13.7071 1.2928L18.7074 6.29306C19.0979 6.68358 19.0979 7.31675 18.7074 7.70727C18.3168 8.0978 17.6837 8.0978 17.2931 7.70727L12.2929 2.70701C11.9024 2.31649 11.9024 1.68332 12.2929 1.2928Z">
</path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.00003L17 6.00003C17.5523 6.00003 18 6.44775 18 7.00003C18 7.55232 17.5523 8.00003 17 8.00003L1 8.00003C0.447715 8.00003 -7.61005e-08 7.55232 -8.74229e-08 7.00003C-3.91406e-08 6.44775 0.447715 6.00003 1 6.00003Z">
</path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.6347 7.77952L13.7068 12.7074C13.3163 13.0979 12.6832 13.0979 12.2926 12.7074C11.9021 12.3168 11.9021 11.6837 12.2926 11.2932L17.2205 6.36531C17.611 5.97479 18.2442 5.97479 18.6347 6.36531C19.0252 6.75584 19.0252 7.389 18.6347 7.77952Z">
</path>
</svg>
</a>
</div>
</div>
</div>
<div class="cell semilarge-4 large-offset-1 product-header-intro__divider">
<div class="product-header-intro__map semilarge--show">
<img src="/img/brand/map.svg" alt="Alt Text" />
</div>
<h2 class="product-header-intro__heading-travel">Visit</h2>
<div class="product-header-intro__details-container">
<p class="product-header-intro__event-dates">
<span class="product-header-intro__event-dates-copy">21st – 25th January 2026</span>
</p>
<p class="product-header-intro__location">
<span class="product-header-intro__located-in-copy">Located in</span>
<a href="#" class="product-header-intro__county-name" target="_self" aria-label="Read more about County Clare">County Clare</a>
</p>
<div class="product-header-intro__drive">
<p class="product-header-intro__drive-text">
<span class="product-header-intro__drive-time js-drive-time"></span>
<span class="product-header-intro__drive-from-copy">drive from</span>
<span class="product-header-intro__select">
<select id="city-dropdown" class="js-city-dropdown">
<option value="3hr 15min" selected>Dublin</option>
<option value="2hr 10min">Belfast</option>
<option value="2hr 5min">Cork</option>
<option value="2hr 15min">Derry~Londonderry</option>
<option value="2hr 15min">Knock</option>
<option value="2hr 15min">Larne</option>
<option value="2hr 15min">Rosslare</option>
<option value="2hr 15min">Shannon</option>
</select>
</span>
</p>
</div>
</div>
<div class="product-header-intro__travel-section-body">
<p>To find out about opening hours, how to get here, cost of entry and on-site facilities, including parking, please visit the official website.</p>
</div>
<a href="#" class="button-p1 button-p1--with-icon-external product-header-intro__external-cta-button " role="button" target="_blank" rel="noopener">Visit website</a>
<div class="product-header-intro__logo-text-container product-header-intro__logo-text-container--multiple-logos">
<div class="product-header-intro__logo-copy">Experience as part of:</div>
<div class="product-header-intro__logo-container">
<a href="#" class="product-header-intro__logo-link" aria-label="Learn more about Ireland">
<img src="/img/brand/logo--full.svg" alt="Ireland" class="product-header-intro__logo" />
</a>
<a href="#" class="product-header-intro__logo-link" aria-label="Learn more about Ireland Two">
<img src="/img/brand/logo--full.svg" alt="Ireland Two" class="product-header-intro__logo" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="product-header-intro" data-module="productHeaderIntro" data-preload="true">
<div class="product-header-intro__main-container">
<div class="grid-container product-header-intro__grid-container">
<div class="product-header-intro__content grid-x">
{{#if heading}}
<div class="cell semilarge--hidden {{#if enableTravelSection}}{{#if map.url}}small-8 medium-10{{else}}small-12{{/if}}{{/if}} {{#if enableTravelSection}}semilarge-8{{else}}semilarge-12 large-9{{/if}}">
<h3 class="product-header-intro__heading">{{heading}}</h3>
</div>
{{/if}}
{{#if enableTravelSection}}
{{#if map.url}}
<div class="cell small-4 medium-2 semilarge--hidden">
<div class="product-header-intro__map">
<img src="{{map.url}}" alt="{{map.altText}}"/>
</div>
</div>
{{/if}}
{{/if}}
<div class="cell small-12 {{#if enableTravelSection}}semilarge-8 large-7 product-header-intro__text-contents{{else}}semilarge-12 large-9{{/if}}">
{{#if heading}}
<h3 class="product-header-intro__heading semilarge--show">{{heading}}</h3>
{{/if}}
{{#if highlightList}}
{{> @cp-highlight-list highlightList}}
{{/if}}
{{#if bodyText}}
<div class="js-body-container">
<div class="product-header-intro__body-text js-body-text">{{{bodyText}}}</div>
{{#if cta}}
<div class="product-header-intro__read-more-less">
{{> @cp-read-more-read-less cta}}
</div>
{{/if}}
</div>
{{/if}}
</div>
{{#if enableTravelSection}}
<div class="cell semilarge-4 large-offset-1 product-header-intro__divider">
{{#if map.url}}
<div class="product-header-intro__map semilarge--show">
<img src="{{map.url}}" alt="{{map.altText}}"/>
</div>
{{/if}}
{{#if travelSectionHeader}}
<h2 class="product-header-intro__heading-travel">{{travelSectionHeader}}</h2>
{{/if}}
<div class="product-header-intro__details-container">
{{#if eventDate}}
<p class="product-header-intro__event-dates">
<span class="product-header-intro__event-dates-copy">{{eventDate}}</span>
</p>
{{/if}}
{{#if locationCountyName}}
<p class="product-header-intro__location">
<span class="product-header-intro__located-in-copy">{{locatedInLabel}}</span>
{{#if locationCountyUrl}}
<a href="{{locationCountyUrl}}" class="product-header-intro__county-name" target="_self" aria-label="Read more about {{locationCountyName}}">{{locationCountyName}}</a>
{{else}}
<span class="product-header-intro__located-in-copy">{{locationCountyName}}</span>
{{/if}}
</p>
{{/if}}
{{#if driveFromCopy}}
<div class="product-header-intro__drive">
<p class="product-header-intro__drive-text">
<span class="product-header-intro__drive-time js-drive-time"></span>
<span class="product-header-intro__drive-from-copy">{{driveFromCopy}}</span>
<span class="product-header-intro__select">
<select id="city-dropdown" class="js-city-dropdown">
{{#each cityDropdown}}
<option value="{{value}}" {{#if selected}}selected{{/if}}>{{name}}</option>
{{/each}}
</select>
</span>
</p>
</div>
{{/if}}
</div>
{{#if travelSectionBody}}
<div class="product-header-intro__travel-section-body">{{{travelSectionBody}}}</div>
{{/if}}
{{#if externalCTA}}
{{> @cp-button-primary url=externalCTA.url text=externalCTA.text modifier="with-icon-external" target="_blank" cssClasses="product-header-intro__external-cta-button"}}
{{/if}}
<div class="product-header-intro__logo-text-container {{#ifNotEquals experienceBrandLogos.length 1}} product-header-intro__logo-text-container--multiple-logos{{/ifNotEquals}}">
{{#if supportLogoCopy}}
<div class="product-header-intro__logo-copy">{{{supportLogoCopy}}}</div>
{{/if}}
{{#if experienceBrandLogos}}
<div class="product-header-intro__logo-container">
{{#each experienceBrandLogos}}
<a href="{{url}}" class="product-header-intro__logo-link" aria-label="Learn more about {{altText}}">
<img src="{{imageUrl}}" alt="{{altText}}" class="product-header-intro__logo" />
</a>
{{/each}}
</div>
{{/if}}
</div>
</div>
{{/if}}
</div>
</div>
</div>
</div>
{
"map": {
"altText": "Alt Text",
"url": "/img/brand/map.svg"
},
"heading": "It takes a whole lot to be named a UNESCO Global Geopark – here’s what earned the Cliffs of Moher pride of place.",
"highlightList": {
"items": [
{
"index": "1",
"title": "Soaring 214 meters, offering breathtaking views of counties Cork and Kerry, and even the Aran Islands from O’Brien’s Tower."
},
{
"index": "2",
"title": "Experience the fresh sea spray of the Wild Atlantic Way, making you feel like you're on a ship's prow."
},
{
"index": "3",
"title": "A scenic trail leading to the Visitor Centre, which is set into the hillside like a hobbit house."
}
]
},
"bodyText": "<p>The cliffs are steeped in local legends, from mermaids to mythical leaps, perfect for a storytelling session in a cosy pub.</p><p>The cliffs are steeped in local legends, from mermaids to mythical leaps, perfect for a storytelling session in a cosy pub.</p><p>The cliffs are steeped in local legends, from mermaids to mythical leaps, perfect for a storytelling session in a cosy pub.</p><h2>The quick brown fox jumps over the lazy dog</h2><h3>The quick brown fox jumps over the lazy dog</h3>",
"cta": {
"readMoreText": "Read more",
"readLessText": "Read less"
},
"travelSectionHeader": "Visit",
"eventDate": "21st – 25th January 2026",
"locatedInLabel": "Located in",
"locationCountyName": "County Clare",
"locationCountyUrl": "#",
"driveFromCopy": "drive from",
"cityDropdown": [
{
"name": "Dublin",
"value": "3hr 15min",
"selected": true
},
{
"name": "Belfast",
"value": "2hr 10min"
},
{
"name": "Cork",
"value": "2hr 5min"
},
{
"name": "Derry~Londonderry",
"value": "2hr 15min"
},
{
"name": "Knock",
"value": "2hr 15min"
},
{
"name": "Larne",
"value": "2hr 15min"
},
{
"name": "Rosslare",
"value": "2hr 15min"
},
{
"name": "Shannon",
"value": "2hr 15min"
}
],
"travelSectionBody": "<p>To find out about opening hours, how to get here, cost of entry and on-site facilities, including parking, please visit the official website.</p>",
"externalCTA": {
"text": "Visit website",
"url": "#"
},
"supportLogoCopy": "Experience as part of:",
"experienceBrandLogos": [
{
"url": "#",
"imageUrl": "/img/brand/logo--full.svg",
"altText": "Ireland"
},
{
"url": "#",
"imageUrl": "/img/brand/logo--full.svg",
"altText": "Ireland Two"
}
],
"enableTravelSection": true
}
There are no notes for this item.