Market Site Detector 

<div class="market-site-detector js-market-site-detector">
    <div class="market-site-detector__wrapper">
        <div class="market-site-detector__hint">
            You’ve landed on the Ireland.com EN-GB site. It looks like you’re in Canada. Would you like to change your site?
        </div>
        <a href="#" class="market-site-detector__button js-market-site-button" data-market-language="en-ca">
            <div class="market-site-detector__button-icon"><svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect x="0.25" y="0.25" width="27.5" height="19.5" rx="1.75" fill="white" stroke="#F5F5F5" stroke-width="0.5" />
                    <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="28" height="20">
                        <rect x="0.25" y="0.25" width="27.5" height="19.5" rx="1.75" fill="white" stroke="white" stroke-width="0.5" />
                    </mask>
                    <g mask="url(#mask0)">
                        <rect x="20" width="8" height="20" fill="#FF3131" />
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0 20H8V0H0V20Z" fill="#FF3131" />
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M16.1127 9.22169C15.8795 9.4549 15.4855 9.24401 15.5501 8.92062L16.0009 6.66683L14.6676 7.3335L14.0009 5.3335L13.3342 7.3335L12.0009 6.66683L12.4517 8.92062C12.5163 9.24401 12.1223 9.4549 11.8891 9.22169L11.5699 8.90253C11.4398 8.77236 11.2287 8.77236 11.0985 8.90253L10.6676 9.3335L9.33423 8.66683L10.0009 10.0002L9.56993 10.4311C9.43976 10.5613 9.43976 10.7724 9.56993 10.9025L11.3342 12.6668H13.3342L13.6676 14.6668H14.3342L14.6676 12.6668H16.6676L18.4319 10.9025C18.562 10.7724 18.562 10.5613 18.4319 10.4311L18.0009 10.0002L18.6676 8.66683L17.3342 9.3335L16.9033 8.90253C16.7731 8.77236 16.562 8.77236 16.4319 8.90253L16.1127 9.22169Z" fill="#FF3131" />
                    </g>
                </svg>
            </div>
            <span class="market-site-detector__button-text">Go to EN-CA</span>
        </a>
        <a href="#" class="market-site-detector__button js-market-site-button" data-market-language="fr-ca">
            <div class="market-site-detector__button-icon"><svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect x="0.25" y="0.25" width="27.5" height="19.5" rx="1.75" fill="white" stroke="#F5F5F5" stroke-width="0.5" />
                    <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="28" height="20">
                        <rect x="0.25" y="0.25" width="27.5" height="19.5" rx="1.75" fill="white" stroke="white" stroke-width="0.5" />
                    </mask>
                    <g mask="url(#mask0)">
                        <rect x="20" width="8" height="20" fill="#FF3131" />
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0 20H8V0H0V20Z" fill="#FF3131" />
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M16.1127 9.22169C15.8795 9.4549 15.4855 9.24401 15.5501 8.92062L16.0009 6.66683L14.6676 7.3335L14.0009 5.3335L13.3342 7.3335L12.0009 6.66683L12.4517 8.92062C12.5163 9.24401 12.1223 9.4549 11.8891 9.22169L11.5699 8.90253C11.4398 8.77236 11.2287 8.77236 11.0985 8.90253L10.6676 9.3335L9.33423 8.66683L10.0009 10.0002L9.56993 10.4311C9.43976 10.5613 9.43976 10.7724 9.56993 10.9025L11.3342 12.6668H13.3342L13.6676 14.6668H14.3342L14.6676 12.6668H16.6676L18.4319 10.9025C18.562 10.7724 18.562 10.5613 18.4319 10.4311L18.0009 10.0002L18.6676 8.66683L17.3342 9.3335L16.9033 8.90253C16.7731 8.77236 16.562 8.77236 16.4319 8.90253L16.1127 9.22169Z" fill="#FF3131" />
                    </g>
                </svg>
            </div>
            <span class="market-site-detector__button-text">Go to FR-CA</span>
        </a>
        <div class="market-site-detector__link js-market-site-detector-link">
            <a href="#" class="button-p3   " role="button">Stay on this site
                <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 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 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" />
                </svg>
            </a>
        </div>
    </div>
</div>
 
<div class="market-site-detector js-market-site-detector">
    <div class="market-site-detector__wrapper">
        <div class="market-site-detector__hint">
            {{hint}}
        </div>
        {{#each buttons}}
            <a href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" class="market-site-detector__button js-market-site-button"
               data-market-language="{{marketLanguage}}">
                <div class="market-site-detector__button-icon">{{{icon}}}</div>
                <span class="market-site-detector__button-text">{{link.text}}</span>
            </a>
        {{/each}}
        <div class="market-site-detector__link js-market-site-detector-link">
            {{> @cp-button-tertiary target=link.target url=link.url text=link.text}}
        </div>
    </div>
</div>
 
{
  "hint": "You’ve landed on the Ireland.com EN-GB site. It looks like you’re in Canada. Would you like to change your site?",
  "buttons": [
    {
      "link": {
        "text": "Go to EN-CA",
        "url": "#"
      },
      "icon": "<svg width=\"28\" height=\"20\" viewBox=\"0 0 28 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect x=\"0.25\" y=\"0.25\" width=\"27.5\" height=\"19.5\" rx=\"1.75\" fill=\"white\" stroke=\"#F5F5F5\" stroke-width=\"0.5\"/>\n<mask id=\"mask0\" mask-type=\"alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"28\" height=\"20\">\n<rect x=\"0.25\" y=\"0.25\" width=\"27.5\" height=\"19.5\" rx=\"1.75\" fill=\"white\" stroke=\"white\" stroke-width=\"0.5\"/>\n</mask>\n<g mask=\"url(#mask0)\">\n<rect x=\"20\" width=\"8\" height=\"20\" fill=\"#FF3131\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 20H8V0H0V20Z\" fill=\"#FF3131\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.1127 9.22169C15.8795 9.4549 15.4855 9.24401 15.5501 8.92062L16.0009 6.66683L14.6676 7.3335L14.0009 5.3335L13.3342 7.3335L12.0009 6.66683L12.4517 8.92062C12.5163 9.24401 12.1223 9.4549 11.8891 9.22169L11.5699 8.90253C11.4398 8.77236 11.2287 8.77236 11.0985 8.90253L10.6676 9.3335L9.33423 8.66683L10.0009 10.0002L9.56993 10.4311C9.43976 10.5613 9.43976 10.7724 9.56993 10.9025L11.3342 12.6668H13.3342L13.6676 14.6668H14.3342L14.6676 12.6668H16.6676L18.4319 10.9025C18.562 10.7724 18.562 10.5613 18.4319 10.4311L18.0009 10.0002L18.6676 8.66683L17.3342 9.3335L16.9033 8.90253C16.7731 8.77236 16.562 8.77236 16.4319 8.90253L16.1127 9.22169Z\" fill=\"#FF3131\"/>\n</g>\n</svg>\n",
      "marketLanguage": "en-ca"
    },
    {
      "link": {
        "text": "Go to FR-CA",
        "url": "#"
      },
      "icon": "<svg width=\"28\" height=\"20\" viewBox=\"0 0 28 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect x=\"0.25\" y=\"0.25\" width=\"27.5\" height=\"19.5\" rx=\"1.75\" fill=\"white\" stroke=\"#F5F5F5\" stroke-width=\"0.5\"/>\n<mask id=\"mask0\" mask-type=\"alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"28\" height=\"20\">\n<rect x=\"0.25\" y=\"0.25\" width=\"27.5\" height=\"19.5\" rx=\"1.75\" fill=\"white\" stroke=\"white\" stroke-width=\"0.5\"/>\n</mask>\n<g mask=\"url(#mask0)\">\n<rect x=\"20\" width=\"8\" height=\"20\" fill=\"#FF3131\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 20H8V0H0V20Z\" fill=\"#FF3131\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.1127 9.22169C15.8795 9.4549 15.4855 9.24401 15.5501 8.92062L16.0009 6.66683L14.6676 7.3335L14.0009 5.3335L13.3342 7.3335L12.0009 6.66683L12.4517 8.92062C12.5163 9.24401 12.1223 9.4549 11.8891 9.22169L11.5699 8.90253C11.4398 8.77236 11.2287 8.77236 11.0985 8.90253L10.6676 9.3335L9.33423 8.66683L10.0009 10.0002L9.56993 10.4311C9.43976 10.5613 9.43976 10.7724 9.56993 10.9025L11.3342 12.6668H13.3342L13.6676 14.6668H14.3342L14.6676 12.6668H16.6676L18.4319 10.9025C18.562 10.7724 18.562 10.5613 18.4319 10.4311L18.0009 10.0002L18.6676 8.66683L17.3342 9.3335L16.9033 8.90253C16.7731 8.77236 16.562 8.77236 16.4319 8.90253L16.1127 9.22169Z\" fill=\"#FF3131\"/>\n</g>\n</svg>\n",
      "marketLanguage": "fr-ca"
    }
  ],
  "link": {
    "text": "Stay on this site",
    "url": "#"
  }
}

There are no notes for this item.