<div class="onboarding-page js-onboarding-page" data-user-profile-endpoint=/data/user-profile.json>
<div class="onboarding onboarding--welcome onboarding--active " data-my-ireland-url="/myireland" data-module="onboarding">
<div class="onboarding__inner">
<div class="onboarding__wrap">
<div class="onboarding__left">
<div class="onboarding__image">
<img src="/media/onboarding/img-onboard-ireland-guide.png" alt="Alt text">
</div>
</div>
<div class="onboarding__right">
<div class="onboarding__text">
<h2 class="onboarding__heading">Your portable Ireland guide!</h2>
<p class="onboarding__subheading">Get personalised travel tips and discover the best that Ireland has to offer!</p>
<p class="onboarding__description"><strong>Install this app on a different device</strong><br />Just open the link below with the device you’ll be travelling to Ireland with:</p>
<a class="button-p2" href="#" target="_blank">Copy link to clipboard</a>
</div>
</div>
</div>
<div class="onboarding__button-container">
<button class="button-p1 button-p1--with-icon js-welcome-continue">Continue</button>
</div>
</div>
</div>
<div class="onboarding onboarding--login-signup " data-my-ireland-url="/myireland" data-module="onboarding">
<div class="onboarding__inner">
<div class="onboarding__wrap">
<div class="onboarding__left">
<div class="onboarding__image">
<img src="/media/onboarding/img-onboard-login-signup.png" alt="Alt text">
</div>
</div>
<div class="onboarding__right">
<div class="onboarding__text">
<h2 class="onboarding__heading">All favourites in one place</h2>
<p class="onboarding__subheading">Save travel inspiration, share it with friends, and access it across devices.</p>
</div>
</div>
</div>
<div class="onboarding__button-container">
<button class="button-p1 js-button-login">Login</button>
<button class="button-p2 js-button-signup">Sign Up</button><br />
<button class="button-p3 button-p3--default js-login-button-skip-for-now">Skip for now</button>
</div>
</div>
<div class="onboarding__modal js-onboarding-modal">
<div class="onboarding__modal-inner">
<div class="onboarding__modal-container">
<div class="onboarding__modal-header">
<a href="#" class="onboarding__modal-close onboarding__modal-close--arrow js-close-modal-button"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.79511 6.79265L2.86726 11.7205C2.85811 11.7296 2.84918 11.7389 2.84045 11.7483C2.82424 11.7626 2.80838 11.7775 2.79289 11.7929C2.40237 12.1835 2.40237 12.8166 2.79289 13.2072L7.79315 18.2074C8.18367 18.5979 8.81683 18.5979 9.20736 18.2074C9.59788 17.8169 9.59788 17.1837 9.20736 16.7932L5.91413 13.5L20.5003 13.5C21.0525 13.5 21.5003 13.0523 21.5003 12.5C21.5003 11.9477 21.0525 11.5 20.5003 11.5L5.91621 11.5L9.20932 8.20686C9.59985 7.81634 9.59985 7.18317 9.20932 6.79265C8.8188 6.40212 8.18563 6.40212 7.79511 6.79265Z" fill="white" />
</svg></a>
<h2 class="js-modal-header-login">Log in</h2>
<h2 class="js-modal-header-signup">Sign up</h2>
<a href="#" class="onboarding__modal-close js-close-modal-button"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.58929 26.2761C5.06859 25.7554 5.06859 24.9111 5.58929 24.3904L24.2554 5.72432C24.7761 5.20363 25.6203 5.20363 26.141 5.72432C26.6617 6.24502 26.6617 7.08924 26.141 7.60994L7.47491 26.2761C6.95421 26.7968 6.10999 26.7968 5.58929 26.2761Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.58942 5.72381C6.11012 5.20312 6.95434 5.20312 7.47504 5.72381L26.1412 24.3899C26.6619 24.9106 26.6619 25.7549 26.1412 26.2756C25.6205 26.7963 24.7762 26.7963 24.2555 26.2756L5.58942 7.60943C5.06872 7.08873 5.06872 6.24451 5.58942 5.72381Z" fill="white" />
</svg></a>
</div>
<div class="onboarding__modal-body">
<div class="onboarding__modal-content onboarding__modal-content--active onboarding__modal-content--signup js-onboarding-signup">
<div class="auth0" data-show-login="false" data-show-sign-up="true" data-config="" data-container-id="onboarding-signup" data-register-text="Submit" data-first-name-text="First name" data-last-name-text="Last name" data-newsletter-text="Yes, please send me free email newsletters from Tourism Ireland, including regular updates on holiday ideas and deals. View our Privacy Policy" data-terms-text="Yes, I’ve read the Terms and Conditions" data-auth-domain="ireland.eu.auth0.com" data-auth-client-id="eMZHnudNnURgayGHYgrsaOjbEB49HeKL" data-redirect-url="https://ti-qa-web.hugoandcat.dev/" data-destination-url="#" data-newsletter-text="Yes, please send me free email newsletters from Tourism Ireland, including regular updates on holiday ideas and deals. View our Privacy Policy" data-lang-code="" data-lang-context="">
<div id="onboarding-signup"></div>
</div>
</div>
<div class="onboarding__modal-content js-onboarding-login">
<div class="auth0" data-show-login="true" data-show-sign-up="false" data-config="" data-container-id="onboarding-login" data-register-text="" data-first-name-text="" data-last-name-text="" data-newsletter-text="" data-terms-text="" data-auth-domain="ireland.eu.auth0.com" data-auth-client-id="eMZHnudNnURgayGHYgrsaOjbEB49HeKL" data-redirect-url="https://ti-qa-web.hugoandcat.dev/" data-destination-url="#" data-newsletter-text="" data-lang-code="" data-lang-context="">
<div id="onboarding-login"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="onboarding onboarding--travel-dates " data-my-ireland-url="/myireland" data-module="onboarding">
<div class="onboarding__inner">
<div class="onboarding__wrap">
<div class="onboarding__left">
<div class="onboarding__image">
<img src="/media/onboarding/img-onboard-calendar.png" alt="Alt text">
</div>
</div>
<div class="onboarding__right">
<div class="onboarding__text">
<h2 class="onboarding__heading">When is your trip to Ireland?</h2>
<p class="onboarding__subheading">Add your trip details to get tailored tips for your stay in Ireland.</p>
<div class="onboarding__list-content">
<ul>
<li>Reccomended events during your stay</li>
<li>Helpful travel reminders and updates</li>
</ul>
</div>
</div>
</div>
</div>
<div class="onboarding__button-container">
<button class="button-p1 js-button-trip-details">Add trip details</button><br />
<button class="button-p3 button-p3--default js-traveldates-idont-know-yet-button">I don’t know yet</button>
</div>
</div>
<div class="onboarding__modal js-onboarding-modal">
<div class="onboarding__modal-inner">
<div class="onboarding__modal-container">
<div class="onboarding__modal-header">
<a href="#" class="onboarding__modal-close onboarding__modal-close--arrow js-close-modal-button"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.79511 6.79265L2.86726 11.7205C2.85811 11.7296 2.84918 11.7389 2.84045 11.7483C2.82424 11.7626 2.80838 11.7775 2.79289 11.7929C2.40237 12.1835 2.40237 12.8166 2.79289 13.2072L7.79315 18.2074C8.18367 18.5979 8.81683 18.5979 9.20736 18.2074C9.59788 17.8169 9.59788 17.1837 9.20736 16.7932L5.91413 13.5L20.5003 13.5C21.0525 13.5 21.5003 13.0523 21.5003 12.5C21.5003 11.9477 21.0525 11.5 20.5003 11.5L5.91621 11.5L9.20932 8.20686C9.59985 7.81634 9.59985 7.18317 9.20932 6.79265C8.8188 6.40212 8.18563 6.40212 7.79511 6.79265Z" fill="white" />
</svg></a>
<h2>Add trip details</h2>
<a href="#" class="onboarding__modal-close js-close-modal-button"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.58929 26.2761C5.06859 25.7554 5.06859 24.9111 5.58929 24.3904L24.2554 5.72432C24.7761 5.20363 25.6203 5.20363 26.141 5.72432C26.6617 6.24502 26.6617 7.08924 26.141 7.60994L7.47491 26.2761C6.95421 26.7968 6.10999 26.7968 5.58929 26.2761Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.58942 5.72381C6.11012 5.20312 6.95434 5.20312 7.47504 5.72381L26.1412 24.3899C26.6619 24.9106 26.6619 25.7549 26.1412 26.2756C25.6205 26.7963 24.7762 26.7963 24.2555 26.2756L5.58942 7.60943C5.06872 7.08873 5.06872 6.24451 5.58942 5.72381Z" fill="white" />
</svg></a>
</div>
<div class="onboarding__modal-body">
<div class="onboarding__travel-form">
<div class="onboarding__travel-input-wrapper">
<div class="onboarding__travel-row">
<label for="arrivalDate" class="onboarding__travel-label">Arrival date</label>
<input type="date" id="arrivalDate" class="travel-times__input-date js-travel-input js-travel-arrival">
</div>
<div class="onboarding__travel-row">
<label for="departureDate" class="onboarding__travel-label">Departure date</label>
<input type="date" id="departureDate" class="travel-times__input-date js-travel-input js-travel-departure">
</div>
</div>
<div class="onboarding__travel-row">
<button class="button-p1 js-travel-submit disabled">Done</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="onboarding onboarding--location-permission " data-my-ireland-url="/myireland" data-module="onboarding">
<div class="onboarding__inner">
<div class="onboarding__wrap">
<div class="onboarding__left">
<div class="onboarding__image">
<img src="/media/onboarding/img-onboard-favorite-places.png" alt="Alt text">
</div>
</div>
<div class="onboarding__right">
<div class="onboarding__text">
<h2 class="onboarding__heading">Get local tips</h2>
<p class="onboarding__subheading">Enable location access to get travel tips for your location while in Ireland.</p>
<div class="onboarding__list-content">
<ul>
<li>View offers and deals nearby you</li>
<li>Get travel tips based on your location</li>
<li>Local weather warnings</li>
</ul>
</div>
</div>
</div>
</div>
<div class="onboarding__button-container">
<button class="button-p1 js-enable-location-access">Enable location access</button><br />
<button class="button-p3 button-p3--default js-location-skip-for-now-button">Skip for now</button>
</div>
</div>
<div class="location-access-modal js-onboarding-enable-loc-access">
<div class="location-access-modal__inner">
<div class="location-access-modal__header">
<a href="#" class="location-access-modal__close-icon js-close-modal-button"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.19148 19.7071C3.80096 19.3166 3.80096 18.6834 4.19148 18.2929L18.1911 4.29331C18.5816 3.90278 19.2148 3.90278 19.6053 4.29331C19.9958 4.68383 19.9958 5.317 19.6053 5.70752L5.6057 19.7071C5.21517 20.0976 4.58201 20.0976 4.19148 19.7071Z" fill="#111317" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.19133 4.29304C4.58186 3.90252 5.21502 3.90252 5.60554 4.29304L19.6051 18.2926C19.9957 18.6832 19.9957 19.3163 19.6051 19.7068C19.2146 20.0974 18.5814 20.0974 18.1909 19.7068L4.19133 5.70726C3.80081 5.31673 3.80081 4.68357 4.19133 4.29304Z" fill="#111317" />
</svg></a>
<svg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M27.4579 19.5397V26.0239L22.5345 29.1647V16.9392C22.3063 16.6353 22.0455 16.2976 21.8172 15.9598C21.6542 15.7234 21.4586 15.4533 21.2955 15.2169V28.8945L16.4048 25.2471V8.63133L18.8502 10.455C18.4915 9.44185 18.2633 8.39492 18.2633 7.34799C18.2633 7.17913 18.2633 7.04404 18.2959 6.87519L15.1984 4.54492L8.38396 9.64448L0.460938 4.57869V27.4761L8.38396 32.5419L15.1984 27.4423L21.9802 32.5419L29.9033 27.4423V16.5677C29.186 17.5471 28.5012 18.3576 27.947 18.9993C27.7839 19.2019 27.6209 19.3708 27.4579 19.5397ZM7.82967 29.1984L2.90631 26.0576V9.17168L7.82967 12.2787V29.1984ZM13.9594 25.2471L9.03606 28.8945V12.2787L13.9594 8.59755V25.2471Z' fill='#5FBD00' />
<path d='M26.0872 0.458496C22.4681 0.458496 19.6641 3.80192 19.6641 7.71946C19.6641 8.96902 20.0553 10.2524 20.6096 11.4681C21.1639 12.6502 21.8812 13.8322 22.5985 14.8116C23.3158 15.8247 24.0331 16.669 24.5548 17.2769C24.8157 17.5809 25.0439 17.8173 25.2069 17.9861L25.4678 18.2563C25.6634 18.4252 25.8916 18.5265 26.1199 18.5265C26.3481 18.5265 26.5763 18.4252 26.772 18.2563L27.0328 17.9861C27.1958 17.8173 27.4241 17.5809 27.6849 17.2769C28.2066 16.669 28.9239 15.7909 29.6412 14.8116C30.3585 13.7984 31.0758 12.6502 31.6301 11.4681C32.1844 10.2861 32.5756 9.00279 32.5756 7.71946C32.543 3.80192 29.739 0.458496 26.0872 0.458496ZM26.0872 8.8677C25.2395 8.8677 24.5548 8.15849 24.5548 7.28042C24.5548 6.40235 25.2395 5.69314 26.0872 5.69314C26.935 5.69314 27.6197 6.40235 27.6197 7.28042C27.6197 8.15849 26.935 8.8677 26.0872 8.8677Z' fill='#5FBD00' />
</svg>
<h3 class="general-content">Enable location access</h3>
<h3 class="ios-content">Location access on iOS</h3>
</div>
<div class="location-access-modal__content location-access-modal__content--general-content">
<div class="location-access-modal__list">
<ul>
<li><span>1</span>Open the website settings for this website in your browser</li>
<li><span>2</span>Select Location settings</li>
<li><span>3</span>Choose “Allow”</li>
</ul>
</div>
</div>
<div class="location-access-modal__content location-access-modal__content--ios-content">
<div class="location-access-modal__list">
<ul>
<li><span>1</span>Open the My Ireland website</li>
<li class="list-image">
<img src="/media/location-settings/location-ios-step-1.png" alt="Alt Text">
</li>
<li><span>2</span>Select the Icon below</li>
<li class="list-image">
<img src="/media/location-settings/location-ios-step-2.png" alt="Alt Text">
</li>
<li><span>3</span>Select “Website Settings”</li>
<li class="list-image">
<img src="/media/location-settings/location-ios-step-3.png" alt="Alt Text">
</li>
<li><span>4</span>Change “Location” to “Allow”</li>
<li class="list-image">
<img src="/media/location-settings/location-ios-step-4.png" alt="Alt Text">
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="onboarding onboarding--notification-permission " data-my-ireland-url="/myireland" data-module="onboarding">
<div class="onboarding__inner">
<div class="onboarding__wrap">
<div class="onboarding__left">
<div class="onboarding__image">
<img src="/media/onboarding/img-onboard-local-tips.png" alt="Alt text">
</div>
</div>
<div class="onboarding__right">
<div class="onboarding__text">
<h2 class="onboarding__heading">Stay in the loop</h2>
<p class="onboarding__subheading">Enable Notifications and get useful travel updates during your trip!</p>
</div>
</div>
</div>
<div class="onboarding__button-container">
<button class="button-p1 js-enable-notification-access">Enable notifications</button><br />
<button class="button-p3 button-p3--default js-notification-skip-for-now-button">Skip for now</button>
</div>
</div>
</div>
</div>
<div class="onboarding-page js-onboarding-page" data-user-profile-endpoint={{userProfileEndpoint}}>
{{> @cp-onboarding-slide onboardingWelcome }}
{{> @cp-onboarding-slide onboardingLoginSignup }}
{{> @cp-onboarding-slide onboardingTravelDates }}
{{> @cp-onboarding-slide onboardingLocationPermission }}
{{> @cp-onboarding-slide onboardingNotificationPermission }}
</div>
{
"userProfileEndpoint": "/data/user-profile.json",
"onboardingWelcome": {
"webAppMode": true,
"myIrelandUrl": "/myireland",
"type": "welcome",
"image": {
"src": "/media/onboarding/img-onboard-ireland-guide.png",
"altText": "Alt text"
},
"heading": "Your portable Ireland guide!",
"subHeading": "Get personalised travel tips and discover the best that Ireland has to offer!",
"description": "<strong>Install this app on a different device</strong><br />Just open the link below with the device you’ll be travelling to Ireland with:",
"welcomeCta": {
"text": "Copy link to clipboard",
"url": "#",
"target": "_blank"
},
"continueButtonText": "Continue"
},
"onboardingLoginSignup": {
"webAppMode": true,
"myIrelandUrl": "/myireland",
"type": "loginSignup",
"image": {
"src": "/media/onboarding/img-onboard-login-signup.png",
"altText": "Alt text"
},
"heading": "All favourites in one place",
"subHeading": "Save travel inspiration, share it with friends, and access it across devices.",
"loginButtonText": "Login",
"signupButtonText": "Sign Up",
"skipForNowButtonText": "Skip for now",
"modalContent": {
"headingLogin": "Log in",
"headingSignUp": "Sign up",
"registerText": "Submit",
"firstNameText": "First name",
"lastNameText": "Last name",
"loginText": "Log in",
"langCode": "fr",
"newsletterText": "Yes, please send me free email newsletters from Tourism Ireland, including regular updates on holiday ideas and deals. View our Privacy Policy",
"termsText": "Yes, I’ve read the Terms and Conditions",
"authDomain": "ireland.eu.auth0.com",
"authClientId": "eMZHnudNnURgayGHYgrsaOjbEB49HeKL",
"redirectUrl": "https://ti-qa-web.hugoandcat.dev/",
"destinationUrl": "#"
}
},
"onboardingTravelDates": {
"webAppMode": true,
"myIrelandUrl": "/myireland",
"type": "travelDates",
"image": {
"src": "/media/onboarding/img-onboard-calendar.png",
"altText": "Alt text"
},
"heading": "When is your trip to Ireland?",
"subHeading": "Add your trip details to get tailored tips for your stay in Ireland.",
"listContent": "<ul><li>Reccomended events during your stay</li><li>Helpful travel reminders and updates</li></ul>",
"addTripButtonText": "Add trip details",
"iDontKnowYetButton": "I don’t know yet",
"modalContent": {
"heading": "Add trip details",
"arrivalDateLabel": "Arrival date",
"departureDateLabel": "Departure date",
"submitButtonText": "Done"
}
},
"onboardingLocationPermission": {
"webAppMode": true,
"myIrelandUrl": "/myireland",
"type": "locationPermission",
"image": {
"src": "/media/onboarding/img-onboard-favorite-places.png",
"altText": "Alt text"
},
"heading": "Get local tips",
"subHeading": "Enable location access to get travel tips for your location while in Ireland.",
"listContent": "<ul><li>View offers and deals nearby you</li><li>Get travel tips based on your location</li><li>Local weather warnings</li></ul>",
"enableLocationAccessButton": "Enable location access",
"skipForNowButtonText": "Skip for now",
"modalMapIcon": "<svg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M27.4579 19.5397V26.0239L22.5345 29.1647V16.9392C22.3063 16.6353 22.0455 16.2976 21.8172 15.9598C21.6542 15.7234 21.4586 15.4533 21.2955 15.2169V28.8945L16.4048 25.2471V8.63133L18.8502 10.455C18.4915 9.44185 18.2633 8.39492 18.2633 7.34799C18.2633 7.17913 18.2633 7.04404 18.2959 6.87519L15.1984 4.54492L8.38396 9.64448L0.460938 4.57869V27.4761L8.38396 32.5419L15.1984 27.4423L21.9802 32.5419L29.9033 27.4423V16.5677C29.186 17.5471 28.5012 18.3576 27.947 18.9993C27.7839 19.2019 27.6209 19.3708 27.4579 19.5397ZM7.82967 29.1984L2.90631 26.0576V9.17168L7.82967 12.2787V29.1984ZM13.9594 25.2471L9.03606 28.8945V12.2787L13.9594 8.59755V25.2471Z' fill='#5FBD00'/><path d='M26.0872 0.458496C22.4681 0.458496 19.6641 3.80192 19.6641 7.71946C19.6641 8.96902 20.0553 10.2524 20.6096 11.4681C21.1639 12.6502 21.8812 13.8322 22.5985 14.8116C23.3158 15.8247 24.0331 16.669 24.5548 17.2769C24.8157 17.5809 25.0439 17.8173 25.2069 17.9861L25.4678 18.2563C25.6634 18.4252 25.8916 18.5265 26.1199 18.5265C26.3481 18.5265 26.5763 18.4252 26.772 18.2563L27.0328 17.9861C27.1958 17.8173 27.4241 17.5809 27.6849 17.2769C28.2066 16.669 28.9239 15.7909 29.6412 14.8116C30.3585 13.7984 31.0758 12.6502 31.6301 11.4681C32.1844 10.2861 32.5756 9.00279 32.5756 7.71946C32.543 3.80192 29.739 0.458496 26.0872 0.458496ZM26.0872 8.8677C25.2395 8.8677 24.5548 8.15849 24.5548 7.28042C24.5548 6.40235 25.2395 5.69314 26.0872 5.69314C26.935 5.69314 27.6197 6.40235 27.6197 7.28042C27.6197 8.15849 26.935 8.8677 26.0872 8.8677Z' fill='#5FBD00'/></svg>",
"defaultLocationAccessModal": {
"heading": "Enable location access",
"step1": "<span>1</span>Open the website settings for this website in your browser",
"step2": "<span>2</span>Select Location settings",
"step3": "<span>3</span>Choose “Allow”"
},
"iosLocationAccessModal": {
"heading": "Location access on iOS",
"step1": "<span>1</span>Open the My Ireland website",
"step1Image": {
"src": "/media/location-settings/location-ios-step-1.png",
"altText": "Alt Text"
},
"step2": "<span>2</span>Select the Icon below",
"step2Image": {
"src": "/media/location-settings/location-ios-step-2.png",
"altText": "Alt Text"
},
"step3": "<span>3</span>Select “Website Settings”",
"step3Image": {
"src": "/media/location-settings/location-ios-step-3.png",
"altText": "Alt Text"
},
"step4": "<span>4</span>Change “Location” to “Allow”",
"step4Image": {
"src": "/media/location-settings/location-ios-step-4.png",
"altText": "Alt Text"
}
}
},
"onboardingNotificationPermission": {
"webAppMode": true,
"myIrelandUrl": "/myireland",
"type": "notificationPermission",
"image": {
"src": "/media/onboarding/img-onboard-local-tips.png",
"altText": "Alt text"
},
"heading": "Stay in the loop",
"subHeading": "Enable Notifications and get useful travel updates during your trip!",
"enableNotificationButton": "Enable notifications",
"skipForNowButtonText": "Skip for now"
}
}
There are no notes for this item.