\r\n {data.data.map((child, child_index) => {\r\n return (\r\n
\r\n )\r\n }\r\n if (data.type === 'HomeInformational') {\r\n return (\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Home chevron_right
\r\n{child.title}
\r\n\r\n {child.caption && *{child.caption}}\r\n
\r\n \r\n {data.data.map((child, child_index) => {\r\n return (\r\n
\r\n )\r\n }\r\n if (data.type === 'Card') {\r\n return (\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n {child.caption && \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {child.title}
\r\n \r\n Find out more\r\n![\"\"](\"images/double_down.png\")
\r\n \r\n *{child.caption}\r\n
}\r\n \r\n
\r\n )\r\n }\r\n if (data.type === 'Informational-image') {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {data.title}
\r\n\r\n {data.data.map((child, child_index) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n {child.title}
\r\n\r\n Click here to view more\r\n
\r\n \r\n {data.data.map((child, child_index) => {\r\n return (\r\n
\r\n )\r\n }\r\n if (data.type === 'Informational-video') {\r\n return (\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n {(data.position === 1 || data.position === 2) &&
\r\n \r\n
}\r\n {(data.position === 3 || data.position === 4) && \r\n {child.title &&
\r\n {child.title}
}\r\n {child.description && }\r\n {child.link && Learn more}\r\n\r\n \r\n \r\n \r\n {child.caption && *{child.caption}}\r\n \r\n \r\n
\r\n \r\n
}\r\n \r\n {child.title &&
\r\n {child.title}
}\r\n {child.description && }\r\n {child.link && Learn more}\r\n\r\n \r\n \r\n \r\n {child.caption && *{child.caption}}\r\n \r\n \r\n
\r\n \r\n {data.data.map((child, child_index) => {\r\n return (\r\n
\r\n )\r\n }\r\n if (data.type === 'CTABanner') {\r\n return (\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n {(data.position === 1 || data.position === 2) &&
\r\n \r\n this.setVideoShow(null)} size=\"lg\" centered className=\"p-0\">\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
}\r\n {(data.position === 3 || data.position === 4) && \r\n {child.title &&
\r\n {child.title}
}\r\n {child.description && }\r\n\r\n
\r\n this.setVideoShow(index + child_index)}>\r\n
\r\n \r\n \r\n \r\n \r\n {child.caption && *{child.caption}}\r\n \r\n \r\n
\r\n \r\n ![\"\"](\"images/Experiences/Icon)
\r\n
\r\n {/* \r\n ![\"\"](\"images/NationalOutdoor/Mask)
\r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
}\r\n \r\n {child.title &&
\r\n {child.title}
}\r\n {child.description && }\r\n\r\n
\r\n this.setVideoShow(index + child_index)}>\r\n
\r\n \r\n \r\n \r\n \r\n {child.caption && *{child.caption}}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {/* \r\n \r\n
*/}\r\n \r\n {data.data.map((child, child_index) => {\r\n return (\r\n
\r\n )\r\n }\r\n if (data.type === 'Quote') {\r\n return (\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n {/* \r\n
\r\n \r\n
\r\n \r\n {child.title &&
\r\n {child.title}
}\r\n\r\n \r\n \r\n \r\n
\r\n {child.description && }\r\n {child.link && Find out more}\r\n \r\n ![\"\"](\"images/homepage/sectionpattern.svg\")
\r\n
*/}\r\n \r\n \r\n {data.data.map((child, child_index) => {\r\n return (\r\n
\r\n )\r\n }\r\n if (data.type === 'Stepper') {\r\n return (\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"images/Activities/Group)
\r\n \r\n \r\n
\r\n \r\n -{child.caption}\r\n
\r\n\r\n \r\n
\r\n )\r\n }\r\n if (data.type === 'Carousel1') {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {data.title}
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {data.data.map((child, child_index) => {\r\n return (\r\n
- this.goToStep(child_index, data.id)}>{child_index + 1} \r\n )\r\n })\r\n }\r\n
\r\n \r\n this.goToStep(next, data.id),\r\n responsive: [\r\n {\r\n breakpoint: 1024,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n }\r\n },\r\n {\r\n breakpoint: 600,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n }\r\n },\r\n {\r\n breakpoint: 480,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n }\r\n }\r\n ]\r\n }} className=\"slider\" ref={el => this[`${data.id}`] = el}>\r\n {data.data.map((child, child_index) => {\r\n return (\r\n \r\n
\r\n \r\n {child.posts && child.posts.length <= 0 &&
\r\n )\r\n })\r\n }\r\n \r\n
}\r\n {child.posts && child.posts.length > 0 && \r\n {child.imageWeb &&
\r\n \r\n \r\n
}\r\n \r\n
\r\n Step {child_index + 1}
\r\n \r\n {child.link && picture_as_pdf {child.caption}}\r\n\r\n
}\r\n \r\n
\r\n \r\n {child.posts && child.posts.length > 0 &&
\r\n {child.title}
}\r\n \r\n {child.link && picture_as_pdf {child.caption}}\r\n\r\n {child.posts && child.posts.map((posts, posts_index) => {\r\n return (\r\n
\r\n \r\n {posts.postData && posts.postData.map((post, post_index) => {\r\n return (\r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n\r\n )\r\n })\r\n }\r\n \r\n {post.imageWeb && 
}\r\n
\r\n \r\n
\r\n \r\n {post.title &&
\r\n {post.title}
}\r\n {post.description && }\r\n\r\n\r\n {post.link && {post.button}launch}\r\n
\r\n \r\n
\r\n )\r\n }\r\n if (data.type === 'Carousel2') {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {data.title}
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {data.data.map((child, child_index) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n {child.title}
\r\n \r\n\r\n
\r\n )\r\n }\r\n if (data.type === 'Carousel3') {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {data.title}
\r\n \r\n\r\n \r\n {data.data.map((child, child_index) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n if (data.type === 'Testimonials') {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {data.title}
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.selectPage(index),\r\n responsive: [\r\n {\r\n breakpoint: 769,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n dots: true,\r\n infinite: true,\r\n vertical: false,\r\n verticalSwiping: false,\r\n swipeToSlide: true,\r\n adaptiveHeight: false,\r\n dotsClass: \"slick-dots\",\r\n }\r\n },\r\n {\r\n breakpoint: 480,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n dots: true,\r\n infinite: true,\r\n vertical: false,\r\n verticalSwiping: false,\r\n swipeToSlide: true,\r\n adaptiveHeight: false,\r\n dotsClass: \"slick-dots\",\r\n }\r\n }\r\n ]\r\n }} ref={this.verticalSliderRef}>\r\n {data.data.map((child, child_index) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n *{child.caption}\r\n
\r\n \r\n
\r\n \r\n
\r\n {child.title}
\r\n \r\n\r\n
\r\n \r\n ![\"arrow\"](\"images/Experiences/arrows.svg\")
prevSlide(slide_num - 1)} /> */}\r\n {/* nextSlide(slide_num + 1)} /> */}\r\n
\r\n \r\n\r\n
\r\n {/* - \r\n {data.data.map((child, child_index) => {\r\n return (\r\n \r\n )\r\n })\r\n }\r\n
prevSlide(slide_num - 1)} /> */}\r\n {/* nextSlide(slide_num + 1)} /> */}\r\n this.prevSlide(this.state.slide)}>expand_less
\r\n this.nextSlide(this.state.slide)}>expand_more
\r\n \r\n
\r\n )\r\n }\r\n if (data.type === 'Map') {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {data.title}
\r\n \r\n\r\n
\r\n \r\n \r\n {data.data.map((child, child_index) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n )\r\n\r\n })\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"images/homepage/doubleQuote.png\")
\r\n
\r\n \r\n \r\n \r\n ![\"\"](\"images/homepage/doubleQuoteLeft.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {child.caption}
\r\n\r\n
\r\n )\r\n }\r\n if (data.type === 'Note') {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {data.title}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"images/Experiences/Singapore)
\r\n
\r\n {data.map && data.map.coordinates.map((child, child_index) => {\r\n return (\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {child.title}
\r\n \r\n\r\n {data.data.map((child, child_index) => {\r\n return (\r\n
\r\n )\r\n }\r\n if (data.type === 'FreeText') {\r\n return (\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {child.title}
\r\n {data.data.map((child, child_index) => {\r\n if(child.description.includes('#obs-link#')){\r\n child.description = child.description.replace(\"#obs-link#\", constant.obsLink).replace(\"#obs-image#\", constant.obsImage);\r\n }\r\n return (\r\n
\r\n )\r\n }\r\n })\r\n }\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n ![\"\"](\"images/homepage/Btn_FB.svg\")
![\"\"](\"images/homepage/Btn_Insta.svg\")
![\"\"](\"images/homepage/Btn_Youtube.svg\")
![](\"images/footer_logo2.png\"){kind=logo}