Compass

<div class="compass" data-module="compass">
    <div class="compass__heading">
        <div class="grid-container">
            <div class="grid-x">
                <div class="cell medium-5">
                    <h1 class="compass__title">Explore Ireland</h1>
                </div>
                <div class="cell medium-7">
                    <p class="compass__subtitle">Ireland has been physically shaped by the Atlantic, with stunning beaches and coastlines. The weather has also shaped our culture, bringing people together through shared experiences, helping us connect to each other and to nature.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="compass__content">
        <div class="compass__wheel-wrapper">
            <div class="compass-wheel js-wheel">
                <div class="compass-wheel__arrow js-wheel-arrow"></div>
                <div class="compass-wheel__sections js-wheel-sections">
                    <div class="compass-wheel__section js-wheel-section" data-index="0" data-title="Cycle">
                        <p class="compass-wheel__label">Cycle</p>
                    </div>
                    <div class="compass-wheel__section js-wheel-section" data-index="1" data-title="Walk">
                        <p class="compass-wheel__label">Walk</p>
                    </div>
                    <div class="compass-wheel__section js-wheel-section" data-index="2" data-title="Stay">
                        <p class="compass-wheel__label">Stay</p>
                    </div>
                    <div class="compass-wheel__section js-wheel-section" data-index="3" data-title="Eat">
                        <p class="compass-wheel__label">Eat</p>
                    </div>
                    <div class="compass-wheel__section js-wheel-section" data-index="4" data-title="Explore">
                        <p class="compass-wheel__label">Explore</p>
                    </div>
                    <div class="compass-wheel__section js-wheel-section" data-index="5" data-title="Discover">
                        <p class="compass-wheel__label">Discover</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="compass-section is-active js-compass-section" data-show-location="" data-index="0">
            <div class="compass-section__background">
                <div class="video" data-autoplay="false" data-hide-controls="true" data-loop="true" data-muted="true">
                    <template class="js-small-video-template">
                        <div class="js-video-container video__container" data-poster-url="https://via.placeholder.com/1600x900.png">
                            <video playsinline muted loop class="video__player js-video-player">
                                <source src="/media/homepage-hero/TI_Hompage_video_mobile2.mp4" type="video/mp4" />
                                <source src="/media/homepage-hero/TI_Hompage_video_mobile2.mp4" type="video/mp4" />
                            </video>
                        </div>
                    </template>
                    <template class="js-medium-video-template">
                        <div class="js-video-container video__container" data-poster-url="https://via.placeholder.com/1600x900.png">
                            <video playsinline muted loop class="video__player js-video-player">
                                <source src="/media/homepage-hero/TI_Hompage_video_21-9.mp4" type="video/mp4" />
                            </video>
                        </div>
                    </template>
                    <div class="js-video-container video__container"></div>
                </div>
            </div>
            <div class="compass-section__inner">
                <div class="compass-section__content">
                    <div class="compass-section__content-inner js-compass-content">
                        <div class="compass-section__icon"><svg viewBox="0 0 111 65" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M81.2381 19.5916C83.3379 18.9626 85.5718 18.625 87.875 18.625C100.635 18.625 111 28.985 111 41.75C111 54.515 100.635 64.875 87.875 64.875C75.11 64.875 64.75 54.515 64.75 41.75C64.75 32.9347 69.6895 25.2665 76.9554 21.363L74.9712 16.5576L54.1865 44.0625H46.1344C44.9735 55.7406 35.1037 64.875 23.125 64.875C10.36 64.875 0 54.515 0 41.75C0 28.985 10.36 18.625 23.125 18.625C26.0619 18.625 28.8785 19.1754 31.4639 20.179L36.926 9.39813L34.7892 4.75H30.0625C28.7814 4.75 27.75 3.714 27.75 2.4375C27.75 1.33213 28.6241 0.125 30.0625 0.125H41.5834C42.6888 0.125 43.8959 0.999125 43.8959 2.4375C43.8959 3.87587 42.6934 4.75 41.5834 4.75H39.8814L42.0551 9.375H72.0436L70.0965 4.75H62.4375C61.1564 4.75 60.125 3.714 60.125 2.4375C60.125 0.999125 61.3229 0.125 62.4375 0.125H73.2137L81.2381 19.5916ZM29.3595 24.3276C27.4124 23.6292 25.3126 23.25 23.125 23.25C12.913 23.25 4.625 31.538 4.625 41.75C4.625 51.962 12.913 60.25 23.125 60.25C32.5508 60.25 40.3392 53.183 41.4816 44.0625H27.1303C26.3255 45.4454 24.8316 46.375 23.125 46.375C20.572 46.375 18.5 44.303 18.5 41.75C18.5 39.2849 20.4379 37.2637 22.8706 37.1342L29.3595 24.3276V24.3276ZM78.7314 25.6643C73.1444 28.8509 69.375 34.8634 69.375 41.75C69.375 51.962 77.663 60.25 87.875 60.25C98.087 60.25 106.375 51.962 106.375 41.75C106.375 31.538 98.087 23.25 87.875 23.25C86.1915 23.25 84.5635 23.4766 83.0141 23.8975L88.4809 37.1666C90.7518 37.4626 92.5 39.4051 92.5 41.75C92.5 44.303 90.4234 46.375 87.875 46.375C85.322 46.375 83.25 44.303 83.25 41.75C83.25 40.6909 83.6061 39.715 84.2074 38.9334L78.7314 25.6643ZM33.485 26.4274L26.9961 39.2201L27.1303 39.4375H41.4816C40.8017 34.0309 37.7909 29.3411 33.485 26.4274V26.4274ZM35.5847 22.2741C41.3845 25.9926 45.4175 32.2271 46.1344 39.4375H50.7455L39.3957 14.7585L35.5847 22.2741ZM71.1186 14H44.1133L54.3438 36.1861L71.1186 14Z" fill="white" />
                            </svg></div>
                        <h2 class="compass-section__title">Welcome back to real cycling </h2>
                        <p class="compass-section__subtitle">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsum labore cupiditate.</p>
                        <a href="#" class="green-button green-button--small " data-module="greenButton">
                            <span class="green-button__base"></span>
                            <span class="green-button__side"></span>
                            <span class="green-button__top"></span>
                            <span class="green-button__text">yolo</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="compass-section js-compass-section" data-show-location="" data-index="1">
            <div class="compass-section__background">
                <div class="video" data-autoplay="false" data-hide-controls="true" data-loop="true" data-muted="true">
                    <template class="js-small-video-template">
                        <div class="js-video-container video__container" data-poster-url="https://via.placeholder.com/1600x900.png">
                            <video playsinline muted loop class="video__player js-video-player">
                                <source src="/media/homepage-hero/TI_Hompage_video_mobile2.mp4" type="video/mp4" />
                                <source src="/media/homepage-hero/TI_Hompage_video_mobile2.mp4" type="video/mp4" />
                            </video>
                        </div>
                    </template>
                    <template class="js-medium-video-template">
                        <div class="js-video-container video__container" data-poster-url="https://via.placeholder.com/1600x900.png">
                            <video playsinline muted loop class="video__player js-video-player">
                                <source src="/media/homepage-hero/TI_Hompage_video_21-9.mp4" type="video/mp4" />
                            </video>
                        </div>
                    </template>
                    <div class="js-video-container video__container"></div>
                </div>
            </div>
            <div class="compass-section__inner">
                <div class="compass-section__content">
                    <div class="compass-section__content-inner js-compass-content">
                        <div class="compass-section__icon"><svg viewBox="0 0 111 111" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M52.2309 9.53683C50.7366 9.99934 49.1535 11.1235 48.1943 12.4015C45.4064 16.0591 46.2758 21.3911 50.0898 23.8594C53.5025 26.0624 57.7627 25.5999 60.5057 22.7352C62.2225 20.9286 62.6248 19.9149 62.6248 17.2484C62.6248 15.287 62.5579 14.9123 61.9999 13.789C61.1964 12.159 59.7251 10.7261 58.0971 9.95497C56.535 9.20647 53.8589 9.02997 52.2309 9.53683Z" fill="white" />
                                <path d="M32.2888 26.6815C31.1738 27.1223 30.6608 27.4744 30.1926 28.1134C29.9471 28.4664 28.2302 33.688 26.3567 39.7477C22.8102 51.2934 22.7204 51.6898 23.5688 52.9461C23.7694 53.2548 24.1707 53.6512 24.4831 53.8494C25.3755 54.4224 32.7799 56.2073 33.6493 56.0307C34.5636 55.8769 35.6117 55.0387 35.9461 54.2241C36.2366 53.4974 39.9827 31.3528 39.9827 30.3608C39.9827 29.3914 39.2241 28.0473 38.3767 27.5404C37.9754 27.2978 36.7487 26.9231 35.6337 26.7476C33.3149 26.3502 33.1812 26.3502 32.2888 26.6815Z" fill="white" />
                                <path d="M46.9201 30.1835C45.6045 30.8225 44.7791 32.0118 44.3549 33.9515C43.5074 37.7412 40.3851 57.2419 40.3622 58.8059C40.3402 60.3483 40.4291 60.6569 41.2546 62.3314C41.7447 63.3451 43.1281 65.5264 44.3319 67.1565C45.5138 68.7866 49.6182 74.4499 53.4093 79.7159C57.2233 84.9818 60.5022 89.4766 60.7019 89.6758C61.0363 90.0279 61.193 89.6531 62.9767 84.5193L64.8952 78.9891L60.0551 72.2469L55.215 65.5047L56.8879 55.3032C57.8242 49.7069 58.6717 45.1451 58.7615 45.1677C58.8503 45.2121 59.6758 46.2475 60.5901 47.5029L62.2411 49.772L68.8879 53.7599C72.5681 55.9412 75.6015 57.7705 75.6455 57.8139C75.6894 57.8583 72.4334 67.0461 68.4188 78.2179C64.4041 89.4115 61.1032 98.8419 61.1032 99.1949C61.1032 99.9443 62.0395 100.869 62.8201 100.869C63.6006 100.869 64.4041 100.12 64.6936 99.1505C64.8494 98.6654 65.1178 97.8942 65.3185 97.4534L65.6529 96.6379L67.0802 98.621C68.7312 100.913 70.0468 101.75 71.8535 101.75C75.355 101.728 77.7636 97.9376 76.2245 94.9191C76.0687 94.6104 74.5066 92.3847 72.7678 89.9608C71.028 87.5369 69.6675 85.4217 69.7124 85.2235C69.7573 85.047 71.8315 79.2524 74.3289 72.3337C76.8044 65.415 78.9455 59.5101 79.0573 59.2014C79.191 58.7833 79.5703 58.4964 80.2391 58.2321C82.0009 57.5713 83.2505 55.6977 83.2505 53.7146C83.2505 52.6792 82.3133 50.7838 81.5327 50.2109C81.1983 49.9683 78.2098 48.14 74.9308 46.1786L68.9538 42.5871L64.7605 36.8577L60.5672 31.1293L55.5714 30.4242C49.4845 29.5671 48.2357 29.5228 46.9201 30.1835Z" fill="white" />
                                <path d="M38.2183 71.7191C37.5714 74.4951 36.8577 77.0294 36.6571 77.4042C36.4345 77.7562 33.6237 81.679 30.3896 86.1077C27.1775 90.5365 24.3896 94.5027 24.2119 94.9218C23.6989 96.112 23.9224 98.1829 24.6581 99.3071C26.1304 101.51 29.1189 102.105 31.282 100.673C31.9288 100.232 34.0699 97.5005 39.0657 90.6478L45.9351 81.1958L46.4262 79.0805C46.6717 77.9129 46.8943 76.8331 46.8943 76.701C46.8943 76.5471 45.5119 74.6074 43.817 72.4044C42.144 70.1787 40.516 67.9974 40.2265 67.5349C39.959 67.0941 39.6466 66.7194 39.5797 66.7194C39.489 66.7175 38.887 68.9649 38.2183 71.7191Z" fill="white" />
                            </svg></div>
                        <h2 class="compass-section__title">If walking is you&#x27;re thing... Ireland? </h2>
                        <p class="compass-section__subtitle">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsum labore cupiditate. Cum neque quis molestias minima alias voluptates rem.</p>
                        <a href="#" class="green-button green-button--small " data-module="greenButton">
                            <span class="green-button__base"></span>
                            <span class="green-button__side"></span>
                            <span class="green-button__top"></span>
                            <span class="green-button__text"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="compass-section js-compass-section" data-show-location="" data-index="2">
            <div class="compass-section__background">
                <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                    <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                    <picture class="image__container">
                        <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                        <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                        <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                        <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                    </picture>
                </figure>
            </div>
            <div class="compass-section__inner">
                <div class="compass-section__content">
                    <div class="compass-section__content-inner js-compass-content">
                        <div class="compass-section__icon"><svg fill="none" viewBox="0 0 103 79" xmlns="http://www.w3.org/2000/svg">
                                <path d="m65.2527 14.2853c-1.4624.7268-3.1121 1.1356-4.8553 1.1356-5.9433 0-10.7635-4.6785-10.7635-10.44704 0-1.70332.4329-3.30443 1.17-4.72386-6.3996.77217-11.3602 6.05244-11.3602 12.4796 0 6.9495 5.803 12.5818 12.963 12.5818 6.6102 0 12.0504-4.8147 12.846-11.0261zm-45.2066 36.292c4.7265 0 8.5523-3.7133 8.5523-8.3009 0-4.5875-3.8258-8.2894-8.5523-8.2894-4.7149 0-8.5406 3.7132-8.5406 8.2894 0 4.5763 3.8257 8.3009 8.5406 8.3009zm-13.57138-22.4157h-5.84972v50.7134h5.84972v-11.628h45.53418v-10.5037h-45.53418zm95.90028 26.8784c0-6.5748-5.487-11.9005-12.261-11.9005h-34.6069v24.1075h41.0182v11.628h5.8497zm-73.7766-1.7034h23.3988v-10.1971h-11.2899c-6.1656 0-11.2549 4.4286-12.1089 10.1971z" fill="#fff" />
                            </svg></div>
                        <h2 class="compass-section__title">Why bother coming for just a day?</h2>
                        <p class="compass-section__subtitle">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsum labore cupiditate.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="compass-section js-compass-section" data-show-location="" data-index="3">
            <div class="compass-section__background">
                <div class="video" data-autoplay="false" data-hide-controls="true" data-loop="true" data-muted="true">
                    <template class="js-small-video-template">
                        <div class="js-video-container video__container" data-poster-url="https://via.placeholder.com/1600x900.png">
                            <video playsinline muted loop class="video__player js-video-player">
                                <source src="/media/homepage-hero/TI_Hompage_video_mobile2.mp4" type="video/mp4" />
                                <source src="/media/homepage-hero/TI_Hompage_video_mobile2.mp4" type="video/mp4" />
                            </video>
                        </div>
                    </template>
                    <template class="js-medium-video-template">
                        <div class="js-video-container video__container" data-poster-url="https://via.placeholder.com/1600x900.png">
                            <video playsinline muted loop class="video__player js-video-player">
                                <source src="/media/homepage-hero/TI_Hompage_video_21-9.mp4" type="video/mp4" />
                            </video>
                        </div>
                    </template>
                    <div class="js-video-container video__container"></div>
                </div>
            </div>
            <div class="compass-section__inner">
                <div class="compass-section__content">
                    <div class="compass-section__content-inner js-compass-content">
                        <div class="compass-section__icon"><svg viewBox='0 0 77 56' xmlns='http://www.w3.org/2000/svg'>
                                <path d='M70.5155 50.4672C69.682 50.4672 68.904 50.1467 68.3345 49.5475C67.7649 48.9623 67.4593 48.1959 67.4732 47.3877L67.9038 23.7549C64.8615 22.1803 63 18.9475 63 15.1852C63 12.3984 63.9585 8.94262 65.4866 6.15574C67.3204 2.82541 69.6542 1 72.0575 1C72.0852 1 72.0991 1 72.1269 1L73.0855 1.01393V1.97541V22.7238L73.5578 47.3877C73.5717 48.1959 73.266 48.9623 72.6965 49.5475C72.113 50.1328 71.349 50.4672 70.5155 50.4672ZM71.1406 3.1041C69.7792 3.55 68.3761 4.95738 67.1953 7.10328C65.82 9.56967 64.9449 12.7467 64.9449 15.1852C64.9449 18.4598 66.5563 21.0934 69.2652 22.25L69.8626 22.5008L69.418 47.4295C69.418 47.7082 69.5153 47.9729 69.7236 48.182C69.932 48.391 70.2237 48.5164 70.5155 48.5164C70.8211 48.5164 71.0989 48.4049 71.3073 48.182C71.5018 47.9729 71.6129 47.7082 71.6129 47.4295L71.1406 22.7377V3.1041Z' />
                                <path d='M39.6571 48.0733C27.2517 48.0733 17.1523 37.943 17.1523 25.4996C17.1523 13.0561 27.2517 2.92578 39.6571 2.92578C52.0625 2.92578 62.1618 13.0561 62.1618 25.4996C62.1618 37.943 52.0625 48.0733 39.6571 48.0733ZM39.6571 4.8766C28.3214 4.8766 19.0972 14.1291 19.0972 25.4996C19.0972 36.87 28.3214 46.1225 39.6571 46.1225C50.9928 46.1225 60.217 36.87 60.217 25.4996C60.217 14.1291 50.9928 4.8766 39.6571 4.8766Z' />
                                <path d='M39.6577 40.6881C31.3087 40.6881 24.5156 33.8741 24.5156 25.4996C24.5156 17.125 31.3087 10.311 39.6577 10.311C48.0067 10.311 54.7998 17.125 54.7998 25.4996C54.7998 33.8741 48.0067 40.6881 39.6577 40.6881ZM39.6577 12.2619C32.3784 12.2619 26.4605 18.1979 26.4605 25.4996C26.4605 32.8012 32.3784 38.7373 39.6577 38.7373C46.937 38.7373 52.8549 32.8012 52.8549 25.4996C52.8549 18.1979 46.937 12.2619 39.6577 12.2619Z' />
                                <path d='M16.3223 18.488L16.1139 1.9618C16.1139 1.4323 15.6694 1.00033 15.1415 1.00033H15.1276C14.5858 1.00033 14.1552 1.44623 14.1691 1.98967L14.3774 18.5159C14.3913 19.5192 14.0302 20.4807 13.3911 21.1356C12.891 21.6372 12.2659 21.9159 11.6269 21.9159H8.69569C8.05667 21.9159 7.43154 21.6372 6.93143 21.1356C6.29241 20.4807 5.93122 19.5331 5.94511 18.5159L6.15349 1.98967C6.15349 1.44623 5.73673 1.01426 5.19495 1.00033C4.65317 0.986393 4.22252 1.41836 4.20863 1.9618L4.00025 18.488C3.98636 20.0208 4.54204 21.4839 5.55614 22.5011C6.19516 23.1421 6.95922 23.5741 7.79272 23.7552L7.41764 48.8233C7.40375 49.729 7.73716 50.6069 8.33451 51.2061C8.83461 51.7216 9.48752 52.0003 10.1682 52.0003C10.8489 52.0003 11.5018 51.7216 12.0019 51.2061C12.5993 50.6069 12.9327 49.729 12.9188 48.8233L12.5576 23.7552C13.3911 23.5741 14.1552 23.1421 14.7942 22.5011C15.7666 21.47 16.3362 20.0069 16.3223 18.488ZM10.5989 49.8405C10.5016 49.938 10.3488 50.0495 10.1543 50.0495C9.95985 50.0495 9.80704 49.938 9.70979 49.8405C9.48753 49.6036 9.34861 49.2413 9.3625 48.8511L9.72369 23.8528H10.585L10.9462 48.8511C10.9601 49.2413 10.835 49.6036 10.5989 49.8405Z' />
                                <path d='M8.49977 19.2546C9.04155 19.2546 9.4722 18.8226 9.4722 18.2792V1.9759C9.4722 1.43246 9.04155 1.00049 8.49977 1.00049C7.95799 1.00049 7.52734 1.43246 7.52734 1.9759V18.2792C7.52734 18.8226 7.95799 19.2546 8.49977 19.2546Z' />
                                <path d='M11.9334 19.2546C12.4751 19.2546 12.9058 18.8226 12.9058 18.2792V1.9759C12.9058 1.43246 12.4751 1.00049 11.9334 1.00049C11.3916 1.00049 10.9609 1.43246 10.9609 1.9759V18.2792C10.9609 18.8226 11.4055 19.2546 11.9334 19.2546Z' />
                            </svg></div>
                        <h2 class="compass-section__title">Ever been to O&#x27;Neils?</h2>
                        <p class="compass-section__subtitle">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsum labore cupiditate.</p>
                        <a href="#" class="green-button green-button--small " data-module="greenButton">
                            <span class="green-button__base"></span>
                            <span class="green-button__side"></span>
                            <span class="green-button__top"></span>
                            <span class="green-button__text"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="compass-section js-compass-section" data-show-location="" data-index="4">
            <div class="compass-section__background">
                <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                    <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                    <picture class="image__container">
                        <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                        <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                        <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                        <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                    </picture>
                </figure>
            </div>
            <div class="compass-section__inner">
                <div class="compass-section__content">
                    <div class="compass-section__content-inner js-compass-content">
                        <div class="compass-section__icon"><svg viewBox="0 0 111 111" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M62.1306 29.9326C62.5802 30.0825 63.0298 30.2323 63.3296 30.2323H63.9291C65.1281 29.6328 65.7276 28.4339 65.7276 27.2349V9.25H59.7326V19.4414L50.1407 9.84949C49.5412 9.25 47.7427 9.25 47.1432 9.84949C45.9442 10.449 45.3447 11.648 45.3447 12.847V30.8318H51.3397V20.0409L60.9316 29.6328C61.2314 29.6328 61.681 29.7827 62.1306 29.9326ZM87.316 27.2354C88.5149 26.0365 90.3134 26.0365 91.5124 27.2354C92.7114 28.4344 92.7114 30.2329 92.1119 31.4319L67.5326 62.6057V63.2052C67.5326 66.2026 66.3336 69.2001 63.3361 70.9986C60.9382 73.3966 57.9407 74.5956 54.9432 74.5956H54.3437L23.17 99.1749C21.971 100.374 20.1725 100.374 18.9735 99.1749C18.374 97.9759 17.7745 96.1774 18.9735 94.9784L43.5528 63.8047V63.2052C43.5528 60.2077 44.7518 57.2102 47.1498 54.8122C49.5478 52.4143 52.5452 51.2153 55.5427 51.2153H56.1422L87.316 27.2354ZM49.5477 63.2052C49.5477 66.8021 51.9457 69.2001 55.5427 69.2001C59.1397 69.2001 61.5377 66.8021 61.5377 63.2052C61.5377 59.6082 59.1397 57.2102 55.5427 57.2102C51.9457 57.2102 49.5477 59.6082 49.5477 63.2052Z" fill="white" />
                            </svg></div>
                        <h2 class="compass-section__title">Get lost and find new cool stuff!</h2>
                        <p class="compass-section__subtitle">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsum labore cupiditate.</p>
                        <a href="#" class="green-button green-button--small " data-module="greenButton">
                            <span class="green-button__base"></span>
                            <span class="green-button__side"></span>
                            <span class="green-button__top"></span>
                            <span class="green-button__text"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="compass-section js-compass-section" data-show-location="" data-index="5">
            <div class="compass-section__background">
                <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                    <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                    <picture class="image__container">
                        <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                        <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                        <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                        <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                    </picture>
                </figure>
            </div>
            <div class="compass-section__inner">
                <div class="compass-section__content">
                    <div class="compass-section__content-inner js-compass-content">
                        <div class="compass-section__icon"><svg viewBox="0 0 95 95" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g clip-path="url(#clip0)">
                                    <path d="M79.939 56.4996V75.6996L65.3608 84.9996V48.7996C64.6849 47.8996 63.9126 46.8996 63.2368 45.8996C62.7541 45.1996 62.1748 44.3996 61.6921 43.6996V84.1996L47.2104 73.3996V24.1996L54.4512 29.5996C53.3892 26.5996 52.7134 23.4996 52.7134 20.3996C52.7134 19.8996 52.7134 19.4996 52.81 18.9996L43.6382 12.0996L23.4604 27.1996L0 12.1996V79.9996L23.4604 94.9996L43.6382 79.8996L63.7195 94.9996L87.1799 79.8996V47.6996C85.0559 50.5996 83.0285 52.9996 81.3872 54.8996C80.9045 55.4996 80.4217 55.9996 79.939 56.4996ZM21.8191 85.0996L7.24085 75.7996V25.7996L21.8191 34.9996V85.0996ZM39.9695 73.3996L25.3913 84.1996V34.9996L39.9695 24.0996V73.3996Z" fill="white" />
                                    <path d="M75.8787 0C65.1622 0 56.8594 9.9 56.8594 21.5C56.8594 25.2 58.0179 29 59.6592 32.6C61.3004 36.1 63.4244 39.6 65.5484 42.5C67.6724 45.5 69.7964 48 71.3411 49.8C72.1134 50.7 72.7892 51.4 73.272 51.9L74.0443 52.7C74.6236 53.2 75.2994 53.5 75.9752 53.5C76.651 53.5 77.3268 53.2 77.9061 52.7L78.6785 51.9C79.1612 51.4 79.837 50.7 80.6094 49.8C82.1541 48 84.2781 45.4 86.402 42.5C88.526 39.5 90.65 36.1 92.2913 32.6C93.9325 29.1 95.0911 25.3 95.0911 21.5C94.9945 9.9 86.6917 0 75.8787 0ZM75.8787 24.9C73.3685 24.9 71.3411 22.8 71.3411 20.2C71.3411 17.6 73.3685 15.5 75.8787 15.5C78.3888 15.5 80.4163 17.6 80.4163 20.2C80.4163 22.8 78.3888 24.9 75.8787 24.9Z" fill="white" />
                                </g>
                                <defs>
                                    <clipPath id="clip0">
                                        <rect width="95" height="95" fill="white" />
                                    </clipPath>
                                </defs>
                            </svg></div>
                        <h2 class="compass-section__title">After you got lost, check the map.</h2>
                        <p class="compass-section__subtitle">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsum labore cupiditate.</p>
                        <a href="#" class="green-button green-button--small " data-module="greenButton">
                            <span class="green-button__base"></span>
                            <span class="green-button__side"></span>
                            <span class="green-button__top"></span>
                            <span class="green-button__text"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="compass-controls">
            <div class="compass-controls__button compass-controls__button js-next">
                <div class="compass-controls__button-inner"></div>
                <p class="compass-controls__button-text">Explore lots of stuff</p>
            </div>
        </div>
    </div>
</div>
<div class="compass" data-module="compass">
    <div class="compass__heading">
        <div class="grid-container">
            <div class="grid-x">
                <div class="cell medium-5">
                    <h1 class="compass__title">{{title}}</h1>
                </div>
                <div class="cell medium-7">
                    <p class="compass__subtitle">{{subtitle}}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="compass__content">
        {{#if compassWheel}}
            <div class="compass__wheel-wrapper">
                {{> @cp-compass-wheel}}
            </div>
        {{/if}}
        {{#if compassSections}}
            {{#each compassSections}}
            {{> @cp-compass-section}}
            {{/each}}
        {{/if}}
        {{> @cp-compass-controls}}
    </div>
</div>
{
  "title": "Explore Ireland",
  "subtitle": "Ireland has been physically shaped by the Atlantic, with stunning beaches and coastlines. The weather has also shaped our culture, bringing people together through shared experiences, helping us connect to each other and to nature.",
  "compassApiEndpoint": "/components/preview/cp-forecast-location-results--{0}",
  "credit": "Weather data provided by Met Éireann, link to license <a href='http://www.google.com'>here</a>",
  "buttonText": "Explore lots of stuff",
  "compassWheel": [
    "Cycle",
    "Walk",
    "Stay",
    "Eat",
    "Explore",
    "Discover"
  ],
  "compassSections": [
    {
      "title": "Welcome back to real cycling ",
      "subtitle": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsum labore cupiditate.",
      "icon": "<svg viewBox=\"0 0 111 65\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M81.2381 19.5916C83.3379 18.9626 85.5718 18.625 87.875 18.625C100.635 18.625 111 28.985 111 41.75C111 54.515 100.635 64.875 87.875 64.875C75.11 64.875 64.75 54.515 64.75 41.75C64.75 32.9347 69.6895 25.2665 76.9554 21.363L74.9712 16.5576L54.1865 44.0625H46.1344C44.9735 55.7406 35.1037 64.875 23.125 64.875C10.36 64.875 0 54.515 0 41.75C0 28.985 10.36 18.625 23.125 18.625C26.0619 18.625 28.8785 19.1754 31.4639 20.179L36.926 9.39813L34.7892 4.75H30.0625C28.7814 4.75 27.75 3.714 27.75 2.4375C27.75 1.33213 28.6241 0.125 30.0625 0.125H41.5834C42.6888 0.125 43.8959 0.999125 43.8959 2.4375C43.8959 3.87587 42.6934 4.75 41.5834 4.75H39.8814L42.0551 9.375H72.0436L70.0965 4.75H62.4375C61.1564 4.75 60.125 3.714 60.125 2.4375C60.125 0.999125 61.3229 0.125 62.4375 0.125H73.2137L81.2381 19.5916ZM29.3595 24.3276C27.4124 23.6292 25.3126 23.25 23.125 23.25C12.913 23.25 4.625 31.538 4.625 41.75C4.625 51.962 12.913 60.25 23.125 60.25C32.5508 60.25 40.3392 53.183 41.4816 44.0625H27.1303C26.3255 45.4454 24.8316 46.375 23.125 46.375C20.572 46.375 18.5 44.303 18.5 41.75C18.5 39.2849 20.4379 37.2637 22.8706 37.1342L29.3595 24.3276V24.3276ZM78.7314 25.6643C73.1444 28.8509 69.375 34.8634 69.375 41.75C69.375 51.962 77.663 60.25 87.875 60.25C98.087 60.25 106.375 51.962 106.375 41.75C106.375 31.538 98.087 23.25 87.875 23.25C86.1915 23.25 84.5635 23.4766 83.0141 23.8975L88.4809 37.1666C90.7518 37.4626 92.5 39.4051 92.5 41.75C92.5 44.303 90.4234 46.375 87.875 46.375C85.322 46.375 83.25 44.303 83.25 41.75C83.25 40.6909 83.6061 39.715 84.2074 38.9334L78.7314 25.6643ZM33.485 26.4274L26.9961 39.2201L27.1303 39.4375H41.4816C40.8017 34.0309 37.7909 29.3411 33.485 26.4274V26.4274ZM35.5847 22.2741C41.3845 25.9926 45.4175 32.2271 46.1344 39.4375H50.7455L39.3957 14.7585L35.5847 22.2741ZM71.1186 14H44.1133L54.3438 36.1861L71.1186 14Z\" fill=\"white\"/></svg>",
      "fullVideo": {
        "isYouTube": false,
        "autoplay": true,
        "hideControls": false,
        "loop": true,
        "video": {
          "videoUrls": [
            {
              "type": "video/mp4",
              "url": "/media/homepage-hero/TI_Hompage_video_21-9.mp4"
            }
          ],
          "mobileVideoUrls": [
            {
              "type": "video/mp4",
              "url": "/media/homepage-hero/TI_Hompage_video_mobile2.mp4"
            },
            {
              "type": "video/mp4",
              "url": "/media/homepage-hero/TI_Hompage_video_mobile2.mp4"
            }
          ],
          "posterUrl": "https://via.placeholder.com/1600x900.png"
        }
      },
      "isDefault": false,
      "cta": {
        "url": "#",
        "text": "yolo"
      }
    },
    {
      "title": "If walking is you're thing... Ireland? ",
      "subtitle": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsum labore cupiditate. Cum neque quis molestias minima alias voluptates rem.",
      "icon": "<svg viewBox=\"0 0 111 111\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M52.2309 9.53683C50.7366 9.99934 49.1535 11.1235 48.1943 12.4015C45.4064 16.0591 46.2758 21.3911 50.0898 23.8594C53.5025 26.0624 57.7627 25.5999 60.5057 22.7352C62.2225 20.9286 62.6248 19.9149 62.6248 17.2484C62.6248 15.287 62.5579 14.9123 61.9999 13.789C61.1964 12.159 59.7251 10.7261 58.0971 9.95497C56.535 9.20647 53.8589 9.02997 52.2309 9.53683Z\" fill=\"white\"/><path d=\"M32.2888 26.6815C31.1738 27.1223 30.6608 27.4744 30.1926 28.1134C29.9471 28.4664 28.2302 33.688 26.3567 39.7477C22.8102 51.2934 22.7204 51.6898 23.5688 52.9461C23.7694 53.2548 24.1707 53.6512 24.4831 53.8494C25.3755 54.4224 32.7799 56.2073 33.6493 56.0307C34.5636 55.8769 35.6117 55.0387 35.9461 54.2241C36.2366 53.4974 39.9827 31.3528 39.9827 30.3608C39.9827 29.3914 39.2241 28.0473 38.3767 27.5404C37.9754 27.2978 36.7487 26.9231 35.6337 26.7476C33.3149 26.3502 33.1812 26.3502 32.2888 26.6815Z\" fill=\"white\"/><path d=\"M46.9201 30.1835C45.6045 30.8225 44.7791 32.0118 44.3549 33.9515C43.5074 37.7412 40.3851 57.2419 40.3622 58.8059C40.3402 60.3483 40.4291 60.6569 41.2546 62.3314C41.7447 63.3451 43.1281 65.5264 44.3319 67.1565C45.5138 68.7866 49.6182 74.4499 53.4093 79.7159C57.2233 84.9818 60.5022 89.4766 60.7019 89.6758C61.0363 90.0279 61.193 89.6531 62.9767 84.5193L64.8952 78.9891L60.0551 72.2469L55.215 65.5047L56.8879 55.3032C57.8242 49.7069 58.6717 45.1451 58.7615 45.1677C58.8503 45.2121 59.6758 46.2475 60.5901 47.5029L62.2411 49.772L68.8879 53.7599C72.5681 55.9412 75.6015 57.7705 75.6455 57.8139C75.6894 57.8583 72.4334 67.0461 68.4188 78.2179C64.4041 89.4115 61.1032 98.8419 61.1032 99.1949C61.1032 99.9443 62.0395 100.869 62.8201 100.869C63.6006 100.869 64.4041 100.12 64.6936 99.1505C64.8494 98.6654 65.1178 97.8942 65.3185 97.4534L65.6529 96.6379L67.0802 98.621C68.7312 100.913 70.0468 101.75 71.8535 101.75C75.355 101.728 77.7636 97.9376 76.2245 94.9191C76.0687 94.6104 74.5066 92.3847 72.7678 89.9608C71.028 87.5369 69.6675 85.4217 69.7124 85.2235C69.7573 85.047 71.8315 79.2524 74.3289 72.3337C76.8044 65.415 78.9455 59.5101 79.0573 59.2014C79.191 58.7833 79.5703 58.4964 80.2391 58.2321C82.0009 57.5713 83.2505 55.6977 83.2505 53.7146C83.2505 52.6792 82.3133 50.7838 81.5327 50.2109C81.1983 49.9683 78.2098 48.14 74.9308 46.1786L68.9538 42.5871L64.7605 36.8577L60.5672 31.1293L55.5714 30.4242C49.4845 29.5671 48.2357 29.5228 46.9201 30.1835Z\" fill=\"white\"/><path d=\"M38.2183 71.7191C37.5714 74.4951 36.8577 77.0294 36.6571 77.4042C36.4345 77.7562 33.6237 81.679 30.3896 86.1077C27.1775 90.5365 24.3896 94.5027 24.2119 94.9218C23.6989 96.112 23.9224 98.1829 24.6581 99.3071C26.1304 101.51 29.1189 102.105 31.282 100.673C31.9288 100.232 34.0699 97.5005 39.0657 90.6478L45.9351 81.1958L46.4262 79.0805C46.6717 77.9129 46.8943 76.8331 46.8943 76.701C46.8943 76.5471 45.5119 74.6074 43.817 72.4044C42.144 70.1787 40.516 67.9974 40.2265 67.5349C39.959 67.0941 39.6466 66.7194 39.5797 66.7194C39.489 66.7175 38.887 68.9649 38.2183 71.7191Z\" fill=\"white\"/></svg>",
      "fullVideo": {
        "isYouTube": false,
        "autoplay": true,
        "hideControls": false,
        "loop": true,
        "video": {
          "videoUrls": [
            {
              "type": "video/mp4",
              "url": "/media/homepage-hero/TI_Hompage_video_21-9.mp4"
            }
          ],
          "mobileVideoUrls": [
            {
              "type": "video/mp4",
              "url": "/media/homepage-hero/TI_Hompage_video_mobile2.mp4"
            },
            {
              "type": "video/mp4",
              "url": "/media/homepage-hero/TI_Hompage_video_mobile2.mp4"
            }
          ],
          "posterUrl": "https://via.placeholder.com/1600x900.png"
        }
      },
      "isDefault": false,
      "cta": {
        "url": "#"
      }
    },
    {
      "title": "Why bother coming for just a day?",
      "subtitle": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsum labore cupiditate.",
      "icon": "<svg fill=\"none\" viewBox=\"0 0 103 79\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m65.2527 14.2853c-1.4624.7268-3.1121 1.1356-4.8553 1.1356-5.9433 0-10.7635-4.6785-10.7635-10.44704 0-1.70332.4329-3.30443 1.17-4.72386-6.3996.77217-11.3602 6.05244-11.3602 12.4796 0 6.9495 5.803 12.5818 12.963 12.5818 6.6102 0 12.0504-4.8147 12.846-11.0261zm-45.2066 36.292c4.7265 0 8.5523-3.7133 8.5523-8.3009 0-4.5875-3.8258-8.2894-8.5523-8.2894-4.7149 0-8.5406 3.7132-8.5406 8.2894 0 4.5763 3.8257 8.3009 8.5406 8.3009zm-13.57138-22.4157h-5.84972v50.7134h5.84972v-11.628h45.53418v-10.5037h-45.53418zm95.90028 26.8784c0-6.5748-5.487-11.9005-12.261-11.9005h-34.6069v24.1075h41.0182v11.628h5.8497zm-73.7766-1.7034h23.3988v-10.1971h-11.2899c-6.1656 0-11.2549 4.4286-12.1089 10.1971z\" fill=\"#fff\"/></svg>",
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      }
    },
    {
      "title": "Ever been to O'Neils?",
      "subtitle": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsum labore cupiditate.",
      "icon": "<svg viewBox='0 0 77 56' xmlns='http://www.w3.org/2000/svg'><path d='M70.5155 50.4672C69.682 50.4672 68.904 50.1467 68.3345 49.5475C67.7649 48.9623 67.4593 48.1959 67.4732 47.3877L67.9038 23.7549C64.8615 22.1803 63 18.9475 63 15.1852C63 12.3984 63.9585 8.94262 65.4866 6.15574C67.3204 2.82541 69.6542 1 72.0575 1C72.0852 1 72.0991 1 72.1269 1L73.0855 1.01393V1.97541V22.7238L73.5578 47.3877C73.5717 48.1959 73.266 48.9623 72.6965 49.5475C72.113 50.1328 71.349 50.4672 70.5155 50.4672ZM71.1406 3.1041C69.7792 3.55 68.3761 4.95738 67.1953 7.10328C65.82 9.56967 64.9449 12.7467 64.9449 15.1852C64.9449 18.4598 66.5563 21.0934 69.2652 22.25L69.8626 22.5008L69.418 47.4295C69.418 47.7082 69.5153 47.9729 69.7236 48.182C69.932 48.391 70.2237 48.5164 70.5155 48.5164C70.8211 48.5164 71.0989 48.4049 71.3073 48.182C71.5018 47.9729 71.6129 47.7082 71.6129 47.4295L71.1406 22.7377V3.1041Z' /><path d='M39.6571 48.0733C27.2517 48.0733 17.1523 37.943 17.1523 25.4996C17.1523 13.0561 27.2517 2.92578 39.6571 2.92578C52.0625 2.92578 62.1618 13.0561 62.1618 25.4996C62.1618 37.943 52.0625 48.0733 39.6571 48.0733ZM39.6571 4.8766C28.3214 4.8766 19.0972 14.1291 19.0972 25.4996C19.0972 36.87 28.3214 46.1225 39.6571 46.1225C50.9928 46.1225 60.217 36.87 60.217 25.4996C60.217 14.1291 50.9928 4.8766 39.6571 4.8766Z' /><path d='M39.6577 40.6881C31.3087 40.6881 24.5156 33.8741 24.5156 25.4996C24.5156 17.125 31.3087 10.311 39.6577 10.311C48.0067 10.311 54.7998 17.125 54.7998 25.4996C54.7998 33.8741 48.0067 40.6881 39.6577 40.6881ZM39.6577 12.2619C32.3784 12.2619 26.4605 18.1979 26.4605 25.4996C26.4605 32.8012 32.3784 38.7373 39.6577 38.7373C46.937 38.7373 52.8549 32.8012 52.8549 25.4996C52.8549 18.1979 46.937 12.2619 39.6577 12.2619Z' /><path d='M16.3223 18.488L16.1139 1.9618C16.1139 1.4323 15.6694 1.00033 15.1415 1.00033H15.1276C14.5858 1.00033 14.1552 1.44623 14.1691 1.98967L14.3774 18.5159C14.3913 19.5192 14.0302 20.4807 13.3911 21.1356C12.891 21.6372 12.2659 21.9159 11.6269 21.9159H8.69569C8.05667 21.9159 7.43154 21.6372 6.93143 21.1356C6.29241 20.4807 5.93122 19.5331 5.94511 18.5159L6.15349 1.98967C6.15349 1.44623 5.73673 1.01426 5.19495 1.00033C4.65317 0.986393 4.22252 1.41836 4.20863 1.9618L4.00025 18.488C3.98636 20.0208 4.54204 21.4839 5.55614 22.5011C6.19516 23.1421 6.95922 23.5741 7.79272 23.7552L7.41764 48.8233C7.40375 49.729 7.73716 50.6069 8.33451 51.2061C8.83461 51.7216 9.48752 52.0003 10.1682 52.0003C10.8489 52.0003 11.5018 51.7216 12.0019 51.2061C12.5993 50.6069 12.9327 49.729 12.9188 48.8233L12.5576 23.7552C13.3911 23.5741 14.1552 23.1421 14.7942 22.5011C15.7666 21.47 16.3362 20.0069 16.3223 18.488ZM10.5989 49.8405C10.5016 49.938 10.3488 50.0495 10.1543 50.0495C9.95985 50.0495 9.80704 49.938 9.70979 49.8405C9.48753 49.6036 9.34861 49.2413 9.3625 48.8511L9.72369 23.8528H10.585L10.9462 48.8511C10.9601 49.2413 10.835 49.6036 10.5989 49.8405Z' /><path d='M8.49977 19.2546C9.04155 19.2546 9.4722 18.8226 9.4722 18.2792V1.9759C9.4722 1.43246 9.04155 1.00049 8.49977 1.00049C7.95799 1.00049 7.52734 1.43246 7.52734 1.9759V18.2792C7.52734 18.8226 7.95799 19.2546 8.49977 19.2546Z' /><path d='M11.9334 19.2546C12.4751 19.2546 12.9058 18.8226 12.9058 18.2792V1.9759C12.9058 1.43246 12.4751 1.00049 11.9334 1.00049C11.3916 1.00049 10.9609 1.43246 10.9609 1.9759V18.2792C10.9609 18.8226 11.4055 19.2546 11.9334 19.2546Z' /></svg>",
      "fullVideo": {
        "isYouTube": false,
        "autoplay": true,
        "hideControls": false,
        "loop": true,
        "video": {
          "videoUrls": [
            {
              "type": "video/mp4",
              "url": "/media/homepage-hero/TI_Hompage_video_21-9.mp4"
            }
          ],
          "mobileVideoUrls": [
            {
              "type": "video/mp4",
              "url": "/media/homepage-hero/TI_Hompage_video_mobile2.mp4"
            },
            {
              "type": "video/mp4",
              "url": "/media/homepage-hero/TI_Hompage_video_mobile2.mp4"
            }
          ],
          "posterUrl": "https://via.placeholder.com/1600x900.png"
        }
      },
      "isDefault": false,
      "cta": {
        "url": "#"
      }
    },
    {
      "title": "Get lost and find new cool stuff!",
      "subtitle": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsum labore cupiditate.",
      "icon": "<svg viewBox=\"0 0 111 111\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M62.1306 29.9326C62.5802 30.0825 63.0298 30.2323 63.3296 30.2323H63.9291C65.1281 29.6328 65.7276 28.4339 65.7276 27.2349V9.25H59.7326V19.4414L50.1407 9.84949C49.5412 9.25 47.7427 9.25 47.1432 9.84949C45.9442 10.449 45.3447 11.648 45.3447 12.847V30.8318H51.3397V20.0409L60.9316 29.6328C61.2314 29.6328 61.681 29.7827 62.1306 29.9326ZM87.316 27.2354C88.5149 26.0365 90.3134 26.0365 91.5124 27.2354C92.7114 28.4344 92.7114 30.2329 92.1119 31.4319L67.5326 62.6057V63.2052C67.5326 66.2026 66.3336 69.2001 63.3361 70.9986C60.9382 73.3966 57.9407 74.5956 54.9432 74.5956H54.3437L23.17 99.1749C21.971 100.374 20.1725 100.374 18.9735 99.1749C18.374 97.9759 17.7745 96.1774 18.9735 94.9784L43.5528 63.8047V63.2052C43.5528 60.2077 44.7518 57.2102 47.1498 54.8122C49.5478 52.4143 52.5452 51.2153 55.5427 51.2153H56.1422L87.316 27.2354ZM49.5477 63.2052C49.5477 66.8021 51.9457 69.2001 55.5427 69.2001C59.1397 69.2001 61.5377 66.8021 61.5377 63.2052C61.5377 59.6082 59.1397 57.2102 55.5427 57.2102C51.9457 57.2102 49.5477 59.6082 49.5477 63.2052Z\" fill=\"white\"/></svg>",
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false,
      "cta": {
        "url": "#"
      }
    },
    {
      "title": "After you got lost, check the map.",
      "subtitle": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsum labore cupiditate.",
      "icon": "<svg viewBox=\"0 0 95 95\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0)\"><path d=\"M79.939 56.4996V75.6996L65.3608 84.9996V48.7996C64.6849 47.8996 63.9126 46.8996 63.2368 45.8996C62.7541 45.1996 62.1748 44.3996 61.6921 43.6996V84.1996L47.2104 73.3996V24.1996L54.4512 29.5996C53.3892 26.5996 52.7134 23.4996 52.7134 20.3996C52.7134 19.8996 52.7134 19.4996 52.81 18.9996L43.6382 12.0996L23.4604 27.1996L0 12.1996V79.9996L23.4604 94.9996L43.6382 79.8996L63.7195 94.9996L87.1799 79.8996V47.6996C85.0559 50.5996 83.0285 52.9996 81.3872 54.8996C80.9045 55.4996 80.4217 55.9996 79.939 56.4996ZM21.8191 85.0996L7.24085 75.7996V25.7996L21.8191 34.9996V85.0996ZM39.9695 73.3996L25.3913 84.1996V34.9996L39.9695 24.0996V73.3996Z\" fill=\"white\"/><path d=\"M75.8787 0C65.1622 0 56.8594 9.9 56.8594 21.5C56.8594 25.2 58.0179 29 59.6592 32.6C61.3004 36.1 63.4244 39.6 65.5484 42.5C67.6724 45.5 69.7964 48 71.3411 49.8C72.1134 50.7 72.7892 51.4 73.272 51.9L74.0443 52.7C74.6236 53.2 75.2994 53.5 75.9752 53.5C76.651 53.5 77.3268 53.2 77.9061 52.7L78.6785 51.9C79.1612 51.4 79.837 50.7 80.6094 49.8C82.1541 48 84.2781 45.4 86.402 42.5C88.526 39.5 90.65 36.1 92.2913 32.6C93.9325 29.1 95.0911 25.3 95.0911 21.5C94.9945 9.9 86.6917 0 75.8787 0ZM75.8787 24.9C73.3685 24.9 71.3411 22.8 71.3411 20.2C71.3411 17.6 73.3685 15.5 75.8787 15.5C78.3888 15.5 80.4163 17.6 80.4163 20.2C80.4163 22.8 78.3888 24.9 75.8787 24.9Z\" fill=\"white\"/></g><defs><clipPath id=\"clip0\"><rect width=\"95\" height=\"95\" fill=\"white\"/></clipPath></defs></svg>",
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false,
      "cta": {
        "url": "#"
      }
    }
  ]
}

There are no notes for this item.