PageSourceSearch

https://www.pelangiresort.com/rooms

html pelangiresort.com collected 2026-10-07 03:44:49 UTC 152,007 bytes, 3,868 lines download raw bytes

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'; /* &nbsp; 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 &amp; 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&rsquo;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>&nbsp;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">&times;</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&rsquo;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">&times;</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&currency=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&currency=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">&times;</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.&nbsp;</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&currency=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&currency=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">&times;</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&currency=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&currency=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 &amp; 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&currency=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 &amp; 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&currency=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 &amp; 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&currency=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 &amp; 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 &amp; 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 &amp; 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&currency=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&currency=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">&times;</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&nbsp;<\/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:&nbsp;<a href=\"tel:+60 4 952 8888\" style=\"font-weight:500;\">+60 4 952 8888<\/a><br \/>\r\nE:&nbsp;<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;\">&nbsp;<\/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>&nbsp; &nbsp;&nbsp;<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>&nbsp; &nbsp;&nbsp;<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&nbsp;<\/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;\">&copy;
3642<script>document.write(new Date().getFullYear())<\/script> Pelangi Beach Resort &amp; Spa, Langkawi<\/span><\/p>\r\n\r\n<h5 style=\"line-height: 20px; color:#fff\"><span><a href=\"/news\">NEWS<\/a> |&nbsp;<a href=\"/faq\">FAQ<\/a> |&nbsp;<a href=\"/privacy-policy\">PRIVACY POLICY<\/a>&nbsp;<\/span><span>|&nbsp;<a href=\"/terms-conditions\">TERMS &amp; CONDITIONS<\/a>&nbsp;<\/span><br \/>\r\n<a href=\"http:\/\/www.tradewindshotels.com\/\" target=\"_blank\">TRADEWINDS HOTELS &amp; RESORTS<\/a><\/h5>\r\n\r\n<p>&nbsp;<\/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.