1<!doctype html> 2<html dir="ltr" lang="en" data-lang="" data-template="rooms-grid" data-template-source="tc-theme"> 3<head>
4<script> 5 var galaxyInfo = { 6 website_id: 7995, 7 tvs: 1, 8 cms_id: 249865, 9 iso: "en_US", 10 local: "en", 11 traduction_id: 1, 12 env: "prod", 13 domain_unique_id: "25efe257d4ca7605d94e5ad60db55018", 14 proxy_url: "https://tc.galaxy.tf", 15 proxy_key: "e6d25573155ff806337b0dbf6f15040b", 16 proxy_url_lead: "https://tc.galaxy.tf/leads?key=e6d25573155ff806337b0dbf6f15040b&glx-website-id=7995&glx-trad-id=1", 17 proxy_user_pool_id: "", 18 item_previous:"", 19 item_current:"", 20 item_next_item:"", 21 item_count:"0", 22 auto_visibility_start: "", 23 auto_visibility_end: "", 24 visibility_redirect_url: "", 25 locales_theme:"/json/locale/7995/1/1", 26 live_website: true, 27 backstage: "https://www.travelclick-websolutions.com" 28 } 29 </script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript" src="https://app.secureprivacy.ai/script/64be072f614d11b524f2c19a.js"></script>
vendor: 1 bytes, line 30
30
31<script> 32 window.addEventListener("sp_init", function (evt) { 33 window.sp.switchLanguage('en'); 34 }, false); 35</script>
vendor: 1 bytes, line 35
35
36<script>var galaxyGMS=function(){var e;return{isUserLoggedIn:function(){try{var r=sessionStorage.getItem("gms_profil_data")||localStorage.getItem("gms_profil_data");return!!(r&&(e=JSON.parse(r))&&e.firstName&&e.timestamp&&45>(+new Date-e.timestamp)/1e3/60)}catch(e){return!1}},userTierKey:function(){if(this.isUserLoggedIn()){var r=e.levelName;if("string"==typeof r)return r.toLowerCase().replace(/ /g,"_")}return!1}}}();</script>
36 37 38<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 39<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i&display=swap&subset=latin,latin-ext"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i&display=swap&subset=latin,latin-ext" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i&display=swap&subset=latin,latin-ext"/></noscript> 40<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 41<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=1"> 42<link rel="stylesheet" href="/css/custom/7995/1/main/bd4857de61802f6ecb0d8129f5c6d776/main.css" data-theme-name="th1">
43<script> 44// Picture element HTML5 shiv 45document.createElement( "picture" ); 46</script>
vendor: 1 bytes, line 46
46
47<script>var BIDnumber = '4859';</script>
47 48 49 50 51 52<style> 53 :root { 54 --btn-animation-type: Instant; 55 56 --hero-animation-type: ; 57 --hero-animation-start: No animation; 58 --hero-animation-text: No Animation; 59 --hero-animation-slider: Fade out image; 60 --hero-animation-slider-delay: 6000ms; 61 --hero-animation-pages: Homepage; 62 63 --on-scroll-animation: ; 64 --on-scroll-animation-pages: Homepage; 65 66 --member-rate-enabled: ; 67 --member-rate-custom-logo: ; 68 } 69</style> 70<style> 71/* While loading */ 72glx-tc-lead-rate:not([data-state="ready"]) { 73 opacity: 0.5; 74 cursor: wait; 75} 76/* avoid content jumping after loading in case there is no fallback */ 77glx-tc-lead-rate-member-value, 78glx-tc-lead-rate-value { 79 &:empty::before { 80 content: '\00a0'; /* equivalent to force taking space */ 81 } 82} 83/* If there is no rate or fallback, we hide the rate */ 84glx-tc-lead-rate[data-empty="true"] { 85 display: none!important; 86} 87</style> 88 89 90<!-- webcomponents for rates from proxy -->
91<script type="module" src="/integration-tools/rate-components/public/rates-proxy.js?v1.4.0" ></script>
91 92 93 94<link type="image/x-icon" href="https://image-tc.galaxy.tf/wipng-6cdkrkkn92aajiegsu0i974kx/favicon.png" rel="shortcut icon"/> 95<style>.m-content-object {margin-top: 10px;}.gallery-filters, .tab-filters{font-size:14px;} 96.tab-filters .btn-link.active, .gallery-filters .btn-link.active {color: #828282;background: #F6F5F1;} 97#footer-content {font-size: 13px; background-image: url(https://document-tc.galaxy.tf/wdsvg-4c63thaw6mbu1facgx3rgvhei/home_cms-document.svg); background-repeat: no-repeat; background-size: cover;} 98 99 100@media (min-width: 320px) and (max-width: 480px) { 101 .m-plain-text--stripe { 102 padding: 0 20px; 103} 104 105</style> 106 107
107<script src='https://www.thehotelsnetwork.com/js/loader.js?property_id=1015992&account_key=1ef1350cd22460a57f32521c6821cc61' async></script>
107 108<title>Room Accommodation in Langkawi | Pelangi Beach Resort</title> 109<meta name="description" content="Pelangi Beach Resort offers traditional Malaysian-inspired Langkawi accommodation with modern amenities & views of Cenang. Stay in our 5-star hotel now!" /> 110<meta name="keywords" content="" /> 111<meta property="og:site_name" content="Pelangi Beach Resort & Spa, Langkawi" /> 112<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 113<meta name="robots" content="index, follow" /> 114<meta name="google-site-verification" content="9RR8-ZWKW6szaR1fBD0kIbHsHKl0i0pvk3mxe2RCisM" /> 115<link rel="canonical" href="https://www.pelangiresort.com/rooms" /> 116<link rel="alternate" href="https://www.pelangiresort.com/rooms" hreflang="en" /> 117<link rel="alternate" href="https://www.pelangiresort.com/zh/rooms" hreflang="zh-Hans" /> 118<meta property="og:locale" content="en_US" /> 119<meta property="og:locale:alternate" content="zh_CH" /> 120<meta property="og:type" content="website" /> 121<meta property="og:url" content="https://www.pelangiresort.com/rooms" /> 122<meta property="og:title" content="Room Accommodation in Langkawi | Pelangi Beach Resort" /> 123<meta property="og:description" content="Pelangi Beach Resort offers traditional Malaysian-inspired Langkawi accommodation with modern amenities & views of Cenang. Stay in our 5-star hotel now!" /> 124<meta name="msvalidate.01" content="FC8DDDBA14DDD21A3DE6171B9064C163" />
125<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.pelangiresort.com\/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.pelangiresort.com\/rooms","name":"Rooms"}}]}</script>
vendor: 1 bytes, line 125
125
126<script>var websiteID = 7995;</script>
vendor: 1 bytes, line 126
126
127<script>var cms = 249865</script>
vendor: 1 bytes, line 127
127
128<script>var ts_roll_up_tracking = 'enabled';</script>
vendor: 1 bytes, line 128
128
129<script> var ts_analytics = {"booking_engine_hotel_id":"61664","hotel_bid":4859,"master_brand_bid":"","brand_bid":"","master_brand_chain_id":""}</script>
vendor: 1 bytes, line 129
129
130<script> 131window.dataLayer = window.dataLayer || []; 132var dl = {"pageLanguage":"en","tvs":"tvs_yes","websiteLanguage":"en","pageSection":"not_applicable","pageSubSection":"not_applicable","contentGroup":"not_applicable","globalProduct":"web","event":"datalayer-first-render","productPurchased":"essentials","propertyWebsiteLanguages":2,"webHostname":"pelangiresort.com","parentHostname":"not_applicable"}; 133 dl.loggedIn = galaxyGMS.isUserLoggedIn() ? "yes" : "no"; 134 dl.memberTier = galaxyGMS.userTierKey() ? galaxyGMS.userTierKey() : "null"; 135window.dataLayer.push(dl); 136</script>
vendor: 1 bytes, line 136
136
137<script>
vendor: 335 bytes, lines 137-141
137(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 138 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 139 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 140 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 141 })(window,document,'script','dataLayer','
141GTM-TL2MM4B
vendor: 6 bytes, lines 141-142
141'); 142
142</script>
142 143 144<style> 145/* For WYSIWYG content, CSS class are added to figure/images instead of relying only on inline style attribute. These images have the class "glx-cke5-image" added so we can target them safely. */ 146figure.image_resized.glx-cke5-image[style*="width"] img { 147 width: 100%; 148 height: auto; 149} 150</style>
151<script>
vendor: 348 bytes, lines 151-156
151 152 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 153 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 154 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 155 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 156 })(window,document,'script','dataLayer','
156GTM-NH52GJM
vendor: 8 bytes, lines 156-157
156'); 157
157</script>
vendor: 1 bytes, line 157
157
158<script>_dynamic_base = "https://dynamic.travelclick-websolutions.com"</script>
158 159 160 161 <link rel="preload" as="image" href="https://image-tc.galaxy.tf/wijpeg-2cmygddhri5hzu1ro527k86dn/pool-terrace-3.jpg?width=1920" fetchpriority="high"/> 162 163 <link rel="preload" as="image" href="https://image-tc.galaxy.tf/wijpeg-2cmygddhri5hzu1ro527k86dn/pool-terrace-3.jpg?width=800" fetchpriority="high"/> 164 165 166 <link rel="preload" as="image" href="https://image-tc.galaxy.tf/wijpeg-2cmygddhri5hzu1ro527k86dn/pool-terrace-3.jpg?height=700" fetchpriority="high"/> 167 168 169</head> 170<body class="g_rooms-grid no-js sticky-footer header1 171 has-secondary-navigation " 172 173 data-g-recaptcha-site-key="6LdOuDUtAAAAAKObZdAzCL2geMxmIirJUKFJikWc" 174>
175<script>document.body.classList.remove("no-js");document.body.classList.add('js-loading');</script>
175 176<div id="m-header1-skeleton" class="header1-skeleton" aria-hidden="true"></div>
177<script> 178 var websiteGlobalVariables = { 179 'rates': { 180 'hideOldPrices': false 181 } 182 }; 183 184 // Set the CSS custom property dynamically 185 document.documentElement.setAttribute( 186 'data-hide-old-prices', 187 websiteGlobalVariables.rates.hideOldPrices 188); 189</script>
189 190<a href="#header-content" class="skip-main">Skip to navigation</a> 191 192<a href="#site-content" class="skip-main">Skip to main content</a> 193 194<a href="#footer-content" class="skip-main">Skip to footer</a> 195 196<img id="tc-theme-svg-list" src="/integration/tc-theme/public/svg/svg-icons.svg" alt="Website's SVG icons" width="0" height="0"/> 197 198 <style> 199 .id-a955a6924ce23630a4cddb56a9c6c3e2 .dialog-close, .id-a955a6924ce23630a4cddb56a9c6c3e2.m-popup { 200 color: #000000; 201 } 202 </style> 203 204 205 206 207 208 209 210 211
211<script type="text/template" id="extension-zone-cs-container"></script>
vendor: 2 bytes, line 211
211
212<script> 213 if(!window.hotelModule) { 214 window.hotelModule = []; 215 } 216 window.hotelModule['id-b7a7f7849bee566125f0381cb1c341c5'] = { 217 url: '/json/search/1/1/hotels-dropdown-data.json' 218 } 219 window.headerMenu = {navItems: [{"url":"\/","name":"Home","current":"","target":""},{"url":"\/","current":"current","name":"Stay","target":"","subpages":[{"url":"\/rooms","current":"current","name":"Rooms","target":""},{"url":"\/suites","current":"","name":"Suites","target":""}]},{"url":"\/dining","current":"","name":"Dining","target":""},{"url":"\/special-offers","current":"","name":"Offers","target":"","subpages":[{"url":"\/special-offers\/room-offers","current":"","name":"Room Offers","target":""},{"url":"\/special-offers\/dining-offers","current":"","name":"Dining Offers ","target":""},{"url":"\/special-offers\/spa-offers","current":"","name":"Spa Offers","target":""}]},{"url":"\/festive-2026","current":"","name":"Festive 2026","target":""},{"url":"\/langkawi-meetings-events","current":"","name":"Events","target":""},{"url":"\/langkawi-weddings","current":"","name":"Destination Wedding","target":""},{"url":"\/wellness-experience","current":"","name":"Wellness","target":""},{"url":"\/sustainability","current":"","name":"Sustainability","target":""},{"url":"\/recreation","current":"","name":"Recreation","target":""},{"url":"\/gallery","current":"","name":"Gallery","target":""},{"url":"\/langkawi-attractions","current":"","name":"Langkawi Attractions","target":""},{"url":"\/contact-location","current":"","name":"Contact & Location","target":""}]} 220 window.headerConfigs = { 221 headerId: 'id-b7a7f7849bee566125f0381cb1c341c5', 222 hrefLanguage: 'en', 223 showSecondaryNavigation: true, 224 showLevelThreeNavigation: true, 225 secondaryNav: [ 226 { 227 linkUrl:'/special-offers', 228 linText: 'Book direct for exclusive benefits', 229 linkTarget: false 230 }, 231], 232 logo: { 233 link: '/', 234 linkTarget: false, 235 title: 'Back to the homepage', 236 hasBackground: false, 237 background: '', 238 hasScrollLogo: true, 239 scrollLogo: 'https://image-tc.galaxy.tf/wipng-r4qqvb6wvf8m1wpnw0neeuvu/logo-pelangi-black.png?width=500', 240 scrollLogoAlt: 'Official logo of Pelangi Beach Resort & Spa, Langkawi', 241 hasMobileLogo: true, 242 mobileLogo: 'https://image-tc.galaxy.tf/wipng-r4qqvb6wvf8m1wpnw0neeuvu/logo-pelangi-black.png?width=250', 243 mobileLogoAlt: 'Official logo of Pelangi Beach Resort & Spa, Langkawi', 244 logo:'https://image-tc.galaxy.tf/wipng-5ijpe061g2sd0g4tgtl0od317/logo-pelangi.png?width=500', 245 logoAlt: 'Official white logo of Pelangi Beach Resort & Spa, Langkawi', 246 additionalLanguagesLogosSettings: { 247 isEnabled: false, 248 hasLogo: false, 249 logo: '', 250 logoAlt: '', 251 hasScrollLogo: true, 252 scrollLogo: '', 253 scrollLogoAlt: '', 254 hasMobileLogo: false, 255 mobileLogo: '', 256 mobileLogoAlt: '', 257 hasBackground: false, 258 background: '', 259 }, 260 }, 261 showLanguageSwitcher: false, 262 languageSwitcher: { 263 264 languageCount: '2', 265 currentLanguage: 'English', 266 currentLanguageShort: 'en', 267 languages: [ 268 { 269 url: '/zh/rooms ', 270 local: 'zh', 271 full: '䏿 ï¼ç®ä½ï¼', 272 short: 'zh', 273 }, 274 ] 275 276}, 277 showCurrencySwitcher: true, 278 hasPhoneNumber: false, 279 phoneNumber: '', 280 phoneNumberSanitized: '', 281 phoneNumberLabel: '', 282 hasSubpages: true, 283 maxNavItems:'6', 284 hamburgerIconColor: '', 285 bookNowLabel: "Book now", 286 dropShadowOnScroll: true, 287 headerMenu:{ navItems:'' }, 288 gmsHeaderDropdown: {}, 289 hotelDropdownConfig:{ 290 crossWebsiteLinking: false, 291 homeLink: '', 292 homeLinkTarget: false, 293 homeLinkLabel: '', 294 homeIcon: false, 295 customHomeIcon: '', 296 groupHotelsDropdowns: '', 297 defaultHotel: '', 298 uncategorisedHotel: '', 299 }, 300 locales: { 301 navigationLink: 'Link', 302 showSubMenuFor:'show submenu for ', 303 hamburgerMenu:'Hamburger Menu', 304 mainNavigation:'main navigation', 305 opensBookingMask:'opens booking mask', 306 closeBookingMask:'close booking mask', 307 closeMoreMenu:'close more menu', 308 backToTheMenu:'back to the menus', 309 gms_helloUser:'Hello,', 310 gms_signOut:'Sign Out', 311 gms_point: 'Point', 312 gms_points: 'Points', 313 gms_night:'Night', 314 gms_nights:'Nights', 315 gms_stay:'Stay', 316 gms_stays:'Stays', 317 call_us:'call us at', 318 menu:'Menu' 319 } 320 } 321</script>
321 322<div id="header-one" class="header-one header-logo-alts" data-scroll-logo-alt="Official logo of Pelangi Beach Resort & Spa, Langkawi" data-logo-alt="Official white logo of Pelangi Beach Resort & Spa, Langkawi" > 323 <header-one></header-one> 324</div> 325 326 327 328<!-- BM CORE SETTING EXAMPLE -->
329<script> 330 const calendarSettings = { 331 332 displayDateFormat:"MM/DD/YYYY", 333 isLargeLayout: true, 334 335 siteLanguage: 'en', 336 firstDayOfTheWeek: 0, 337 monthsToShow: 1, 338 showDaysInNextAndPreviousMonths: false, 339 340 minimumDaysOfStay: 1, 341 minimumDaysOfStayDefault: 1, 342 minimumDaysOfStaySecondary: 1, 343 minimumDaysOfStayDefaultSecondary: 1, 344 useMinimumDaysOfStaySecondary: false, 345 346 useDefaultArrows: false, 347 arrowsCustomClass: { 348 prev: 'icon icon-arrow-left', 349 next: 'icon icon-arrow-right', 350 }, 351 checkIn: { 352 field: 'bm-checkin-input', 353 trigger: 'bm-checkin-trigger', 354 container: 'bm-calendars', 355 }, 356 checkOut:{ 357 field: 'bm-checkout-input', 358 trigger: 'bm-checkout-trigger', 359 container: 'bm-calendars', 360 }, 361 flexibleDates: { 362 enabled: false, 363 field: 'flexible-dates-input', 364 content: 'My dates are flexible', 365 checkedMark: '<svg class="icon icon-arrow-bottom"><use href="#icon-check"></use></svg>' 366 }, 367 ratesInCalendar: { 368 enabled: false, 369 device: 'desktop', 370 dailyRatesData: [], 371 indicatorColor: '#0AE000', 372 customCalendar: { 373 calendarContainer: 'bm-rates-calendar', 374 monthsContainer: 'bm-rates-calendar-months', 375 monthsTrigger: 'bm-rates-month-trigger', 376 daysContainer: 'bm-rates-calendar-days', 377 daysTigger: 'bm-rates-calendar-days', 378 applyTigger: 'bm-rate-calendar-apply', 379 closeTigger: 'bm-rate-calendar-close', 380 }, 381 indicatorLabel: "Lowest available rate", 382 rateLabel: "Rates from ", 383 backBtnLabel: "Go back", 384 monthSelectorLabel: "Select your dates", 385 applyBtnLabel: "Apply dates", 386 }, 387 wcag: { 388 selectedCheckInDate: "Selected check in date is", 389 selectedCheckOutDate: "Selected check out date is", 390 selectedCheckInDateText: "This button opens the calendar to select check in date.", 391 selectedCheckOutDateText: "This button opens the calendar to select check out date.", 392 selected: "Selected", 393 checkInLiveRegionId: 'checkin-region', 394 checkOutLiveRegionId: 'checkout-region', 395 incorrectDateFormatEntered: "Incorrect date format used, please use date format", 396 minimumDaysOfStay: "Minimum Night Stay", 397 calendarExpanded: "Calendar Expanded", 398 }, 399 labels: { 400 previousMonth: "Previous Month", 401 nextMonth: "Next Month", 402 } 403}; 404 const bm_core_settings = { 405 dataContainer: 'bm-app', 406 container: 'bm-box-wrapper', 407 408 startingDate: '', 409 410 calendars: calendarSettings, 411 leadRates: { 412 showRates: 1 , 413 showStrikeThroughRate: false, 414 displayPrice: 'lead-rates-price', 415 bestRateLogo: { 416 enabled: false, 417 logo: "", 418 fallbackText: "Best Rate Guarantee" 419 } 420 }, 421 wcag: { 422 bookNow:{ 423 id: 'booking-mask-submit', 424 opensInANewTab: "opens in a new tab" 425 } 426 }, 427 428 saveBookingSession: false , 429 website: { 430 hotelTypeId: '3', 431 booking_engine_hotel_id: '61664', 432 booking_mask_url: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 433 booking_engine_provider_id: '2' , 434 second_booking_engine_provider_id: '0', 435 second_booking_engine_hotel_id: '0', 436 second_booking_engine_url: '', 437 second_booking_mask_url: '', 438 hasFamilyPricing: false, 439 be_open_in_new_tab: true , 440 441 hotels:[] 442 443}, 444 445 446module: 'hotel', 447id: '8075', 448 449}; 450 const bm_ui_settings = { 451 dataContainer: 'bm-app', 452container: 'bm-box-wrapper', 453containers: { 454 'header1': { 455 vertical: { 456 base: '#bm-hero-container', 457 noHero: '#no-hero', 458 collapsed: '#bm-collapsed-wrapper', 459 triggers: '.bm-collapsed-wrapper' 460 }, 461 horizontal: { 462 base: '#bm-horizontal-hero', 463 belowHero: '#bm-horizontal-below-hero', 464 noHero: '#no-hero', 465 collapsed: '#bm-collapsed-horizontal-wrapper', 466 triggers: '.bm-collapsed-wrapper' 467 }, 468 'area-search': { 469 base: '#bm-horizontal-hero', 470 belowHero: '#bm-horizontal-below-hero', 471 noHero: '#no-hero', 472 collapsed: '#bm-collapsed-horizontal-wrapper', 473 triggers: '.bm-collapsed-wrapper' 474 }, 475 'horizontal-hotel-plus-air': { 476 base: '#bm-horizontal-hero', 477 belowHero: '#bm-horizontal-below-hero', 478 noHero: '#no-hero', 479 collapsed: '#bm-collapsed-horizontal-wrapper', 480 triggers: '.bm-collapsed-wrapper' 481 } 482 }, 483 'header2': { 484 vertical: { 485 base: '#bm-vertical-base', 486 noHero: '#no-hero', 487 collapsed: '#bm-vertical-base', 488 triggers: '.bm-collapsed-wrapper' 489 }, 490 horizontal: { 491 base: '#bm-horizontal-hero', 492 belowHero: '#bm-horizontal-below-hero', 493 noHero: '#no-hero', 494 collapsed: '#bm-collapsed-horizontal-wrapper', 495 triggers: '.bm-collapsed-wrapper' 496 }, 497 'area-search': { 498 base: '#bm-horizontal-hero', 499 belowHero: '#bm-horizontal-below-hero', 500 noHero: '#no-hero', 501 collapsed: '#bm-collapsed-horizontal-wrapper', 502 triggers: '.bm-collapsed-wrapper' 503 }, 504 'horizontal-hotel-plus-air': { 505 base: '#bm-horizontal-hero', 506 belowHero: '#bm-horizontal-below-hero', 507 noHero: '#no-hero', 508 collapsed: '#bm-collapsed-horizontal-wrapper', 509 triggers: '.bm-collapsed-wrapper' 510 } 511 }, 512 'headerAdvanced': { 513 vertical: { 514 base: '#bm-hero-container', 515 noHero: '#no-hero', 516 collapsed: '#bm-collapsed-wrapper', 517 triggers: '.bm-collapsed-wrapper' 518 }, 519 horizontal: { 520 base: '#bm-horizontal-hero', 521 belowHero: '#bm-horizontal-below-hero', 522 noHero: '#no-hero', 523 collapsed: '#bm-collapsed-horizontal-wrapper', 524 triggers: '.bm-collapsed-wrapper' 525 }, 526 'area-search': { 527 base: '#bm-horizontal-hero', 528 belowHero: '#bm-horizontal-below-hero', 529 noHero: '#no-hero', 530 collapsed: '#bm-collapsed-horizontal-wrapper', 531 triggers: '.bm-collapsed-wrapper' 532 }, 533 'horizontal-hotel-plus-air': { 534 base: '#bm-horizontal-hero', 535 belowHero: '#bm-horizontal-below-hero', 536 noHero: '#no-hero', 537 collapsed: '#bm-collapsed-horizontal-wrapper', 538 triggers: '.bm-collapsed-wrapper' 539 } 540 }, 541}, 542hero: { 543 container: 'm-hero',
544 typeShort: 'm-hero_short' 545}, 546//area-search 547areaSearch: { 548 enabled: false, 549 URL: '', 550 URLTarget: '', 551 sortResultsBy: 'Destination', 552 helperText: true, 553 locationFieldSearch: false, 554 disableCountrySearch: false, 555 disableRegionSearch: false, 556 disableCitySearch: false, 557 disablePoiSearch: false, 558 disableSearchIcons: false, 559 enableAllDestinationSearch: false, 560 hideCounterPerLevel: false, 561 hideSecondaryInfomation: false, 562 promocodePopUp: { 563 container: 'bm-as-promocode-popup', 564 trigger: 'bm-as-promocode-trigger', 565 mobileClose: 'bm-as-promocode-close', 566 mobileSaveChanges: 'bm-as-promocode-save-changes', 567 } 568}, 569roomPopUp: { 570 enabled: 571 572 true 573 , 574 cmsShowChildrenAges: false , 575 container: 'bm-pu-room-options', 576 roomContainer: 'bm-pu__rooms-container', 577 roomsSelector: 'js-as-room', 578 roomNumber: 'js-room-number', 579 childAgesContainer: 'js-room-child-ages', 580 infantAgesContainer: 'js-room-infant-ages', 581 trigger: 'bm-pu-room-trigger', 582 triggerGuestCount: 'guest_count', 583 triggerGuestLabel: 'guest_label', 584 triggerAdultCount: 'adult_count', 585 triggerAdultLabel: 'adult_label', 586 triggerChildrenCount: 'children_count', 587 triggerChildrenLabel: 'children_label', 588 triggerRoomCount: 'room_count', 589 triggerRoomLabel: 'room_label', 590 mobileClose: 'bm-pu-room-close', 591 mobileSaveChanges: 'bm-pu-room-save-changes', 592 selectRoomLabel: "This button opens the room selector.", 593 addRoom: 'add-room', 594 removeRoom: 'subtract-room', 595 trashRoom: 'bm-pu__room-remove', 596 roomCounter: 'bm-pu-room-counter', 597 adultSelector: 'bmadults', 598 childSelector: 'bm-children', 599 infantSelector: 'bm-infants', 600 labels: { 601 roomOptionsSaveChanges: "Save Changes", 602 roomSingular: "Room", 603 roomPlural: "Rooms", 604 guestSingular: "Guest", 605 guestPlural: "Guests", 606 labelAdults: "Adults", 607 labelChildren: "Children", 608 childAgeInformation: "< 11 years old", 609 infantAgeInformation: "< 2 years old", 610 selectYourOccupancy: "Select your occupancy", 611 addRoom: "Add Room", 612 removeRoom: "Subtract Room", 613 occupancy: "Occupancy", 614 } 615}, 616// button only 617buttonOnly: { 618 enabled: false, 619 URL: '', 620 URLTarget: '', 621 buttonClass: '' 622}, 623//book now buttons 624bookNow: { 625 mobile: { 626 open: 'js-trigger-open-collapse', 627 openLabel: "Book now", 628 close: 'js-trigger-close-collapse', 629 closeLabel: "close" 630 }, 631 desktop: { 632 id: 'booking-mask-submit', 633 label: "Book now", 634 open: 'js-trigger-open-collapse', 635 openLabel: "Book now", 636 close: 'js-trigger-close-collapse', 637 closeLabel: "close" 638 } 639}, 640// layout 641layout: 'vertical', 642fullyExpanded: true, 643horizontalIsFullWidth: false, 644isSticky: false, 645position: 'right', 646collapsed: 'collapsed', 647collapsePosition: 'in-line', 648//check in/out labels 649checkInLabel: "Check In", 650checkOutLabel: "Check Out", 651requiredFieldsLocal: "* Fields Required", 652headerType: null, 653 //calendars information shared with core 654 calendars: calendarSettings, 655 //hotel select 656hotelSelect: 'booking-mask-hotel', 657hotelSelectWrapper: 'booking-mask-hotel-wrapper', 658selectHotelLabel: "Select hotel", 659selectHotelPlaceHolder: "Select Hotel", 660showNumberOfHotels: false, 661hotelSelectRequired: false, 662showHotelCountry: false, 663//rooms 664showRooms: true, 665rooms: { 666 id:'bm-rooms', 667 min: '1', 668 max: '10', 669 defaultValue: "1", 670 label: "Rooms", 671 required: false 672}, 673 674//adults 675showAdults: true, 676adults: { 677 id:'bmadults', 678 min: '1', 679 max: '10', 680 defaultValue: "1", 681 label: "Adults", 682 required: false 683}, 684 685//children 686showChildren: true, 687children: { 688 id:'bm-children', 689 min: '0', 690 max: '6', 691 defaultValue: '' || 0 , 692 label: "Children", 693 required: false, 694 disabled: false 695}, 696childAges: { 697 id:'bm-childAges', 698 min: 0, 699 max: 12, 700 defaultValue: 0 , 701 label: "Child age by Check-in", 702 required: false, 703 infantEnabled: true 704}, 705 706//infants 707showInfants: true , 708infants: { 709 id: 'bm-infants', 710 min: '0', 711 max: '2', 712 defaultValue: '' || 0, 713 label: "Infants", 714 required: false, 715 disabled: false 716}, 717infantAges: { 718 id: 'bm-infantAges', 719 min: 0, 720 max: 1, 721 defaultValue: 0 , 722 label: "Infants age by Check-in", 723 required: false 724}, 725//hotel + air 726showHotelAir: false, 727hotelAir: { 728 preselectHotelAir: false, 729 hotelId:'hotel-only-btn', 730 airId:'hotel-air-btn', 731 srLabel: "Select booking type", 732 hotelLabel: "Hotel", 733 airLabel: "Hotel + Air", 734 departureCityLabel: "Departure City", 735 departureLoadingText: "Searching",
736 departureCityWrapperId: 'departure-city-wrapper', 737 departureCityId: 'departure-city', 738 trigger: 'hotel-air___btn', 739 triggerHotelAir: '#hotel-air-btn', 740 required: true 741}, 742 743showRates: true, 744showRetailRates: !websiteGlobalVariables.rates.hideOldPrices, 745leadRates: { 746 defaultRate: "Make a reservation", 747 rate: '', 748 label: "Best rates from", 749 opensInANewTab: "opens in a new tab", 750 751 customRatesURL: false, 752 URL: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 753 754 bestRateLogo: { 755 enabled: false, 756 logo: "", 757 fallbackText: "Best Rate Guarantee" 758 } , 759 iHotelierConfig: '', 760 locales: { 761 loadingText: "Loading", 762 ratesFrom: "Rates from " 763 } 764}, 765 showModifyLink: 0 , 766modify: { 767 id:'modifyBooking', 768 bookingMaskURL: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 769 bookingEngineURL: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 770 text: { 771 modifyBooking: "Modify Booking", 772 openPopup: "Opens modify booking window", 773 closePopup: "Close modify booking window", 774 enterReservationNumber: "Please, enter your reservation number.", 775 reservationNumber: "Reservation number", 776 submitReservationNumber: "Submit reservation number", 777 required: "required", 778 allFieldsAreRequired: "(All fields are required)", 779 opensInANewTab: "opens in a new tab", 780 submit: "Submit", 781 selecHotel: "Select hotel" 782 } 783}, 784 //promocode 785 786 hasPromocode: true, 787 promocodeId: 'booking-mask-promocode', 788 multiPromocodeValueInput: 'js-bm-source-promocode-value', 789 multiPromocodeTypeInput: 'js-bm-source-promocode-name', 790 multiPromocodeRealInput: 'js-bm-fill-promocode', 791 792 793 794 795 796 numberOfPromoCodes: 1, 797 promocodeWCAG: { 798 gotACode: "Got a promocode?", 799 openPromocode: "Opens promocode window", 800 enterYourPromo: "Enter your promocode", 801 clearPromocode: "Clear promocode", 802 closePromocodeWindow: "Close promocode window", 803 addYourCode: "Add your code", 804 selectCodeType: "Select code type", 805 enterYourPromo: "Enter your promocode", 806 applyPromocode: "Apply promocode", 807 addPromo: "Add", 808 promocodeWindowDescription: "This window allows you to enter one of the available types of promocodes", 809 }, 810 811 812 813showPromo: 1 , 814 815 promoCode: { 816 label: "Promocode", 817 labelPlaceholder: "Promocode", 818 promocodeType: 'discount', 819 hasDefaultValue: false , 820 defaultValue: "", 821 }, 822 823 824showTravelAgencyPromo: 0 , 825 826 827showGroupPromo: 0 , 828 829 830showRateAccessCorporatePromo: 0 , 831 832 website: { 833 hotelTypeId: '3', 834 booking_engine_hotel_id: '61664', 835 booking_mask_url: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 836 booking_engine_provider_id: '2' , 837 second_booking_engine_provider_id: '0', 838 second_booking_engine_hotel_id: '0', 839 second_booking_engine_url: '', 840 second_booking_mask_url: '', 841 hasFamilyPricing: false, 842 be_open_in_new_tab: true , 843 844 hotels:[] 845 846}, 847 848 849module: 'hotel', 850id: '8075', 851 852} 853 bm_ui_settings.areaSearch.labels = { 854 searchHint: 'Please enter 3 or more characters', 855 noResultsFound: 'No results found', 856 locationSearchLabel: 'Where do you want to go?', 857 locationSearchPlaceholder: 'Country, city, region or hotel', 858 asCalendarMonthPlaceholder: 'month label', 859 bestRateGuaranteeLabel: 'Best Rate Guarantee', 860 specialCode: 'Special Code', 861 codeType: 'Code Type', 862 code: 'Code', 863 applyCode: 'Apply Code', 864 searchDropDownDescription: 'Search location or property', 865 searchBMInAreaSearchPage: 'ASM Search', 866 updateBMInAreaSearchPage: 'Update', 867}; 868 869</script>
869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884<!-- BM DATA ATTR EXAMPLE --> 885<div id="bm-app" 886 data-booking-mask-type="bmco" 887 data-mobile-booking-mask-type="bmco2" 888></div> 889 890 891 892<div id="main-content" role="main"> 893 894 895 896 897 898<div id="no-hero" class="no-hero"></div> 899 900 901 902 903 904 905 906 907 908 909 910<style> 911 .m-hero--top__overlay { 912 position: absolute; 913 top: 0; 914 left: 0; 915 right: 0; 916 z-index: 10; 917 pointer-events: none; 918 max-height: 400px; 919 920 height: 500px; 921 922 923 background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); 924 925 } 926</style> 927 928 929
930<script> 931 if(!window.heroConfigs) { 932 window.heroConfigs = {}; 933 } 934 window.heroConfigs.isHeroAvailable = false; 935</script>
935 936 937 938 <div class="js-hero-list" id="hero-list-app-id-78920bc5ac4ec08015db5c5405f705e8"> 939 <div id="m-hero-skeleton" 940 class="m-hero-skeleton skeleton-loader 941 full-size 942 nobm header1" 943 > 944 <div class="skeleton-hero-image"></div> 945 </div> 946 <hero-list-app 947 :configs="{ 948 blockId: 'id-78920bc5ac4ec08015db5c5405f705e8', 949 heroType: 'Fullsize', 950 unitMediaValue: '0', 951 noCroppingBg: '', 952 noCroppingBgImg: '', 953 noCroppingBgColor: '#fff', 954 showBreadcrumb: '1', 955 videoControl: '0', 956 heroVideoControl:{ 957 autoStop: '0', 958 autoStopTime: '5', 959 hideIcon: '0', 960 hideLocale: '0', 961 locale: { 962 play: 'Play video', 963 pause: 'Pause video', 964 } 965 }, 966 scrollConfig:{ 967 showScrollFunction: '0', 968 scrollAnimation: '', 969 scrollClickFunction: '0', 970 scrollText: '', 971 scrollTextColor: '', 972 scrollColor: '' 973 }, 974 styles:{ 975 scrollLogo: '', 976 verticalAlignment: 'center', 977 verticalAlignmentMobile: 'center', 978 headerOverlay: 'custom overlay', 979 headerOverlayColor: 'rgba(0, 0, 0, 0.5)', 980 gradientHeight: '500', 981 marginBottom: '30', 982 textAlignment: 'center', 983 sliderAutoplay: '0', 984 textVerticalAlignment: '', 985 }, 986 locales:{ 987 playVideo: 'Play video', 988 pauseVideo: 'Pause video', 989 scrollDown: 'Scroll down to next section', 990 } 991 }"> 992 </hero-list-app> 993 </div> 994 995 996
996<script> 997 if(!window.heroSliderItemList) { 998 window.heroSliderItemList = []; 999 } 1000 1001</script>
1001 1002 1003 1004 1005<style> 1006 .id-62ff9cb1930b5a1f4bdaccadb7fc412c .m-hero--slide__overlay { 1007 1008 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); 1009 1010 1011 height: 600px; 1012 1013 1014 } 1015 </style> 1016 1017 1018 1019 1020
1021<script> 1022window.heroSliderItemList.push({ 1023 blockId: 'id-62ff9cb1930b5a1f4bdaccadb7fc412c', 1024 showOverlay: 'custom overlay', 1025 overlayColor: 'rgba(0, 0, 0, 0.6)', 1026 overlayHeight: '600', 1027 bannerEnabled: '', 1028 bannerBackgroundColor: '', 1029 textAlignment: 'left', 1030 textColor: '#fff', 1031 borderOrShadow: '', 1032 bannerBorderColor: '#fff', 1033 video: ``, 1034 tabletVideo: ``, 1035 mobileVideo: ``, 1036 mediaType: 'image', 1037 title: ``, 1038 subtitle: `Malaysian Flair Meets Refined Comfort`, 1039 bannerImgPosition: 'left', 1040 bannerImgEnabled: '', 1041 buttonEnabled: 'Disable', 1042 url: '', 1043 urlTarget: '', 1044 linkTitle: `Button`, 1045 buttonStyle: 'Action', 1046 desktopVideoObj:{ 1047 isTVS: '', 1048 lazy: ``, 1049 }, 1050 tabletVideoObj:{ 1051 isTVS: '', 1052 lazy: ``, 1053 }, 1054 mobileVideoObj:{ 1055 isTVS: '', 1056 lazy: ``, 1057 }, 1058 imgResponsive:{ 1059 img: { 1060 url:'https://image-tc.galaxy.tf/wijpeg-2cmygddhri5hzu1ro527k86dn/pool-terrace-3.jpg?width=1920', 1061 alt:`Bed & balcony area in Pool Terrace Room at Pelangi Resort` 1062 }, 1063 imgMobile:{ 1064 url:'https://image-tc.galaxy.tf/wijpeg-2cmygddhri5hzu1ro527k86dn/pool-terrace-3.jpg?height=700', 1065 alt:`Bed & balcony area in Pool Terrace Room at Pelangi Resort`, 1066 }, 1067 imgTablet: { 1068 url:'https://image-tc.galaxy.tf/wijpeg-2cmygddhri5hzu1ro527k86dn/pool-terrace-3.jpg?width=800', 1069 alt:`Bed & balcony area in Pool Terrace Room at Pelangi Resort` 1070 }, 1071 }, 1072 bannerImg:{ 1073 url:'/integration/tc-theme/public/img/placeholder_1_1.png', 1074 alt:`` 1075 }, 1076 locales:{ 1077 openInANewTab: 'opens in a new tab' 1078 } 1079}) 1080 1081 </script>
1081 1082 1083 1084 1085 1086 <nav class="breadcrumb-container" aria-label="breadcrumb" role="navigation"> 1087 <div class="container"> 1088 <ol class="m-breadcrumb"> 1089 <li class="m-breadcrumb--item"> 1090 <a class="m-breadcrumb--link" href="/">Home</a> 1091 </li> 1092 <li class="m-breadcrumb--item"> 1093 <a class="m-breadcrumb--link" href="/rooms">Rooms</a> 1094 </li> 1095 </ol> 1096 </div> 1097</nav> 1098 1099 <div id="site-content"> 1100 <style> 1101 .id-02a690eb29401b3e2b26a2ea469923f3 .m-introduction__row { 1102 width: 100%; 1103 } 1104 .id-02a690eb29401b3e2b26a2ea469923f3 .m-introduction__row{ 1105 } 1106 1107 .id-02a690eb29401b3e2b26a2ea469923f3.m-introduction{ 1108 padding-top: px; 1109 padding-bottom: 0px; 1110 } 1111 </style> 1112
1113<script> 1114 if(!window.introduction) { 1115 window.introduction = []; 1116 } 1117 window.introduction['id-02a690eb29401b3e2b26a2ea469923f3'] = { 1118 intro: { 1119 title: "Luxury Rooms: A Serene Retreat by Cenang Beach", 1120 subtitle: "Modern Comfort, Defined by Heritage Craftsmanship", 1121 content: "<p style=\"text-align: justify;\">Overlooking lush tropical gardens or offering direct access to the golden sandy shores of Cenang Beach, every spacious room and <a href=\"/suites\">suite<\/a> at Pelangi Beach Resort & Spa, Langkawi is a serene sanctuary. Thoughtfully designed, each space reflects Malaysian flairs meeting refined comfort, seamlessly blended with modern amenities. Contemporary design, refined finishes, and soothing natural tones create an inviting retreat, offering a harmonious balance of cultural elegance, understated luxury, and warm island hospitality.<\/p>\r\n", 1122 readMore: false, 1123 textColor: '', 1124 linkColor: '', 1125 width: '100%', 1126 textAlignment: 'center', 1127 columns: false, 1128 background: { 1129 type: 'none', 1130 color: '', 1131 image: '', 1132 repeat: false, 1133 contentBackground: { 1134 type: 'none', 1135 color: '', 1136 image: '', 1137 repeat: false 1138 } 1139 }, 1140 padding: { 1141 desktop: { 1142 enabled: true, 1143 top: '', 1144 bottom: '0' 1145 }, 1146 tablet: { 1147 enabled: false, 1148 top: '', 1149 bottom: '' 1150 }, 1151 mobile: { 1152 enabled: false, 1153 top: '', 1154 bottom: '' 1155 } 1156 }, 1157 margin: { 1158 enabled: false, 1159 top: '', 1160 bottom: '' 1161 }, 1162 btn: { 1163 showButton: false, 1164 title: "Button", 1165 href: '', 1166 target: false, 1167 style: 'Action' 1168 }, 1169 video: { 1170 showVideo: false, 1171 position: 'bottom', 1172 url: '', 1173 width: '60', 1174 } 1175 } 1176 1177 }; 1178 1179 if(!window.locales) { 1180 window.locales = []; 1181 } 1182 window.locales['id-02a690eb29401b3e2b26a2ea469923f3'] = { 1183 opensInNewTab: "opens in a new tab", 1184 readMore: "Discover more", 1185 readLess: "Read less" 1186 } 1187</script>
1187 1188 1189<div id="id-02a690eb29401b3e2b26a2ea469923f3" class="id-02a690eb29401b3e2b26a2ea469923f3 introduction-vue vue-container"> 1190 <introduction-app 1191 :block-id="'id-02a690eb29401b3e2b26a2ea469923f3'" 1192 :intro-type="'page'" 1193 /> 1194</div> 1195 <div class="container p-rooms"> 1196 1197 </div><!-- .container --> 1198 <style> 1199 1200 .id-864432a8941ea6d87d2b26ab714875dc.highlight-grid { 1201 padding-top: 20px; 1202 padding-bottom: 10px; 1203 } 1204 1205 .id-864432a8941ea6d87d2b26ab714875dc.highlight-grid .highlight-grid__list { 1206 justify-content: center; 1207 } 1208 1209 1210 1211 .id-864432a8941ea6d87d2b26ab714875dc.highlight-grid .highlight-grid__price{ 1212 place-content: center; 1213 align-items: center; 1214 } 1215 1216 </style> 1217 <style> 1218 .id-864432a8941ea6d87d2b26ab714875dc .m-content-object___img { 1219 border-color: #A97C50; border-width: 1px; border-style: solid; 1220 border-bottom: 0; } 1221 .id-864432a8941ea6d87d2b26ab714875dc .m-content-object--infos { 1222 border-color: #A97C50; border-width: 1px; border-style: solid; 1223 margin-top: 0; 1224 } 1225 </style> 1226 1227 1228<div 1229 class="stripe highlight-grid id-864432a8941ea6d87d2b26ab714875dc js-preload-url-params 1230 " 1231 data-module="room" 1232 data-limit="" 1233 data-featured="0" 1234> 1235 <div class="container"> 1236 <div 1237 class="row row-flex highlight-grid__list m-content-object--list " 1238 data-text-alignment="center" 1239 data-equalize-parent='[".m-content-object--title", ".m-content-object--subtitle", ".m-content-object--content", ".m-content-object--footer", ".m-content-object--read-more"]' 1240 > 1241 1242<div 1243 class="highlight-item col-sm-4 m-content-object--background m-content-object js-module-item 1244 column3 1245 " 1246 data-id="31019" 1247> 1248 <a 1249 href="/garden-terrace-room" 1250 aria-label="Read more about Garden Terrace " 1251 class="ratio-4-3 cms-radius m-content-object___img" 1252> 1253 <div class="ratio-content"> 1254 <picture> 1255 <source media="(max-width: 450px)" srcset="https://image-tc.galaxy.tf/wijpeg-9yq4zx60zdcle2v2tu6iljp0p/garden-terrace-listing_standard.jpg?crop=209%2C0%2C1549%2C1162&width=400"> 1256 <source media="(max-width: 767px)" srcset="https://image-tc.galaxy.tf/wijpeg-9yq4zx60zdcle2v2tu6iljp0p/garden-terrace-listing_standard.jpg?crop=209%2C0%2C1549%2C1162&width=720"> 1257 <source media="(max-width: 1199px)" srcset="https://image-tc.galaxy.tf/wijpeg-9yq4zx60zdcle2v2tu6iljp0p/garden-terrace-listing_standard.jpg?crop=209%2C0%2C1549%2C1162&width=298"> 1258 <source media="(min-width: 1200px)" srcset="https://image-tc.galaxy.tf/wijpeg-9yq4zx60zdcle2v2tu6iljp0p/garden-terrace-listing_standard.jpg?crop=209%2C0%2C1549%2C1162&width=372"> 1259 <img 1260 src="https://image-tc.galaxy.tf/wijpeg-9yq4zx60zdcle2v2tu6iljp0p/garden-terrace-listing_standard.jpg?crop=209%2C0%2C1549%2C1162" 1261 alt="" 1262 > 1263 </picture> 1264 </div> 1265 </a> 1266 <div class="m-content-object--infos" data-text-alignment-child> 1267 <div class="m-content-object__content"> 1268 <h3 1269 class=" 1270 h3 m-content-object--title js-module-title 1271 " 1272 > 1273 <a 1274 href="/garden-terrace-room" 1275 class="clip-it link-text inherit" 1276 > 1277 Garden Terrace </a> 1278 </h3> 1279 <div class="m-content-object--content--wrapper"> 1280 <div 1281 class=" 1282 m-content-object--content clip-it " 1283 data-clip="224" 1284 data-clip-html="true" 1285 data-clip-height=".m-content-object--content--wrapper" 1286 data-clip-height-wrapper=".m-content-object--content" 1287 > 1288 <p style="text-align: center;">Stay in charming wooden chalets with private verandahs, overlooking tranquil garden spaces in a serene island setting.</p> 1289 </div> 1290 <div class="m-content-object--read-more"> 1291 <a 1292 href="/garden-terrace-room" 1293 aria-label="Read more about Garden Terrace " 1294 class=" 1295more-link m-content-object--link custom-link-color 1296" 1297 > 1298 Discover more 1299 </a> 1300 </div> 1301 </div> 1302 </div> 1303
1303<script> 1304 (function() { 1305 if (!window.getCSSVariable) { 1306 window.getCSSVariable = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim().replace(/['"]/g, ''); 1307 } 1308 1309 const showMemberRateBoolean = window.getCSSVariable('--member-rate-enabled') == '1' ? true : false ; 1310 1311 if(!showMemberRateBoolean) return; 1312 1313 if(!window.memberRateData) { 1314 window.memberRateData = []; 1315 } 1316 window.memberRateData['id-864432a8941ea6d87d2b26ab714875dc-31019'] = { 1317 iHotelierConfig: '', 1318 leadRate: '', 1319 targetForMRM: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 1320 } 1321 1322 document.documentElement.classList.add('member-rate-enabled'); 1323 })(); 1324</script>
1324 1325 1326<style> 1327 .js-member-rate-zone { display: none; } 1328 .js-default-lead-rate { display: block; } 1329 1330 .member-rate-enabled .js-member-rate-zone { display: block; } 1331 .member-rate-enabled .js-default-lead-rate { display: none; } 1332 .member-rate-enabled .js-hide-when-member-rate { display: none; } 1333</style> 1334 1335<div class="m-content-object--footer info-price highlight-grid__price highlight-grid__button" data-id="31019"> 1336 <div id="member-rate-zone-id-864432a8941ea6d87d2b26ab714875dc-31019" class="js-member-rate-zone"> 1337 <member-rate-zone-app 1338 :configs="{ 1339 blockId: 'id-864432a8941ea6d87d2b26ab714875dc-31019', 1340 localesObjProp: { 1341 rewardProgramName: `Reward Program Name`, 1342 ratesFrom: `Rates from `, 1343 memberRateEmpty: `Rate info currently not available`, 1344 lowestPriceLabel: `Book lowest available rate, Current Price:`, 1345 memberPriceLabel: `Book [whatever], Original price: [strikethrough pricing], Current Price: [discounted price] [rate details]`, 1346 } 1347 }" 1348 /> 1349 </div> 1350 <a 1351 href="https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US" 1352 class="btn btn-action 1353 m-content-object--footer-btn js-hide-when-member-rate" 1354 target="_blank" rel="noopener" 1355 aria-label="Book NowGarden Terrace opens in a new tab" 1356 > 1357 Book Now </a> 1358 </div> 1359 </div> 1360 </div> 1361 1362<div 1363 class="highlight-item col-sm-4 m-content-object--background m-content-object js-module-item 1364 column3 1365 " 1366 data-id="31021" 1367> 1368 <a 1369 href="/lake-front" 1370 aria-label="Read more about Lake Front" 1371 class="ratio-4-3 cms-radius m-content-object___img" 1372> 1373 <div class="ratio-content"> 1374 <picture> 1375 <source media="(max-width: 450px)" srcset="https://image-tc.galaxy.tf/wijpeg-axw56duouwoi2sraqebyndgqn/lakefront-room_standard.jpg?crop=112%2C0%2C1777%2C1333&width=400"> 1376 <source media="(max-width: 767px)" srcset="https://image-tc.galaxy.tf/wijpeg-axw56duouwoi2sraqebyndgqn/lakefront-room_standard.jpg?crop=112%2C0%2C1777%2C1333&width=720"> 1377 <source media="(max-width: 1199px)" srcset="https://image-tc.galaxy.tf/wijpeg-axw56duouwoi2sraqebyndgqn/lakefront-room_standard.jpg?crop=112%2C0%2C1777%2C1333&width=298"> 1378 <source media="(min-width: 1200px)" srcset="https://image-tc.galaxy.tf/wijpeg-axw56duouwoi2sraqebyndgqn/lakefront-room_standard.jpg?crop=112%2C0%2C1777%2C1333&width=372"> 1379 <img 1380 src="https://image-tc.galaxy.tf/wijpeg-axw56duouwoi2sraqebyndgqn/lakefront-room_standard.jpg?crop=112%2C0%2C1777%2C1333" 1381 alt="" 1382 > 1383 </picture> 1384 </div> 1385 </a> 1386 <div class="m-content-object--infos" data-text-alignment-child> 1387 <div class="m-content-object__content"> 1388 <h3 1389 class=" 1390 h3 m-content-object--title js-module-title 1391 " 1392 > 1393 <a 1394 href="/lake-front" 1395 class="clip-it link-text inherit" 1396 > 1397 Lake Front </a> 1398 </h3> 1399 <div class="m-content-object--content--wrapper"> 1400 <div 1401 class=" 1402 m-content-object--content clip-it " 1403 data-clip="224" 1404 data-clip-html="true" 1405 data-clip-height=".m-content-object--content--wrapper" 1406 data-clip-height-wrapper=".m-content-object--content" 1407 > 1408 <p style="text-align: center;">Unwind in a spacious lake view room with timeless elegance, featuring an expansive verandah overlooking serene waters.</p> 1409 </div> 1410 <div class="m-content-object--read-more"> 1411 <a 1412 href="/lake-front" 1413 aria-label="Read more about Lake Front" 1414 class=" 1415more-link m-content-object--link custom-link-color 1416" 1417 > 1418 Discover more 1419 </a> 1420 </div> 1421 </div> 1422 </div> 1423
1423<script> 1424 (function() { 1425 if (!window.getCSSVariable) { 1426 window.getCSSVariable = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim().replace(/['"]/g, ''); 1427 } 1428 1429 const showMemberRateBoolean = window.getCSSVariable('--member-rate-enabled') == '1' ? true : false ; 1430 1431 if(!showMemberRateBoolean) return; 1432 1433 if(!window.memberRateData) { 1434 window.memberRateData = []; 1435 } 1436 window.memberRateData['id-864432a8941ea6d87d2b26ab714875dc-31021'] = { 1437 iHotelierConfig: '', 1438 leadRate: '', 1439 targetForMRM: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 1440 } 1441 1442 document.documentElement.classList.add('member-rate-enabled'); 1443 })(); 1444</script>
1444 1445 1446<style> 1447 .js-member-rate-zone { display: none; } 1448 .js-default-lead-rate { display: block; } 1449 1450 .member-rate-enabled .js-member-rate-zone { display: block; } 1451 .member-rate-enabled .js-default-lead-rate { display: none; } 1452 .member-rate-enabled .js-hide-when-member-rate { display: none; } 1453</style> 1454 1455<div class="m-content-object--footer info-price highlight-grid__price highlight-grid__button" data-id="31021"> 1456 <div id="member-rate-zone-id-864432a8941ea6d87d2b26ab714875dc-31021" class="js-member-rate-zone"> 1457 <member-rate-zone-app 1458 :configs="{ 1459 blockId: 'id-864432a8941ea6d87d2b26ab714875dc-31021', 1460 localesObjProp: { 1461 rewardProgramName: `Reward Program Name`, 1462 ratesFrom: `Rates from `, 1463 memberRateEmpty: `Rate info currently not available`, 1464 lowestPriceLabel: `Book lowest available rate, Current Price:`, 1465 memberPriceLabel: `Book [whatever], Original price: [strikethrough pricing], Current Price: [discounted price] [rate details]`, 1466 } 1467 }" 1468 /> 1469 </div> 1470 <a 1471 href="https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US" 1472 class="btn btn-action 1473 m-content-object--footer-btn js-hide-when-member-rate" 1474 target="_blank" rel="noopener" 1475 aria-label="Book NowLake Front opens in a new tab" 1476 > 1477 Book Now </a> 1478 </div> 1479 </div> 1480 </div> 1481 1482<div 1483 class="highlight-item col-sm-4 m-content-object--background m-content-object js-module-item 1484 column3 1485 " 1486 data-id="31023" 1487> 1488 <a 1489 href="/pool-terrace" 1490 aria-label="Read more about Pool Terrace" 1491 class="ratio-4-3 cms-radius m-content-object___img" 1492> 1493 <div class="ratio-content"> 1494 <picture> 1495 <source media="(max-width: 450px)" srcset="https://image-tc.galaxy.tf/wijpeg-eboeqlktwo9960qj1kgkcmlfl/img-7734-edited_standard.jpg?crop=107%2C0%2C1707%2C1280&width=400"> 1496 <source media="(max-width: 767px)" srcset="https://image-tc.galaxy.tf/wijpeg-eboeqlktwo9960qj1kgkcmlfl/img-7734-edited_standard.jpg?crop=107%2C0%2C1707%2C1280&width=720"> 1497 <source media="(max-width: 1199px)" srcset="https://image-tc.galaxy.tf/wijpeg-eboeqlktwo9960qj1kgkcmlfl/img-7734-edited_standard.jpg?crop=107%2C0%2C1707%2C1280&width=298"> 1498 <source media="(min-width: 1200px)" srcset="https://image-tc.galaxy.tf/wijpeg-eboeqlktwo9960qj1kgkcmlfl/img-7734-edited_standard.jpg?crop=107%2C0%2C1707%2C1280&width=372"> 1499 <img 1500 src="https://image-tc.galaxy.tf/wijpeg-eboeqlktwo9960qj1kgkcmlfl/img-7734-edited_standard.jpg?crop=107%2C0%2C1707%2C1280" 1501 alt="Spacious bed & TV in Pool Terrace Room at Pelangi Resort" 1502 > 1503 </picture> 1504 </div> 1505 </a> 1506 <div class="m-content-object--infos" data-text-alignment-child> 1507 <div class="m-content-object__content"> 1508 <h3 1509 class=" 1510 h3 m-content-object--title js-module-title 1511 " 1512 > 1513 <a 1514 href="/pool-terrace" 1515 class="clip-it link-text inherit" 1516 > 1517 Pool Terrace </a> 1518 </h3> 1519 <div class="m-content-object--content--wrapper"> 1520 <div 1521 class=" 1522 m-content-object--content clip-it " 1523 data-clip="224" 1524 data-clip-html="true" 1525 data-clip-height=".m-content-object--content--wrapper" 1526 data-clip-height-wrapper=".m-content-object--content" 1527 > 1528 <p style="text-align: center;">Overlooking shimmering pool waters, the Pool Terrace offers effortless relaxation with refreshing swims just steps away.</p> 1529 </div> 1530 <div class="m-content-object--read-more"> 1531 <a 1532 href="/pool-terrace" 1533 aria-label="Read more about Pool Terrace" 1534 class=" 1535more-link m-content-object--link custom-link-color 1536" 1537 > 1538 Discover more 1539 </a> 1540 </div> 1541 </div> 1542 </div> 1543
1543<script> 1544 (function() { 1545 if (!window.getCSSVariable) { 1546 window.getCSSVariable = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim().replace(/['"]/g, ''); 1547 } 1548 1549 const showMemberRateBoolean = window.getCSSVariable('--member-rate-enabled') == '1' ? true : false ; 1550 1551 if(!showMemberRateBoolean) return; 1552 1553 if(!window.memberRateData) { 1554 window.memberRateData = []; 1555 } 1556 window.memberRateData['id-864432a8941ea6d87d2b26ab714875dc-31023'] = { 1557 iHotelierConfig: '', 1558 leadRate: '', 1559 targetForMRM: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 1560 } 1561 1562 document.documentElement.classList.add('member-rate-enabled'); 1563 })(); 1564</script>
1564 1565 1566<style> 1567 .js-member-rate-zone { display: none; } 1568 .js-default-lead-rate { display: block; } 1569 1570 .member-rate-enabled .js-member-rate-zone { display: block; } 1571 .member-rate-enabled .js-default-lead-rate { display: none; } 1572 .member-rate-enabled .js-hide-when-member-rate { display: none; } 1573</style> 1574 1575<div class="m-content-object--footer info-price highlight-grid__price highlight-grid__button" data-id="31023"> 1576 <div id="member-rate-zone-id-864432a8941ea6d87d2b26ab714875dc-31023" class="js-member-rate-zone"> 1577 <member-rate-zone-app 1578 :configs="{ 1579 blockId: 'id-864432a8941ea6d87d2b26ab714875dc-31023', 1580 localesObjProp: { 1581 rewardProgramName: `Reward Program Name`, 1582 ratesFrom: `Rates from `, 1583 memberRateEmpty: `Rate info currently not available`, 1584 lowestPriceLabel: `Book lowest available rate, Current Price:`, 1585 memberPriceLabel: `Book [whatever], Original price: [strikethrough pricing], Current Price: [discounted price] [rate details]`, 1586 } 1587 }" 1588 /> 1589 </div> 1590 <a 1591 href="https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US" 1592 class="btn btn-action 1593 m-content-object--footer-btn js-hide-when-member-rate" 1594 target="_blank" rel="noopener" 1595 aria-label="Book NowPool Terrace opens in a new tab" 1596 > 1597 Book Now </a> 1598 </div> 1599 </div> 1600 </div> 1601 1602<div 1603 class="highlight-item col-sm-4 m-content-object--background m-content-object js-module-item 1604 column3 1605 " 1606 data-id="31649" 1607> 1608 <a 1609 href="/island-view" 1610 aria-label="Read more about Island View" 1611 class="ratio-4-3 cms-radius m-content-object___img" 1612> 1613 <div class="ratio-content"> 1614 <picture> 1615 <source media="(max-width: 450px)" srcset="https://image-tc.galaxy.tf/wijpeg-btflzo5fqbss6fxh1lhwgfcy1/island-view_standard.jpg?crop=0%2C0%2C1140%2C855&width=400"> 1616 <source media="(max-width: 767px)" srcset="https://image-tc.galaxy.tf/wijpeg-btflzo5fqbss6fxh1lhwgfcy1/island-view_standard.jpg?crop=0%2C0%2C1140%2C855&width=720"> 1617 <source media="(max-width: 1199px)" srcset="https://image-tc.galaxy.tf/wijpeg-btflzo5fqbss6fxh1lhwgfcy1/island-view_standard.jpg?crop=0%2C0%2C1140%2C855&width=298"> 1618 <source media="(min-width: 1200px)" srcset="https://image-tc.galaxy.tf/wijpeg-btflzo5fqbss6fxh1lhwgfcy1/island-view_standard.jpg?crop=0%2C0%2C1140%2C855&width=372"> 1619 <img 1620 src="https://image-tc.galaxy.tf/wijpeg-btflzo5fqbss6fxh1lhwgfcy1/island-view_standard.jpg?crop=0%2C0%2C1140%2C855" 1621 alt="" 1622 > 1623 </picture> 1624 </div> 1625 </a> 1626 <div class="m-content-object--infos" data-text-alignment-child> 1627 <div class="m-content-object__content"> 1628 <h3 1629 class=" 1630 h3 m-content-object--title js-module-title 1631 " 1632 > 1633 <a 1634 href="/island-view" 1635 class="clip-it link-text inherit" 1636 > 1637 Island View </a> 1638 </h3> 1639 <div class="m-content-object--content--wrapper"> 1640 <div 1641 class=" 1642 m-content-object--content clip-it " 1643 data-clip="224" 1644 data-clip-html="true" 1645 data-clip-height=".m-content-object--content--wrapper" 1646 data-clip-height-wrapper=".m-content-object--content" 1647 > 1648 <p style="text-align: center;">Embrace a serene stay in rustic charm chalets, offering breathtaking sunset views across nearby islands.</p> 1649 </div> 1650 <div class="m-content-object--read-more"> 1651 <a 1652 href="/island-view" 1653 aria-label="Read more about Island View" 1654 class=" 1655more-link m-content-object--link custom-link-color 1656" 1657 > 1658 Discover more 1659 </a> 1660 </div> 1661 </div> 1662 </div> 1663
1663<script> 1664 (function() { 1665 if (!window.getCSSVariable) { 1666 window.getCSSVariable = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim().replace(/['"]/g, ''); 1667 } 1668 1669 const showMemberRateBoolean = window.getCSSVariable('--member-rate-enabled') == '1' ? true : false ; 1670 1671 if(!showMemberRateBoolean) return; 1672 1673 if(!window.memberRateData) { 1674 window.memberRateData = []; 1675 } 1676 window.memberRateData['id-864432a8941ea6d87d2b26ab714875dc-31649'] = { 1677 iHotelierConfig: '', 1678 leadRate: '', 1679 targetForMRM: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 1680 } 1681 1682 document.documentElement.classList.add('member-rate-enabled'); 1683 })(); 1684</script>
1684 1685 1686<style> 1687 .js-member-rate-zone { display: none; } 1688 .js-default-lead-rate { display: block; } 1689 1690 .member-rate-enabled .js-member-rate-zone { display: block; } 1691 .member-rate-enabled .js-default-lead-rate { display: none; } 1692 .member-rate-enabled .js-hide-when-member-rate { display: none; } 1693</style> 1694 1695<div class="m-content-object--footer info-price highlight-grid__price highlight-grid__button" data-id="31649"> 1696 <div id="member-rate-zone-id-864432a8941ea6d87d2b26ab714875dc-31649" class="js-member-rate-zone"> 1697 <member-rate-zone-app 1698 :configs="{ 1699 blockId: 'id-864432a8941ea6d87d2b26ab714875dc-31649', 1700 localesObjProp: { 1701 rewardProgramName: `Reward Program Name`, 1702 ratesFrom: `Rates from `, 1703 memberRateEmpty: `Rate info currently not available`, 1704 lowestPriceLabel: `Book lowest available rate, Current Price:`, 1705 memberPriceLabel: `Book [whatever], Original price: [strikethrough pricing], Current Price: [discounted price] [rate details]`, 1706 } 1707 }" 1708 /> 1709 </div> 1710 <a 1711 href="https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US" 1712 class="btn btn-action 1713 m-content-object--footer-btn js-hide-when-member-rate" 1714 target="_blank" rel="noopener" 1715 aria-label="Book NowIsland View opens in a new tab" 1716 > 1717 Book Now </a> 1718 </div> 1719 </div> 1720 </div> 1721 1722<div 1723 class="highlight-item col-sm-4 m-content-object--background m-content-object js-module-item 1724 column3 1725 " 1726 data-id="31035" 1727> 1728 <a 1729 href="/seaview" 1730 aria-label="Read more about Seaview" 1731 class="ratio-4-3 cms-radius m-content-object___img" 1732> 1733 <div class="ratio-content"> 1734 <picture> 1735 <source media="(max-width: 450px)" srcset="https://image-tc.galaxy.tf/wijpeg-a7hw0otzinfai5b8p30ecwwio/seaview-listing_standard.jpg?crop=0%2C0%2C1140%2C855&width=400"> 1736 <source media="(max-width: 767px)" srcset="https://image-tc.galaxy.tf/wijpeg-a7hw0otzinfai5b8p30ecwwio/seaview-listing_standard.jpg?crop=0%2C0%2C1140%2C855&width=720"> 1737 <source media="(max-width: 1199px)" srcset="https://image-tc.galaxy.tf/wijpeg-a7hw0otzinfai5b8p30ecwwio/seaview-listing_standard.jpg?crop=0%2C0%2C1140%2C855&width=298"> 1738 <source media="(min-width: 1200px)" srcset="https://image-tc.galaxy.tf/wijpeg-a7hw0otzinfai5b8p30ecwwio/seaview-listing_standard.jpg?crop=0%2C0%2C1140%2C855&width=372"> 1739 <img 1740 src="https://image-tc.galaxy.tf/wijpeg-a7hw0otzinfai5b8p30ecwwio/seaview-listing_standard.jpg?crop=0%2C0%2C1140%2C855" 1741 alt="" 1742 > 1743 </picture> 1744 </div> 1745 </a> 1746 <div class="m-content-object--infos" data-text-alignment-child> 1747 <div class="m-content-object__content"> 1748 <h3 1749 class=" 1750 h3 m-content-object--title js-module-title 1751 " 1752 > 1753 <a 1754 href="/seaview" 1755 class="clip-it link-text inherit" 1756 > 1757 Seaview </a> 1758 </h3> 1759 <div class="m-content-object--content--wrapper"> 1760 <div 1761 class=" 1762 m-content-object--content clip-it " 1763 data-clip="224" 1764 data-clip-html="true" 1765 data-clip-height=".m-content-object--content--wrapper" 1766 data-clip-height-wrapper=".m-content-object--content" 1767 > 1768 <p style="text-align: center;">Enjoy a rejuvenating stay in rustic, breezy sea view chalets offering a quintessential tropical island escape.</p> 1769 </div> 1770 <div class="m-content-object--read-more"> 1771 <a 1772 href="/seaview" 1773 aria-label="Read more about Seaview" 1774 class=" 1775more-link m-content-object--link custom-link-color 1776" 1777 > 1778 Discover more 1779 </a> 1780 </div> 1781 </div> 1782 </div> 1783
1783<script> 1784 (function() { 1785 if (!window.getCSSVariable) { 1786 window.getCSSVariable = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim().replace(/['"]/g, ''); 1787 } 1788 1789 const showMemberRateBoolean = window.getCSSVariable('--member-rate-enabled') == '1' ? true : false ; 1790 1791 if(!showMemberRateBoolean) return; 1792 1793 if(!window.memberRateData) { 1794 window.memberRateData = []; 1795 } 1796 window.memberRateData['id-864432a8941ea6d87d2b26ab714875dc-31035'] = { 1797 iHotelierConfig: '', 1798 leadRate: '', 1799 targetForMRM: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 1800 } 1801 1802 document.documentElement.classList.add('member-rate-enabled'); 1803 })(); 1804</script>
1804 1805 1806<style> 1807 .js-member-rate-zone { display: none; } 1808 .js-default-lead-rate { display: block; } 1809 1810 .member-rate-enabled .js-member-rate-zone { display: block; } 1811 .member-rate-enabled .js-default-lead-rate { display: none; } 1812 .member-rate-enabled .js-hide-when-member-rate { display: none; } 1813</style> 1814 1815<div class="m-content-object--footer info-price highlight-grid__price highlight-grid__button" data-id="31035"> 1816 <div id="member-rate-zone-id-864432a8941ea6d87d2b26ab714875dc-31035" class="js-member-rate-zone"> 1817 <member-rate-zone-app 1818 :configs="{ 1819 blockId: 'id-864432a8941ea6d87d2b26ab714875dc-31035', 1820 localesObjProp: { 1821 rewardProgramName: `Reward Program Name`, 1822 ratesFrom: `Rates from `, 1823 memberRateEmpty: `Rate info currently not available`, 1824 lowestPriceLabel: `Book lowest available rate, Current Price:`, 1825 memberPriceLabel: `Book [whatever], Original price: [strikethrough pricing], Current Price: [discounted price] [rate details]`, 1826 } 1827 }" 1828 /> 1829 </div> 1830 <a 1831 href="https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US" 1832 class="btn btn-action 1833 m-content-object--footer-btn js-hide-when-member-rate" 1834 target="_blank" rel="noopener" 1835 aria-label="Book NowSeaview opens in a new tab" 1836 > 1837 Book Now </a> 1838 </div> 1839 </div> 1840 </div> 1841 1842<div 1843 class="highlight-item col-sm-4 m-content-object--background m-content-object js-module-item 1844 column3 1845 " 1846 data-id="31651" 1847> 1848 <a 1849 href="/seaview-club-room" 1850 aria-label="Read more about Club Seaview" 1851 class="ratio-4-3 cms-radius m-content-object___img" 1852> 1853 <div class="ratio-content"> 1854 <picture> 1855 <source media="(max-width: 450px)" srcset="https://image-tc.galaxy.tf/wijpeg-46iib3e80rkdog7137qoocv3c/club-seaview-listing_standard.jpg?crop=78%2C0%2C1039%2C779&width=400"> 1856 <source media="(max-width: 767px)" srcset="https://image-tc.galaxy.tf/wijpeg-46iib3e80rkdog7137qoocv3c/club-seaview-listing_standard.jpg?crop=78%2C0%2C1039%2C779&width=720"> 1857 <source media="(max-width: 1199px)" srcset="https://image-tc.galaxy.tf/wijpeg-46iib3e80rkdog7137qoocv3c/club-seaview-listing_standard.jpg?crop=78%2C0%2C1039%2C779&width=298"> 1858 <source media="(min-width: 1200px)" srcset="https://image-tc.galaxy.tf/wijpeg-46iib3e80rkdog7137qoocv3c/club-seaview-listing_standard.jpg?crop=78%2C0%2C1039%2C779&width=372"> 1859 <img 1860 src="https://image-tc.galaxy.tf/wijpeg-46iib3e80rkdog7137qoocv3c/club-seaview-listing_standard.jpg?crop=78%2C0%2C1039%2C779" 1861 alt="" 1862 > 1863 </picture> 1864 </div> 1865 </a> 1866 <div class="m-content-object--infos" data-text-alignment-child> 1867 <div class="m-content-object__content"> 1868 <h3 1869 class=" 1870 h3 m-content-object--title js-module-title 1871 " 1872 > 1873 <a 1874 href="/seaview-club-room" 1875 class="clip-it link-text inherit" 1876 > 1877 Club Seaview </a> 1878 </h3> 1879 <div class="m-content-object--content--wrapper"> 1880 <div 1881 class=" 1882 m-content-object--content clip-it " 1883 data-clip="224" 1884 data-clip-html="true" 1885 data-clip-height=".m-content-object--content--wrapper" 1886 data-clip-height-wrapper=".m-content-object--content" 1887 > 1888 <p style="text-align: center;">An exquisite room features spacious verandah unveiling stunning Cenang Beach view, with exclusive privileges at <a href="/dining/the-club">The Club’s facilities.</a></p> 1889 </div> 1890 <div class="m-content-object--read-more"> 1891 <a 1892 href="/seaview-club-room" 1893 aria-label="Read more about Club Seaview" 1894 class=" 1895more-link m-content-object--link custom-link-color 1896" 1897 > 1898 Discover more 1899 </a> 1900 </div> 1901 </div> 1902 </div> 1903
1903<script> 1904 (function() { 1905 if (!window.getCSSVariable) { 1906 window.getCSSVariable = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim().replace(/['"]/g, ''); 1907 } 1908 1909 const showMemberRateBoolean = window.getCSSVariable('--member-rate-enabled') == '1' ? true : false ; 1910 1911 if(!showMemberRateBoolean) return; 1912 1913 if(!window.memberRateData) { 1914 window.memberRateData = []; 1915 } 1916 window.memberRateData['id-864432a8941ea6d87d2b26ab714875dc-31651'] = { 1917 iHotelierConfig: '', 1918 leadRate: '', 1919 targetForMRM: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 1920 } 1921 1922 document.documentElement.classList.add('member-rate-enabled'); 1923 })(); 1924</script>
1924 1925 1926<style> 1927 .js-member-rate-zone { display: none; } 1928 .js-default-lead-rate { display: block; } 1929 1930 .member-rate-enabled .js-member-rate-zone { display: block; } 1931 .member-rate-enabled .js-default-lead-rate { display: none; } 1932 .member-rate-enabled .js-hide-when-member-rate { display: none; } 1933</style> 1934 1935<div class="m-content-object--footer info-price highlight-grid__price highlight-grid__button" data-id="31651"> 1936 <div id="member-rate-zone-id-864432a8941ea6d87d2b26ab714875dc-31651" class="js-member-rate-zone"> 1937 <member-rate-zone-app 1938 :configs="{ 1939 blockId: 'id-864432a8941ea6d87d2b26ab714875dc-31651', 1940 localesObjProp: { 1941 rewardProgramName: `Reward Program Name`, 1942 ratesFrom: `Rates from `, 1943 memberRateEmpty: `Rate info currently not available`, 1944 lowestPriceLabel: `Book lowest available rate, Current Price:`, 1945 memberPriceLabel: `Book [whatever], Original price: [strikethrough pricing], Current Price: [discounted price] [rate details]`, 1946 } 1947 }" 1948 /> 1949 </div> 1950 <a 1951 href="https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US" 1952 class="btn btn-action 1953 m-content-object--footer-btn js-hide-when-member-rate" 1954 target="_blank" rel="noopener" 1955 aria-label="Book NowClub Seaview opens in a new tab" 1956 > 1957 Book Now </a> 1958 </div> 1959 </div> 1960 </div> 1961 1962<div 1963 class="highlight-item col-sm-4 m-content-object--background m-content-object js-module-item 1964 column3 1965 " 1966 data-id="31653" 1967> 1968 <a 1969 href="/garden-family-room" 1970 aria-label="Read more about Garden Family Room" 1971 class="ratio-4-3 cms-radius m-content-object___img" 1972> 1973 <div class="ratio-content"> 1974 <picture> 1975 <source media="(max-width: 450px)" srcset="https://image-tc.galaxy.tf/wijpeg-5t1ttbb2m916ns5dh65c6njby/family-room_standard.jpg?crop=89%2C0%2C903%2C677&width=400"> 1976 <source media="(max-width: 767px)" srcset="https://image-tc.galaxy.tf/wijpeg-5t1ttbb2m916ns5dh65c6njby/family-room_standard.jpg?crop=89%2C0%2C903%2C677&width=720"> 1977 <source media="(max-width: 1199px)" srcset="https://image-tc.galaxy.tf/wijpeg-5t1ttbb2m916ns5dh65c6njby/family-room_standard.jpg?crop=89%2C0%2C903%2C677&width=298"> 1978 <source media="(min-width: 1200px)" srcset="https://image-tc.galaxy.tf/wijpeg-5t1ttbb2m916ns5dh65c6njby/family-room_standard.jpg?crop=89%2C0%2C903%2C677&width=372"> 1979 <img 1980 src="https://image-tc.galaxy.tf/wijpeg-5t1ttbb2m916ns5dh65c6njby/family-room_standard.jpg?crop=89%2C0%2C903%2C677" 1981 alt="" 1982 > 1983 </picture> 1984 </div> 1985 </a> 1986 <div class="m-content-object--infos" data-text-alignment-child> 1987 <div class="m-content-object__content"> 1988 <h3 1989 class=" 1990 h3 m-content-object--title js-module-title 1991 " 1992 > 1993 <a 1994 href="/garden-family-room" 1995 class="clip-it link-text inherit" 1996 > 1997 Garden Family Room </a> 1998 </h3> 1999 <div class="m-content-object--content--wrapper"> 2000 <div 2001 class=" 2002 m-content-object--content clip-it " 2003 data-clip="224" 2004 data-clip-html="true" 2005 data-clip-height=".m-content-object--content--wrapper" 2006 data-clip-height-wrapper=".m-content-object--content" 2007 > 2008 <p style="text-align: center;">Relax in a spacious room, steps from the pool, offering comfort and perfect retreat for family and friends</p> 2009 </div> 2010 <div class="m-content-object--read-more"> 2011 <a 2012 href="/garden-family-room" 2013 aria-label="Read more about Garden Family Room" 2014 class=" 2015more-link m-content-object--link custom-link-color 2016" 2017 > 2018 Discover more 2019 </a> 2020 </div> 2021 </div> 2022 </div> 2023
2023<script> 2024 (function() { 2025 if (!window.getCSSVariable) { 2026 window.getCSSVariable = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim().replace(/['"]/g, ''); 2027 } 2028 2029 const showMemberRateBoolean = window.getCSSVariable('--member-rate-enabled') == '1' ? true : false ; 2030 2031 if(!showMemberRateBoolean) return; 2032 2033 if(!window.memberRateData) { 2034 window.memberRateData = []; 2035 } 2036 window.memberRateData['id-864432a8941ea6d87d2b26ab714875dc-31653'] = { 2037 iHotelierConfig: '', 2038 leadRate: '', 2039 targetForMRM: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 2040 } 2041 2042 document.documentElement.classList.add('member-rate-enabled'); 2043 })(); 2044</script>
2044 2045 2046<style> 2047 .js-member-rate-zone { display: none; } 2048 .js-default-lead-rate { display: block; } 2049 2050 .member-rate-enabled .js-member-rate-zone { display: block; } 2051 .member-rate-enabled .js-default-lead-rate { display: none; } 2052 .member-rate-enabled .js-hide-when-member-rate { display: none; } 2053</style> 2054 2055<div class="m-content-object--footer info-price highlight-grid__price highlight-grid__button" data-id="31653"> 2056 <div id="member-rate-zone-id-864432a8941ea6d87d2b26ab714875dc-31653" class="js-member-rate-zone"> 2057 <member-rate-zone-app 2058 :configs="{ 2059 blockId: 'id-864432a8941ea6d87d2b26ab714875dc-31653', 2060 localesObjProp: { 2061 rewardProgramName: `Reward Program Name`, 2062 ratesFrom: `Rates from `, 2063 memberRateEmpty: `Rate info currently not available`, 2064 lowestPriceLabel: `Book lowest available rate, Current Price:`, 2065 memberPriceLabel: `Book [whatever], Original price: [strikethrough pricing], Current Price: [discounted price] [rate details]`, 2066 } 2067 }" 2068 /> 2069 </div> 2070 <a 2071 href="https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US" 2072 class="btn btn-action 2073 m-content-object--footer-btn js-hide-when-member-rate" 2074 target="_blank" rel="noopener" 2075 aria-label="Book NowGarden Family Room opens in a new tab" 2076 > 2077 Book Now </a> 2078 </div> 2079 </div> 2080 </div> 2081 2082<div 2083 class="highlight-item col-sm-4 m-content-object--background m-content-object js-module-item 2084 column3 2085 " 2086 data-id="31039" 2087> 2088 <a 2089 href="/island-view-family-room" 2090 aria-label="Read more about Island View - Family Room" 2091 class="ratio-4-3 cms-radius m-content-object___img" 2092> 2093 <div class="ratio-content"> 2094 <picture> 2095 <source media="(max-width: 450px)" srcset="https://image-tc.galaxy.tf/wijpeg-4zmrd2ewf5qezmh4wrvgalj6d/island-view-family-room-listing-1_standard.jpg?crop=108%2C0%2C987%2C740&width=400"> 2096 <source media="(max-width: 767px)" srcset="https://image-tc.galaxy.tf/wijpeg-4zmrd2ewf5qezmh4wrvgalj6d/island-view-family-room-listing-1_standard.jpg?crop=108%2C0%2C987%2C740&width=720"> 2097 <source media="(max-width: 1199px)" srcset="https://image-tc.galaxy.tf/wijpeg-4zmrd2ewf5qezmh4wrvgalj6d/island-view-family-room-listing-1_standard.jpg?crop=108%2C0%2C987%2C740&width=298"> 2098 <source media="(min-width: 1200px)" srcset="https://image-tc.galaxy.tf/wijpeg-4zmrd2ewf5qezmh4wrvgalj6d/island-view-family-room-listing-1_standard.jpg?crop=108%2C0%2C987%2C740&width=372"> 2099 <img 2100 src="https://image-tc.galaxy.tf/wijpeg-4zmrd2ewf5qezmh4wrvgalj6d/island-view-family-room-listing-1_standard.jpg?crop=108%2C0%2C987%2C740" 2101 alt="" 2102 > 2103 </picture> 2104 </div> 2105 </a> 2106 <div class="m-content-object--infos" data-text-alignment-child> 2107 <div class="m-content-object__content"> 2108 <h3 2109 class=" 2110 h3 m-content-object--title js-module-title 2111 " 2112 > 2113 <a 2114 href="/island-view-family-room" 2115 class="clip-it link-text inherit" 2116 > 2117 Island View - Family Room </a> 2118 </h3> 2119 <div class="m-content-object--content--wrapper"> 2120 <div 2121 class=" 2122 m-content-object--content clip-it " 2123 data-clip="224" 2124 data-clip-html="true" 2125 data-clip-height=".m-content-object--content--wrapper" 2126 data-clip-height-wrapper=".m-content-object--content" 2127 > 2128 <p style="text-align: center;">Spacious beachfront family chalet, steps from pools and facilities, an ideal getaway for family and friends.</p> 2129 </div> 2130 <div class="m-content-object--read-more"> 2131 <a 2132 href="/island-view-family-room" 2133 aria-label="Read more about Island View - Family Room" 2134 class=" 2135more-link m-content-object--link custom-link-color 2136" 2137 > 2138 Discover more 2139 </a> 2140 </div> 2141 </div> 2142 </div> 2143
2143<script> 2144 (function() { 2145 if (!window.getCSSVariable) { 2146 window.getCSSVariable = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim().replace(/['"]/g, ''); 2147 } 2148 2149 const showMemberRateBoolean = window.getCSSVariable('--member-rate-enabled') == '1' ? true : false ; 2150 2151 if(!showMemberRateBoolean) return; 2152 2153 if(!window.memberRateData) { 2154 window.memberRateData = []; 2155 } 2156 window.memberRateData['id-864432a8941ea6d87d2b26ab714875dc-31039'] = { 2157 iHotelierConfig: '', 2158 leadRate: '', 2159 targetForMRM: 'https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US', 2160 } 2161 2162 document.documentElement.classList.add('member-rate-enabled'); 2163 })(); 2164</script>
2164 2165 2166<style> 2167 .js-member-rate-zone { display: none; } 2168 .js-default-lead-rate { display: block; } 2169 2170 .member-rate-enabled .js-member-rate-zone { display: block; } 2171 .member-rate-enabled .js-default-lead-rate { display: none; } 2172 .member-rate-enabled .js-hide-when-member-rate { display: none; } 2173</style> 2174 2175<div class="m-content-object--footer info-price highlight-grid__price highlight-grid__button" data-id="31039"> 2176 <div id="member-rate-zone-id-864432a8941ea6d87d2b26ab714875dc-31039" class="js-member-rate-zone"> 2177 <member-rate-zone-app 2178 :configs="{ 2179 blockId: 'id-864432a8941ea6d87d2b26ab714875dc-31039', 2180 localesObjProp: { 2181 rewardProgramName: `Reward Program Name`, 2182 ratesFrom: `Rates from `, 2183 memberRateEmpty: `Rate info currently not available`, 2184 lowestPriceLabel: `Book lowest available rate, Current Price:`, 2185 memberPriceLabel: `Book [whatever], Original price: [strikethrough pricing], Current Price: [discounted price] [rate details]`, 2186 } 2187 }" 2188 /> 2189 </div> 2190 <a 2191 href="https://be.synxis.com/?Hotel=61664&Chain=16451&config=initialConfig&locale=en-US" 2192 class="btn btn-action 2193 m-content-object--footer-btn js-hide-when-member-rate" 2194 target="_blank" rel="noopener" 2195 aria-label="Book NowIsland View - Family Room opens in a new tab" 2196 > 2197 Book Now </a> 2198 </div> 2199 </div> 2200 </div> 2201 2202 </div> 2203 </div> 2204</div> 2205 2206 2207<style> 2208 .id-c611c5e11d9048606d474492d115e36f .m-content-object___img { 2209 border-color: #A97C50; border-width: 1px; border-style: solid; 2210 border-bottom: 0; } 2211 .id-c611c5e11d9048606d474492d115e36f .m-content-object--infos { 2212 border-color: #A97C50; border-width: 1px; border-style: solid; 2213 margin-top: 0; 2214 } 2215 </style> 2216 <style> 2217 .id-c611c5e11d9048606d474492d115e36f .m-content-object___img { 2218 border-bottom-left-radius: 0; 2219 border-bottom-right-radius: 0; 2220 } 2221 .id-c611c5e11d9048606d474492d115e36f .m-content-object--infos { 2222 border-top-left-radius: 0; 2223 border-top-right-radius: 0; 2224 } 2225 .id-c611c5e11d9048606d474492d115e36f .slick-prev { 2226 padding-left: 1px; 2227 } 2228 .id-c611c5e11d9048606d474492d115e36f .slick-next { 2229 padding-right: 1px; 2230 } 2231 .id-c611c5e11d9048606d474492d115e36f.m-slider-items { 2232 padding-top: 30px; padding-bottom: 10px; } 2233 </style> 2234<div class="module-slider"> 2235 <div class="m-slider-items stripe-default-padding id-c611c5e11d9048606d474492d115e36f js-preload-url-params 2236 column2 " 2237 style="background-color: #FAFAFA; data-equalize-parent='[".m-content-object--title",".m-content-object--subtitle",".m-content-object--content", ".m-content-object--footer"]' 2238 data-module="suite" 2239 data-limit="" 2240 data-featured="0" 2241 > 2242 <div class="container module-room"> 2243 <!-- Since this has different variables from intro-text.html 2244I am keeping this partial until all the other blocks in tc-theme is changed to vue 2245This seems like the cleanest way. Once they are changed to vue these partials can be deleted 2246-->
2247<script> 2248 if(!window.introduction) { 2249 window.introduction = []; 2250 } 2251 window.introduction['id-c611c5e11d9048606d474492d115e36f'] = { 2252 intro: { 2253 enabled: true, 2254 blockWidth: '', 2255 title: "", 2256 subTitle: "", 2257 content: "<h2><span style=\"letter-spacing: 1px;\">SUITES<\/span><\/h2>\r\n", 2258 textColor: '#404040', 2259 textAlign: 'center', 2260 link: { 2261 enabled: false, 2262 title: "Read More", 2263 url: '', 2264 urlTarget: false 2265 }, 2266 btn: { 2267 enabled: false, 2268 title: "My Button", 2269 url: '', 2270 urlTarget: false, 2271 style: 'Action' 2272 } 2273 } 2274 }; 2275 2276 if(!window.locales) { 2277 window.locales = []; 2278 } 2279 window.locales['id-c611c5e11d9048606d474492d115e36f'] = { 2280 opensInNewTab: "opens in a new tab" 2281 } 2282</script>
2282 2283 2284<div id="id-c611c5e11d9048606d474492d115e36f" class="introduction-vue vue-container"> 2285 <introduction-app 2286 :block-id="'id-c611c5e11d9048606d474492d115e36f'" 2287 /> 2288</div> 2289 2290 <div class="row"> 2291 <div class="js-slider__wrapper"> 2292 <div class="js-slider slider--arrows-external slider--align-top slider-blog-list" data-columns="2" 2293 data-text-alignment="left" data-equalize-parent='[".m-content-object--title",".m-content-object--content"]'> 2294 <div class="col-sm-4 m-content-object js-module-item col-filters 2295 module-room___item 2296 center" has-rates data-id="1083"> 2297 2298 <a class="m-content-object___img ratio-4-3 cms-radius cms-border link-block" href="/pelangi-junior-suite" aria-label="Read more about Pelangi Junior Suite "> 2299 <div class="ratio-content"> 2300 <picture> 2301 <source media="(max-width: 450px)" srcset="https://image-tc.galaxy.tf/wijpeg-dz6e3w1z138agelx9z2wdebqo/room-1_standard.jpg?crop=83%2C0%2C915%2C686&width=400"> 2302 <source media="(max-width: 767px)" srcset="https://image-tc.galaxy.tf/wijpeg-dz6e3w1z138agelx9z2wdebqo/room-1_standard.jpg?crop=83%2C0%2C915%2C686&width=780"> 2303 <source media="(max-width: 1199px)" srcset="https://image-tc.galaxy.tf/wijpeg-dz6e3w1z138agelx9z2wdebqo/room-1_standard.jpg?crop=83%2C0%2C915%2C686&width=1000"> 2304 <source media="(min-width: 1200px)" srcset="https://image-tc.galaxy.tf/wijpeg-dz6e3w1z138agelx9z2wdebqo/room-1_standard.jpg?crop=83%2C0%2C915%2C686&width=600"> 2305 <img src="https://image-tc.galaxy.tf/wijpeg-dz6e3w1z138agelx9z2wdebqo/room-1_standard.jpg?crop=83%2C0%2C915%2C686" alt=""> 2306 </picture> 2307 </div> 2308 </a> 2309 <div class="m-content-object--infos"> 2310 <div class="m-content-object__content left-align"> 2311 <h3 class="h3 m-content-object--title "> 2312 <a href="/pelangi-junior-suite" class="link-text"> Pelangi Junior Suite </a> </h3> 2313 <div class="m-content-object--content " data-max-height="75"> 2314 <p style="text-align: center;">Spacious one-bedroom Junior Suite with contemporary design, located in close proximity to resort amenities, offering scenic comfort and exclusive privileges at <a href="/dining/the-club">The Club</a> for an indulgent, memorable stay.</p> 2315 </div> 2316 <a href="/pelangi-junior-suite" aria-label="Read more about Pelangi Junior Suite" 2317 class=" 2318more-link m-content-object--link custom-link-color 2319" target=""> 2320 Discover more 2321 </a> 2322 </div> 2323 <div class="m-content-object--footer module-room___button-slider info-price 2324 info-price--oneline 2325 " 2326 data-id="1083" 2327 > 2328
2328<script> 2329 (function() { 2330 if (!window.getCSSVariable) { 2331 window.getCSSVariable = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim().replace(/['"]/g, ''); 2332 } 2333 2334 const showMemberRateBoolean = window.getCSSVariable('--member-rate-enabled') == '1' ? true : false ; 2335 2336 if(!showMemberRateBoolean) return; 2337 2338 if(!window.memberRateData) { 2339 window.memberRateData = []; 2340 } 2341 const fallbackLeadRate = '' || ''; 2342 window.memberRateData['id-c611c5e11d9048606d474492d115e36f-1083'] = { 2343 iHotelierConfig: '', 2344 leadRate: fallbackLeadRate, 2345 targetForMRM: '/', 2346 } 2347 2348 document.documentElement.classList.add('member-rate-enabled'); 2349 })(); 2350</script>
2350 2351 2352<style> 2353 .js-member-rate-zone { display: none; } 2354 .js-default-lead-rate { display: block; } 2355 2356 .member-rate-enabled .js-member-rate-zone { display: block; } 2357 .member-rate-enabled .js-default-lead-rate { display: none; } 2358 .member-rate-enabled .js-hide-when-member-rate { display: none; } 2359 2360 .member-rate-enabled .container-member-rate { margin-top: 24px; } 2361 2362</style> 2363 2364 <div class="js-member-rate-zone" id="member-rate-zone-id-c611c5e11d9048606d474492d115e36f-1083" id-slick-slider="id-c611c5e11d9048606d474492d115e36f-1083"> 2365 <member-rate-zone-app 2366 :configs="{ 2367 blockId: 'id-c611c5e11d9048606d474492d115e36f-1083', 2368 localesObjProp: { 2369 rewardProgramName: `Reward Program Name`, 2370 ratesFrom: `Rates from `, 2371 memberRateEmpty: `Rate info currently not available`, 2372 lowestPriceLabel: `Book lowest available rate, Current Price:`, 2373 memberPriceLabel: `Book [whatever], Original price: [strikethrough pricing], Current Price: [discounted price] [rate details]`, 2374 } 2375 }" 2376 /> 2377 </div> 2378 <a 2379 href="/" 2380 class="btn btn-action 2381 m-content-object--footer-btn js-hide-when-member-rate" 2382 target="_blank" rel="noopener" 2383 aria-label="Book now for Pelangi Junior Suite opens in a new tab" 2384 > 2385 Book now<span class="sr-only"> opens in a new tab</span> 2386 </a> 2387 </div> 2388 </div> 2389 2390 2391
2391<script type="text/template" class="offers-modal"> 2392 <div class="dialog modal-offer pop-up-id-c611c5e11d9048606d474492d115e36f" aria-hidden="true"> 2393 <div class="dialog-content" aria-labelledby="dialogTitleid-c611c5e11d9048606d474492d115e36f" aria-label="Offer booking dialog" role="dialog"> 2394 <div role="document"> 2395 <button data-a11y-dialog-hide class="dialog-close" aria-label="Close this dialog window">×</button> 2396 <div class="m-popup-content"> 2397 <div class="h3 modal-offer__title" tabindex="-1" id="dialogTitleid-c611c5e11d9048606d474492d115e36f"></div> 2398 <div class="content"> 2399 <p>This offer is available in a range of selected hotels. Please choose at which one you would like to book.</p> 2400 </div> 2401 <form class="modal-offer__form"> 2402 <div class="form-group ada-select__wrapper"> 2403 <label class="form-label ada-select__label" for="offer-booking-url">Select hotel</label> 2404 <div class="modal-offer__select-container select-wrapper" data-placeholder="Select property"></div> 2405 </div> 2406 <div class="stripe-btn-wrapper"> 2407 <button class="btn btn-action">Book offer</button> 2408 </div> 2409 </form> 2410 </div> 2411 </div> 2412 </div> 2413 </div> 2414</script>
2414 2415</div> 2416 2417 2418 <div class="col-sm-4 m-content-object js-module-item col-filters 2419 module-room___item 2420 center" has-rates data-id="1085"> 2421 2422 <a class="m-content-object___img ratio-4-3 cms-radius cms-border link-block" href="/pelangi-suite" aria-label="Read more about Pelangi Suite "> 2423 <div class="ratio-content"> 2424 <picture> 2425 <source media="(max-width: 450px)" srcset="https://image-tc.galaxy.tf/wijpeg-pe4ajwoqevtf4z902ct80k1a/living-room-1_standard.jpg?crop=60%2C0%2C960%2C720&width=400"> 2426 <source media="(max-width: 767px)" srcset="https://image-tc.galaxy.tf/wijpeg-pe4ajwoqevtf4z902ct80k1a/living-room-1_standard.jpg?crop=60%2C0%2C960%2C720&width=780"> 2427 <source media="(max-width: 1199px)" srcset="https://image-tc.galaxy.tf/wijpeg-pe4ajwoqevtf4z902ct80k1a/living-room-1_standard.jpg?crop=60%2C0%2C960%2C720&width=1000"> 2428 <source media="(min-width: 1200px)" srcset="https://image-tc.galaxy.tf/wijpeg-pe4ajwoqevtf4z902ct80k1a/living-room-1_standard.jpg?crop=60%2C0%2C960%2C720&width=600"> 2429 <img src="https://image-tc.galaxy.tf/wijpeg-pe4ajwoqevtf4z902ct80k1a/living-room-1_standard.jpg?crop=60%2C0%2C960%2C720" alt=""> 2430 </picture> 2431 </div> 2432 </a> 2433 <div class="m-content-object--infos"> 2434 <div class="m-content-object__content left-align"> 2435 <h3 class="h3 m-content-object--title "> 2436 <a href="/pelangi-suite" class="link-text"> Pelangi Suite </a> </h3> 2437 <div class="m-content-object--content " data-max-height="75"> 2438 <p style="text-align: center;">The Pelangi Suite offers a bedroom, separate lounge and a dining area, with two verandahs showcasing expansive scenic views, and exclusive access to <a href="/dining/the-club">The Club’s</a> premium facilities.</p> 2439 </div> 2440 <a href="/pelangi-suite" aria-label="Read more about Pelangi Suite" 2441 class=" 2442more-link m-content-object--link custom-link-color 2443" target=""> 2444 Discover more 2445 </a> 2446 </div> 2447 <div class="m-content-object--footer module-room___button-slider info-price 2448 info-price--oneline 2449 " 2450 data-id="1085" 2451 > 2452
2452<script> 2453 (function() { 2454 if (!window.getCSSVariable) { 2455 window.getCSSVariable = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim().replace(/['"]/g, ''); 2456 } 2457 2458 const showMemberRateBoolean = window.getCSSVariable('--member-rate-enabled') == '1' ? true : false ; 2459 2460 if(!showMemberRateBoolean) return; 2461 2462 if(!window.memberRateData) { 2463 window.memberRateData = []; 2464 } 2465 const fallbackLeadRate = '' || ''; 2466 window.memberRateData['id-c611c5e11d9048606d474492d115e36f-1085'] = { 2467 iHotelierConfig: '', 2468 leadRate: fallbackLeadRate, 2469 targetForMRM: '/', 2470 } 2471 2472 document.documentElement.classList.add('member-rate-enabled'); 2473 })(); 2474</script>
2474 2475 2476<style> 2477 .js-member-rate-zone { display: none; } 2478 .js-default-lead-rate { display: block; } 2479 2480 .member-rate-enabled .js-member-rate-zone { display: block; } 2481 .member-rate-enabled .js-default-lead-rate { display: none; } 2482 .member-rate-enabled .js-hide-when-member-rate { display: none; } 2483 2484 .member-rate-enabled .container-member-rate { margin-top: 24px; } 2485 2486</style> 2487 2488 <div class="js-member-rate-zone" id="member-rate-zone-id-c611c5e11d9048606d474492d115e36f-1085" id-slick-slider="id-c611c5e11d9048606d474492d115e36f-1085"> 2489 <member-rate-zone-app 2490 :configs="{ 2491 blockId: 'id-c611c5e11d9048606d474492d115e36f-1085', 2492 localesObjProp: { 2493 rewardProgramName: `Reward Program Name`, 2494 ratesFrom: `Rates from `, 2495 memberRateEmpty: `Rate info currently not available`, 2496 lowestPriceLabel: `Book lowest available rate, Current Price:`, 2497 memberPriceLabel: `Book [whatever], Original price: [strikethrough pricing], Current Price: [discounted price] [rate details]`, 2498 } 2499 }" 2500 /> 2501 </div> 2502 <a 2503 href="/" 2504 class="btn btn-action 2505 m-content-object--footer-btn js-hide-when-member-rate" 2506 target="_blank" rel="noopener" 2507 aria-label="Book now for Pelangi Suite opens in a new tab" 2508 > 2509 Book now<span class="sr-only"> opens in a new tab</span> 2510 </a> 2511 </div> 2512 </div> 2513 2514 2515
2515<script type="text/template" class="offers-modal"> 2516 <div class="dialog modal-offer pop-up-id-c611c5e11d9048606d474492d115e36f" aria-hidden="true"> 2517 <div class="dialog-content" aria-labelledby="dialogTitleid-c611c5e11d9048606d474492d115e36f" aria-label="Offer booking dialog" role="dialog"> 2518 <div role="document"> 2519 <button data-a11y-dialog-hide class="dialog-close" aria-label="Close this dialog window">×</button> 2520 <div class="m-popup-content"> 2521 <div class="h3 modal-offer__title" tabindex="-1" id="dialogTitleid-c611c5e11d9048606d474492d115e36f"></div> 2522 <div class="content"> 2523 <p>This offer is available in a range of selected hotels. Please choose at which one you would like to book.</p> 2524 </div> 2525 <form class="modal-offer__form"> 2526 <div class="form-group ada-select__wrapper"> 2527 <label class="form-label ada-select__label" for="offer-booking-url">Select hotel</label> 2528 <div class="modal-offer__select-container select-wrapper" data-placeholder="Select property"></div> 2529 </div> 2530 <div class="stripe-btn-wrapper"> 2531 <button class="btn btn-action">Book offer</button> 2532 </div> 2533 </form> 2534 </div> 2535 </div> 2536 </div> 2537 </div> 2538</script>
2538 2539</div> 2540 2541 2542 <div class="col-sm-4 m-content-object js-module-item col-filters 2543 module-room___item 2544 center" has-rates data-id="1989"> 2545 2546 <a class="m-content-object___img ratio-4-3 cms-radius cms-border link-block" href="/pelangi-duplex-suite" aria-label="Read more about Pelangi Duplex Suite "> 2547 <div class="ratio-content"> 2548 <picture> 2549 <source media="(max-width: 450px)" srcset="https://image-tc.galaxy.tf/wijpeg-1jpxejfvhm65fjk15kgdo5ert/pelangi-duplex-suite-01_standard.jpg?crop=240%2C0%2C1440%2C1080&width=400"> 2550 <source media="(max-width: 767px)" srcset="https://image-tc.galaxy.tf/wijpeg-1jpxejfvhm65fjk15kgdo5ert/pelangi-duplex-suite-01_standard.jpg?crop=240%2C0%2C1440%2C1080&width=780"> 2551 <source media="(max-width: 1199px)" srcset="https://image-tc.galaxy.tf/wijpeg-1jpxejfvhm65fjk15kgdo5ert/pelangi-duplex-suite-01_standard.jpg?crop=240%2C0%2C1440%2C1080&width=1000"> 2552 <source media="(min-width: 1200px)" srcset="https://image-tc.galaxy.tf/wijpeg-1jpxejfvhm65fjk15kgdo5ert/
2552pelangi-duplex-suite-01_standard.jpg?crop=240%2C0%2C1440%2C1080&width=600"> 2553 <img src="https://image-tc.galaxy.tf/wijpeg-1jpxejfvhm65fjk15kgdo5ert/pelangi-duplex-suite-01_standard.jpg?crop=240%2C0%2C1440%2C1080" alt="Spacious Pelangi Duplex Suite with high ceilings, tropical murals, and modern furnishings at Pelangi Beach Resort & Spa, Langkawi"> 2554 </picture> 2555 </div> 2556 </a> 2557 <div class="m-content-object--infos"> 2558 <div class="m-content-object__content left-align"> 2559 <h3 class="h3 m-content-object--title "> 2560 <a href="/pelangi-duplex-suite" class="link-text"> Pelangi Duplex Suite </a> </h3> 2561 <div class="m-content-object--content " data-max-height="75"> 2562 <p style="text-align: center;">Experience elevated comfort in a stylish two-level retreat with open-plan living, refined amenities, and exclusive Club access for a seamless island escape.</p> 2563 </div> 2564 <a href="/pelangi-duplex-suite" aria-label="Read more about Pelangi Duplex Suite" 2565 class=" 2566more-link m-content-object--link custom-link-color 2567" target=""> 2568 Discover more 2569 </a> 2570 </div> 2571 <div class="m-content-object--footer module-room___button-slider info-price 2572 info-price--oneline 2573 " 2574 data-id="1989" 2575 > 2576
2576<script> 2577 (function() { 2578 if (!window.getCSSVariable) { 2579 window.getCSSVariable = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim().replace(/['"]/g, ''); 2580 } 2581 2582 const showMemberRateBoolean = window.getCSSVariable('--member-rate-enabled') == '1' ? true : false ; 2583 2584 if(!showMemberRateBoolean) return; 2585 2586 if(!window.memberRateData) { 2587 window.memberRateData = []; 2588 } 2589 const fallbackLeadRate = '' || ''; 2590 window.memberRateData['id-c611c5e11d9048606d474492d115e36f-1989'] = { 2591 iHotelierConfig: '', 2592 leadRate: fallbackLeadRate, 2593 targetForMRM: 'https://be.synxis.com/?adult=2&arrive=2026-07-07&chain=16451&child=0¤cy=MYR&depart=2026-07-08&hotel=61664&level=hotel&locale=en-US&productcurrency=MYR&rooms=1', 2594 } 2595 2596 document.documentElement.classList.add('member-rate-enabled'); 2597 })(); 2598</script>
2598 2599 2600<style> 2601 .js-member-rate-zone { display: none; } 2602 .js-default-lead-rate { display: block; } 2603 2604 .member-rate-enabled .js-member-rate-zone { display: block; } 2605 .member-rate-enabled .js-default-lead-rate { display: none; } 2606 .member-rate-enabled .js-hide-when-member-rate { display: none; } 2607 2608 .member-rate-enabled .container-member-rate { margin-top: 24px; } 2609 2610</style> 2611 2612 <div class="js-member-rate-zone" id="member-rate-zone-id-c611c5e11d9048606d474492d115e36f-1989" id-slick-slider="id-c611c5e11d9048606d474492d115e36f-1989"> 2613 <member-rate-zone-app 2614 :configs="{ 2615 blockId: 'id-c611c5e11d9048606d474492d115e36f-1989', 2616 localesObjProp: { 2617 rewardProgramName: `Reward Program Name`, 2618 ratesFrom: `Rates from `, 2619 memberRateEmpty: `Rate info currently not available`, 2620 lowestPriceLabel: `Book lowest available rate, Current Price:`, 2621 memberPriceLabel: `Book [whatever], Original price: [strikethrough pricing], Current Price: [discounted price] [rate details]`, 2622 } 2623 }" 2624 /> 2625 </div> 2626 <a 2627 href="https://be.synxis.com/?adult=2&arrive=2026-07-07&chain=16451&child=0¤cy=MYR&depart=2026-07-08&hotel=61664&level=hotel&locale=en-US&productcurrency=MYR&rooms=1" 2628 class="btn btn-action 2629 m-content-object--footer-btn js-hide-when-member-rate" 2630 target="_blank" rel="noopener" 2631 aria-label="Book now for Pelangi Duplex Suite opens in a new tab" 2632 > 2633 Book now<span class="sr-only"> opens in a new tab</span> 2634 </a> 2635 </div> 2636 </div> 2637 2638 2639
2639<script type="text/template" class="offers-modal"> 2640 <div class="dialog modal-offer pop-up-id-c611c5e11d9048606d474492d115e36f" aria-hidden="true"> 2641 <div class="dialog-content" aria-labelledby="dialogTitleid-c611c5e11d9048606d474492d115e36f" aria-label="Offer booking dialog" role="dialog"> 2642 <div role="document"> 2643 <button data-a11y-dialog-hide class="dialog-close" aria-label="Close this dialog window">×</button> 2644 <div class="m-popup-content"> 2645 <div class="h3 modal-offer__title" tabindex="-1" id="dialogTitleid-c611c5e11d9048606d474492d115e36f"></div> 2646 <div class="content"> 2647 <p>This offer is available in a range of selected hotels. Please choose at which one you would like to book.</p> 2648 </div> 2649 <form class="modal-offer__form"> 2650 <div class="form-group ada-select__wrapper"> 2651 <label class="form-label ada-select__label" for="offer-booking-url">Select hotel</label> 2652 <div class="modal-offer__select-container select-wrapper" data-placeholder="Select property"></div> 2653 </div> 2654 <div class="stripe-btn-wrapper"> 2655 <button class="btn btn-action">Book offer</button> 2656 </div> 2657 </form> 2658 </div> 2659 </div> 2660 </div> 2661 </div> 2662</script>
2662 2663</div> 2664 2665 2666 <div class="col-sm-4 m-content-object js-module-item col-filters 2667 module-room___item 2668 center" has-rates data-id="1991"> 2669 2670 <a class="m-content-object___img ratio-4-3 cms-radius cms-border link-block" href="/pelangi-two-bedroom-suite" aria-label="Read more about Pelangi Two-Bedroom Suite "> 2671 <div class="ratio-content"> 2672 <picture> 2673 <source media="(max-width: 450px)" srcset="https://image-tc.galaxy.tf/wijpeg-a6jg9t396nqwovrp9a35ozbo4/pts-01_standard.jpg?crop=240%2C0%2C1440%2C1080&width=400"> 2674 <source media="(max-width: 767px)" srcset="https://image-tc.galaxy.tf/wijpeg-a6jg9t396nqwovrp9a35ozbo4/pts-01_standard.jpg?crop=240%2C0%2C1440%2C1080&width=780"> 2675 <source media="(max-width: 1199px)" srcset="https://image-tc.galaxy.tf/wijpeg-a6jg9t396nqwovrp9a35ozbo4/pts-01_standard.jpg?crop=240%2C0%2C1440%2C1080&width=1000"> 2676 <source media="(min-width: 1200px)" srcset="https://image-tc.galaxy.tf/wijpeg-a6jg9t396nqwovrp9a35ozbo4/pts-01_standard.jpg?crop=240%2C0%2C1440%2C1080&width=600"> 2677 <img src="https://image-tc.galaxy.tf/wijpeg-a6jg9t396nqwovrp9a35ozbo4/pts-01_standard.jpg?crop=240%2C0%2C1440%2C1080" alt=""> 2678 </picture> 2679 </div> 2680 </a> 2681 <div class="m-content-object--infos"> 2682 <div class="m-content-object__content left-align"> 2683 <h3 class="h3 m-content-object--title "> 2684 <a href="/pelangi-two-bedroom-suite" class="link-text"> Pelangi Two-Bedroom Suite </a> </h3> 2685 <div class="m-content-object--content " data-max-height="75"> 2686 <p style="text-align: center;">Indulge in refined luxury in this expansive two-bedroom suite, featuring a master bedroom with a king-sized bed and a second room with twin-bedded. </p> 2687 </div> 2688 <a href="/pelangi-two-bedroom-suite" aria-label="Read more about Pelangi Two-Bedroom Suite" 2689 class=" 2690more-link m-content-object--link custom-link-color 2691" target=""> 2692 Discover more 2693 </a> 2694 </div> 2695 <div class="m-content-object--footer module-room___button-slider info-price 2696 info-price--oneline 2697 " 2698 data-id="1991" 2699 > 2700
2700<script> 2701 (function() { 2702 if (!window.getCSSVariable) { 2703 window.getCSSVariable = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim().replace(/['"]/g, ''); 2704 } 2705 2706 const showMemberRateBoolean = window.getCSSVariable('--member-rate-enabled') == '1' ? true : false ; 2707 2708 if(!showMemberRateBoolean) return; 2709 2710 if(!window.memberRateData) { 2711 window.memberRateData = []; 2712 } 2713 const fallbackLeadRate = '' || ''; 2714 window.memberRateData['id-c611c5e11d9048606d474492d115e36f-1991'] = { 2715 iHotelierConfig: '', 2716 leadRate: fallbackLeadRate, 2717 targetForMRM: 'https://be.synxis.com/?adult=2&arrive=2026-07-07&chain=16451&child=0¤cy=MYR&depart=2026-07-08&hotel=61664&level=hotel&locale=en-US&productcurrency=MYR&rooms=1', 2718 } 2719 2720 document.documentElement.classList.add('member-rate-enabled'); 2721 })(); 2722</script>
2722 2723 2724<style> 2725 .js-member-rate-zone { display: none; } 2726 .js-default-lead-rate { display: block; } 2727 2728 .member-rate-enabled .js-member-rate-zone { display: block; } 2729 .member-rate-enabled .js-default-lead-rate { display: none; } 2730 .member-rate-enabled .js-hide-when-member-rate { display: none; } 2731 2732 .member-rate-enabled .container-member-rate { margin-top: 24px; } 2733 2734</style> 2735 2736 <div class="js-member-rate-zone" id="member-rate-zone-id-c611c5e11d9048606d474492d115e36f-1991" id-slick-slider="id-c611c5e11d9048606d474492d115e36f-1991"> 2737 <member-rate-zone-app 2738 :configs="{ 2739 blockId: 'id-c611c5e11d9048606d474492d115e36f-1991', 2740 localesObjProp: { 2741 rewardProgramName: `Reward Program Name`, 2742 ratesFrom: `Rates from `, 2743 memberRateEmpty: `Rate info currently not available`, 2744 lowestPriceLabel: `Book lowest available rate, Current Price:`, 2745 memberPriceLabel: `Book [whatever], Original price: [strikethrough pricing], Current Price: [discounted price] [rate details]`, 2746 } 2747 }" 2748 /> 2749 </div> 2750 <a 2751 href="https://be.synxis.com/?adult=2&arrive=2026-07-07&chain=16451&child=0¤cy=MYR&depart=2026-07-08&hotel=61664&level=hotel&locale=en-US&productcurrency=MYR&rooms=1" 2752 class="btn btn-action 2753 m-content-object--footer-btn js-hide-when-member-rate" 2754 target="_blank" rel="noopener" 2755 aria-label="Book now for Pelangi Two-Bedroom Suite opens in a new tab" 2756 > 2757 Book now<span class="sr-only"> opens in a new tab</span> 2758 </a> 2759 </div> 2760 </div> 2761 2762 2763
2763<script type="text/template" class="offers-modal"> 2764 <div class="dialog modal-offer pop-up-id-c611c5e11d9048606d474492d115e36f" aria-hidden="true"> 2765 <div class="dialog-content" aria-labelledby="dialogTitleid-c611c5e11d9048606d474492d115e36f" aria-label="Offer booking dialog" role="dialog"> 2766 <div role="document"> 2767 <button data-a11y-dialog-hide class="dialog-close" aria-label="Close this dialog window">×</button> 2768 <div class="m-popup-content"> 2769 <div class="h3 modal-offer__title" tabindex="-1" id="dialogTitleid-c611c5e11d9048606d474492d115e36f"></div> 2770 <div class="content"> 2771 <p>This offer is available in a range of selected hotels. Please choose at which one you would like to book.</p> 2772 </div> 2773 <form class="modal-offer__form"> 2774 <div class="form-group ada-select__wrapper"> 2775 <label class="form-label ada-select__label" for="offer-booking-url">Select hotel</label> 2776 <div class="modal-offer__select-container select-wrapper" data-placeholder="Select property"></div> 2777 </div> 2778 <div class="stripe-btn-wrapper"> 2779 <button class="btn btn-action">Book offer</button> 2780 </div> 2781 </form> 2782 </div> 2783 </div> 2784 </div> 2785 </div> 2786</script>
2786 2787</div> 2788 2789 2790 </div> 2791 </div> 2792 </div> 2793 </div> 2794 </div> 2795</div> 2796 2797 2798 2799 <style> 2800 .id-ce48052d4dfbe04f17fe622fdd92ad09 .custom-link-color, 2801 .id-ce48052d4dfbe04f17fe622fdd92ad09 .cms-html-var a, 2802 .id-ce48052d4dfbe04f17fe622fdd92ad09 .cms-html-var a:visited { 2803 color: #A97C50; 2804 } 2805 2806 .id-ce48052d4dfbe04f17fe622fdd92ad09 .custom-link-color:hover, 2807 .id-ce48052d4dfbe04f17fe622fdd92ad09 .cms-html-var a:hover { 2808 color: #A97C50; 2809 opacity: 0.8; 2810 } 2811 </style> 2812 2813 2814 2815<style> 2816 .id-ce48052d4dfbe04f17fe622fdd92ad09 .js-slider__wrapper, 2817 .id-ce48052d4dfbe04f17fe622fdd92ad09 .m-plain-text, 2818 .id-ce48052d4dfbe04f17fe622fdd92ad09 .m-plain-text .m-plain-text--title, 2819 .id-ce48052d4dfbe04f17fe622fdd92ad09 .m-plain-text--subtitle { 2820 color:#FBF5EE; 2821 } 2822 .id-ce48052d4dfbe04f17fe622fdd92ad09.rooms-offers-rotator { 2823 padding-bottom: 70px; } 2824 </style> 2825 2826<div 2827 class="stripe-default-padding id-ce48052d4dfbe04f17fe622fdd92ad09 rooms-offers-rotator 2828 " 2829 style="" 2830 data-module="offer" 2831 data-website-item-type="3" 2832 data-limit="" 2833 data-featured="0" 2834> 2835 <div class="container"> 2836 <!-- Since this has different variables from intro-text.html 2837I am keeping this partial until all the other blocks in tc-theme is changed to vue 2838This seems like the cleanest way. Once they are changed to vue these partials can be deleted 2839-->
2840<script> 2841 if(!window.introduction) { 2842 window.introduction = []; 2843 } 2844 window.introduction['id-ce48052d4dfbe04f17fe622fdd92ad09'] = { 2845 intro: { 2846 enabled: true, 2847 blockWidth: '100', 2848 title: "", 2849 subTitle: "", 2850 content: "<p><img alt=\"\" src=\"https://image-tc.galaxy.tf/wipng-9db79yjp3oh9rvjkhqhez9k5t/file.png\" style=\"width: 100px; height: 81px;\" \/><\/p>\r\n\r\n<h2><span style=\"letter-spacing: 1px;\">ACCOMMODATION OFFERS<\/span><\/h2>\r\n\r\n<p>Book your next getaway at a best price today!<\/p>\r\n", 2851 textColor: '#404040', 2852 textAlign: 'center', 2853 link: { 2854 enabled: false, 2855 title: "Read More", 2856 url: '', 2857 urlTarget: false 2858 }, 2859 btn: { 2860 enabled: false, 2861 title: "My button", 2862 url: '', 2863 urlTarget: false, 2864 style: 'Action' 2865 } 2866 } 2867 }; 2868 2869 if(!window.locales) { 2870 window.locales = []; 2871 } 2872 window.locales['id-ce48052d4dfbe04f17fe622fdd92ad09'] = { 2873 opensInNewTab: "opens in a new tab" 2874 } 2875</script>
2875 2876 2877<div id="id-ce48052d4dfbe04f17fe622fdd92ad09" class="introduction-vue vue-container"> 2878 <introduction-app 2879 :block-id="'id-ce48052d4dfbe04f17fe622fdd92ad09'" 2880 /> 2881</div> 2882 2883 <div 2884 class="js-slider__wrapper slider--with-radius cms-radius rotator-box-slider 2885 cms-custom-color" 2886 style="background-color: #404040;" 2887 data-text-alignment="center" 2888 > 2889 <span class="sr-only">Slideshow</span> 2890 <div 2891 class="js-slider slider--align-top" 2892 data-pagination="true" 2893 data-autoplay="true" 2894 aria-live="polite" 2895 id="rotator-id-ce48052d4dfbe04f17fe622fdd92ad09" 2896 > 2897 <div class="rotator-box-item" data-id="79467"> 2898 <div class="rotator-col rotator-box-item__media-col ratio-4-3"> 2899 <div class="ratio-content"> 2900 <picture> 2901 <img 2902 loading="lazy" 2903 srcset="https://image-tc.galaxy.tf/wipng-3betv5uw4bk4dp9l0yh2x6dwj/let-s-be-direct-1_standard.png?crop=0%2C135%2C1080%2C810&width=390 390w, 2904 https://image-tc.galaxy.tf/wipng-3betv5uw4bk4dp9l0yh2x6dwj/let-s-be-direct-1_standard.png?crop=0%2C135%2C1080%2C810&width=700 700w, 2905 https://image-tc.galaxy.tf/wipng-3betv5uw4bk4dp9l0yh2x6dwj/let-s-be-direct-1_standard.png?crop=0%2C135%2C1080%2C810&width=560 560w" 2906 sizes="(max-width: 767px) 390px, 2907 (max-width: 1199px) 700px, 2908 (min-width: 1200px) 560px" 2909 src="https://image-tc.galaxy.tf/wipng-3betv5uw4bk4dp9l0yh2x6dwj/let-s-be-direct-1_standard.png?crop=0%2C135%2C1080%2C810" 2910 alt="" 2911 > 2912 </picture> 2913 </div> 2914</div> 2915 2916<style> 2917 .id-ce48052d4dfbe04f17fe622fdd92ad09 .content-padding, .id-ce48052d4dfbe04f17fe622fdd92ad09 .highlight-grid__price { 2918 padding-left:20px; 2919 padding-right:20px; 2920 } 2921</style> 2922 2923<div class="rotator-col rotator-box-item__content-col rotator-box-item__content js-module-item"> 2924 <h4 2925 class="h3 stripe__title cms-custom-color-child js-module-title 2926 content-padding"> 2927 SMART SAVER DEAL </h4> 2928 <div 2929 class="stripe__text cms-html-var 2930 content-padding clip-it" 2931 data-clip="224" 2932 data-clip-max-lines="4" 2933 data-clip-html="true" 2934 data-clip-height=".rotator-box-item__content" 2935 data-clip-height-wrapper=".rotator-box-item" 2936 > 2937 <p style="text-align: center;">Lock in our lowest direct rate starting from RM690.</p> 2938 </div> 2939 <div 2940 class="stripe__actions 2941 content-padding"> 2942 <div> 2943 <a 2944 href="/special-offers/smart-saver" 2945 class="more-link custom-link-color" 2946 aria-label="Discover more about SMART SAVER DEAL" 2947 >Discover more</a> 2948 </div> 2949 </div> 2950 <div 2951 class="stripe__book-now info-price info-price--twolines 2952 content-padding" 2953 data-id="79467"> 2954 <div class="rotator-box-lead-rates-wrapper"> 2955 2956 2957 2958 <div class="lead-rates cms-custom-color-child">Rates from <span class="lead-rates-price"></span></div> 2959 2960 2961 2962 2963 2964 <a 2965 href="https://be.synxis.com/?adult=2&arrive=2026-05-27&chain=16451&child=0¤cy=MYR&depart=2026-05-28&hotel=61664&level=hotel&locale=en-US&productcurrency=MYR&promo=SMARTSAVER&rooms=1" 2966 class="btn btn-action 2967" 2968 target="_blank" 2969 aria-label="Book now for SMART SAVER DEAL 2970 Book now 2971 opens in a new tab" 2972 > 2973 Book now 2974 </a> 2975 2976 2977 </div> 2978</div> 2979 </div> 2980 </div> 2981 <div class="rotator-box-item" data-id="77771"> 2982 <div class="rotator-col rotator-box-item__media-col ratio-4-3"> 2983 <div class="ratio-content"> 2984 <picture> 2985 <img 2986 loading="lazy" 2987 srcset="https://image-tc.galaxy.tf/wijpeg-684cadsu031s4pgj27sipfcy3/romanticescape_standard.jpg?crop=0%2C0%2C1140%2C855&width=390 390w, 2988 https://image-tc.galaxy.tf/wijpeg-684cadsu031s4pgj27sipfcy3/romanticescape_standard.jpg?crop=0%2C0%2C1140%2C855&width=700 700w, 2989 https://image-tc.galaxy.tf/wijpeg-684cadsu031s4pgj27sipfcy3/romanticescape_standard.jpg?crop=0%2C0%2C1140%2C855&width=560 560w" 2990 sizes="(max-width: 767px) 390px, 2991 (max-width: 1199px) 700px, 2992 (min-width: 1200px) 560px" 2993 src="https://image-tc.galaxy.tf/wijpeg-684cadsu031s4pgj27sipfcy3/romanticescape_standard.jpg?crop=0%2C0%2C1140%2C855" 2994 alt="" 2995 > 2996 </picture> 2997 </div> 2998</div> 2999 3000<style>
3001 .id-ce48052d4dfbe04f17fe622fdd92ad09 .content-padding, .id-ce48052d4dfbe04f17fe622fdd92ad09 .highlight-grid__price { 3002 padding-left:20px; 3003 padding-right:20px; 3004 } 3005</style> 3006 3007<div class="rotator-col rotator-box-item__content-col rotator-box-item__content js-module-item"> 3008 <h4 3009 class="h3 stripe__title cms-custom-color-child js-module-title 3010 content-padding"> 3011 Romantic Escape </h4> 3012 <div 3013 class="stripe__text cms-html-var 3014 content-padding clip-it" 3015 data-clip="224" 3016 data-clip-max-lines="4" 3017 data-clip-html="true" 3018 data-clip-height=".rotator-box-item__content" 3019 data-clip-height-wrapper=".rotator-box-item" 3020 > 3021 <p style="text-align: center;">Celebrate love with a curated romantic getaway, featuring intimate touches and a candlelit dinner.</p> 3022 </div> 3023 <div 3024 class="stripe__actions 3025 content-padding"> 3026 <div> 3027 <a 3028 href="/special-offers/romantic-escape" 3029 class="more-link custom-link-color" 3030 aria-label="Discover more about Romantic Escape" 3031 >Discover more</a> 3032 </div> 3033 </div> 3034 <div 3035 class="stripe__book-now info-price info-price--twolines 3036 content-padding" 3037 data-id="77771"> 3038 <div class="rotator-box-lead-rates-wrapper"> 3039 3040 3041 3042 <div class="lead-rates cms-custom-color-child">Rates from <span class="lead-rates-price"></span></div> 3043 3044 3045 3046 3047 3048 <a 3049 href="https://be.synxis.com/?adult=2&arrive=2026-09-01&chain=16451&child=0¤cy=MYR&depart=2026-09-03&hotel=61664&level=hotel&locale=en-US&productcurrency=MYR&promo=LBDROMANCE&rooms=1" 3050 class="btn btn-action 3051" 3052 target="_blank" 3053 aria-label="Book now for Romantic Escape 3054 Book now 3055 opens in a new tab" 3056 > 3057 Book now 3058 </a> 3059 3060 3061 </div> 3062</div> 3063 </div> 3064 </div> 3065 <div class="rotator-box-item" data-id="63769"> 3066 <div class="rotator-col rotator-box-item__media-col ratio-4-3"> 3067 <div class="ratio-content"> 3068 <picture> 3069 <img 3070 loading="lazy" 3071 srcset="https://image-tc.galaxy.tf/wipng-1jjzon7ixbgzj3gr82eefpipf/pool-aerial_standard.png?crop=0%2C0%2C888%2C666&width=390 390w, 3072 https://image-tc.galaxy.tf/wipng-1jjzon7ixbgzj3gr82eefpipf/pool-aerial_standard.png?crop=0%2C0%2C888%2C666&width=700 700w, 3073 https://image-tc.galaxy.tf/wipng-1jjzon7ixbgzj3gr82eefpipf/pool-aerial_standard.png?crop=0%2C0%2C888%2C666&width=560 560w" 3074 sizes="(max-width: 767px) 390px, 3075 (max-width: 1199px) 700px, 3076 (min-width: 1200px) 560px" 3077 src="https://image-tc.galaxy.tf/wipng-1jjzon7ixbgzj3gr82eefpipf/pool-aerial_standard.png?crop=0%2C0%2C888%2C666" 3078 alt="" 3079 > 3080 </picture> 3081 </div> 3082</div> 3083 3084<style> 3085 .id-ce48052d4dfbe04f17fe622fdd92ad09 .content-padding, .id-ce48052d4dfbe04f17fe622fdd92ad09 .highlight-grid__price { 3086 padding-left:20px; 3087 padding-right:20px; 3088 } 3089</style> 3090 3091<div class="rotator-col rotator-box-item__content-col rotator-box-item__content js-module-item"> 3092 <h4 3093 class="h3 stripe__title cms-custom-color-child js-module-title 3094 content-padding"> 3095 Splash & Stay Family Retreat </h4> 3096 <div 3097 class="stripe__text cms-html-var 3098 content-padding clip-it" 3099 data-clip="224" 3100 data-clip-max-lines="4" 3101 data-clip-html="true" 3102 data-clip-height=".rotator-box-item__content" 3103 data-clip-height-wrapper=".rotator-box-item" 3104 > 3105 <p>Dive into our all-new Horizon Pool, A splashing adventure for the whole family.</p> 3106 </div> 3107 <div 3108 class="stripe__actions 3109 content-padding"> 3110 <div> 3111 <a 3112 href="/special-offers/splash-stay-family-retreat" 3113 class="more-link custom-link-color" 3114 aria-label="Discover more about Splash & Stay Family Retreat" 3115 >Discover more</a> 3116 </div> 3117 </div> 3118 <div 3119 class="stripe__book-now info-price info-price--twolines 3120 content-padding" 3121 data-id="63769"> 3122 <div class="rotator-box-lead-rates-wrapper"> 3123 3124 3125 3126 <div class="lead-rates cms-custom-color-child">Rates from <span class="lead-rates-price"></span></div> 3127 3128 3129 3130 3131 3132 <a 3133 href="https://be.synxis.com/?adult=2&arrive=2025-03-02&chain=16451&child=0¤cy=MYR&depart=2025-03-04&hotel=61664&level=hotel&locale=en-US&productcurrency=MYR&promo=SPLASH&rooms=1" 3134 class="btn btn-action 3135" 3136 target="_blank" 3137 aria-label="Book now for Splash & Stay Family Retreat 3138 Book now 3139 opens in a new tab" 3140 > 3141 Book now 3142 </a> 3143 3144 3145 </div> 3146</div> 3147 </div> 3148 </div> 3149 <div class="rotator-box-item" data-id="62951"> 3150 <div class="rotator-col rotator-box-item__media-col ratio-4-3"> 3151 <div class="ratio-content"> 3152 <picture> 3153 <img 3154 loading="lazy" 3155 srcset="https://image-tc.galaxy.tf/wipng-bodnmg2wqllspb1yd545xl3s3/longer-stays-greater-savings_standard.png?crop=0%2C0%2C579%2C434&width=390 390w, 3156 https://image-tc.galaxy.tf/wipng-bodnmg2wqllspb1yd545xl3s3/longer-stays-greater-savings_standard.png?crop=0%2C0%2C579%2C434&width=700 700w, 3157 https://image-tc.galaxy.tf/wipng-bodnmg2wqllspb1yd545xl3s3/longer-stays-greater-savings_standard.png?crop=0%2C0%2C579%2C434&width=560 560w" 3158 sizes="(max-width: 767px) 390px, 3159 (max-width: 1199px) 700px, 3160 (min-width: 1200px) 560px" 3161 src="https://image-tc.galaxy.tf/wipng-bodnmg2wqllspb1yd545xl3s3/longer-stays-greater-savings_standard.png?crop=0%2C0%2C579%2C434" 3162 alt="" 3163 > 3164 </picture> 3165 </div> 3166</div> 3167 3168<style>
3169 .id-ce48052d4dfbe04f17fe622fdd92ad09 .content-padding, .id-ce48052d4dfbe04f17fe622fdd92ad09 .highlight-grid__price { 3170 padding-left:20px; 3171 padding-right:20px; 3172 } 3173</style> 3174 3175<div class="rotator-col rotator-box-item__content-col rotator-box-item__content js-module-item"> 3176 <h4 3177 class="h3 stripe__title cms-custom-color-child js-module-title 3178 content-padding"> 3179 Longer Stays, Greater Savings </h4> 3180 <div 3181 class="stripe__text cms-html-var 3182 content-padding clip-it" 3183 data-clip="224" 3184 data-clip-max-lines="4" 3185 data-clip-html="true" 3186 data-clip-height=".rotator-box-item__content" 3187 data-clip-height-wrapper=".rotator-box-item" 3188 > 3189 <p>Experience the best of Pelangi with exclusive savings for longer stays.</p> 3190 </div> 3191 <div 3192 class="stripe__actions 3193 content-padding"> 3194 <div> 3195 <a 3196 href="/special-offers/long-stay" 3197 class="more-link custom-link-color" 3198 aria-label="Discover more about Longer Stays, Greater Savings" 3199 >Discover more</a> 3200 </div> 3201 </div> 3202 <div 3203 class="stripe__book-now info-price info-price--twolines 3204 content-padding" 3205 data-id="62951"> 3206 <div class="rotator-box-lead-rates-wrapper"> 3207 3208 3209 3210 <div class="lead-rates cms-custom-color-child">Rates from <span class="lead-rates-price"></span></div> 3211 3212 3213 3214 3215 3216 <a 3217 href="https://be.synxis.com/?adult=2&arrive=2025-09-01&chain=16451&child=0¤cy=MYR&depart=2025-09-08&hotel=61664&level=hotel&locale=en-US&productcurrency=MYR&promo=LS&rooms=1" 3218 class="btn btn-action 3219" 3220 target="_blank" 3221 aria-label="Book now for Longer Stays, Greater Savings 3222 Book now 3223 opens in a new tab" 3224 > 3225 Book now 3226 </a> 3227 3228 3229 </div> 3230</div> 3231 </div> 3232 </div> 3233 <div class="rotator-box-item" data-id="46421"> 3234 <div class="rotator-col rotator-box-item__media-col ratio-4-3"> 3235 <div class="ratio-content"> 3236 <picture> 3237 <img 3238 loading="lazy" 3239 srcset="https://image-tc.galaxy.tf/wijpeg-azbdwm6muve6ntdhblruph0s7/img-7506-edited_standard.jpg?crop=107%2C0%2C1707%2C1280&width=390 390w, 3240 https://image-tc.galaxy.tf/wijpeg-azbdwm6muve6ntdhblruph0s7/img-7506-edited_standard.jpg?crop=107%2C0%2C1707%2C1280&width=700 700w, 3241 https://image-tc.galaxy.tf/wijpeg-azbdwm6muve6ntdhblruph0s7/img-7506-edited_standard.jpg?crop=107%2C0%2C1707%2C1280&width=560 560w" 3242 sizes="(max-width: 767px) 390px, 3243 (max-width: 1199px) 700px, 3244 (min-width: 1200px) 560px" 3245 src="https://image-tc.galaxy.tf/wijpeg-azbdwm6muve6ntdhblruph0s7/img-7506-edited_standard.jpg?crop=107%2C0%2C1707%2C1280" 3246 alt="Deluxe Pool Terrace Room at Pelangi Beach Resort & Spa" 3247 > 3248 </picture> 3249 </div> 3250</div> 3251 3252<style> 3253 .id-ce48052d4dfbe04f17fe622fdd92ad09 .content-padding, .id-ce48052d4dfbe04f17fe622fdd92ad09 .highlight-grid__price { 3254 padding-left:20px; 3255 padding-right:20px; 3256 } 3257</style> 3258 3259<div class="rotator-col rotator-box-item__content-col rotator-box-item__content js-module-item"> 3260 <h4 3261 class="h3 stripe__title cms-custom-color-child js-module-title 3262 content-padding"> 3263 Advance Purchase Room & Breakfast </h4> 3264 <div 3265 class="stripe__text cms-html-var 3266 content-padding clip-it" 3267 data-clip="224" 3268 data-clip-max-lines="4" 3269 data-clip-html="true" 3270 data-clip-height=".rotator-box-item__content" 3271 data-clip-height-wrapper=".rotator-box-item" 3272 > 3273 <p style="text-align: center;">Book early and enjoy savings on Room with Breakfast along the shores of famed Cenang Beach.</p> 3274 </div> 3275 <div 3276 class="stripe__actions 3277 content-padding"> 3278 <div> 3279 <a 3280 href="/special-offers/advance-purchase-room-breakfast" 3281 class="more-link custom-link-color" 3282 aria-label="Discover more about Advance Purchase Room & Breakfast" 3283 >Discover more</a> 3284 </div> 3285 </div> 3286 <div 3287 class="stripe__book-now info-price info-price--twolines 3288 content-padding" 3289 data-id="46421"> 3290 <div class="rotator-box-lead-rates-wrapper"> 3291 3292 3293 3294 <div class="lead-rates cms-custom-color-child">Rates from <span class="lead-rates-price"></span></div> 3295 3296 3297 3298 3299 3300 <a 3301 href="https://be.synxis.com/?adult=2&arrive=2023-11-20&chain=16451&child=0&config=GCO¤cy=MYR&depart=2023-11-22&hotel=61664&level=hotel&locale=en-US&promo=LBAPBB&rooms=1&theme=GCO" 3302 class="btn btn-action 3303" 3304 target="_blank" 3305 aria-label="Book now for Advance Purchase Room & Breakfast 3306 Book now 3307 opens in a new tab" 3308 > 3309 Book now 3310 </a> 3311 3312 3313 </div> 3314</div> 3315 </div> 3316 </div> 3317 <div class="rotator-box-item" data-id="46417"> 3318 <div class="rotator-col rotator-box-item__media-col ratio-4-3"> 3319 <div class="ratio-content"> 3320 <picture> 3321 <img 3322 loading="lazy" 3323 srcset="https://image-tc.galaxy.tf/wijpeg-2ntvka508vhmihmhxk38fs03c/resort-surrounding-chalet-design_standard.jpg?crop=0%2C217%2C579%2C434&width=390 390w, 3324 https://image-tc.galaxy.tf/wijpeg-2ntvka508vhmihmhxk38fs03c/resort-surrounding-chalet-design_standard.jpg?crop=0%2C217%2C579%2C434&width=700 700w, 3325 https://image-tc.galaxy.tf/wijpeg-2ntvka508vhmihmhxk38fs03c/resort-surrounding-chalet-design_standard.jpg?crop=0%2C217%2C579%2C434&width=560 560w" 3326 sizes="(max-width: 767px) 390px, 3327 (max-width: 1199px) 700px, 3328 (min-width: 1200px) 560px" 3329 src="https://image-tc.galaxy.tf/wijpeg-2ntvka508vhmihmhxk38fs03c/resort-surrounding-chalet-design_standard.jpg?crop=0%2C217%2C579%2C434" 3330 alt="chalet-design" 3331 > 3332 </picture> 3333 </div> 3334</div> 3335 3336<style>
3337 .id-ce48052d4dfbe04f17fe622fdd92ad09 .content-padding, .id-ce48052d4dfbe04f17fe622fdd92ad09 .highlight-grid__price { 3338 padding-left:20px; 3339 padding-right:20px; 3340 } 3341</style> 3342 3343<div class="rotator-col rotator-box-item__content-col rotator-box-item__content js-module-item"> 3344 <h4 3345 class="h3 stripe__title cms-custom-color-child js-module-title 3346 content-padding"> 3347 Hot Deal Room & Breakfast </h4> 3348 <div 3349 class="stripe__text cms-html-var 3350 content-padding clip-it" 3351 data-clip="224" 3352 data-clip-max-lines="4" 3353 data-clip-html="true" 3354 data-clip-height=".rotator-box-item__content" 3355 data-clip-height-wrapper=".rotator-box-item" 3356 > 3357 <p>Enjoy Room and <a href="/dining">Breakfast </a>with great saving!</p> 3358 </div> 3359 <div 3360 class="stripe__actions 3361 content-padding"> 3362 <div> 3363 <a 3364 href="/special-offers/hot-deal-room-breakfast" 3365 class="more-link custom-link-color" 3366 aria-label="Discover more about Hot Deal Room & Breakfast" 3367 >Discover more</a> 3368 </div> 3369 </div> 3370 <div 3371 class="stripe__book-now info-price info-price--twolines 3372 content-padding" 3373 data-id="46417"> 3374 <div class="rotator-box-lead-rates-wrapper"> 3375 3376 3377 3378 <div class="lead-rates cms-custom-color-child">Rates from <span class="lead-rates-price"></span></div> 3379 3380 3381 3382 3383 3384 <a 3385 href="https://be.synxis.com/?Hotel=61664&Chain=16451&config=GCO&theme=GCO&locale=en-US&promo=LBHOTDEALBB" 3386 class="btn btn-action 3387" 3388 target="_blank" 3389 aria-label="Book now for Hot Deal Room & Breakfast 3390 Book now 3391 opens in a new tab" 3392 > 3393 Book now 3394 </a> 3395 3396 3397 </div> 3398</div> 3399 </div> 3400 </div> 3401 <div class="rotator-box-item" data-id="46431"> 3402 <div class="rotator-col rotator-box-item__media-col ratio-4-3"> 3403 <div class="ratio-content"> 3404 <picture> 3405 <img 3406 loading="lazy" 3407 srcset="https://image-tc.galaxy.tf/wijpeg-4lne7czc04rn8bq9ho2vn5sed/rose-10_standard.jpg?crop=0%2C0%2C2000%2C1500&width=390 390w, 3408 https://image-tc.galaxy.tf/wijpeg-4lne7czc04rn8bq9ho2vn5sed/rose-10_standard.jpg?crop=0%2C0%2C2000%2C1500&width=700 700w, 3409 https://image-tc.galaxy.tf/wijpeg-4lne7czc04rn8bq9ho2vn5sed/rose-10_standard.jpg?crop=0%2C0%2C2000%2C1500&width=560 560w" 3410 sizes="(max-width: 767px) 390px, 3411 (max-width: 1199px) 700px, 3412 (min-width: 1200px) 560px" 3413 src="https://image-tc.galaxy.tf/wijpeg-4lne7czc04rn8bq9ho2vn5sed/rose-10_standard.jpg?crop=0%2C0%2C2000%2C1500" 3414 alt="" 3415 > 3416 </picture> 3417 </div> 3418</div> 3419 3420<style> 3421 .id-ce48052d4dfbe04f17fe622fdd92ad09 .content-padding, .id-ce48052d4dfbe04f17fe622fdd92ad09 .highlight-grid__price { 3422 padding-left:20px; 3423 padding-right:20px; 3424 } 3425</style> 3426 3427<div class="rotator-col rotator-box-item__content-col rotator-box-item__content js-module-item"> 3428 <h4 3429 class="h3 stripe__title cms-custom-color-child js-module-title 3430 content-padding"> 3431 Pelangi Half Board </h4> 3432 <div 3433 class="stripe__text cms-html-var 3434 content-padding clip-it" 3435 data-clip="224" 3436 data-clip-max-lines="4" 3437 data-clip-html="true" 3438 data-clip-height=".rotator-box-item__content" 3439 data-clip-height-wrapper=".rotator-box-item" 3440 > 3441 <p style="text-align: center;">Enjoy the ease of a half board stay, perfect for a relaxing and fuss-free island getaway.</p> 3442 </div> 3443 <div 3444 class="stripe__actions 3445 content-padding"> 3446 <div> 3447 <a 3448 href="/special-offers/pelangi-half-board" 3449 class="more-link custom-link-color" 3450 aria-label="Discover more about Pelangi Half Board" 3451 >Discover more</a> 3452 </div> 3453 </div> 3454 <div 3455 class="stripe__book-now info-price info-price--twolines 3456 content-padding" 3457 data-id="46431">
3458 <div class="rotator-box-lead-rates-wrapper"> 3459 3460 3461 3462 <div class="lead-rates cms-custom-color-child">Rates from <span class="lead-rates-price"></span></div> 3463 3464 3465 3466 3467 3468 <a 3469 href="https://be.synxis.com/?adult=2&arrive=2023-11-20&chain=16451&child=0&config=GCO¤cy=MYR&depart=2023-11-22&hotel=61664&level=hotel&locale=en-US&promo=LBDHALF&rooms=1&theme=GCO" 3470 class="btn btn-action 3471" 3472 target="_blank" 3473 aria-label="Book now for Pelangi Half Board 3474 Book now 3475 opens in a new tab" 3476 > 3477 Book now 3478 </a> 3479 3480 3481 </div> 3482</div> 3483 </div> 3484 </div> 3485 <div class="rotator-box-item" data-id="67579"> 3486 <div class="rotator-col rotator-box-item__media-col ratio-4-3"> 3487 <div class="ratio-content"> 3488 <picture> 3489 <img 3490 loading="lazy" 3491 srcset="https://image-tc.galaxy.tf/wijpeg-5cuc1k03wt9itt3jsx1p46a30/img-3491_standard.jpg?crop=60%2C0%2C960%2C720&width=390 390w, 3492 https://image-tc.galaxy.tf/wijpeg-5cuc1k03wt9itt3jsx1p46a30/img-3491_standard.jpg?crop=60%2C0%2C960%2C720&width=700 700w, 3493 https://image-tc.galaxy.tf/wijpeg-5cuc1k03wt9itt3jsx1p46a30/img-3491_standard.jpg?crop=60%2C0%2C960%2C720&width=560 560w" 3494 sizes="(max-width: 767px) 390px, 3495 (max-width: 1199px) 700px, 3496 (min-width: 1200px) 560px" 3497 src="https://image-tc.galaxy.tf/wijpeg-5cuc1k03wt9itt3jsx1p46a30/img-3491_standard.jpg?crop=60%2C0%2C960%2C720" 3498 alt="" 3499 > 3500 </picture> 3501 </div> 3502</div> 3503 3504<style> 3505 .id-ce48052d4dfbe04f17fe622fdd92ad09 .content-padding, .id-ce48052d4dfbe04f17fe622fdd92ad09 .highlight-grid__price { 3506 padding-left:20px; 3507 padding-right:20px; 3508 } 3509</style> 3510 3511<div class="rotator-col rotator-box-item__content-col rotator-box-item__content js-module-item"> 3512 <h4 3513 class="h3 stripe__title cms-custom-color-child js-module-title 3514 content-padding"> 3515 Pelangi All-Inclusive Retreat </h4> 3516 <div 3517 class="stripe__text cms-html-var 3518 content-padding clip-it" 3519 data-clip="224" 3520 data-clip-max-lines="4" 3521 data-clip-html="true" 3522 data-clip-height=".rotator-box-item__content" 3523 data-clip-height-wrapper=".rotator-box-item" 3524 > 3525 <p>Indulge in a seamless, worry-free getaway with our Pelangi All-Inclusive Retreat package</p> </div> 3526 <div 3527 class="stripe__actions 3528 content-padding"> 3529 <div> 3530 <a 3531 href="/special-offers/pelangi-all-inclusive-retreat" 3532 class="more-link custom-link-color" 3533 aria-label="Discover more about Pelangi All-Inclusive Retreat" 3534 >Discover more</a> 3535 </div> 3536 </div> 3537 <div 3538 class="stripe__book-now info-price info-price--twolines 3539 content-padding" 3540 data-id="67579"> 3541 <div class="rotator-box-lead-rates-wrapper"> 3542 3543 3544 3545 <div class="lead-rates cms-custom-color-child">Rates from <span class="lead-rates-price"></span></div> 3546 3547 3548 3549 3550 3551 <a 3552 href="https://be.synxis.com/?adult=2&arrive=2025-11-23&chain=16451&child=0¤cy=MYR&depart=2025-11-25&hotel=61664&level=hotel&locale=en-US&productcurrency=MYR&promo=ALLINCLUSIVE&rooms=1" 3553 class="btn btn-action 3554" 3555 target="_blank" 3556 aria-label="Book now for Pelangi All-Inclusive Retreat 3557 Book now 3558 opens in a new tab" 3559 > 3560 Book now 3561 </a> 3562 3563 3564 </div> 3565</div> 3566 </div> 3567 </div> 3568 </div> 3569 <div class="js-slider__insert-grouped-actions" aria-controls="rotator-id-ce48052d4dfbe04f17fe622fdd92ad09"></div> 3570 </div> 3571 </div> 3572</div>
3573<script type="text/template" class="offers-modal"> 3574 <div class="dialog modal-offer pop-up-id-ce48052d4dfbe04f17fe622fdd92ad09" aria-hidden="true"> 3575 <div class="dialog-content" aria-labelledby="dialogTitleid-ce48052d4dfbe04f17fe622fdd92ad09" aria-label="Offer booking dialog" role="dialog"> 3576 <div role="document"> 3577 <button data-a11y-dialog-hide class="dialog-close" aria-label="Close this dialog window">×</button> 3578 <div class="m-popup-content"> 3579 <div class="h3 modal-offer__title" tabindex="-1" id="dialogTitleid-ce48052d4dfbe04f17fe622fdd92ad09"></div> 3580 <div class="content"> 3581 <p>This offer is available in a range of selected hotels. Please choose at which one you would like to book.</p> 3582 </div> 3583 <form class="modal-offer__form"> 3584 <div class="form-group ada-select__wrapper"> 3585 <label class="form-label ada-select__label" for="offer-booking-url">Select hotel</label> 3586 <div class="modal-offer__select-container select-wrapper" data-placeholder="Select property"></div> 3587 </div> 3588 <div class="stripe-btn-wrapper"> 3589 <button class="btn btn-action">Book offer</button> 3590 </div> 3591 </form> 3592 </div> 3593 </div> 3594 </div> 3595 </div> 3596</script>
3596 3597 </div> 3598</div><!-- #main-content --> 3599 3600 3601 3602 3603 3604<div id="back-to-top" class="back-to-top__wrapper "> 3605 <a class="back-to-top link-text" href="#top" data-page-height="1050" data-scroll-height="400"> 3606 <span>Back to top</span> 3607 <div class="btn btn-ghost" aria-hidden="true" style="border: 1px solid #404040"> 3608 <svg style="color: #404040" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.125 18.666"> 3609 <title>Back to top</title> 3610 <path d="M.2 6.095a.662.662 0 0 0 .931.941L5.9 2.265v15.741a.655.655 0 0 0 .658.659.663.663 0 0 0 .668-.659V2.265l4.761 4.77a.675.675 0 0 0 .941 0 .659.659 0 0 0 0-.941l-5.9-5.9a.648.648 0 0 0-.931 0z"/> 3611 </svg> 3612 </div> 3613 </a> 3614</div>
3615<script> 3616 window.footerConfigs = { 3617 "footerLanguages": { 3618 3619 languageCount: '2', 3620 currentLanguage: 'English', 3621 currentLanguageShort: 'en', 3622 currentLanguageIcon: 'https://image-tc.galaxy.tf/wisvg-38ik1cqndysd7mdveqwcraqid/english.svg', 3623 languages: [ 3624 { 3625 url: '/zh/rooms ', 3626 local: 'zh', 3627 full: '䏿 ï¼ç®ä½ï¼', 3628 short: 'zh', 3629 icon: 'https://image-tc.galaxy.tf/wisvg-7jrwnmhl9e8f21v26uqev6jfg/file.svg', 3630 }, 3631 ] 3632 3633} 3634 } 3635 3636 if(!window.footerOneTextFields) { 3637 window.footerOneTextFields = []; 3638 } 3639 window.footerOneTextFields['id-b7a7f7849bee566125f0381cb1c341c5'] = { 3640 hotelName: ``, 3641 contact: `<h5><img alt=\"\" src=\"https://image-tc.galaxy.tf/wipng-5ijpe061g2sd0g4tgtl0od317/file.png\" style=\"width: 230px; height: 55px; margin-top: 10px; margin-bottom: 10px;\" \/><br \/>\r\n <\/h5>\r\n\r\n<h5 style=\"line-height:20px; color:#fff;\">Pantai Cenang, 07000 Langkawi,<br \/>\r\nKedah Darul Aman,<br \/>\r\nMalaysia<\/h5>\r\n\r\n<p style=\"line-height:20px;\"><span style=\"font-size:13px;\">T: <a href=\"tel:+60 4 952 8888\" style=\"font-weight:500;\">+60 4 952 8888<\/a><br \/>\r\nE: <a href=\"mailto:[email protected]\">[email protected]<\/a><\/span><\/p>\r\n\r\n<p>Owning Company:<\/p>\r\n\r\n<p>THR Hotel (Langkawi) Sdn. Bhd 198801000641 - (167998-U)<\/p>\r\n`, 3642 copyright: `<h5 style=\"line-height: 20px;\"> <\/h5>\r\n\r\n<h5 style=\"line-height: 20px; color:#fff;\"><strong>Connect with us<\/strong><\/h5>\r\n\r\n<p style=\"line-height:20px;\"><a href=\"https:\/\/www.facebook.com\/pelangilangkawi\" target=\"_blank\"><img alt=\"\" src=\"https://image-tc.galaxy.tf/wisvg-24ibqji1lb6f05mnyw08fpwv2/file.svg\" style=\"width: 20px; height: 20px;\" \/><\/a> <a href=\"https:\/\/www.instagram.com\/pelangilangkawi\/\" target=\"_blank\"><img alt=\"\" src=\"https://image-tc.galaxy.tf/wisvg-6wsgbvibwbp0psf3c0e4p7pqg/file.svg\" style=\"width: 20px; height: 20px;\" \/><\/a> <a href=\"https:\/\/www.tripadvisor.com\/Hotel_Review-g1096282-d301005-Reviews-or3160-Pelangi_Beach_Resort_Spa_Langkawi-Pantai_Cenang_Langkawi_Langkawi_District_Keda.html\" target=\"_blank\"><img alt=\"\" src=\"https://image-tc.galaxy.tf/wisvg-rfnihbmmk8ulqyag8nfn2q8d/file.svg\" style=\"width: 20px; height: 20px;\" \/><\/a><br \/>\r\n <\/p>\r\n\r\n<p><a class=\"btn btn-ghost\" href=\"/newsletter\" style=\"font-weight:700;\">Sign me up!<\/a><\/p>\r\n\r\n<p style=\"line-height:20px;\"><br \/>\r\n<span style=\"font-size:13px; text-transform:uppercase;letter-spacing:1px;\">©
3642<script>document.write(new Date().getFullYear())<\/script> Pelangi Beach Resort & Spa, Langkawi<\/span><\/p>\r\n\r\n<h5 style=\"line-height: 20px; color:#fff\"><span><a href=\"/news\">NEWS<\/a> | <a href=\"/faq\">FAQ<\/a> | <a href=\"/privacy-policy\">PRIVACY POLICY<\/a> <\/span><span>| <a href=\"/terms-conditions\">TERMS & CONDITIONS<\/a> <\/span><br \/>\r\n<a href=\"http:\/\/www.tradewindshotels.com\/\" target=\"_blank\">TRADEWINDS HOTELS & RESORTS<\/a><\/h5>\r\n\r\n<p> <\/p>\r\n` 3643 } 3644 3645 if(!window.footerOneLinks) { 3646 window.footerOneLinks = {}; 3647 } 3648 window.footerOneLinks['id-b7a7f7849bee566125f0381cb1c341c5'] = {} 3649 3650 if(!window.footerOneNewsLetter) { 3651 window.footerOneNewsLetter = []; 3652 } 3653 window.footerOneNewsLetter['id-b7a7f7849bee566125f0381cb1c341c5'] = { 3654 btnTitle: `Button`, 3655 placeholder: `Your email` 3656 } 3657 3658 if(!window.footerOneCustomHtml) { 3659 window.footerOneCustomHtml = []; 3660 } 3661 window.footerOneCustomHtml['id-b7a7f7849bee566125f0381cb1c341c5'] = { 3662 contentHtml: '' 3663 } 3664 3665 if(!window.footerOneLocales) { 3666 window.footerOneLocales = []; 3667 } 3668 window.footerOneLocales['id-b7a7f7849bee566125f0381cb1c341c5'] = { 3669 opensInANewTab: `opens in a new tab`, 3670 addEmailToSub: `Add your email to subscribe`, 3671 followUs: `Follow us`, 3672 navigationLink: `Link`, 3673 manageCookies: `Manage Cookies` 3674 } 3675</script>
3675 3676<footer class="m-footer-base_1 js-footer-one-app" id="footer-content" data-footer-name="ft1" v-cloak> 3677 <footer-one-app 3678 :configs="{ 3679 websiteType: 'hotel', 3680 blockId: 'id-b7a7f7849bee566125f0381cb1c341c5', 3681 newsletter: { 3682 enabled: false, 3683 buttonOnly: false, 3684 url: 'https://www.google.com', 3685 opensInNewTab: false, 3686 style: 'Action Custom' 3687 }, 3688 logo: { 3689 logoTop: '', 3690 logoBottom: '', 3691 customBackground: { 3692 enabled: false, 3693 backgroundColor: '' 3694 }, 3695 additionalLanguages: { 3696 enabled: false, 3697 logoTop: '', 3698 logoBottom: '', 3699 backgroundColor: '' 3700 } 3701 }, 3702 hr: { 3703 enabled: false, 3704 width: '100', 3705 devices: 'All Devices' 3706 }, 3707 socialIcons: { 3708 enabled: true, 3709 label: false 3710 }, 3711 languageSelectorEnabled: false, 3712 widgetEnabled: false, 3713 isSecurePrivacyEnabled: true, 3714 manageCookies: true, 3715 socialIconLinks: {}, 3716 customSocialIconsList: {iconColor: '', 3717customSocialIconsList: []} 3718 }" 3719 > 3720 </footer-one-app> 3721 3722</footer>
3723<script type="text/javascript" id="lightbox_json_store"> 3724 var GalaxyPersonalization = { pageCampaigns : [], 3725 allActiveCampaigns : [{"id":"742ff8040eb43f5960ea48dc2a453726d82f2a11","visits_type":""}]} 3726</script>
3726 3727
3728<script src="/frontend/galaxy-helpers/public/galaxy-helpers.js?v=l-aba64a74-b3d3-4ff3-bfda-e8b83c5cdab8"></script>
3728<!-- Generated by Galaxy-->
3729<script type="text/template" id="sliderPrevArrow"> 3730 <button class="slick-prev" aria-label="Go to previous slideshow element" type="button"><svg aria-hidden="true" class="icon icon-arrow-left"><use href="#icon-arrow-left"></use></svg> <span class="sr-only">Previous</span></button> 3731</script>
vendor: 1 bytes, line 3731
3731
3732<script type="text/template" id="sliderNextArrow"> 3733 <button class="slick-next" aria-label="Go to next slideshow element" type="button"><svg aria-hidden="true" class="icon icon-arrow-right"><use href="#icon-arrow-right"></svg><span class="sr-only">Next</span></button> 3734</script>
vendor: 1 bytes, line 3734
3734
3735<script type="text/template" id="sliderPagination"> 3736 <div class="slick-custom-pagination"><span class="slick-current-slide"></span> / <span class="slick-total-slide"></span></div> 3737</script>
vendor: 1 bytes, line 3737
3737
3738<script type="text/template" id="sliderPlayPause"> 3739 <button class="slick-play-pause" type="button"> 3740 <span class="slick-play-pause__pause"><svg aria-hidden="true" class="icon icon-pause"><use href="#icon-pause"></svg><span class="sr-only">Pause slideshow</span></span> 3741 <span class="slick-play-pause__play"><svg aria-hidden="true" class="icon icon-play"><use href="#icon-play"></svg><span class="sr-only">Play slideshow</span></span> 3742 </button> 3743</script>
vendor: 1 bytes, line 3743
3743
3744<script type="text/template" id="sliderGroupedActions"> 3745 <div class="slider__actions slider__actions--flat"> 3746 <span class="sr-only">Slideshow control buttons</span> 3747 <span class="sr-only">Clicking on the following links will update the content above</span> 3748 <div class="slider__action js-slider-prev-container"></div> 3749 <div class="slider__action js-slider-pagination-container"></div> 3750 <div class="slider__action js-slider-next-container"></div> 3751 </div> 3752</script>
vendor: 1 bytes, line 3752
3752
3753<script type="text/template" id="sliderGroupedActionsAutoRotate"> 3754 <div class="slider__actions slider__actions--flat"> 3755 <span class="sr-only">Slideshow control buttons</span> 3756 <span class="sr-only">Clicking on the following links will update the content above</span> 3757 <div class="slider__action js-slider-pagination-container"></div> 3758 <div class="slider__action js-slider-prev-container"></div> 3759 <div class="slider__action js-slider-playpause-container"></div> 3760 <div class="slider__action js-slider-next-container"></div> 3761 </div> 3762</script>
vendor: 1 bytes, line 3762
3762
3763<script type="text/template" id="templateReadMore"> 3764 <a class="l-read-more" href="#" aria-label="Read more about Pelangi Beach Resort & Spa, Langkawi" ><span>Discover more</span><svg aria-hidden="true" class="icon icon-arrow-left"><use href="#icon-arrow-left"></use></svg></a> 3765</script>
vendor: 1 bytes, line 3765
3765
3766<script type="text/template" id="templateReadLess"> 3767 <a class="l-read-less" href="#" aria-label="Read less about Pelangi Beach Resort & Spa, Langkawi"><span>Read less</span><svg aria-hidden="true" class="icon icon-arrow-left"><use href="#icon-arrow-left"></use></svg></a> 3768</script>
vendor: 1 bytes, line 3768
3768
3769<script> 3770var traductionBM = { 3771 previousMonth: 'Previous Month', 3772 nextMonth: 'Next Month', 3773} 3774</script>
vendor: 1 bytes, line 3774
3774
3775<script> 3776var validationMessages = { 3777 required: "This field is required.", 3778 email: "Please enter a valid e-mail address.", 3779 url: "Please enter a valid URL.", 3780 date: "Please enter a valid date.", 3781} 3782</script>
vendor: 1 bytes, line 3782
3782
3783<script> 3784 window.isHome = "0"; 3785 3786 window.localeSlider = { 3787 goToNextSlide: 'Go to next slide, slide {current} of {total}', 3788 goToPrevSlide: 'Go to previous slide, slide {current} of {total}', 3789 lastSlide: 'You are on the last slide', 3790 firstSlide: 'You are on the first slide', 3791 nowOnSlide: 'You are now on slide {current} of {total}', 3792 videoPause: 'Slider is paused', 3793 videoPlay: 'Slider is playing', 3794 toggleFullScreen: 'Toggles gallery to full screen, {current} of {total}', 3795 youAreOnFullScreen: 'You are on full image', 3796 youCloseFullScreen: 'You closed the full image' 3797 }; 3798</script>
3798 3799
3800<script defer src="/integration/tc-theme/public/js/bundle.js?v840c1f8cc8fd614e91feebe9377239df"></script>
3800 3801<div id="bm-calendars" class="bm-calendar-container bm___calendar-container"></div> 3802<div class="dialog js-dialog-lightbox-vue" aria-hidden="true"> 3803 <div class="dialog-content--lightbox container"> 3804 <div class="js-slider-container container"></div> 3805
3805<script type="text/template" class="js-template" id="js-template-lightbox"> 3806 <div class="js-slider__wrapper"> 3807 <div class="js-slider-lightbox slider-lightbox" data-pagination="true" [%? it.options.download %]data-download="true"[%?%]> 3808 [%~ it.images :item%] 3809 <div class="slider-lightbox__slide"> 3810 <div class="slider-lightbox__image-container"> 3811 [%? item.url && !item.caption%] 3812 <div class="slider-lightbox__captions icon-chain"> 3813 <a href="[%= item.url %]" 3814 [%? item.urlTarget && item.urlTarget.length %] target="[%= item.urlTarget %]"[%?%] 3815 [%? item.ariaLabel && item.ariaLabel.length %] aria-label="[%= item.ariaLabel %]"[%?%] 3816 class="icon-chain-wrapper"> 3817 <svg class="icon icon-chain-link"><use href="#icon-chain-link" style="color: [%= item.color %];"></use></svg> 3818 </a> 3819 </div> 3820 [%?%] 3821 [%? item.isVideo === true %] 3822 <div class="slider-lightbox__video-wrapper"> 3823 [%= item.video %] 3824 </div> 3825 [%?? item.isVideo === false %] 3826 <img crossorigin="anonymous" data-lazy="[%= item.src %]" alt="[%= item.alt %]" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 3827 [%? item.title || item.desc || item.caption%] 3828 <div class="slider-lightbox__captions"> 3829 [%? item.title %]<div class="slider-lightbox__captions-title">[%= item.title %]</div>[%?%] 3830 [%? item.desc %]<div class="slider-lightbox__captions-desc">[%= item.desc %]</div>[%?%] 3831 [%? item.caption %]<div class="m-gallery--itemCaption">[%= item.caption %]</div>[%?%] 3832 </div> 3833 [%?%] 3834 [%?%] 3835 [%? it.options.download %] 3836 <div class="slider-lightbox__actions"> 3837 <a class="download-link" href="[%= item.downloadLink %]" download> 3838 <svg class="icon icon-download-arrow" aria-hidden="1"><use href="#icon-download-arrow"></use></svg> 3839 Download 3840 </a> 3841 </div> 3842 [%?%] 3843 </div> 3844 </div> 3845 [%~%] 3846 </div> 3847 <div class="slider-lightbox__slides-controls clearfix"> 3848 <div class="pull-right"> 3849 <div class="js-slider__insert-grouped-actions"></div> 3850 </div> 3851 </div> 3852 </div> 3853 </script>
3853 3854 </div> 3855</div> 3856<div id="generalAnnoucement" aria-atomic="true" aria-live="assertive" class="sr-only"></div> 3857<div id="aria-announcer" class="sr-only" aria-live="polite" role="status" aria-atomic="true"></div>
3858<script> 3859 window.locale ={ 3860 moreMenuClosed : 'More menu closed', 3861 moreMenuOpened :'More menu opened', 3862 bookingMaskClosed: 'Booking mask closed', 3863 bookingMaskOpened: 'Booking mask Opened' 3864 } 3865</script>
3865 3866<div id="tooltips-wrapper"></div> 3867
3868<script type="text/javascript" src="/7lBpayhJbL4wybeu4790lhHzaME/bNzzh8pDGLcbLhL9Da/SnYEAg/GHlNJR/h6KQo"></script>
3868</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.