<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  semilarge-12 large-9">
                    <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-12 semilarge-12 large-9">
                    <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>
        </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"
    }
  ]
}

There are no notes for this item.