CINXE.COM

Best Sustainable Hotels | PARKROYAL COLLECTION Hotels & Resorts

<!doctype html> <html lang="en"> <head> <script type="text/javascript"> if (!window.dataLayer) { window.dataLayer = []; } function checkState2() { var td_cookie = document.cookie.split(";").some((item) => item.trim().startsWith("_td=")); if (!td_cookie) { setTimeout(checkState2, 100); } else { console.log("TD Cookie var present"); window.dataLayer.push({ 'event': 'TDCookieLoaded' }); } } function checkState3() { var sub_object = window.pphgDataLayer && window.pphgDataLayer.user && window.pphgDataLayer.user.userInfo; if (!sub_object) { setTimeout(checkState3, 100); } else { console.log("DL Core Object loaded success"); window.dataLayer.push({ 'event': 'DataLayerLoaded2' }); } } checkState2(); checkState3(); document.addEventListener("DOMContentLoaded", function() { console.log("DOM Loaded Success"); }); window.addEventListener("load", function() { console.log("Window Loaded Success"); }); </script> <meta charset="utf-8"/> <title>Best Sustainable Hotels | PARKROYAL COLLECTION Hotels &amp; Resorts</title> <meta name="keywords" content="best sustainable hotels, parkroyal collection hotels &amp; resorts, wellness vacations, eco friendly holiday kl, urban farm, north america, europe, asia pacific"/> <meta name="description" content="Experience a sustainable lifestyle at the best sustainable hotels, where nature&#39;s wonders will invigorate all your senses."/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <meta name="HandheldFriendly" content="true"/> <meta name="pcode" content="global"/> <!-- Facebook Metadata --> <meta property="fb:page_id" content="facebook"/> <meta property="og:type" content="website"/> <meta property="og:image"/> <meta property="og:url" content="https://www.panpacific.com/en/about/about-prc.html"/> <meta property="og:description" content="Experience a sustainable lifestyle at the best sustainable hotels, where nature&#39;s wonders will invigorate all your senses."/> <meta property="og:title" content="Best Sustainable Hotels | PARKROYAL COLLECTION Hotels &amp; Resorts"/> <!-- Google+ Metadata /--> <meta itemprop="name" content="Best Sustainable Hotels | PARKROYAL COLLECTION Hotels &amp; Resorts"/> <meta itemprop="description" content="Experience a sustainable lifestyle at the best sustainable hotels, where nature&#39;s wonders will invigorate all your senses."/> <meta itemprop="image"/> <!-- Google Search Verification Code --> <link rel="manifest" href="/etc/designs/pphg-revamp/clientlibs/manifest.json"/> <link rel="icon" type="image/png" href="/etc/designs/pphg-revamp/clientlibs/images/favicon-16x16.png" sizes="16x16"/> <link rel="icon" type="image/png" href="/etc/designs/pphg-revamp/clientlibs/images/favicon-32x32.png" sizes="32x32"/> <link rel="icon" type="image/png" href="/etc/designs/pphg-revamp/clientlibs/images/favicon-96x96.png" sizes="96x96"/> <link rel="dns-prefetch" href="https://cdn-cookieyes.com"/> <link rel="dns-prefetch" href="https://log.cookieyes.com"/> <link rel="dns-prefetch" href="https://directory.cookieyes.com"/> <script type="text/javascript" src="https://try.abtasty.com/56e3c0b2449f294adec643daf70c81c3.js"></script> <script src="/etc/designs/pphg-revamp/clientlibs/js/language.js"></script> <script src="https://apis.google.com/js/api:client.js"></script> <script src="https://assets.adobedtm.com/c4c5f3fab5c3/976743ebd24b/launch-EN346b323a7b0e40daa8e8d6be48dd2c68.min.js" async></script> <!-- CookieYes Consent Script --> <script> window.dataLayer = window.dataLayer || []; function gtag() { window.dataLayer.push(arguments); } gtag("consent", "default", { ad_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "granted", wait_for_update: 2000, }); gtag("set", "ads_data_redaction", true); gtag("set", "url_passthrough", true); </script> <!-- End CookieYes Consent Script --> <!-- Google Tag Manager --> <script> var gtmIDs = 'GTM-5V6HKK9,GTM-WPHBG5NB'; gtmIDs = gtmIDs.split(','); </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',gtmIDs[0]); </script> <!-- End Google Tag Manager --> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',gtmIDs[1]); </script> <!-- End Google Tag Manager --> <!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/ed97c675ba87cafc3b9240cd/script.js"></script> <!-- End cookieyes banner --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/> <link rel="stylesheet" href="/etc/designs/pphg-revamp/clientlibs.css" type="text/css"> <!-- Initializes the author specific PPHG.author clientlib [should be in the last] --> <script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/jquery.js"></script> <script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/utils.js"></script> <script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/jquery/granite.js"></script> <script type="text/javascript" src="/etc.clientlibs/foundation/clientlibs/jquery.js"></script> <script type="text/javascript" src="/etc.clientlibs/foundation/clientlibs/shared.js"></script> <script type="text/javascript" src="/etc.clientlibs/cq/personalization/clientlib/personalization/kernel.js"></script> <script type="text/javascript"> $CQ(function() { CQ_Analytics.SegmentMgr.loadSegments("\/etc\/segmentation"); }); </script> <script type="text/javascript"> (function() { window.ContextHub = window.ContextHub || {}; /* setting paths */ ContextHub.Paths = ContextHub.Paths || {}; ContextHub.Paths.CONTEXTHUB_PATH = "/etc/cloudsettings/default/contexthub"; ContextHub.Paths.RESOURCE_PATH = "\/content\/pphg\u002Drevamp\/en\/about\/about\u002Dprc\/_jcr_content\/contexthub"; ContextHub.Paths.SEGMENTATION_PATH = "\/etc\/segmentation\/contexthub"; ContextHub.Paths.CQ_CONTEXT_PATH = ""; /* setting initial constants */ ContextHub.Constants = ContextHub.Constants || {}; ContextHub.Constants.ANONYMOUS_HOME = "/home/users/e/e92MQGSEtQHxTkEkBJXD"; ContextHub.Constants.MODE = "no-ui"; }()); </script><script src="/etc/cloudsettings/default/contexthub.kernel.js" type="text/javascript"></script> </head> <body class="singapore en theme-global isAEM"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5V6HKK9" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPHBG5NB" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <h1 class="d-none">Best Sustainable Hotels | PARKROYAL COLLECTION Hotels &amp; Resorts</h1> <div id="iframe-overlay" class=""></div> <div> </div> <!--<div class="main-wrapper--container nav1" --> <div class="main-wrapper--container "> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="header-ipar iparsys parsys"><div class="ugcwidget section"> <div class="container-fluid p-0"> <style> @media (max-width: 991px){ .navigation3.component .main-navigation .navbar .navbar-items .book-now-button>div { left: 30px; } } .booking-panel.booking-panel-2.component.booking-panel-maintenance .maintenance-message.booking-panel__maintenance { z-index: 6; } a.col.items.buttonV2.book-now-button.d-none.d-lg-block.collapsed { display: none!important; } </style> </div></div> <div class="navigation3 component section"> <div class="top-navigation " data-property-hidesignuplinkroomrates="false"> <div class="container"> <div class="row"> <div class="col d-flex align-items-center p-0"> <a class="d-flex align-items-center panels-button" data-toggle="collapse" data-target="#top-navigation-drawer"> Select Your Destination <svg class="icon-container icon-chevron-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </a> </div> <div class="col d-flex justify-content-end p-0"> <div class="currency-changer-container js-currency-changer d-inline-flex"> <a class="d-flex align-items-center panels-button" data-toggle="collapse" data-target="#currency-drawer"> <span class="currency-button"></span> <svg class="icon-container icon-chevron-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </a> </div> <div class="dropdown language-dropdown d-inline-flex"> <button class="dropdown-toggle d-flex align-items-center language-change-button" id="languageMenuButton" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <svg class="icon-language icon-language-desktop"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour"> </use> </svg> <span class="color-language-letter">English</span> <svg class="icon-container icon-chevron-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </button> <div class="dropdown-menu" aria-labelledby="languageMenuButton"> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/en/about/about-prc.html" data-lang="en" selected> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour"> </use> </svg> English </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/zh/about/about-prc.html" data-lang="zh"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-zh-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-zh-colour"> </use> </svg> 中文 </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/ja/about/about-prc.html" data-lang="ja"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-ja-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-ja-colour"> </use> </svg> 日本語 </a> </div> </div> <div class="d-flex align-items-center"> <a class="d-flex" href="/en/booking/modify.html"> <div class="label label-manage-booking">Manage Booking</div> </a> </div> <div class="d-inline-flex"><form class="global-search d-flex align-items-center justify-content-end" name="global-search" action="/content/pphg-revamp/en/search-result.html" data-enter-label="" method="GET"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> <div class="input-container"> <input type="text" name="search" placeholder="Search" data-endpoint="/content/pphg-admin/search-suggestion/_jcr_content.list.json"/><span class="bar"></span> </div> <div class="label">Search</div> </form> </div> </div> </div> </div> <div class="collapse panels black" id="top-navigation-drawer" data-parent=".navigation.component"> <div class="container container-property-pr pt-0 pb-0"> <div class="row-property row-property-pr mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en.html" class="global-property countryNameList-v3 destinationSubNav global-redirect"> Global Homepage </a> </div> </div> <ul class="collapse subCountryDestinationBG show"></ul> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-0" class="global-property countryNameList-v3 destinationSubNav collapsed"> Australia <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-0"> <a href="/en/countries/australia.html" class="sub-destination-link"> <h6 class="no-head-line">Australia</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-melbourne.html">Pan Pacific Melbourne</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-perth.html">Pan Pacific Perth</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-darling-harbour-sydney.html">PARKROYAL Darling Harbour, Sydney</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-melbourne-airport.html">PARKROYAL Melbourne Airport</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-monash-melbourne.html">PARKROYAL Monash Melbourne</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-parramatta.html">PARKROYAL Parramatta</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-1" class="global-property countryNameList-v3 destinationSubNav collapsed"> Bangladesh <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-1"> <a href="/en/countries/bangladesh.html" class="sub-destination-link"> <h6 class="no-head-line">Bangladesh</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-dhaka.html">Pan Pacific Sonargaon Dhaka</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-2" class="global-property countryNameList-v3 destinationSubNav collapsed"> Canada <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-2"> <a href="/en/countries/canada.html" class="sub-destination-link"> <h6 class="no-head-line">Canada</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-toronto.html">Pan Pacific Toronto</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-vancouver.html">Pan Pacific Vancouver</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-mountainside.html">Pan Pacific Whistler Mountainside</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-village-centre.html">Pan Pacific Whistler Village Centre</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-3" class="global-property countryNameList-v3 destinationSubNav collapsed"> China <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-3"> <a href="/en/countries/china.html" class="sub-destination-link"> <h6 class="no-head-line">China</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-beijing.html">Pan Pacific Beijing</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-ningbo.html">Pan Pacific Ningbo</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-suzhou.html">Pan Pacific Suzhou</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-tianjin.html">Pan Pacific Tianjin</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-xiamen.html">Pan Pacific Xiamen</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-ningbo.html">Pan Pacific Serviced Suites Ningbo</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-4" class="global-property countryNameList-v3 destinationSubNav collapsed"> Indonesia <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-4"> <a href="/en/countries/indonesia.html" class="sub-destination-link"> <h6 class="no-head-line">Indonesia</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-jakarta.html">Pan Pacific Jakarta</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-jakarta.html">PARKROYAL Serviced Suites Jakarta</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-5" class="global-property countryNameList-v3 destinationSubNav collapsed"> Japan <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-5"> <a href="/en/countries/japan.html" class="sub-destination-link"> <h6 class="no-head-line">Japan</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/bellustar-tokyo.html">BELLUSTAR TOKYO, A Pan Pacific Hotel</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/cerulean-tower-tokyu.html">Cerulean Tower Tokyu Hotel, A Pan Pacific Partner Hotel</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/higashiyama-kyoto.html">THE HOTEL HIGASHIYAMA KYOTO TOKYU, A Pan Pacific Hotel</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/hotel-groove-shinjuku.html">HOTEL GROOVE SHINJUKU, A PARKROYAL Hotel</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-6" class="global-property countryNameList-v3 destinationSubNav collapsed"> Kenya <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-6"> <a href="/en/countries/kenya.html" class="sub-destination-link"> <h6 class="no-head-line">Kenya</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-nairobi.html">Pan Pacific Serviced Suites Nairobi </a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-7" class="global-property countryNameList-v3 destinationSubNav collapsed"> Malaysia <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-7"> <a href="/en/countries/malaysia.html" class="sub-destination-link"> <h6 class="no-head-line">Malaysia</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-kuala-lumpur.html">PARKROYAL COLLECTION Kuala Lumpur</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-afamosa-melaka-resort.html">PARKROYAL A&#39;Famosa Melaka Resort</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-langkawi.html">PARKROYAL Langkawi Resort</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-penang.html">PARKROYAL Penang Resort</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-gurney-bay.html">Gurney Bay Hotel, A PARKROYAL Hotel</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-kuala-lumpur.html">Pan Pacific Serviced Suites Kuala Lumpur</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-kuala-lumpur.html">PARKROYAL Serviced Suites Kuala Lumpur</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-8" class="global-property countryNameList-v3 destinationSubNav collapsed"> Myanmar <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-8"> <a href="/en/countries/myanmar.html" class="sub-destination-link"> <h6 class="no-head-line">Myanmar</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-yangon.html">Pan Pacific Yangon</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-nay-pyi-taw.html">PARKROYAL Nay Pyi Taw</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-yangon.html">PARKROYAL Yangon</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-9" class="global-property countryNameList-v3 destinationSubNav collapsed"> Singapore <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-9"> <a href="/en/countries/singapore.html" class="sub-destination-link"> <h6 class="no-head-line">Singapore</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-orchard-sg.html">Pan Pacific Orchard</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-marina.html">Pan Pacific Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-marina-bay.html">PARKROYAL COLLECTION Marina Bay, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-pickering.html">PARKROYAL COLLECTION Pickering, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-beach-road.html">PARKROYAL on Beach Road, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-beach-road.html">Pan Pacific Serviced Suites Beach Road, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-orchard.html">Pan Pacific Serviced Suites Orchard, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-singapore.html">PARKROYAL Serviced Suites Singapore</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-10" class="global-property countryNameList-v3 destinationSubNav collapsed"> Thailand <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-10"> <a href="/en/countries/thailand.html" class="sub-destination-link"> <h6 class="no-head-line">Thailand</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-ss-bangkok.html">PARKROYAL Suites Bangkok</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-11" class="global-property countryNameList-v3 destinationSubNav collapsed"> United Kingdom <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-11"> <a href="/en/countries/united-kingdom.html" class="sub-destination-link"> <h6 class="no-head-line">United Kingdom</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-london.html">Pan Pacific London</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-12" class="global-property countryNameList-v3 destinationSubNav collapsed"> Vietnam <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-12"> <a href="/en/countries/vietnam.html" class="sub-destination-link"> <h6 class="no-head-line">Vietnam</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-hanoi.html">Pan Pacific Hanoi</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-saigon.html">PARKROYAL Saigon</a></li> </ul> <div> </div> <div> <div class="upcoming-event-list"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#upcomingSub-13" class="global-property countryNameList-v3 destinationSubNav collapsed"> <span>Upcoming Hotels and Serviced Suites</span> <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subUpComingNav" data-parent="#main-navbar" id="upcomingSub-13"> <h6 class="no-head-line">Upcoming Hotels and Serviced Suites</h6> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-dalian.html">PARKROYAL Dalian (Opening 2025)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-jakarta.html">PARKROYAL Jakarta (Opening 2025)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pp-phnom-penh.html">Pan Pacific Phnom Penh (Opening Q1 2026)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-siem-reap.html">PARKROYAL Siem Reap (Opening Q1 2026)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pp-siam-bangkok.html">Pan Pacific Siam Bangkok (Opening 2027)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-hanoi.html">PARKROYAL Hanoi (Opening 2027)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/serviced-suites/pp-ss-bangkok.html">Pan Pacific Serviced Suites Bangkok (Opening 2027)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/serviced-suites/pr-ss-hanoi.html">PARKROYAL Serviced Suites Hanoi (Opening Soon)</a></li> </ul> </div> </div> </div> </div> <div class="collapse panels black" id="currency-drawer" data-parent=".navigation.component"> <div class="container"> <input type="hidden" id="defaultCurrency" value="SGD"/> <div class="row"> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="SGD" data-currency-symbol="$"><span>SGD</span>Singapore Dollars (SGD)</a> <a class="currency" data-currency-code="USD" data-currency-symbol="$"><span>USD</span>US Dollar (USD)</a> <a class="currency" data-currency-code="DZD" data-currency-symbol="$"><span>DZD</span>Algerian Dinar (DZD)</a> <a class="currency" data-currency-code="AUD" data-currency-symbol="$"><span>AUD</span>Australian Dollar (AUD)</a> <a class="currency" data-currency-code="BHD" data-currency-symbol="$"><span>BHD</span>Bahraini Dinar (BHD)</a> <a class="currency" data-currency-code="BOB" data-currency-symbol="$b"><span>BOB</span>Bolivian Boliviano (BOB)</a> <a class="currency" data-currency-code="BWP" data-currency-symbol="P"><span>BWP</span>Botswanan Pula (BWP)</a> <a class="currency" data-currency-code="BRL" data-currency-symbol="R$"><span>BRL</span>Brazilian Real (BRL)</a> <a class="currency" data-currency-code="GBP" data-currency-symbol="£"><span>GBP</span>British Pound Sterling (GBP)</a> <a class="currency" data-currency-code="BND" data-currency-symbol="$"><span>BND</span>Brunei Dollar (BND)</a> <a class="currency" data-currency-code="BGN" data-currency-symbol="лв"><span>BGN</span>Bulgarian Lev (BGN)</a> <a class="currency" data-currency-code="CAD" data-currency-symbol="$"><span>CAD</span>Canadian Dollar (CAD)</a> <a class="currency" data-currency-code="KYD" data-currency-symbol="$"><span>KYD</span>Cayman Islands Dollar (KYD)</a> <a class="currency" data-currency-code="XOF" data-currency-symbol="$"><span>XOF</span>CFA Franc BCEAO (XOF)</a> <a class="currency" data-currency-code="CLP" data-currency-symbol="$"><span>CLP</span>Chilean Peso (CLP)</a> <a class="currency" data-currency-code="CNY" data-currency-symbol="¥"><span>CNY</span>Chinese Yuan (CNY)</a> <a class="currency" data-currency-code="COP" data-currency-symbol="$"><span>COP</span>Colombian Peso (COP)</a> <a class="currency" data-currency-code="CRC" data-currency-symbol="₡"><span>CRC</span>Costa Rican Colón (CRC)</a> <a class="currency" data-currency-code="HRK" data-currency-symbol="kn"><span>HRK</span>Croatian Kuna (HRK)</a> <a class="currency" data-currency-code="CZK" data-currency-symbol="Kč"><span>CZK</span>Czech Republic Koruna (CZK)</a> <a class="currency" data-currency-code="DKK" data-currency-symbol="kr"><span>DKK</span>Danish Krone (DKK)</a> <a class="currency" data-currency-code="DOP" data-currency-symbol="RD$"><span>DOP</span>Dominican Peso (DOP)</a> <a class="currency" data-currency-code="EGP" data-currency-symbol="£"><span>EGP</span>Egyptian Pound (EGP)</a> </div> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="EEK" data-currency-symbol="$"><span>EEK</span>Estonian Kroon (EEK)</a> <a class="currency" data-currency-code="EUR" data-currency-symbol="€"><span>EUR</span>Euro (EUR)</a> <a class="currency" data-currency-code="FJD" data-currency-symbol="$"><span>FJD</span>Fijian Dollar (FJD)</a> <a class="currency" data-currency-code="HNL" data-currency-symbol="L"><span>HNL</span>Honduran Lempira (HNL)</a> <a class="currency" data-currency-code="HKD" data-currency-symbol="$"><span>HKD</span>Hong Kong Dollar (HKD)</a> <a class="currency" data-currency-code="HUF" data-currency-symbol="Ft"><span>HUF</span>Hungarian Forint (HUF)</a> <a class="currency" data-currency-code="INR" data-currency-symbol="₹"><span>INR</span>Indian Rupee (INR)</a> <a class="currency" data-currency-code="IDR" data-currency-symbol="Rp"><span>IDR</span>Indonesian Rupiah (IDR)</a> <a class="currency" data-currency-code="ILS" data-currency-symbol="₪"><span>ILS</span>Israeli New Sheqel (ILS)</a> <a class="currency" data-currency-code="JMD" data-currency-symbol="J$"><span>JMD</span>Jamaican Dollar (JMD)</a> <a class="currency" data-currency-code="JPY" data-currency-symbol="¥"><span>JPY</span>Japanese Yen (JPY)</a> <a class="currency" data-currency-code="JOD" data-currency-symbol="$"><span>JOD</span>Jordanian Dinar (JOD)</a> <a class="currency" data-currency-code="KZT" data-currency-symbol="лв"><span>KZT</span>Kazakhstani Tenge (KZT)</a> <a class="currency" data-currency-code="KES" data-currency-symbol="$"><span>KES</span>Kenyan Shilling (KES)</a> <a class="currency" data-currency-code="KWD" data-currency-symbol="$"><span>KWD</span>Kuwaiti Dinar (KWD)</a> <a class="currency" data-currency-code="LVL" data-currency-symbol="$"><span>LVL</span>Latvian Lats (LVL)</a> <a class="currency" data-currency-code="LBP" data-currency-symbol="£"><span>LBP</span>Lebanese Pound (LBP)</a> <a class="currency" data-currency-code="LTL" data-currency-symbol="$"><span>LTL</span>Lithuanian Litas (LTL)</a> <a class="currency" data-currency-code="MKD" data-currency-symbol="ден"><span>MKD</span>Macedonian Denar (MKD)</a> <a class="currency" data-currency-code="MYR" data-currency-symbol="RM"><span>MYR</span>Malaysian Ringgit (MYR)</a> <a class="currency" data-currency-code="MUR" data-currency-symbol="₨"><span>MUR</span>Mauritian Rupee (MUR)</a> <a class="currency" data-currency-code="MXN" data-currency-symbol="$"><span>MXN</span>Mexican Peso (MXN)</a> <a class="currency" data-currency-code="MDL" data-currency-symbol="$"><span>MDL</span>Moldovan Leu (MDL)</a> </div> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="MAD" data-currency-symbol="$"><span>MAD</span>Moroccan Dirham (MAD)</a> <a class="currency" data-currency-code="NAD" data-currency-symbol="$"><span>NAD</span>Namibian Dollar (NAD)</a> <a class="currency" data-currency-code="NPR" data-currency-symbol="₨"><span>NPR</span>Nepalese Rupee (NPR)</a> <a class="currency" data-currency-code="ANG" data-currency-symbol="ƒ"><span>ANG</span>Netherlands Antillean Guilder (ANG)</a> <a class="currency" data-currency-code="TWD" data-currency-symbol="NT$"><span>TWD</span>New Taiwan Dollar (TWD)</a> <a class="currency" data-currency-code="NZD" data-currency-symbol="$"><span>NZD</span>New Zealand Dollar (NZD)</a> <a class="currency" data-currency-code="NIO" data-currency-symbol="C$"><span>NIO</span>Nicaraguan Córdoba (NIO)</a> <a class="currency" data-currency-code="NGN" data-currency-symbol="₦"><span>NGN</span>Nigerian Naira (NGN)</a> <a class="currency" data-currency-code="NOK" data-currency-symbol="kr"><span>NOK</span>Norwegian Krone (NOK)</a> <a class="currency" data-currency-code="OMR" data-currency-symbol="﷼"><span>OMR</span>Omani Rial (OMR)</a> <a class="currency" data-currency-code="PKR" data-currency-symbol="₨"><span>PKR</span>Pakistani Rupee (PKR)</a> <a class="currency" data-currency-code="PGK" data-currency-symbol="$"><span>PGK</span>Papua New Guinean Kina (PGK)</a> <a class="currency" data-currency-code="PYG" data-currency-symbol="Gs"><span>PYG</span>Paraguayan Guarani (PYG)</a> <a class="currency" data-currency-code="PEN" data-currency-symbol="S/."><span>PEN</span>Peruvian Nuevo Sol (PEN)</a> <a class="currency" data-currency-code="PHP" data-currency-symbol="₱"><span>PHP</span>Philippine Peso (PHP)</a> <a class="currency" data-currency-code="PLN" data-currency-symbol="zł"><span>PLN</span>Polish Zioty (PLN)</a> <a class="currency" data-currency-code="QAR" data-currency-symbol="﷼"><span>QAR</span>Qatari Rial (QAR)</a> <a class="currency" data-currency-code="RON" data-currency-symbol="lei"><span>RON</span>Romanian Leu (RON)</a> <a class="currency" data-currency-code="RUB" data-currency-symbol="руб"><span>RUB</span>Russian Ruble (RUB)</a> <a class="currency" data-currency-code="SVC" data-currency-symbol="$"><span>SVC</span>Salvadoran Colón (SVC)</a> <a class="currency" data-currency-code="SAR" data-currency-symbol="﷼"><span>SAR</span>Saudi Riyal (SAR)</a> <a class="currency" data-currency-code="RSD" data-currency-symbol="Дин."><span>RSD</span>Serbian Dinar (RSD)</a> <a class="currency" data-currency-code="SCR" data-currency-symbol="₨"><span>SCR</span>Seychellois Rupee (SCR)</a> </div> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="SLL" data-currency-symbol="$"><span>SLL</span>Sierra Leonean Leone (SLL)</a> <a class="currency" data-currency-code="SKK" data-currency-symbol="$"><span>SKK</span>Slovak Koruna (SKK)</a> <a class="currency" data-currency-code="ZAR" data-currency-symbol="R"><span>ZAR</span>South African Rand (ZAR)</a> <a class="currency" data-currency-code="KRW" data-currency-symbol="₩"><span>KRW</span>South Korean Won (KRW)</a> <a class="currency" data-currency-code="LKR" data-currency-symbol="₨"><span>LKR</span>Sri Lankan Rupee (LKR)</a> <a class="currency" data-currency-code="SEK" data-currency-symbol="kr"><span>SEK</span>Swedish Krona (SEK)</a> <a class="currency" data-currency-code="CHF" data-currency-symbol="CHF"><span>CHF</span>Swiss Franc (CHF)</a> <a class="currency" data-currency-code="TZS" data-currency-symbol="$"><span>TZS</span>Tanzanian Shilling (TZS)</a> <a class="currency" data-currency-code="THB" data-currency-symbol="฿"><span>THB</span>Thai Baht (THB)</a> <a class="currency" data-currency-code="TTD" data-currency-symbol="TT$"><span>TTD</span>Trinidad and Tobago Dollar (TTD)</a> <a class="currency" data-currency-code="TND" data-currency-symbol="$"><span>TND</span>Tunisian Dinar (TND)</a> <a class="currency" data-currency-code="TRY" data-currency-symbol="₺"><span>TRY</span>Turkish Lira (TRY)</a> <a class="currency" data-currency-code="UGX" data-currency-symbol="$"><span>UGX</span>Ugandan Shilling (UGX)</a> <a class="currency" data-currency-code="UAH" data-currency-symbol="₴"><span>UAH</span>Ukrainian Hryvnia (UAH)</a> <a class="currency" data-currency-code="AED" data-currency-symbol="$"><span>AED</span>United Arab Emirates Dirham (AED)</a> <a class="currency" data-currency-code="UYU" data-currency-symbol="$U"><span>UYU</span>Uruguayan Peso (UYU)</a> <a class="currency" data-currency-code="UZS" data-currency-symbol="лв"><span>UZS</span>Uzbekistan Som (UZS)</a> <a class="currency" data-currency-code="VEF" data-currency-symbol="Bs"><span>VEF</span>Venezuelan Bolívar (VEF)</a> <a class="currency" data-currency-code="VND" data-currency-symbol="₫"><span>VND</span>Vietnamese Dong (VND)</a> <a class="currency" data-currency-code="YER" data-currency-symbol="﷼"><span>YER</span>Yemeni Rial (YER)</a> <a class="currency" data-currency-code="ZMK" data-currency-symbol="$"><span>ZMK</span>Zambian Kwacha (1968-2012) (ZMK)</a> </div> </div> </div> </div> </div> <nav class="main-navigation"> <div class="navbar navbar-expand-lg" id="main-navbar"> <div class="container"> <div class="main-bar d-flex align-items-center"> <div class="d-flex"> <div class="d-flex bars-v3-wrapper"> <div class="bars-v3 panels-button" style="z-index: 1000;"> <div class="bar1"></div> <div class="bar2"></div> <div class="bar3"></div> </div> <div class="burger-menu-mobile"> <button class="navbar-toggler non-active-mobile-toggler" type="button" data-target="#navbarMobile" style="transform: rotate(180deg);" aria-label="Toggle navigation"> <div class="head-navbar-mobile"> <div class="nav-burger-mobile"></div> <div class="nav-burger-mobile1"></div> <div class="nav-burger-mobile2"></div> </div> </button> </div> </div> <div> <a class="navbar-brand" href="/en.html"> <img class="branding-logo" src="/content/dam/pphg-revamp/logos/logo-pphg-uol-space.svg"/> </a> </div> </div> <div class="navbar-items d-flex align-items-center justify-content-end"> <div class="eshop-button"> <a class="d-flex align-items-center gift-wrapper " analytics-id="Top Nav Bar" href="/content/pphg-revamp/en/eshop.html" analytics-text="eShop" target="_blank"> <svg class="icon-container icon-list gift"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-shop" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-shop"></use> </svg> <div class="label">eShop</div> </a> </div> <div class="d-flex tooltip-signup"> <a class="d-flex align-items-center signin-icon member-nav signin-signup-btn" data-src="#gha-fancybox-modal" data-fancybox analytics-id="topnav_signup"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <div class="label"> <span>Pan Pacific DISCOVERY</span> <span class="label3">Sign Up/Login</span> </div> </a> <div class="tooltip-signup-img" style="--signUpToolTipColor: #F7F2E8;"> <a href="https://www.panpacific.com/en/panpacific-discovery/sign-up-today.html?utm_source=aem&utm_medium=website&utm_campaign=non-members-personalisation"><img alt="" src="/content/dam/pphg-revamp/en/global/tooltip/ppd-sign-up-tooltip-image.png"/></a> </div> <div class="dropdown member-nav logged-in d-none"> <a class="d-flex signin-icon d-flex align-items-center" id="member-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <span class="name-logged-in"></span><!-- This span will replaced with actual name after login --> <i class="fa fa-angle-down"></i> </a> <div class="dropdown-menu menu-for-logged-in" aria-labelledby="member-menu"> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#travel-dashboard">Travel Dashboard</a> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#bookings">Bookings</a> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#profile">Profile</a> <hr/> <a class="dropdown-item dropdown-font d-flex logout-link">Logout</a> <input type="hidden" name="loginprofileendpoint" value="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.loginprofile.html"/> <input type="hidden" name="logoutendpoint" value="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.logout.html"/> </div> </div> <div class="gha-modal component"> <div class="d-none"> <div id="gha-fancybox-modal"> <div class="gha-form component"> <div id="login-screen" v-if="currentView=='login-screen'" v-cloak> <div class="row"> <div class="col-sm-6"> <!-- Start: Heading Component --> <h3>Pan Pacific DISCOVERY Sign In</h3> <!-- End: Heading Component --> <form class="login-form pt10" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST"> <div class="form-group custom-input-textfield" :class="{'is-filled' : login.loginid!='','text-error': errors.has('loginid')}"> <label for="loginid">Username or Email Address</label> <input class="form-control" type="text" v-validate="'required'" v-model="login.loginid" name="loginid" key="loginid" data-error-msg="Username or Email Address is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('loginid')" v-text="errors.first('loginid')"></p> </div> </div> <div class="form-group custom-input-textfield" :class="{'is-filled' : login.password!='','text-error': errors.has('password')}"> <label for="password">Password</label> <input class="form-control" type="password" v-validate="'required'" v-model="login.password" name="password" key="password" data-error-msg="Password is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('password')" v-text="errors.first('password')"></p> </div> </div> <input type="checkbox" class="hp-field" name="agreement-pp" v-model="login.agreementpp" value="1" tabindex="-1" autocomplete="off"/> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="login" :on-success="onRecaptchaLoginFormSubmit"> <button class="button button-primary btn login">Sign In</button> </google-recaptcha> <button v-if="chinaNetwork" class="button button-primary btn login" type="submit" v-on:click="onLoginFormSubmit">Sign In</button> <a class="btn-block smaller h-link" v-on:click="onShowForgetPassword" href="#">Forgot Password</a> </form> <div class="additional-option"> <div class="row"> <div class="col-sm-5"><span></span></div> <div class="col-sm-2">OR</div> <div class="col-sm-5"><span></span></div> </div> </div> <div class="social-icons"> <!--<input id="fbtokenid" type="hidden" v-model="facebooklogin.fbtokenid" name="fbtokenid" key="fbtokenid"> <input id="googletokenid" type="hidden" v-model="googlelogin.googletokenid" name="googletokenid" key="googletokenid"> <input id="userAccessThrough" type="hidden" name="userAccessedThrough"> --> <a class="btn" id="fbLink" href="javascript:void(0);" v-on:click="fbLogin"> <svg class="icon-container align-self-center"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook"></use><span>Login with Facebook</span> </svg> </a> <a href="javascript:void(0);" class="customGPlusSignIn" id="googleLink" onclick="startApp();"> <svg class="icon-container align-self-center"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-login-google" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-login-google"></use><span>Sign in with Google</span> </svg> </a> </div> </div> <div class="col-sm-6 join-today"> <div class="desktop-version d-none d-md-block d-lg-block d-lg-none"> <div class="join-title"> <!-- Start: Heading Component --> <h3>Join Us Today</h3> <!-- End: Heading Component --> <!-- Start: Heading Component --> <h4>Benefits of Pan Pacific DISCOVERY</h4> <!-- End: Heading Component --> </div> <div class="mt30 register-content"> <ul> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bestrate" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bestrate"> </use> </svg>10% savings year-round on Flexible Rate </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-discovery-dollar" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-discovery-dollar"> </use> </svg>Instant currency rewards on eligible spend </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-nearby-dining" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-nearby-dining"> </use> </svg>Up to 25% savings on total dining bill </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-reward" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-reward"> </use> </svg>Exclusive birthday savings and privileges </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-room-upgrade" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-room-upgrade"> </use> </svg>Enjoy complimentary room upgrades* </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o"> </use> </svg>*Subject to availability upon check-in </li> </ul> </div> </div> <div class="mobile-version d-block d-sm-none"> <!-- Start: Heading Component --> <h3>Join Us Today</h3> <!-- End: Heading Component --> <p>Receive exclusive membership benefits!</p> </div> <a class="button button-primary register" href="/en/panpacific-discovery/sign-up-today.html">REGISTER</a> </div> </div> </div> <div id="select-login-account-screen" v-if="currentView=='select-login-account-screen'" v-cloak> <div class="row"> <div class="col-xs-12 col-sm-12"> <!-- Start: Heading Component --> <h3>Select Account</h3> <!-- End: Heading Component --> <p>Please select from the accounts below:</p> <form class="login-account-form" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding" v-for="profile in login.profiles"> <div class="account-wrapper" v-on:click="onSelectLoginAccount(profile.profileId)" v-bind:class="{ selected: profile.selected }"> <div class="card-image"> <img class="img-fluid" :src="profile.membercard" :alt="profile.membershipLevel"/> </div> <div class="card-info d-flex flex-column justify-content-center"> <p>{{profile.firstName}} {{profile.lastName}}</p> <small v-text="profile.membershipNumber"></small> </div> </div> </div> </div> <!--.divider-grey--> <div> <a class="button button-primary btn btn-block" v-bind:class="{ disabled: login.profileid =='' }" v-on:click="onSelectLoginAccountSubmit()">SELECT</a> <a class="link link-primary d-block text-center" v-on:click="onBackToLoginScreen()">CANCEL</a></div> </form> </div> </div> </div> <div id="forget-password-screen" v-if="currentView=='forget-password-screen'" v-cloak> <div class="row"> <div class="col-sm-12"> <!-- Start: Heading Component --> <h3>Forgot Password</h3> <!-- End: Heading Component --> <p><p>Thank you for your request. If you have forgotten or lost your password, please visit <a href="https://www.ghadiscovery.com/member/forgot_password" target="_blank">GHA DISCOVERY</a> to reset it.<br /> </p> </p> <form class="forget-password-form pt10 pb20" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.resetpassword.html" data-method="POST"> <div class="form-group custom-input-textfield" :class="{'is-filled' : reset.usernameemail!='','text-error': errors.has('usernameemail')}"> <label for="usernameemail">Username or Email Address</label> <input class="form-control" type="text" v-validate="'required'" v-model="reset.usernameemail" name="usernameemail" key="usernameemail" data-error-msg="Username or Email Address is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('usernameemail')" v-text="errors.first('usernameemail')"></p> </div> </div> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="forgot-password" :on-success="onRecaptchaForgetPasswordSubmit"> <button class="button button-primary">RESET</button> </google-recaptcha> <input type="checkbox" class="hp-field" name="agreement-pp" v-model="reset.agreementpp" value="1" tabindex="-1" autocomplete="off"/> <button v-if="chinaNetwork" class="button button-primary" type="submit" v-on:click="onForgetPasswordSubmit">RESET</button> </form> </div> </div> </div> <div id="forget-password-select-account-screen" v-if="currentView=='forget-password-select-account-screen'" v-cloak> <div class="row"> <div class="col-xs-12 col-sm-12"> <!-- Start: Heading Component --> <h3>Select Account</h3> <!-- End: Heading Component --> <p>Please select from the accounts below:</p> <form class="reset-account-form" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.resetpassword.html" data-method="POST"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb10 no-padding" v-for="profile in reset.profiles"> <div class="account-wrapper" v-on:click="onSelectResetAccount(profile.profileId)" v-bind:class="{ selected: profile.selected }"> <div class="card-image"> <img class="img-fluid" :src="profile.membercard" :alt="profile.membershipLevel"/> </div> <div class="card-info d-flex flex-column justify-content-center"> <p>{{profile.firstName}} {{profile.lastName}}</p> <small v-text="profile.membershipNumber"></small> </div> </div> </div> </div> <!--.divider-grey--> <div> <a class="button button-primary btn btn-block" v-bind:class="{ disabled: reset.profileid =='' }" v-on:click="onSelectResetAccountSubmit()">SELECT</a> <a class="link link-primary d-block text-center" v-on:click="onBackToResetPasswordScreen()">CANCEL</a> </div> </form> </div> </div> </div> <div id="forget-password-success-screen" v-if="currentView=='forget-password-success-screen'" v-cloak> <div class="row"> <div class="col-sm-12"> <!-- Start: Heading Component --> <h3>Password Reset</h3> <!-- End: Heading Component --> <p></p> <a class="link link-primary d-inline-flex align-items-center" v-on:click="onBackToLoginScreen()">Back to login</a> </div> </div> </div> <div id="loading-screen" v-if="currentView=='loading-screen'" v-cloak> <div class="row"> <div class="col-sm-12 text-center"> <h3>Please wait a moment</h3> <p><p>We are currently processing your request.<br /> Please do not close your browser window or navigate away from this page.<br /> Thank you.</p> </p> <div class="ajax-loader"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> </div> <div id="E513" v-if="currentView=='login-password-screen'" v-cloak> <div class="row"> <div class="col-sm-12"> <!-- Start: Heading Component --> <h3>DISCOVERY Login Password</h3> <!-- End: Heading Component --> <p>This is done for the security reasons to make sure user is really authorized to login. <br/>For any future logins user will not be prompted to enter the password.</p> <form class="login-password-form pt10 pb20" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST" v-on:submit.prevent="onShowLoginPassword"> <div class="form-group custom-input-textfield" :class="{'is-filled' : reset.password!='','text-error': errors.has('password')}"> <label for="password">Password</label> <input class="form-control" type="password" v-validate="'required'" v-model="login.password" name="password" key="password" data-error-msg="Password is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('password')" v-text="errors.first('password')"></p> </div> </div> <button class="button button-primary" type="submit">SUBMIT</button> </form> </div> </div> </div> </div> </div> </div> </div> <div class="gha-errors d-none"> <div id="EDEFAULT-LOGIN"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <div class="text-center links"> <a href="https://www.ghadiscovery.com/support/home" target="_blank">DISCOVERY Membership Services</a> <a href="https://www.ghadiscovery.com/member/forgot_password" target="_blank"> Forgot your password? </a> </div> <div> <p>To request for your username, contact DISCOVERY Membership Services and select “Accessing my Member Account” when completing the form.</p> </div> </div> </div> <div id="EDEFAULT-REGISTRATION"> <div class="title">Our Apologies.</div> <div class="description"> <p>Your request cannot be submitted, please try again later. Alternatively, please <a href="/en/contact-us.html" target="_blank">contact us</a> via our toll-free numbers or directly with the hotel you wish to stay in. Thank you.<br />  </p> </div> </div> <div id="E505"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <a class="d-block" href="https://www.discoveryloyalty.com/Contact-Us" target="_blank"> Forgot your username? </a> <br/> <div> <p>Click on the link above to retrieve your username from DISCOVERY Membership Services. Please select ‘Accessing my Member Account’ when completing the form.</p> </div> </div> </div> <div id="E506"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <a class="gha-forget-password-link"> Forgot your password? </a> <br/> <div> <p>The password entered does not correspond with the username or email address. Please try again or click on the link above to retrieve your password.</p> </div> </div> </div> <div id="E508"> <div class="title">Our apologies.</div> <div class="description">There is already an existing account with this email address or username. Please proceed to sign-in or reset your password using your email address.</div> </div> <div id="E509"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <p>The email address is invalid. Would you like to create an account using this email address?</p> <p><a href="/en/members/sign-up-today.html">Sign up here!</a><br /> </p> </div> </div> <div id="E512"> <div class="title">Invalid email address</div> <div class="description"> <p>Sorry, we are unable to find a Pan Pacific DISCOVERY member account with that email address.</p> <p>You can sign up <a href="/en/members/sign-up-today.html"><u>here</u></a> to join Pan Pacific Discovery.<br /> </p> </div> </div> <div> <input id="fbtokenid" type="hidden" v-model="facebooklogin.fbtokenid" name="fbtokenid" key="fbtokenid"/> <input id="googletokenid" type="hidden" v-model="googlelogin.googletokenid" name="googletokenid" key="googletokenid"/> <input id="userAccessThrough" type="hidden" name="userAccessedThrough"/> <input id="ghaRegisterEmail" type="hidden" name="ghaRegisterEmail"/> <input id="ghaRegisterToken" type="hidden" name="ghaRegisterToken"/> </div> </div> </div> <div class="cta cta-v2 component d-none d-lg-block"> <a class="buttonV2 book-now-button collapsed global-button" href="/en/booking/search.html"> <div> <svg class="icon-container icon-bed"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline"> </use> </svg> <p class="button-text">Book Now</p> <div class="cross-button"> <div class="cross-bar cross-bar1"></div> <div class="cross-bar cross-bar2"></div> </div> </div> </a> </div> <a class="gototop-button" style="margin-left: 30px"> <svg class="icon-container arrow-up" style="transform: rotate(-90deg); margin: 10px"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> </a> </div> <div class="d-lg-none d-flex align-items-center justify-content-end mobile-toggle"> <div> <a class="button button-book text-center close-booking-panel-active close-booking-panel-mobile" data-toggle="collapse" data-target="#booking-panel-drawer" style="display: none;"> <svg class="icon-container icon-close-booking-panel"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-close" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-close"></use> </svg> </a> </div> </div> </div> </div> <div class="nav-overlay-container"> <div class="nav-overlay panels d-none d-lg-block"> <div id="arrow-icon"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-left" link:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-left"></use> </svg> </div> <div class="d-flex nav-overlay-content"> <div> <div class="nav-list-container black"> <ul> <div class="nav-pannel row"> <div class="container pr-0"> <div class="navbar-container"> <form class="global-search" name="global-search" action="/content/pphg-revamp/en/search-result.html" method="GET"> <div id="search-icon-mobile"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> </div> <div id="search-field-mobile" class="custom-input-textfield d-none"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> <div class="easy-autocomplete"> <input class="form-control" type="text" placeholder="Search" name="search-input-field" data-endpoint="/content/pphg-admin/search-suggestion/_jcr_content.list.json" id="eac-197" autocomplete="off"/> <div class="easy-autocomplete-container" id="eac-container-eac-197"> <ul style="display: none;"></ul> </div> </div> <button type="button" onclick="document.getElementsByName('search-input-field')[1].value=''"> <svg class="icon-container icon-clear"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x"></use> </svg> </button> </div> </form> <div class="collapse navbar-collapse"> <ul class="navbar-nav"> <!-- if the topNav does not have a topNav.linkURL, then do not render --> <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/stay.html" data-toggle="collapse">Stay </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-1">Destinations <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-2">Dining <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <!-- if the topNav does not have a topNav.linkURL, then do not render --> <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/offers.html" data-toggle="collapse">Offers </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-4">Celebrations and Meetings <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-5">Pan Pacific DISCOVERY <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item active navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-6">About Us <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> </ul> </div> </div> </div> </div> </ul> <div class="social-media-icons"><div class="d-flex "> <span class="d-inline-flex"></span> </div></div> <div style="position: relative; left: 26px"> <svg class="icon-container arrow-right" style="transform: rotate(-180deg); position: absolute; left: -28px;top: 2px;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> <a href="/en.html" class="social-media-icons-visit-pan-pacific"> Back to Global Homepage </a> </div> </div> <div class="selection-pane-container" style="background-image: url('');"> <div class="subnav-wrapper subnav-topnav"> <div class="panel collapse" id="subnav-top-navigation-drawer-mobile-00" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Global Homepage</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Australia"> Australia </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Australia"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/australia.html" class="countryNameList-v3 destinationSubNav global-redirect"> Australia </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-melbourne.html">Pan Pacific Melbourne</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-perth.html">Pan Pacific Perth</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-darling-harbour-sydney.html">PARKROYAL Darling Harbour, Sydney</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-melbourne-airport.html">PARKROYAL Melbourne Airport</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-monash-melbourne.html">PARKROYAL Monash Melbourne</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-parramatta.html">PARKROYAL Parramatta</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Bangladesh"> Bangladesh </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Bangladesh"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/bangladesh.html" class="countryNameList-v3 destinationSubNav global-redirect"> Bangladesh </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-dhaka.html">Pan Pacific Sonargaon Dhaka</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Canada"> Canada </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Canada"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/canada.html" class="countryNameList-v3 destinationSubNav global-redirect"> Canada </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-toronto.html">Pan Pacific Toronto</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-vancouver.html">Pan Pacific Vancouver</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-mountainside.html">Pan Pacific Whistler Mountainside</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-village-centre.html">Pan Pacific Whistler Village Centre</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-China"> China </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-China"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/china.html" class="countryNameList-v3 destinationSubNav global-redirect"> China </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-beijing.html">Pan Pacific Beijing</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-ningbo.html">Pan Pacific Ningbo</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-suzhou.html">Pan Pacific Suzhou</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-tianjin.html">Pan Pacific Tianjin</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-xiamen.html">Pan Pacific Xiamen</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-ningbo.html">Pan Pacific Serviced Suites Ningbo</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Indonesia"> Indonesia </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Indonesia"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/indonesia.html" class="countryNameList-v3 destinationSubNav global-redirect"> Indonesia </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-jakarta.html">Pan Pacific Jakarta</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-jakarta.html">PARKROYAL Serviced Suites Jakarta</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Japan"> Japan </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Japan"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/japan.html" class="countryNameList-v3 destinationSubNav global-redirect"> Japan </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/bellustar-tokyo.html">BELLUSTAR TOKYO, A Pan Pacific Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/cerulean-tower-tokyu.html">Cerulean Tower Tokyu Hotel, A Pan Pacific Partner Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/higashiyama-kyoto.html">THE HOTEL HIGASHIYAMA KYOTO TOKYU, A Pan Pacific Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/hotel-groove-shinjuku.html">HOTEL GROOVE SHINJUKU, A PARKROYAL Hotel</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Kenya"> Kenya </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Kenya"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/kenya.html" class="countryNameList-v3 destinationSubNav global-redirect"> Kenya </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-nairobi.html">Pan Pacific Serviced Suites Nairobi </a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Malaysia"> Malaysia </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Malaysia"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/malaysia.html" class="countryNameList-v3 destinationSubNav global-redirect"> Malaysia </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-kuala-lumpur.html">PARKROYAL COLLECTION Kuala Lumpur</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-afamosa-melaka-resort.html">PARKROYAL A&#39;Famosa Melaka Resort</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-langkawi.html">PARKROYAL Langkawi Resort</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-penang.html">PARKROYAL Penang Resort</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-gurney-bay.html">Gurney Bay Hotel, A PARKROYAL Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-kuala-lumpur.html">Pan Pacific Serviced Suites Kuala Lumpur</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-kuala-lumpur.html">PARKROYAL Serviced Suites Kuala Lumpur</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Myanmar"> Myanmar </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Myanmar"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/myanmar.html" class="countryNameList-v3 destinationSubNav global-redirect"> Myanmar </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-yangon.html">Pan Pacific Yangon</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-nay-pyi-taw.html">PARKROYAL Nay Pyi Taw</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-yangon.html">PARKROYAL Yangon</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Singapore"> Singapore </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Singapore"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/singapore.html" class="countryNameList-v3 destinationSubNav global-redirect"> Singapore </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-orchard-sg.html">Pan Pacific Orchard</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-marina.html">Pan Pacific Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-marina-bay.html">PARKROYAL COLLECTION Marina Bay, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-pickering.html">PARKROYAL COLLECTION Pickering, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-beach-road.html">PARKROYAL on Beach Road, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-beach-road.html">Pan Pacific Serviced Suites Beach Road, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-orchard.html">Pan Pacific Serviced Suites Orchard, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-singapore.html">PARKROYAL Serviced Suites Singapore</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Thailand"> Thailand </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Thailand"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/thailand.html" class="countryNameList-v3 destinationSubNav global-redirect"> Thailand </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-ss-bangkok.html">PARKROYAL Suites Bangkok</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-United-Kingdom"> United Kingdom </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-United-Kingdom"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/united-kingdom.html" class="countryNameList-v3 destinationSubNav global-redirect"> United Kingdom </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-london.html">Pan Pacific London</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Vietnam"> Vietnam </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Vietnam"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/vietnam.html" class="countryNameList-v3 destinationSubNav global-redirect"> Vietnam </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-hanoi.html">Pan Pacific Hanoi</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-saigon.html">PARKROYAL Saigon</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Upcoming-Hotels-and-Serviced-Suites" href="#" class="global-property subnav-link collapsed"> <span style="width: 68%">Upcoming Hotels and Serviced Suites</span> </a> </div> <div class="subnav-item-drawer collapse" aria-expanded="true" id="sub-destination-drawer-mobile-Upcoming-Hotels-and-Serviced-Suites"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/upcoming-hotels-serviced-suites.html" class="countryNameList-v3 destinationSubNav global-redirect "> Upcoming Hotels and Serviced Suites </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-dalian.html">PARKROYAL Dalian (Opening 2025)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-jakarta.html">PARKROYAL Jakarta (Opening 2025)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-phnom-penh.html">Pan Pacific Phnom Penh (Opening Q1 2026)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-siem-reap.html">PARKROYAL Siem Reap (Opening Q1 2026)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-siam-bangkok.html">Pan Pacific Siam Bangkok (Opening 2027)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-hanoi.html">PARKROYAL Hanoi (Opening 2027)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-bangkok.html">Pan Pacific Serviced Suites Bangkok (Opening 2027)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-hanoi.html">PARKROYAL Serviced Suites Hanoi (Opening Soon)</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-0" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/stay.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Stay</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-1" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/countries.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Destinations</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/australia.html">Australia</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/bangladesh.html">Bangladesh</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/canada.html">Canada</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/china.html">China</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/indonesia.html">Indonesia</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/japan.html">Japan</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/kenya.html">Kenya</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/malaysia.html">Malaysia</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/myanmar.html">Myanmar</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/singapore.html">Singapore</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/thailand.html">Thailand</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/united-kingdom.html">United Kingdom</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/vietnam.html">Vietnam</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-2" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/dining.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Dining</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/dining/dining-collection-au.html">Dining Collection Australia</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/dining/dining-collection-cn.html">Dining Collection China</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/dining/dining-collection-my.html">Dining Collection Malaysia</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/dining/dining-collection-mm.html">Dining Collection Myanmar</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/dining/dining-collection-sg.html">Dining Collection Singapore</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/dining/dining-collection-vn.html">Dining Collection Vietnam</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-3" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/offers.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Offers</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-4" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/celebrations.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Celebrations and Meetings</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/celebrations/event-destinationlisting.html">Event Destination Listing</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-5" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/panpacific-discovery.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Pan Pacific DISCOVERY</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/panpacific-discovery/sign-up-today.html" analytics-id="members_subnav_signup">Sign Up Today</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/panpacific-discovery/benefits.html">Benefits</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/panpacific-discovery/mobile-app.html">Mobile App</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/panpacific-discovery/experiences-listing.html">Experiences</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/panpacific-discovery/local-offers-listing.html">Local Offers</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/panpacific-discovery/double-discovery-dollar-and-double-nights.html">Double D$ &amp; Double Nights</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-6" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/about.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">About Us</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/about-pp.html">About Pan Pacific</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link active" href="/en/about/about-prc.html">About PARKROYAL COLLECTION</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/about-pr.html">About PARKROYAL</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/st-gregory.html">St. Gregory</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/si-chuan-dou-hua.html">Si Chuan Dou Hua Restaurant</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/our-culture-and-commitment.html">Our Culture and Commitment</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/corporate-responsibility.html">Sustainability</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/award-and-accolade.html">Awards and Accolades</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/gallery.html">Gallery</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> </div> <!-- footer START --> <!-- footer END --> </div> </div> </div> </div> </div> <div class="row cta-mobile d-none" style="color: white"> <div class="col items collapsed"> <a class="d-flex gift-mobile-new align-items-center member-nav gift-wrapper " target="_blank" analytics-text="eShop" href="/content/pphg-revamp/en/eshop.html" analytics-id="Top Nav Bar"> <svg class="icon-container icon-list gift"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-gift" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-gift"></use> </svg> <label>eShop</label> </a> </div> <a class="space-icon-text col items collapsed d-flex global-button" href="/en/booking/search.html"> <div class="icon-container"> <svg class="icon-bed-mobile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline"> </use> </svg> </div> <span>Book Now</span> </a> </div> </div> <div id="clickable-dinein-panel" data-parent=".navigation3.component" class="collapse"> </div> <!-- Force disable the booking panel in header for room detail page --> <div id="clickable-stay-panel" data-parent=".navigation3.component" class="collapse booking-panel-container "> <div class="container"> </div> </div> </nav> <nav class="mobile-navigation"> <div id="navbarMobile"> <div class="nav-wrapper collapse show black"> <div class="navbar-head"> <div class="d-flex justify-content-end"> <div> </div> </div> <div class="justify-content-center content-navbar-mobile"> <div class="sign-in-button-wrapper"> <a class="d-flex align-items-center signin-icon member-nav signin-signup-btn" data-src="#gha-fancybox-modal" data-fancybox analytics-id="topnav_signup"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <div class="label"> <span>Pan Pacific DISCOVERY</span> <span class="label3">Sign Up/Login</span> </div> </a> <div class="tooltip-signup-img" style="--signUpToolTipColor: #F7F2E8;"> <a href="https://www.panpacific.com/en/panpacific-discovery/sign-up-today.html?utm_source=aem&utm_medium=website&utm_campaign=non-members-personalisation"><img alt="" src="/content/dam/pphg-revamp/en/global/tooltip/ppd-sign-up-tooltip-image.png"/></a> </div> <div class="dropdown member-nav logged-in d-none"> <a class="d-flex signin-icon d-flex align-items-center" id="member-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <span class="name-logged-in"></span><!-- This span will replaced with actual name after login --> <i class="fa fa-angle-down"></i> </a> <div class="dropdown-menu menu-for-logged-in" aria-labelledby="member-menu"> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#travel-dashboard">Travel Dashboard</a> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#bookings">Bookings</a> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#profile">Profile</a> <hr/> <a class="dropdown-item dropdown-font d-flex logout-link">Logout</a> <input type="hidden" name="loginprofileendpoint" value="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.loginprofile.html"/> <input type="hidden" name="logoutendpoint" value="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.logout.html"/> </div> </div> <div class="gha-modal component"> <div class="d-none"> <div id="gha-fancybox-modal"> <div class="gha-form component"> <div id="login-screen" v-if="currentView=='login-screen'" v-cloak> <div class="row"> <div class="col-sm-6"> <!-- Start: Heading Component --> <h3>Pan Pacific DISCOVERY Sign In</h3> <!-- End: Heading Component --> <form class="login-form pt10" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST"> <div class="form-group custom-input-textfield" :class="{'is-filled' : login.loginid!='','text-error': errors.has('loginid')}"> <label for="loginid">Username or Email Address</label> <input class="form-control" type="text" v-validate="'required'" v-model="login.loginid" name="loginid" key="loginid" data-error-msg="Username or Email Address is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('loginid')" v-text="errors.first('loginid')"></p> </div> </div> <div class="form-group custom-input-textfield" :class="{'is-filled' : login.password!='','text-error': errors.has('password')}"> <label for="password">Password</label> <input class="form-control" type="password" v-validate="'required'" v-model="login.password" name="password" key="password" data-error-msg="Password is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('password')" v-text="errors.first('password')"></p> </div> </div> <input type="checkbox" class="hp-field" name="agreement-pp" v-model="login.agreementpp" value="1" tabindex="-1" autocomplete="off"/> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="login" :on-success="onRecaptchaLoginFormSubmit"> <button class="button button-primary btn login">Sign In</button> </google-recaptcha> <button v-if="chinaNetwork" class="button button-primary btn login" type="submit" v-on:click="onLoginFormSubmit">Sign In</button> <a class="btn-block smaller h-link" v-on:click="onShowForgetPassword" href="#">Forgot Password</a> </form> <div class="additional-option"> <div class="row"> <div class="col-sm-5"><span></span></div> <div class="col-sm-2">OR</div> <div class="col-sm-5"><span></span></div> </div> </div> <div class="social-icons"> <!--<input id="fbtokenid" type="hidden" v-model="facebooklogin.fbtokenid" name="fbtokenid" key="fbtokenid"> <input id="googletokenid" type="hidden" v-model="googlelogin.googletokenid" name="googletokenid" key="googletokenid"> <input id="userAccessThrough" type="hidden" name="userAccessedThrough"> --> <a class="btn" id="fbLink" href="javascript:void(0);" v-on:click="fbLogin"> <svg class="icon-container align-self-center"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook"></use><span>Login with Facebook</span> </svg> </a> <a href="javascript:void(0);" class="customGPlusSignIn" id="googleLink" onclick="startApp();"> <svg class="icon-container align-self-center"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-login-google" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-login-google"></use><span>Sign in with Google</span> </svg> </a> </div> </div> <div class="col-sm-6 join-today"> <div class="desktop-version d-none d-md-block d-lg-block d-lg-none"> <div class="join-title"> <!-- Start: Heading Component --> <h3>Join Us Today</h3> <!-- End: Heading Component --> <!-- Start: Heading Component --> <h4>Benefits of Pan Pacific DISCOVERY</h4> <!-- End: Heading Component --> </div> <div class="mt30 register-content"> <ul> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bestrate" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bestrate"> </use> </svg>10% savings year-round on Flexible Rate </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-discovery-dollar" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-discovery-dollar"> </use> </svg>Instant currency rewards on eligible spend </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-nearby-dining" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-nearby-dining"> </use> </svg>Up to 25% savings on total dining bill </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-reward" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-reward"> </use> </svg>Exclusive birthday savings and privileges </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-room-upgrade" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-room-upgrade"> </use> </svg>Enjoy complimentary room upgrades* </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o"> </use> </svg>*Subject to availability upon check-in </li> </ul> </div> </div> <div class="mobile-version d-block d-sm-none"> <!-- Start: Heading Component --> <h3>Join Us Today</h3> <!-- End: Heading Component --> <p>Receive exclusive membership benefits!</p> </div> <a class="button button-primary register" href="/en/panpacific-discovery/sign-up-today.html">REGISTER</a> </div> </div> </div> <div id="select-login-account-screen" v-if="currentView=='select-login-account-screen'" v-cloak> <div class="row"> <div class="col-xs-12 col-sm-12"> <!-- Start: Heading Component --> <h3>Select Account</h3> <!-- End: Heading Component --> <p>Please select from the accounts below:</p> <form class="login-account-form" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding" v-for="profile in login.profiles"> <div class="account-wrapper" v-on:click="onSelectLoginAccount(profile.profileId)" v-bind:class="{ selected: profile.selected }"> <div class="card-image"> <img class="img-fluid" :src="profile.membercard" :alt="profile.membershipLevel"/> </div> <div class="card-info d-flex flex-column justify-content-center"> <p>{{profile.firstName}} {{profile.lastName}}</p> <small v-text="profile.membershipNumber"></small> </div> </div> </div> </div> <!--.divider-grey--> <div> <a class="button button-primary btn btn-block" v-bind:class="{ disabled: login.profileid =='' }" v-on:click="onSelectLoginAccountSubmit()">SELECT</a> <a class="link link-primary d-block text-center" v-on:click="onBackToLoginScreen()">CANCEL</a></div> </form> </div> </div> </div> <div id="forget-password-screen" v-if="currentView=='forget-password-screen'" v-cloak> <div class="row"> <div class="col-sm-12"> <!-- Start: Heading Component --> <h3>Forgot Password</h3> <!-- End: Heading Component --> <p><p>Thank you for your request. If you have forgotten or lost your password, please visit <a href="https://www.ghadiscovery.com/member/forgot_password" target="_blank">GHA DISCOVERY</a> to reset it.<br /> </p> </p> <form class="forget-password-form pt10 pb20" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.resetpassword.html" data-method="POST"> <div class="form-group custom-input-textfield" :class="{'is-filled' : reset.usernameemail!='','text-error': errors.has('usernameemail')}"> <label for="usernameemail">Username or Email Address</label> <input class="form-control" type="text" v-validate="'required'" v-model="reset.usernameemail" name="usernameemail" key="usernameemail" data-error-msg="Username or Email Address is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('usernameemail')" v-text="errors.first('usernameemail')"></p> </div> </div> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="forgot-password" :on-success="onRecaptchaForgetPasswordSubmit"> <button class="button button-primary">RESET</button> </google-recaptcha> <input type="checkbox" class="hp-field" name="agreement-pp" v-model="reset.agreementpp" value="1" tabindex="-1" autocomplete="off"/> <button v-if="chinaNetwork" class="button button-primary" type="submit" v-on:click="onForgetPasswordSubmit">RESET</button> </form> </div> </div> </div> <div id="forget-password-select-account-screen" v-if="currentView=='forget-password-select-account-screen'" v-cloak> <div class="row"> <div class="col-xs-12 col-sm-12"> <!-- Start: Heading Component --> <h3>Select Account</h3> <!-- End: Heading Component --> <p>Please select from the accounts below:</p> <form class="reset-account-form" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.resetpassword.html" data-method="POST"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb10 no-padding" v-for="profile in reset.profiles"> <div class="account-wrapper" v-on:click="onSelectResetAccount(profile.profileId)" v-bind:class="{ selected: profile.selected }"> <div class="card-image"> <img class="img-fluid" :src="profile.membercard" :alt="profile.membershipLevel"/> </div> <div class="card-info d-flex flex-column justify-content-center"> <p>{{profile.firstName}} {{profile.lastName}}</p> <small v-text="profile.membershipNumber"></small> </div> </div> </div> </div> <!--.divider-grey--> <div> <a class="button button-primary btn btn-block" v-bind:class="{ disabled: reset.profileid =='' }" v-on:click="onSelectResetAccountSubmit()">SELECT</a> <a class="link link-primary d-block text-center" v-on:click="onBackToResetPasswordScreen()">CANCEL</a> </div> </form> </div> </div> </div> <div id="forget-password-success-screen" v-if="currentView=='forget-password-success-screen'" v-cloak> <div class="row"> <div class="col-sm-12"> <!-- Start: Heading Component --> <h3>Password Reset</h3> <!-- End: Heading Component --> <p></p> <a class="link link-primary d-inline-flex align-items-center" v-on:click="onBackToLoginScreen()">Back to login</a> </div> </div> </div> <div id="loading-screen" v-if="currentView=='loading-screen'" v-cloak> <div class="row"> <div class="col-sm-12 text-center"> <h3>Please wait a moment</h3> <p><p>We are currently processing your request.<br /> Please do not close your browser window or navigate away from this page.<br /> Thank you.</p> </p> <div class="ajax-loader"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> </div> <div id="E513" v-if="currentView=='login-password-screen'" v-cloak> <div class="row"> <div class="col-sm-12"> <!-- Start: Heading Component --> <h3>DISCOVERY Login Password</h3> <!-- End: Heading Component --> <p>This is done for the security reasons to make sure user is really authorized to login. <br/>For any future logins user will not be prompted to enter the password.</p> <form class="login-password-form pt10 pb20" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST" v-on:submit.prevent="onShowLoginPassword"> <div class="form-group custom-input-textfield" :class="{'is-filled' : reset.password!='','text-error': errors.has('password')}"> <label for="password">Password</label> <input class="form-control" type="password" v-validate="'required'" v-model="login.password" name="password" key="password" data-error-msg="Password is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('password')" v-text="errors.first('password')"></p> </div> </div> <button class="button button-primary" type="submit">SUBMIT</button> </form> </div> </div> </div> </div> </div> </div> </div> <div class="gha-errors d-none"> <div id="EDEFAULT-LOGIN"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <div class="text-center links"> <a href="https://www.ghadiscovery.com/support/home" target="_blank">DISCOVERY Membership Services</a> <a href="https://www.ghadiscovery.com/member/forgot_password" target="_blank"> Forgot your password? </a> </div> <div> <p>To request for your username, contact DISCOVERY Membership Services and select “Accessing my Member Account” when completing the form.</p> </div> </div> </div> <div id="EDEFAULT-REGISTRATION"> <div class="title">Our Apologies.</div> <div class="description"> <p>Your request cannot be submitted, please try again later. Alternatively, please <a href="/en/contact-us.html" target="_blank">contact us</a> via our toll-free numbers or directly with the hotel you wish to stay in. Thank you.<br />  </p> </div> </div> <div id="E505"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <a class="d-block" href="https://www.discoveryloyalty.com/Contact-Us" target="_blank"> Forgot your username? </a> <br/> <div> <p>Click on the link above to retrieve your username from DISCOVERY Membership Services. Please select ‘Accessing my Member Account’ when completing the form.</p> </div> </div> </div> <div id="E506"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <a class="gha-forget-password-link"> Forgot your password? </a> <br/> <div> <p>The password entered does not correspond with the username or email address. Please try again or click on the link above to retrieve your password.</p> </div> </div> </div> <div id="E508"> <div class="title">Our apologies.</div> <div class="description">There is already an existing account with this email address or username. Please proceed to sign-in or reset your password using your email address.</div> </div> <div id="E509"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <p>The email address is invalid. Would you like to create an account using this email address?</p> <p><a href="/en/members/sign-up-today.html">Sign up here!</a><br /> </p> </div> </div> <div id="E512"> <div class="title">Invalid email address</div> <div class="description"> <p>Sorry, we are unable to find a Pan Pacific DISCOVERY member account with that email address.</p> <p>You can sign up <a href="/en/members/sign-up-today.html"><u>here</u></a> to join Pan Pacific Discovery.<br /> </p> </div> </div> <div> <input id="fbtokenid" type="hidden" v-model="facebooklogin.fbtokenid" name="fbtokenid" key="fbtokenid"/> <input id="googletokenid" type="hidden" v-model="googlelogin.googletokenid" name="googletokenid" key="googletokenid"/> <input id="userAccessThrough" type="hidden" name="userAccessedThrough"/> <input id="ghaRegisterEmail" type="hidden" name="ghaRegisterEmail"/> <input id="ghaRegisterToken" type="hidden" name="ghaRegisterToken"/> </div> </div> </div> </div> </div> <div class="navbar-content" data-parent="#navbarMobile"> <div class="nav-pannel row"> <div class="container pr-0"> <div class="navbar-container"> <form class="global-search" name="global-search" action="/content/pphg-revamp/en/search-result.html" method="GET"> <div id="search-icon-mobile"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> </div> <div id="search-field-mobile" class="custom-input-textfield d-none"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> <div class="easy-autocomplete"> <input class="form-control" type="text" placeholder="Search" name="search-input-field" data-endpoint="/content/pphg-admin/search-suggestion/_jcr_content.list.json" id="eac-197" autocomplete="off"/> <div class="easy-autocomplete-container" id="eac-container-eac-197"> <ul style="display: none;"></ul> </div> </div> <button type="button" onclick="document.getElementsByName('search-input-field')[1].value=''"> <svg class="icon-container icon-clear"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x"></use> </svg> </button> </div> </form> <div class="collapse navbar-collapse"> <ul class="navbar-nav"> <!-- if the topNav does not have a topNav.linkURL, then do not render --> <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/stay.html" data-toggle="collapse">Stay </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-1">Destinations <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-2">Dining <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <!-- if the topNav does not have a topNav.linkURL, then do not render --> <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/offers.html" data-toggle="collapse">Offers </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-4">Celebrations and Meetings <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-5">Pan Pacific DISCOVERY <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item active navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-6">About Us <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="container" style="padding: 0 15px;"> <hr style="height: 1px; background-color: #FFF; opacity: 0.24; margin-bottom: 30px;"/> <div class="d-flex align-items-center" style="margin-bottom: 20px; justify-content: space-between;"> <a class="d-flex align-items-center w-100" data-toggle="collapse" data-target="#top-navigation-drawer-mobile"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable w-100 select-dest-button-mobile" data-toggle="collapse" data-target-manual="#subnav-top-navigation-drawer-mobile-00"> Select Your Destination <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </button> </a> </div> <a class="d-flex align-items-center manage-booking-themes" href="/en/booking/modify.html"> <label>Manage Booking</label> </a> <div class="header-mobile__back-button" style="position: relative;margin-top: 20px; margin-left: 23px;"> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> <a href="/en.html" class="social-media-icons-visit-pan-pacific"> Back to Global Homepage </a> </div> </div> </div> <div class="navbar-foot d-flex justify-content-between"> <div class="d-flex align-items-center language-dropdown-wrapper"> <svg class="icon-container icon-globe-language"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour"> </use> </svg> <span class="color-language-letter letter-default-mobile">English</span></i> <div class="language-mobile-value"> <svg class="icon-container icon-chevron-down-language-selector-mobile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </div> <select> <option value="/content/pphg-revamp/en/about/about-prc.html" data-lang="en" selected>English</option> <option value="/content/pphg-revamp/zh/about/about-prc.html" data-lang="zh">中文</option> <option value="/content/pphg-revamp/ja/about/about-prc.html" data-lang="ja">日本語</option> </select> </div> <div class="d-flex align-items-center currency-dropdown-wrapper"> <input type="hidden" id="defaultCurrency" value="SGD"/> <input type="hidden" name="defCurrency-mob-js" id="defCurrency-mob-js" value="SGD"/> <span>Currency: </span><span id="currency-text">SGD</span> <svg class="icon-container icon-chevron-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> <select id="mobile-currency-dropdown"> <option value="SGD" data-currency-symbol="$"> SGD</option> <option value="USD" data-currency-symbol="$"> USD</option> <option value="DZD" data-currency-symbol="$"> DZD</option> <option value="AUD" data-currency-symbol="$"> AUD</option> <option value="BHD" data-currency-symbol="$"> BHD</option> <option value="BOB" data-currency-symbol="$b"> BOB</option> <option value="BWP" data-currency-symbol="P"> BWP</option> <option value="BRL" data-currency-symbol="R$"> BRL</option> <option value="GBP" data-currency-symbol="£"> GBP</option> <option value="BND" data-currency-symbol="$"> BND</option> <option value="BGN" data-currency-symbol="лв"> BGN</option> <option value="CAD" data-currency-symbol="$"> CAD</option> <option value="KYD" data-currency-symbol="$"> KYD</option> <option value="XOF" data-currency-symbol="$"> XOF</option> <option value="CLP" data-currency-symbol="$"> CLP</option> <option value="CNY" data-currency-symbol="¥"> CNY</option> <option value="COP" data-currency-symbol="$"> COP</option> <option value="CRC" data-currency-symbol="₡"> CRC</option> <option value="HRK" data-currency-symbol="kn"> HRK</option> <option value="CZK" data-currency-symbol="Kč"> CZK</option> <option value="DKK" data-currency-symbol="kr"> DKK</option> <option value="DOP" data-currency-symbol="RD$"> DOP</option> <option value="EGP" data-currency-symbol="£"> EGP</option> <option value="EEK" data-currency-symbol="$"> EEK</option> <option value="EUR" data-currency-symbol="€"> EUR</option> <option value="FJD" data-currency-symbol="$"> FJD</option> <option value="HNL" data-currency-symbol="L"> HNL</option> <option value="HKD" data-currency-symbol="$"> HKD</option> <option value="HUF" data-currency-symbol="Ft"> HUF</option> <option value="INR" data-currency-symbol="₹"> INR</option> <option value="IDR" data-currency-symbol="Rp"> IDR</option> <option value="ILS" data-currency-symbol="₪"> ILS</option> <option value="JMD" data-currency-symbol="J$"> JMD</option> <option value="JPY" data-currency-symbol="¥"> JPY</option> <option value="JOD" data-currency-symbol="$"> JOD</option> <option value="KZT" data-currency-symbol="лв"> KZT</option> <option value="KES" data-currency-symbol="$"> KES</option> <option value="KWD" data-currency-symbol="$"> KWD</option> <option value="LVL" data-currency-symbol="$"> LVL</option> <option value="LBP" data-currency-symbol="£"> LBP</option> <option value="LTL" data-currency-symbol="$"> LTL</option> <option value="MKD" data-currency-symbol="ден"> MKD</option> <option value="MYR" data-currency-symbol="RM"> MYR</option> <option value="MUR" data-currency-symbol="₨"> MUR</option> <option value="MXN" data-currency-symbol="$"> MXN</option> <option value="MDL" data-currency-symbol="$"> MDL</option> <option value="MAD" data-currency-symbol="$"> MAD</option> <option value="NAD" data-currency-symbol="$"> NAD</option> <option value="NPR" data-currency-symbol="₨"> NPR</option> <option value="ANG" data-currency-symbol="ƒ"> ANG</option> <option value="TWD" data-currency-symbol="NT$"> TWD</option> <option value="NZD" data-currency-symbol="$"> NZD</option> <option value="NIO" data-currency-symbol="C$"> NIO</option> <option value="NGN" data-currency-symbol="₦"> NGN</option> <option value="NOK" data-currency-symbol="kr"> NOK</option> <option value="OMR" data-currency-symbol="﷼"> OMR</option> <option value="PKR" data-currency-symbol="₨"> PKR</option> <option value="PGK" data-currency-symbol="$"> PGK</option> <option value="PYG" data-currency-symbol="Gs"> PYG</option> <option value="PEN" data-currency-symbol="S/."> PEN</option> <option value="PHP" data-currency-symbol="₱"> PHP</option> <option value="PLN" data-currency-symbol="zł"> PLN</option> <option value="QAR" data-currency-symbol="﷼"> QAR</option> <option value="RON" data-currency-symbol="lei"> RON</option> <option value="RUB" data-currency-symbol="руб"> RUB</option> <option value="SVC" data-currency-symbol="$"> SVC</option> <option value="SAR" data-currency-symbol="﷼"> SAR</option> <option value="RSD" data-currency-symbol="Дин."> RSD</option> <option value="SCR" data-currency-symbol="₨"> SCR</option> <option value="SLL" data-currency-symbol="$"> SLL</option> <option value="SKK" data-currency-symbol="$"> SKK</option> <option value="ZAR" data-currency-symbol="R"> ZAR</option> <option value="KRW" data-currency-symbol="₩"> KRW</option> <option value="LKR" data-currency-symbol="₨"> LKR</option> <option value="SEK" data-currency-symbol="kr"> SEK</option> <option value="CHF" data-currency-symbol="CHF"> CHF</option> <option value="TZS" data-currency-symbol="$"> TZS</option> <option value="THB" data-currency-symbol="฿"> THB</option> <option value="TTD" data-currency-symbol="TT$"> TTD</option> <option value="TND" data-currency-symbol="$"> TND</option> <option value="TRY" data-currency-symbol="₺"> TRY</option> <option value="UGX" data-currency-symbol="$"> UGX</option> <option value="UAH" data-currency-symbol="₴"> UAH</option> <option value="AED" data-currency-symbol="$"> AED</option> <option value="UYU" data-currency-symbol="$U"> UYU</option> <option value="UZS" data-currency-symbol="лв"> UZS</option> <option value="VEF" data-currency-symbol="Bs"> VEF</option> <option value="VND" data-currency-symbol="₫"> VND</option> <option value="YER" data-currency-symbol="﷼"> YER</option> <option value="ZMK" data-currency-symbol="$"> ZMK</option> </select> </div> </div> </div> </div> </nav> </div> </div> </div> </div> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="cookie-ipar iparsys parsys"></div> </div> </div> <div> <div class="ugcwidget"> <div class="container-fluid p-0"> <style> .content.d-flex.flex-column { width: 1100px; } </style> </div></div> <div class="masthead-2.0"> <div class="mastheadv2 component masthead-banner" data-full-fold="true" analytics-category="marketing_component" analytics-id="19" analytics-label=""> <!-- Desktop Start --> <div class="hero-swiper-container on-desktop-block"> <div class="swiper-wrapper"> <!-- Slide: Video HTML5 Start --> <!-- Slide: Video - HTML5 End --> <!-- Slide: Image - HTML5 Start --> <div class="swiper-slide " style="background-image: url(\2f content\2f dam\2fpphg-revamp\2f en\2fglobal\2f about-us\2fpphg-2-0\2f about-prc\2fprc-brand-hero-masthead.jpg); background-position-y: unset;" analytics-id="sign-up-now-cta"> <!-- <img class="bg-image" src="/content/dam/pphg-revamp/en/global/about-us/pphg-2-0/about-prc/prc-brand-hero-masthead.jpg" alt=""> --> <div class="container slide-container content-position-extreme-bottom"> <!-- Start: Weather Widget Component --> <!-- End: Weather Widget Component --> <div class="slide-text row middle"> <div class="col-8 content-alignment-left"> <!-- Start: Title Description 8 Component --> <div class="title-description component"> <div class="content d-flex" style="color: #ffffff"> <div class="title-tag"> <h1 class="content-text title "> <span><p>Inspiringly Yours,</p> <p>PARKROYAL COLLECTION</p> </span> </h1> </div> </div> </div> <!-- End: Title Description 8 Component --> </div> <div class="col-4 restaurant-logo"> </div> </div> </div> </div> <!-- Slide: Image - HTML5 End --> </div> </div> <!-- Desktop End --> <!-- Mobile Start --> <div class="hero-swiper-container on-mobile-block"> <div class="swiper-wrapper"> <!-- Slide: Video - HTML5 Start --> <!-- Slide: Video - HTML5 End --> <!-- Slide: Image - HTML5 Start --> <div class="swiper-slide " style="background-image: url(\2f content\2f dam\2fpphg-revamp\2f en\2fglobal\2f about-us\2fpphg-2-0\2f about-prc\2fprc-brand-hero-masthead-m.jpg)" analytics-id="sign-up-now-cta"> <!-- <img class="bg-image" src="/content/dam/pphg-revamp/en/global/about-us/pphg-2-0/about-prc/prc-brand-hero-masthead-m.jpg" alt=""> --> <div class="container slide-container content-position-extreme-bottom"> <div class="slide-text row middle"> <div class="col-12 content-alignment-left"> <!-- Start: Title Description 8 Component --> <div class="title-description component"> <div class="content d-flex flex-column " style="color: #ffffff"> </p> <div class="title-tag"> <h1 class="content-text title "> <span><p>Inspiringly Yours,</p> <p>PARKROYAL COLLECTION</p> </span> </h1> </div> </div> </div> <!-- End: Title Description 8 Component --> </div> </div> </div> </div> <!-- Slide: Image - HTML5 End --> </div> </div> <!-- Mobile End --> </div> <!-- Modal Start --> <div id="myModal" class="modal"> <div class="modal-content"> <svg class="close-modal" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.5858 19.9077C23.3668 20.6888 24.6332 20.6888 25.4142 19.9077L41.3219 4.00002L44 6.67811L28.0923 22.5858C27.3113 23.3668 27.3113 24.6332 28.0923 25.4142L44 41.3219L41.3219 44L25.4142 28.0923C24.6332 27.3113 23.3668 27.3113 22.5858 28.0923L6.67811 44L4.00002 41.3219L19.9077 25.4142C20.6888 24.6332 20.6888 23.3668 19.9077 22.5858L4 6.67809L6.67809 4L22.5858 19.9077Z" fill="#EFE9E5"/> </svg> </div> </div> <!-- Modal End --> </div> <div class="visual-cue"> <div class="myArrow sticky-arrow component" analytics-category="marketing_component" analytics-id="42" analytics-label=""> <p class="myArrow rotated-text d-none">Discover</p> <div class="myArrow vertical"></div> <div class="myArrow half-circle"> <svg class="myArrow arrow bounce"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#vector-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#vector-down"> </use> </svg> </div> </div></div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container fullwidth section-bigfloat "> <div style="background-image: url(\2f content\2f dam\2fpphg-revamp\2f en\2fglobal\2f about-us\2fpphg-2-0\2f about-prc\2fprchr-brand-intro-background-image.png);" class="container-fluid section-background-image grow pb50"> <div class="section-container-2 component section"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container contained section-bigfloat "> <div style="background-image: url();" class="container section-background-image "> <div class="columncontrol section"> <div class="row"> <div class="col-lg-8 "> <div class="breadcrumbNav"> <div class="bread-crumb-component"> <div class="on-desktop"> <a style="color: #fff;" href="/en.html">Home <i class="fa fa-angle-right" aria-hidden="true"></i> </a> <a style="color: #fff;" href="/en/about.html">About Us <i class="fa fa-angle-right" aria-hidden="true"></i> </a> <span style="color: #fff;">About PARKROYAL COLLECTION</span> </div> <div class="on-mobile"> <a style="color: #fff;" href="/en/about.html"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> Back to About Us</a> </div> </div> <!-- Testbranch --></div> <div class="animated-title-and-description"> <div class="animated-title-description component " style="--textColor:#fff;;"> <div class="content text-left animation"> <h2 class="tndv2-title" :class="titleClass"> It’s in Our Nature to Make You Feel Good</h2> <h2 class="tndv2-title shadow-text"> It’s in Our Nature to Make You Feel Good</h2> <div class="desc"> <div class="pphg-table-1 tndv2-desc" :class="descClass"> <div> <table border="0" cellpadding="0" cellspacing="0" width="549" style="color: rgb(255,255,255);"> <tbody><tr><td height="19" width="549">Wake up to the soft rustling of trees. Dine on ethically sourced ingredients. Stroll through tranquil spaces that are as luxurious as they are eco-friendly.<br /> <br /> At PARKROYAL COLLECTION, featuring some of the best sustainable hotels to stay in, every moment of your stay is an opportunity to connect with nature, and to discover the beauty of conscious living.<br /> </td> </tr></tbody></table> </div> </div> <div class="pphg-table-1 tndv2-desc shadow-text" :class="descClass"> <div> <table border="0" cellpadding="0" cellspacing="0" width="549" style="color: rgb(255,255,255);"> <tbody><tr><td height="19" width="549">Wake up to the soft rustling of trees. Dine on ethically sourced ingredients. Stroll through tranquil spaces that are as luxurious as they are eco-friendly.<br /> <br /> At PARKROYAL COLLECTION, featuring some of the best sustainable hotels to stay in, every moment of your stay is an opportunity to connect with nature, and to discover the beauty of conscious living.<br /> </td> </tr></tbody></table> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-4 "> </div> </div></div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <section id="in-page-navgiation" style="max-width: 100%; background-image: url();" class="section-container nopadding section-bigfloat "> <div class="container-fluid no-side-padding section-background-image "> <div class="anchorlinks section"> <section> <div class="container-fluid no-padding"><!-- Start: Anchor Links 2 Component --> <div class="anchor-link-container component text-center desktop anchor-link-container-style2 no-margin-bottom-imprt "> <div class="anchor-item container"> <a class='anchor-link ' target='_self' href='#our-difference'><span class="text-anchor-label">Our Difference</span></a> <a class='anchor-link ' target='_self' href='#signature-experiences'><span class="text-anchor-label">Signature Experiences</span></a> <a class='anchor-link ' target='_self' href='#destinations'><span class="text-anchor-label">Destinations</span></a> <a class='anchor-link ' target='_self' href='#insights'><span class="text-anchor-label">Insights &amp; Ideas</span></a> <a class='anchor-link ' target='_self' href='#awards-and-accolades'><span class="text-anchor-label">Awards &amp; Accolades</span></a> </div> </div> <div class="anchor-link-container component col-sm-12 text-center swiper-container swiper-container-horizontal mobile p-0 anchor-link-container-style2 no-margin-bottom-imprt" data-slidesperview="3" data-spacebetween="0"> <div class="swiper-wrapper"> <div class="swiper-slide anchor-item"> <a class="anchor-link active" target='_self' href='#our-difference'>Our Difference</a> </div> <div class="swiper-slide anchor-item"> <a class="anchor-link " target='_self' href='#signature-experiences'>Signature Experiences</a> </div> <div class="swiper-slide anchor-item"> <a class="anchor-link " target='_self' href='#destinations'>Destinations</a> </div> <div class="swiper-slide anchor-item"> <a class="anchor-link " target='_self' href='#insights'>Insights &amp; Ideas</a> </div> <div class="swiper-slide anchor-item"> <a class="anchor-link " target='_self' href='#awards-and-accolades'>Awards &amp; Accolades</a> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div><!-- End: Anchor Links 2 Component --> </div> </section> </div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <section id="our-difference" style="max-width: 100%; background-image: url();" class="section-container nopadding section-bigfloat bc-owhite "> <div class="container-fluid no-side-padding section-background-image "> <div class="scrollspy-item"> <div class="vertical-scroll-with-image-zoom-out section"> <div class="vertical-scroll-with-image-zoom-out component " analytics-category="marketing_component" analytics-id="32" analytics-label=""> <div class="container-fluid"> <div class="row pin-animation "> <div class="col-md-6 col-lg-6 image-container"> <button class="play-icon" id="play-pause-button"> <svg style="fill: #ffffff; width: 80px; height: 80px; transform: scale(0.56);"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-media-play" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-media-play"> </use> </svg> </button> <video id="autoplay-video" class="image-animation" muted preload="metadata" loop playsinline autoplay controls> <source src="/content/dam/pphg-revamp/en/global/about-us/pphg-2-0/about-prc/PPHG_AboutPRC_PRCHR_1220x916.mp4" type="video/mp4"/> </video> <!-- <iframe width="560" height="315" src="" data-sly-test="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> --> </div> <div class="col-md-6 col-lg-6 content-animation"> <div><div class="sectioncontainer section"> <section> <div class="container "> <div class="title-description section"> <div> <div class="content text-left pphg-table-1 "> <div> <h3><i>Our Difference</i></h3> <h2>Wellness Never Felt More Comforting</h2> <p>Here, you sleep well knowing that your well-being, and the well-being of our environment, are in good hands.</p> <p>By combining biophilic design and a focus on wellness, we have created a realm of tranquillity and conscious living, where every detail is curated to nurture your body, mind, and spirit while honouring the planet we call home.</p> <p>It’s a celebration of our commitment to improving lives and the world we live in. And we simply can’t wait to have you be a part of it.</p> </div> </div></div> </div> </div> </section> </div> </div> </div> </div> </div> </div></div> </div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> <div class="sectioncontainer"> <section id="signature-experiences"> <div class="container mt50 mb50 pt30 "> <div class="scrollspy-item"> <div class="title-description section"> <div> <div class="content text-center pphg-table-1 "> <div> <h3><i>Signature Experiences</i></h3> </div> </div></div> </div> <div class="title-description section"> <div class="title-description component "> <div class="content text-center "> <h2>Uniquely at PARKROYAL COLLECTION</h2> <div class="pphg-table-1 "> <div> <p class="cq-text-placeholder-ipe" data-emptytext="Freeform"></p> </div> </div> </div> </div> </div> <div class="stacked-highlight-cards section"> <div class="stacked-highlight-cards component" style="--numcards: 3" analytics-category="marketing_component" analytics-id="33" analytics-label="component"> <div class="container px-0"> <div class="stacked-highlight-cards_cards-wrapper d-flex flex-column"> <div class="stacked-highlight-cards_card position-sticky row" style="--index: 1"> <div class="px-5 w-100"> <div class="stacked-highlight-cards_card-content h-100 row" style="background: rgb(218,205,170);"> <div class="stacked-highlight-cards_card-image col-lg-6 px-0 pb-lg-0"> <img class="w-100" src="/content/dam/pphg-revamp/en/global/about-us/pphg-2-0/about-prc/prc-signature-experiences-image-1.jpg"/> </div> <div class="stacked-highlight-cards_card-text col-lg-6 h-100 px-0"> <div class="p-3 p-lg-5 h-100"> <div class="h-100" style="overflow-y: hidden;"><h2 style="font-size: 32.0px;">Eco Wellness Programme<br /> </h2> <p>Designed to take your five senses on an indulgent journey, this programme comprises elements throughout our hotel. Beginning with our lush green Biophilic Design, adorned with artful pieces, that revitalises both your eyes and mind.</p> <p>Next, our Passion for Nature signature scent embraces you in a fragrant sea of calm, while Conscious Dining treat your tastebuds to guilt-free flavours.</p> <p>To end your day to a relaxing note, our Sleep Ritual fills your room with therapeutic aromas of fresh harvested herbs as you drift off to restful sleep. Can wellness be more pleasurable than this?<br /> </p> </div> </div> </div> </div> </div> </div> <div class="stacked-highlight-cards_card position-sticky row" style="--index: 2"> <div class="px-5 w-100"> <div class="stacked-highlight-cards_card-content h-100 row" style="background: rgb(232,222,200);"> <div class="stacked-highlight-cards_card-image col-lg-6 px-0 pb-lg-0"> <img class="w-100" src="/content/dam/pphg-revamp/en/global/about-us/pphg-2-0/about-prc/prc-signature-experiences-image-2.jpg"/> </div> <div class="stacked-highlight-cards_card-text col-lg-6 h-100 px-0"> <div class="p-3 p-lg-5 h-100"> <div class="h-100" style="overflow-y: hidden;"><h2 style="font-size: 32.0px;">Urban Farming<br /> </h2> <p>Imagine savouring our culinary creations, and discovering that the ingredients come from an urban farm located right there in your hotel.</p> <p>At PARKROYAL COLLECTION, we call this Conscious Dining. It reflects our effort to minimise environmental impact while providing guests with the freshest produce possible.</p> <p>What's even better, our homegrown fare isn't limited to just Farm to Table; it extends to Farm to Bar and Farm to Spa as well. Keep an eye out for the fruits and herbs in our cocktails, spa treatments, and more.<br /> </p> </div> </div> </div> </div> </div> </div> <div class="stacked-highlight-cards_card position-sticky row" style="--index: 3"> <div class="px-5 w-100"> <div class="stacked-highlight-cards_card-content h-100 row" style="background: rgb(244,240,230);"> <div class="stacked-highlight-cards_card-image col-lg-6 px-0 pb-lg-0"> <img class="w-100" src="/content/dam/pphg-revamp/en/global/about-us/pphg-2-0/about-prc/prc-signature-experiences-image-3.jpg"/> </div> <div class="stacked-highlight-cards_card-text col-lg-6 h-100 px-0"> <div class="p-3 p-lg-5 h-100"> <div class="h-100" style="overflow-y: hidden;"><h2 style="font-size: 32.0px;">Inspiringly Yours Celebrations<br /> </h2> <p>Whether it's an intimate occasion or a milestone in life, there's always a reason to celebrate.</p> <p>At PARKROYAL COLLECTION, you’ll find the perfect settings, people and experiences to turn your celebrations into unforgettable masterpieces.</p> <p>Our Inspiringly Yours Celebrations Programme offers meticulously organised packages for you show love, commemorate life, and create memories. </p> <p>Speak to us and let us help you make your dream moments shine.<br /> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ugcwidget section"> <div class="container-fluid p-0"> <style type="text/css"> #brand-experience .service-swiper-container.on-mobile-block { height: 200vw !important; } #brand-experience .service-swiper-container.on-mobile-block .swiper-slide .content-wrapper { top: 36%; } #brand-experience .service-swiper-container.on-mobile-block .swiper-slide .content-wrapper .content { height: 150vw } </style> </div></div> </div> </div> </section> </div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <section id="destinations" style="max-width: 100%; background-image: url();" class="section-container nopadding section-bigfloat mb50 pt30 "> <div class="container-fluid no-side-padding section-background-image start-from-body-content"> <div class="scrollspy-item"> <div class="title-description section"> <div> <div class="content text-left pphg-table-1 "> <div> <h3 style="text-align: center;"><i>Destinations</i></h3> <h2 style="text-align: center;">Experience the World With Us</h2> </div> </div></div> </div> <div class="marketing-cards-with-location-tag section"> <div class="marketing-cards-with-location-tag component" data-auto-populate="true" data-auto-endpoint="/content/pphg-revamp/en/about/about-prc/jcr:content/par/section_container_2__783906127/contpar/marketing_cards.json" analytics-category="marketing_component" analytics-id="22" analytics-label="component"> <div class="container-fluid px-0"> <!-- Continent Selector --> <div class="marketing-cards-with-location-tag_continent-selector d-flex justify-content-center align-items-center pb-5 ml-4 ml-md-0"> <div v-for="(continent, index) in continentList" class="pr-4 font-weight-bold"> <a class="marketing-cards-with-location-tag_continent" role="button" @click="changeContinent(continent)">{{continent}}</a> <span class="dot-separator ml-4" :class="index === (continentList.length - 1) ? 'd-none' : ''"></span> </div> </div> <!-- Country Selector --> <div class="marketing-cards-with-location-tag_country-selector row pb-5 ml-4 ml-md-0"> <div class="col-8 col-md-3 position-relative px-0 px-md-4"> <select class="chosen-select select-picker select-picker-link font-weight-bold pl-5" name="country-selector" data-mobile="true"> <option value="" selected disabled default-option>Featured Properties</option> <option v-for="country in computedCountryList" :value="country">{{country}}</option> </select> <i class="fa fa-map-marker position-absolute d-lg-none" aria-hidden="true"></i> <i class="fa fa-chevron-down position-absolute d-lg-none" aria-hidden="true"></i> </div> </div> <!-- Navigation --> <div class="marketing-cards-with-location-tag_card-navigation d-flex position-absolute justify-content-end"> <!-- Pagination --> <div class="marketing-cards-with-location-tag_card-navigation-pagination mx-3 pt-4"> <span class="marketing-cards-with-location-tag_card-navigation-pagination-current">1</span> <span>/</span> <span class="marketing-cards-with-location-tag_card-navigation-pagination-total">1</span> </div> <!-- Prev and Next buttons --> <div class="marketing-cards-with-location-tag_card-navigation-prev d-none d-md-flex justify-content-center align-items-center mx-3" style="height: 50px; width: 50px;"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-left" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-left"> </use> </svg> </div> <div class="marketing-cards-with-location-tag_card-navigation-next d-none d-md-flex justify-content-center align-items-center ml-3" style="height: 50px; width: 50px;"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> </div> </div> <!-- Manual Card List --> <!-- Auto Card List --> <div class="marketing-cards-with-location-tag_card-container"> <div v-for="(propertyCard, index) in propertyCardList" class="marketing-cards-with-location-tag_card position-relative mx-4" :data-country="propertyCard.country" :data-continent="propertyCard.continent" :data-featured="propertyCard.featured" :data-upcoming="propertyCard.upcoming" :data-index="index"> <a :href="propertyCard.link" :target="propertyCard.openInNewTab ? '_blank' : ''"> <img class="marketing-cards-with-location-tag_card-image w-100" :src="propertyCard.image" :alt="propertyCard.title"/> <div v-if="!!propertyCard.country" class="marketing-cards-with-location-tag_card-country text-light font-weight-bold position-absolute p-4"> <i class="fa fa-map-marker pb-4"></i>{{propertyCard.country}} </div> <div class="marketing-cards-with-location-tag_card-title text-light position-absolute p-4"> {{propertyCard.title}} </div> <div class="overlay"></div> </a> </div> </div> </div> </div> </div> </div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%; background-image: url();" class="section-container nopadding section-bigfloat "> <div class="container-fluid no-side-padding section-background-image grow "> <div class="background-image-parallax section"> <!--START: Background Image Parallax --> <div class="background-image-parallax" analytics-category="marketing_component" analytics-id="43" analytics-label=""> <div class="parallax-wrapper"> <div v-if="isMobile"> <div class="parallax-image"> <img class="lazyload rellax" src="/content/dam/pphg-revamp/en/global/about-us/pphg-2-0/about-prc/prchr-pan-pacific-discovery-image-m.jpg" data-rellax-speed="-5" data-rellax-percentage="0.5"/> </div> </div> <div v-else> <div class="parallax-image"> <img class="lazyload rellax" src="/content/dam/pphg-revamp/en/global/about-us/pphg-2-0/about-prc/prchr-pan-pacific-discovery-image.jpg" data-rellax-speed="-5" data-rellax-percentage="0.5"/> </div> </div> <div class="parallax-alignment-left parallax-position-middle"> <img class="brand-image" src="/content/dam/pphg-revamp/en/global/members/ppd_logo.png"/> <h2 class="parallax-title">Rewarding Life’s Journey</h2> <!-- Multifield for Icons --> <div class="icon-list"> <div class="column"> <img src="/content/dam/pphg-revamp/icons/pphg-2-0/discovery-dollar-icon.png" alt="icon"/> <p>Earn Currency Rewards </p> </div> <div class="column"> <img src="/content/dam/pphg-revamp/icons/pphg-2-0/exclusive-icon.png" alt="icon"/> <p>Exclusive Discounts</p> </div> <div class="column"> <img src="/content/dam/pphg-revamp/icons/pphg-2-0/gift-icon.png" alt="icon"/> <p>Enjoy Perks</p> </div> </div> <div class="button-list button-parallax" style="margin-top: 20px;"> <!-- plain text style with no icon, white --> <!-- rounded button with animation, white --> <div class="cta cta-v2 component left-btn"> <a target="true" class="buttonV2 white-btn" href="/en/panpacific-discovery/sign-up-today.html"> <div> <svg width="32" height="32" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.2778 4.08044C18.045 4.08044 12.2991 6.96253 8.52598 11.9717L8.0129 12.6681L10.5893 14.6061L11.1036 13.9083C14.2649 9.71506 19.0549 7.31398 24.2619 7.31398C33.3534 7.31398 40.7506 14.7112 40.7506 23.8027C40.7506 32.8942 33.3534 40.2914 24.2619 40.2914C19.054 40.2914 14.2488 37.8897 11.104 33.6976L11.1027 33.6959L10.5889 32.9987L8.45914 34.6057L7.99604 34.9145L8.52285 35.6295L8.52598 35.6337C12.299 40.6427 18.0289 43.525 24.2778 43.525C35.1483 43.525 44.0001 34.6733 44.0001 23.8027C44.0001 12.9321 35.1483 4.08044 24.2778 4.08044ZM23.8737 17.0143C23.579 16.302 22.7575 15.9699 22.0569 16.2356L22.0433 16.241C21.3316 16.5355 20.995 17.3443 21.2837 18.066L21.2848 18.0688C21.8643 19.4929 22.7243 20.8137 23.8425 21.9977L24.2013 22.3764H9.29816C7.92028 22.3764 6.80514 21.2488 6.80514 19.8834V16.9337H4V25.1815H24.2013L23.842 25.5609C22.7248 26.7438 21.8659 28.0627 21.2863 29.4854C21.1402 29.8298 21.1408 30.2213 21.2882 30.5653C21.433 30.9031 21.6998 31.1698 22.0376 31.3146L22.7208 31.6074V31.3878C23.2211 31.333 23.6837 31.0086 23.876 30.5223C24.8742 28.0587 26.8553 26.0635 29.3321 25.0668L29.3347 25.0657C29.8658 24.8484 30.2106 24.3374 30.2106 23.7711C30.2106 23.2047 29.8642 22.693 29.3331 22.4757C26.8686 21.4778 24.8726 19.4962 23.8755 17.0187L23.8737 17.0143Z" fill="#EFE9E5"/> </svg> <p class="button-text">Join Now</p> </div> </a> </div> <!-- plain text style with no icon, white --> <div class="cta v2 component left-btn"> <a class="link linkbuttonV2 white" href="/en/panpacific-discovery.html">Learn More</a> </div> <!-- rounded button with animation, white --> </div> </div> </div> </div> <!--END: Marketing Image Parallax --></div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <section id="insights" style="max-width: 100%; background-image: url(\2f content\2f dam\2fpphg-revamp\2f en\2fglobal\2f about-us\2fpphg-2-0\2f about-prc\2fprc-desination-insights-background-image-0.4-0.25.jpg);" class="section-container nopadding section-bigfloat "> <div class="container-fluid no-side-padding section-background-image grow "> <div class="scrollspy-item"> <div class="section-container-2 component section"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container fullwidth section-bigfloat "> <div style="background-image: url();" class="container-fluid section-background-image pt30 "> <div class="title-description section"> <div> <div class="content text-left pphg-table-1 "> <div> <h3 style="text-align: center;color: white;"><i>Insights &amp; Ideas</i></h3> <h2 style="text-align: center;color: white;">Imagine the Possibilities</h2> <p style="text-align: center;color: white;">Explore these inspirations for your travels</p> </div> </div></div> </div> <div class="title-description section"> <div> <div class="content text-left pphg-table-1 "> <div> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> </div></div> </div> <div class="destination-insight-2.0 section"> <div data-endpoint="/content/pphg-revamp/en/about/about-prc/jcr:content/par/section_container_2__1759381928/contpar/section_container_2_/contpar/destination_insight_.{COUNTRY}.{PROPERTY}.{PAGE}.6.json" data-global="false" data-country="true" data-property="false" style="; " class="destination-insights-v2 destination-insights-v2__country component" analytics-category="marketing_component" analytics-id="41"> <div class="i18n d-none"> <div class="findoutmore">Find Out More</div> </div> <section id="filters-wrapper" class="d-none"> <div class="container"> <form action="" method="GET" class="filter-form pt30 "> <div class="row align-items-center"> <div class="col-12 col-lg-2 pb10">Specify Search by</div> <div class="col-12 col-lg-3 pl-lg-0"> <div class="form-group"> <div class="custom-chosen-wrapper"> <select class="chosen-select select-picker theme-color" name="country" data-mobile="true" data-disable-search="true"> <!-- <option value="">All Countries</option> --> <option value="all" data-url="/content/pphg-revamp/en/countries.html">All Countries </option> <option value="australia" data-url="/content/pphg-revamp/en/countries/australia/insights.html" selected> Australia</option> <option value="bangladesh" data-url="/en/countries/bangladesh/insights.html">Bangladesh </option> <option value="canada" data-url="/content/pphg-revamp/en/countries/canada/insights.html">Canada </option> <option value="china" data-url="/content/pphg-revamp/en/countries/china/insights.html">China </option> <option value="malaysia" data-url="/content/pphg-revamp/en/countries/malaysia/insights.html">Malaysia </option> <option value="myanmar" data-url="/content/pphg-revamp/en/countries/myanmar/insights.html">Myanmar </option> <option value="singapore" data-url="/content/pphg-revamp/en/countries/singapore/insights.html">Singapore </option> <option value="unitedkingdom" data-url="/content/pphg-revamp/en/countries/unitedkingdom/insights.html">United Kingdom </option> <option value="vietnam" data-url="/content/pphg-revamp/en/countries/vietnam/insights.html">Vietnam </option> </select> </div> </div> </div> </div> </form> </div> </section> <section> <div class="desktop-insights-v2 on-desktop-block"> <div class="insight-card" v-for="item in items" :key="item.id"> <a class="destination-list-item-wrapper" :href="item.link"> <div class="destination-list-item"> <img :src="item.image" :alt="item.altText"/> <div class="destination-info"> <div class="destination-text"> <h5 class="title">{{ item.title }}</h5> </div> <div class="destination-location-detail" v-if="item.country"> <svg class="location-icon icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-hollow-location" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-hollow-location"> </use> </svg> {{item.country}} </div> </div> </div> </a> </div> </div> <div class="col-12 on-desktop-block" v-cloak v-if="!hasData &amp;&amp; !isFetchingData"> <div class="error-section"> <div class="alert alert-secondary error-message error-container"> <div> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o"> </use> </svg> </div> <p class="error-desc">Sorry, no result was found.</p> </div> </div> </div> <div class="mobile-insights-v2 on-mobile-block"> <div class="m-insight-card" v-for="item in items" :key="item.id"> <a class="destination-list-item-wrapper" :href="item.link"> <div class="destination-list-item"> <img :src="item.image" :alt="item.altText"/> <div class="destination-info"> <div class="destination-text"> <h5 class="title">{{ item.title }}</h5> </div> <div class="destination-location-detail" v-if="item.country"> <svg class="location-icon icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-hollow-location" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-hollow-location"> </use> </svg> {{item.country}} </div> </div> </div> </a> </div> </div> <div class="col-12 on-mobile-block" v-cloak v-if="!hasData &amp;&amp; !isFetchingData"> <div class="error-section"> <div class="alert alert-secondary error-message error-container"> <div> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o"> </use> </svg> </div> <p class="error-desc">Sorry, no result was found.</p> </div> </div> </div> </section> </div></div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> </div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section id="awards-and-accolades" style="max-width: 100%;" class="section-container contained section-bigfloat bc-owhite "> <div style="background-image: url();" class="container section-background-image pt30 "> <div class="scrollspy-item"> <div class="title-description section"> <div> <div class="content text-left pphg-table-1 "> <div> <h3 style="text-align: center;"><i>Awards &amp; Accolades</i></h3> <h2 style="text-align: center;">Marks of Recognition</h2> </div> </div></div> </div> <div class="tab-with-seperator section"> <!--START: Tab With Seperator Component --> <div class="tab-with-seperator-component" id="tab-component" style="height: ; justify-content: space-between;;" analytics-category="marketing_component" analytics-id="29" analytics-label=""> <div class="tab-wrapper center"> <div class="tab-list d-none d-block"> <div class="tabs-dropdown"> <div class="tabs-dropdown-text"></div> </div> <ul class="nav nav-tabs desktop-tabs"> <li class="active"> <a class="active " style="--color:#A7852E;; --activeColor:#282325;" href="#2023" data-toggle="tab">2023</a> <span class="logos-container"></span> </li> <li> <a style="--color:#A7852E;; --activeColor:#282325;" href="#2022" data-toggle="tab">2022</a> <span class="logos-container"></span> </li> <li> <a style="--color:#A7852E;; --activeColor:#282325;" href="#2021" data-toggle="tab">2021</a> <span class="logos-container"></span> </li> <li> <a style="--color:#A7852E;; --activeColor:#282325;" href="#2020" data-toggle="tab">2020</a> </li> </ul> </div> </div> <div class="tab-content"> <div class="tab-pane active" id="2023"> <div class="textbox-carousel"> <div class="textbox-carousel component" analytics-category="marketing_component" analytics-id="38" analytics-label="component"> <div class="container-fluid"> <!-- Navigation --> <div class="textbox-carousel_navigation d-flex position-absolute justify-content-end"> <!-- Pagination --> <div class="textbox-carousel_navigation-pagination d-none d-md-block mx-2 pt-4"> <span class="textbox-carousel_navigation-pagination-current">1</span> <span>/</span> <span class="textbox-carousel_navigation-pagination-total">1</span> </div> <!-- Prev and Next buttons --> <div class="textbox-carousel_navigation-prev d-none d-md-flex justify-content-center align-items-center mx-2" style="height: 50px; width: 50px;"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-left" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-left"> </use> </svg> </div> <div class="textbox-carousel_navigation-next d-none d-md-flex justify-content-center align-items-center ml-2" style="height: 50px; width: 50px;"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> </div> </div> <!-- Textbox List --> <div data-slide-to-show="3.2" data-slide-to-scroll="3" class="textbox-carousel_container py-5"> <div class="textbox-carousel_content mx-4 px-5 pt-5 pb-4"> <p><b>HAPA Awards 2023</b></p> <ul> <li>PARKROYAL COLLECTION Kuala Lumpur, Malaysia | Best 5-Star Hotels &amp; Resorts</li> </ul> </div> </div> </div> </div> </div> </div> <div class="tab-pane " id="2022"> <div class="textbox-carousel"> <div class="textbox-carousel component" analytics-category="marketing_component" analytics-id="38" analytics-label="component"> <div class="container-fluid"> <!-- Navigation --> <div class="textbox-carousel_navigation d-flex position-absolute justify-content-end"> <!-- Pagination --> <div class="textbox-carousel_navigation-pagination d-none d-md-block mx-2 pt-4"> <span class="textbox-carousel_navigation-pagination-current">1</span> <span>/</span> <span class="textbox-carousel_navigation-pagination-total">1</span> </div> <!-- Prev and Next buttons --> <div class="textbox-carousel_navigation-prev d-none d-md-flex justify-content-center align-items-center mx-2" style="height: 50px; width: 50px;"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-left" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-left"> </use> </svg> </div> <div class="textbox-carousel_navigation-next d-none d-md-flex justify-content-center align-items-center ml-2" style="height: 50px; width: 50px;"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> </div> </div> <!-- Textbox List --> <div data-slide-to-show="3.2" data-slide-to-scroll="3" class="textbox-carousel_container py-5"> <div class="textbox-carousel_content mx-4 px-5 pt-5 pb-4"> <p><b>World Travel Awards 2022</b></p> <ul> <li>PARKROYAL COLLECTION Pickering, Singapore | World’s Leading Green City Hotel</li> <li>PARKROYAL COLLECTION Pickering, Singapore | Asia’s Leading Green Hotel</li> </ul> </div> <div class="textbox-carousel_content mx-4 px-5 pt-5 pb-4"> <p><b>Travel Weekly Asia Readers' Choice Awards 2022</b><br /> </p> <ul> <li>PARKROYAL COLLECTION Marina Bay, Singapore | Best Sustainable Hotel in Asia Pacific<br /> </li> </ul> </div> <div class="textbox-carousel_content mx-4 px-5 pt-5 pb-4"> <p><b>Ultimate Luxury Travel Related Awards (ULTRAs) 2022<br /> </b></p> <ul> <li>PARKROYAL COLLECTION Marina Bay, Singapore | Sustainable Hotel of the Year<br /> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="tab-pane " id="2021"> <div class="textbox-carousel"> <div class="textbox-carousel component" analytics-category="marketing_component" analytics-id="38" analytics-label="component"> <div class="container-fluid"> <!-- Navigation --> <div class="textbox-carousel_navigation d-flex position-absolute justify-content-end"> <!-- Pagination --> <div class="textbox-carousel_navigation-pagination d-none d-md-block mx-2 pt-4"> <span class="textbox-carousel_navigation-pagination-current">1</span> <span>/</span> <span class="textbox-carousel_navigation-pagination-total">1</span> </div> <!-- Prev and Next buttons --> <div class="textbox-carousel_navigation-prev d-none d-md-flex justify-content-center align-items-center mx-2" style="height: 50px; width: 50px;"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-left" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-left"> </use> </svg> </div> <div class="textbox-carousel_navigation-next d-none d-md-flex justify-content-center align-items-center ml-2" style="height: 50px; width: 50px;"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> </div> </div> <!-- Textbox List --> <div data-slide-to-show="3.2" data-slide-to-scroll="3" class="textbox-carousel_container py-5"> <div class="textbox-carousel_content mx-4 px-5 pt-5 pb-4"> <p><b>World Travel Awards 2021</b></p> <ul> <li>PARKROYAL COLLECTION Pickering, Singapore | World’s Leading Green City Hotel</li> <li>PARKROYAL COLLECTION Pickering, Singapore | Asia’s Leading Green Hotel</li> </ul> </div> <div class="textbox-carousel_content mx-4 px-5 pt-5 pb-4"> <p><b>Travel Weekly Asia Readers' Choice Awards 2021</b><br /> </p> <ul> <li>PARKROYAL COLLECTION Marina Bay, Singapore | Best Upscale Hotel - Asia Pacific<br /> </li> </ul> </div> <div class="textbox-carousel_content mx-4 px-5 pt-5 pb-4"> <p><b>Tripadvisor Traveller’s Choice 2021</b><br /> </p> <ul> <li>PARKROYAL COLLECTION Marina Bay, Singapore | Best of the Best<br /> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="tab-pane " id="2020"> <div class="textbox-carousel"> <div class="textbox-carousel component" analytics-category="marketing_component" analytics-id="38" analytics-label="component"> <div class="container-fluid"> <!-- Navigation --> <div class="textbox-carousel_navigation d-flex position-absolute justify-content-end"> <!-- Pagination --> <div class="textbox-carousel_navigation-pagination d-none d-md-block mx-2 pt-4"> <span class="textbox-carousel_navigation-pagination-current">1</span> <span>/</span> <span class="textbox-carousel_navigation-pagination-total">1</span> </div> <!-- Prev and Next buttons --> <div class="textbox-carousel_navigation-prev d-none d-md-flex justify-content-center align-items-center mx-2" style="height: 50px; width: 50px;"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-left" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-left"> </use> </svg> </div> <div class="textbox-carousel_navigation-next d-none d-md-flex justify-content-center align-items-center ml-2" style="height: 50px; width: 50px;"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> </div> </div> <!-- Textbox List --> <div data-slide-to-show="3.2" data-slide-to-scroll="3" class="textbox-carousel_container py-5"> <div class="textbox-carousel_content mx-4 px-5 pt-5 pb-4"> <p><b>World Travel Awards 2020</b></p> <ul> <li>PARKROYAL COLLECTION Pickering, Singapore | World’s Leading Green City Hotel</li> <li>PARKROYAL COLLECTION Pickering, Singapore | Asia’s Leading Green Hotel</li> </ul> </div> <div class="textbox-carousel_content mx-4 px-5 pt-5 pb-4"> <p><b>Hotel Investment Conference Asia Pacific (HICAP): Sustainable Hotel Award 2020</b><br /> </p> <ul> <li>PARKROYAL COLLECTION Pickering, Singapore | Best Sustainable Design<br /> </li> </ul> </div> <div class="textbox-carousel_content mx-4 px-5 pt-5 pb-4"> <p><b>BCA Green Mark 2020<br /> </b></p> <ul> <li>PARKROYAL COLLECTION Marina Bay, Singapore | Green Mark Gold Certification<br /> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <!--End: Tab With Seperator Component --></div> </div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> </div> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="footer-ipar iparsys parsys"><div class="cookie section"> <div class="cookie-notice component"> <div class="container"> <div class="content"> <div class="text"> <h5>Our website uses cookies</h5> By continuing to use the website, you will be agreeing to our <a href="/en/data-protection-policy.html">Privacy Policy and</a> <a href="/en/terms-of-use.html">Terms of Use.</a> </div> <div class="pdpa-btn"><a class="pda-close button button-primary text-center" href="javascript:void(0);" analytics-id="cookieMessageIUnderstand">I understand</a></div> </div> </div> </div></div> <div class="footer section"> <div class="footer-2 component"> <div class="container w-pp"> <div class="row"> <div class="col-12"> <ul class="pp-logos"> <li> <div class="hotel-name">Hotels and Resorts</div> <div class="logos-container"> <div class="logos-block"> <a href="/en/about/about-pp.html"> <img src="/content/dam/pphg-revamp/logos/logo-pp-hr.svg"/> </a> </div> <div class="logos-block"> <a href="/en/about/about-prc.html"> <img src="/content/dam/pphg-revamp/logos/logo-prc-hr-new-small.svg"/> </a> </div> <div class="logos-block"> <a href="/en/about/about-pr.html"> <img src="/content/dam/pphg-revamp/logos/logo-pr-hr.svg"/> </a> </div> </div> </li> <li> <div class="hotel-name">Serviced Suites</div> <div class="logos-container"> <div class="logos-block"> <a href="/en/serviced-suites.pp.html"> <img src="/content/dam/pphg-revamp/logos/logo-pp-ss.svg"/> </a> </div> <div class="logos-block"> <a href="/en/serviced-suites.pr.html"> <img src="/content/dam/pphg-revamp/logos/logo-pr-ss.svg"/> </a> </div> </div> </li> <li> <div class="hotel-name">Wellness and Lifestyle</div> <div class="logos-container"> <div class="logos-block"> <a href="/en/about/st-gregory.html"> <img src="/content/dam/pphg-revamp/logos/logo-st-gregory.svg"/> </a> </div> <div class="logos-block"> <a href="/en/about/si-chuan-dou-hua.html"> <img src="/content/dam/pphg-revamp/logos/logo-si-chuan-dou-hua.svg"/> </a> </div> </div> </li> </ul> </div> </div> </div> <div class="container"> <hr/> </div> <div class="container-fluid footer-main"> <div class="container"> <div class="row justify-content-between"> <div class="col-12 col-lg-3 about-us-section"> <div class="accordion"> <div> <input type="checkbox" id="footer-about-us"/> <label for="footer-about-us"> <h4>About Pan Pacific</h4> </label> <div class="content"> <ul> <li><a href="/en/about.html">About Us</a></li> <li><a href="/en/development-opportunities.html">Development Opportunities</a></li> <li><a href="/en/newsroom.html">Newsroom</a></li> <li><a href="/en/careers.html">Careers</a></li> <li><a href="https://www.panpacificconnections.com/aspx/Home.aspx?lang=eng" target='_blank'>Pan Pacific Connections</a></li> <li><a href="/en/frequent-flyer.html">Frequent Flyer Programme</a></li> </ul> </div> </div> </div> </div> <div class="container about-us-spacer"> <hr/> </div> <div class="col-12 col-lg-4 pt-sm-4 pt-lg-0"> <div class="contact-selector component" data-footer-type="global"> <h4>Toll-Free Room Reservation Numbers</h4> <div class="contact-country-selector"> <div class="contact-country-content"> <div class="form-block"> <div class="form-group"> <span class="placeholder"> </span> <select class="chosen-select select-picker select-picker-link" name="contact-selector" data-mobile="true"> <option value="" selected disabled>Please select from list</option> <option value="AU" data-contact-info="1800 01 7747"> Australia </option> <option value="CA" data-contact-info="1833 437 7747"> Canada </option> <option value="CN" data-contact-info="400 842 7737"> China </option> <option value="DE" data-contact-info="0800 181 9355"> Germany </option> <option value="HK" data-contact-info="800 906 633"> Hong Kong, China </option> <option value="ID" data-contact-info="0078036219908"> Indonesia </option> <option value="JP" data-contact-info="08003008189"> Japan </option> <option value="MY" data-contact-info="1800 819 588"> Malaysia </option> <option value="NZ" data-contact-info="0800 450 133"> New Zealand </option> <option value="SG" data-contact-info="+65 6722 6781"> Singapore </option> <option value="TH" data-contact-info="1800 019 488"> Thailand </option> <option value="GB" data-contact-info="0800 031 8255"> United Kingdom </option> <option value="US" data-contact-info="1 833 710 7747"> United States of America </option> <option value="VN" data-contact-info="122 80 955"> Vietnam </option> </select> </div> </div> <div class="tollfree-number-container"> <div class="tollfree-number font-weight-bold"></div> </div> </div> </div> <h4 class="pt-3 pt-sm-4 pt-lg-3">Want to Leave Us a Message Instead?</h4> <a class="link link-primary" href="/en/contact-us.html" target='_blank'>Send an Enquiry</a> </div> </div> <div class="col-12 col-lg-4 newsletter-section pt-3 pt-md-5 pt-lg-0"> <div> <h4>Sign Up for Our Newsletter</h4> <p>Be the first to know about our exclusive deals.</p> <form class="form-inline newsletter-input col-12 p-0"> <div class="form-group row p-0 m-0"> <div class="col-12 p-0"> <a href="#" class="newsletter-button" id="btn-footer-register" data-src="#newsletter-fancybox-modal" data-fancybox=""> Join Now </a> </div> </div> </form> <div class="newsletter-modal component"> <div class="d-none"> <div id="newsletter-fancybox-modal"> <h3 class="text-center mb-5">Newsletter Subscription </h3> <div class="form-screen container px-0"> <div class="first-content col-12 col-lg-6 pr-lg-5 pl-lg-0 float-lg-left px-0"> <h4>Contact Details</h4> <form data-responsys="true" id="form-newsletter" data-endpoint="/content/pphg-revamp/en/jcr:content/footer-ipar/footer/footer-newsletter.recaptcha-validation.json" data-action="https://engage.pphg.com/pub/rf" method="POST"> <input type="hidden" name="pcode-pp" value="global"/> <div class="form-group"> <div class="custom-input-textfield" :class="{'text-error': errors.has('email-pp')}"> <label for="email-pp">Email Address</label> <input id="email-pp" class="form-control" type="text" name="email-pp" v-validate="'required|email'" data-error-msg="Please enter a valid email address"/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('email-pp')" v-text="errors.first('email-pp')"></p> </div> </div> </div> <div class="form-group col-12 col-lg-6 pr-0 pl-0"> <label for="title-pp">Title</label> <div class="custom-chosen-wrapper" :class="{'text-error': errors.has('title-pp')}"> <select id="title-pp" class="chosen-select select-picker select-picker-link" data-mobile="true" name="title-pp" v-validate="'required'" data-error-msg="Please select your title" tabindex="-1" data-disable-search="true"> <option value="">Title</option> <option value="Mr"> Mr.</option> <option value="Mrs"> Mrs.</option> <option value="Ms"> Ms.</option> </select> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('title-pp')" v-text="errors.first('title-pp')"></p> </div> </div> </div> <div class="form-group col-12 pr-0 col-lg-12 px-0"> <div class="custom-input-textfield" :class="{'text-error': errors.has('fname-pp')}"> <label for="fname-pp">First Name</label> <input id="fname-pp" class="form-control" type="text" name="fname-pp" v-validate="'required'" data-error-msg="Please enter your first name"/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('fname-pp')" v-text="errors.first('fname-pp')"></p> </div> </div> </div> <div class="form-group"> <div class="custom-input-textfield" :class="{'text-error': errors.has('lname-pp')}"> <label for="lname-pp">Last Name</label> <input id="lname-pp" class="form-control" type="text" name="lname-pp" v-validate="'required'" data-error-msg="Please enter your last name"/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('lname-pp')" v-text="errors.first('lname-pp')"></p> </div> </div> </div> <div class="form-group"> <label for="country-pp">Country of Residence</label> <div class="custom-chosen-wrapper"> <select id="country-pp" class="chosen-select select-picker select-picker-link" data-mobile="true" name="country-pp"> <option value="af" data-text="af">Afghanistan </option> <option value="al" data-text="al">Albania </option> <option value="dz" data-text="dz">Algeria </option> <option value="as" data-text="as">American Samoa </option> <option value="ad" data-text="ad">Andorra </option> <option value="ao" data-text="ao">Angola </option> <option value="ai" data-text="ai">Anguilla </option> <option value="ag" data-text="ag">Antigua and Barbuda </option> <option value="ar" data-text="ar">Argentina </option> <option value="am" data-text="am">Armenia </option> <option value="aw" data-text="aw">Aruba </option> <option value="au" data-text="au">Australia </option> <option value="at" data-text="at">Austria </option> <option value="az" data-text="az">Azerbaijan </option> <option value="bs" data-text="bs">Bahamas </option> <option value="bh" data-text="bh">Bahrain </option> <option value="bd" data-text="bd">Bangladesh </option> <option value="bb" data-text="bb">Barbados </option> <option value="by" data-text="by">Belarus </option> <option value="be" data-text="be">Belgium </option> <option value="bz" data-text="bz">Belize </option> <option value="bj" data-text="bj">Benin </option> <option value="bm" data-text="bm">Bermuda </option> <option value="bt" data-text="bt">Bhutan </option> <option value="bo" data-text="bo">Bolivia </option> <option value="ba" data-text="ba">Bosnia and Herzegovina </option> <option value="bw" data-text="bw">Botswana </option> <option value="br" data-text="br">Brazil </option> <option value="vg" data-text="vg">British Virgin Islands </option> <option value="bn" data-text="bn">Brunei Darussalam </option> <option value="bg" data-text="bg">Bulgaria </option> <option value="bf" data-text="bf">Burkina Faso </option> <option value="bi" data-text="bi">Burundi </option> <option value="kh" data-text="kh">Cambodia </option> <option value="cm" data-text="cm">Cameroon </option> <option value="ca" data-text="ca">Canada </option> <option value="cv" data-text="cv">Cape Verde </option> <option value="ky" data-text="ky">Cayman Islands </option> <option value="cf" data-text="cf">Central African Republic </option> <option value="td" data-text="td">Chad </option> <option value="cr" data-text="cr">Chile </option> <option value="cn" data-text="cn">China </option> <option value="co" data-text="co">Colombia </option> <option value="km" data-text="km">Comoros </option> <option value="cd" data-text="cd">Congo, Dem. Rep. </option> <option value="cg" data-text="cg">Congo, Rep. </option> <option value="ck" data-text="ck">Cook Islands </option> <option value="cr" data-text="cr">Costa Rica </option> <option value="ci" data-text="ci">Côte d’Ivoire </option> <option value="hr" data-text="hr">Croatia </option> <option value="cu" data-text="cu">Cuba </option> <option value="cy" data-text="cy">Cyprus </option> <option value="cz" data-text="cz">Czech Republic </option> <option value="dk" data-text="dk">Denmark </option> <option value="dj" data-text="dj">Djibouti </option> <option value="dm" data-text="dm">Dominica </option> <option value="do" data-text="do">Dominican Republic </option> <option value="ec" data-text="ec">Ecuador </option> <option value="eg" data-text="eg">Egypt </option> <option value="sv" data-text="sv">El Salvador </option> <option value="gq" data-text="gq">Equatorial Guinea </option> <option value="er" data-text="er">Eritrea </option> <option value="ee" data-text="ee">Estonia </option> <option value="et" data-text="et">Ethiopia </option> <option value="fo" data-text="fo">Faroe Islands </option> <option value="fj" data-text="fj">Fiji </option> <option value="fi" data-text="fi">Finland </option> <option value="fr" data-text="fr">France </option> <option value="gf" data-text="gf">French Guiana </option> <option value="pf" data-text="pf">French Polynesia (Tahiti) </option> <option value="ga" data-text="ga">Gabon </option> <option value="gm" data-text="gm">Gambia, The </option> <option value="ge" data-text="ge">Georgia </option> <option value="de" data-text="de">Germany </option> <option value="gh" data-text="gh">Ghana </option> <option value="gi" data-text="gi">Gibraltar </option> <option value="gr" data-text="gr">Greece </option> <option value="gl" data-text="gl">Greenland </option> <option value="gd" data-text="gd">Grenada </option> <option value="gp" data-text="gp">Guadeloupe </option> <option value="gu" data-text="gu">Guam </option> <option value="gt" data-text="gt">Guatemala </option> <option value="gn" data-text="gn">Guinea </option> <option value="gw" data-text="gw">Guinea-Bissau </option> <option value="gy" data-text="gy">Guyana </option> <option value="ht" data-text="ht">Haiti </option> <option value="us8" data-text="us8">Hawaii </option> <option value="va" data-text="va">Holy See </option> <option value="hn" data-text="hn">Honduras </option> <option value="hk" data-text="hk">Hong Kong, China </option> <option value="hu" data-text="hu">Hungary </option> <option value="is" data-text="is">Iceland </option> <option value="in" data-text="in">India </option> <option value="id" data-text="id">Indonesia </option> <option value="ir" data-text="ir">Iran </option> <option value="iq" data-text="iq">Iraq </option> <option value="ie" data-text="ie">Ireland </option> <option value="il" data-text="il">Israel </option> <option value="it" data-text="it">Italy </option> <option value="jm" data-text="jm">Jamaica </option> <option value="jp" data-text="jp">Japan </option> <option value="jo" data-text="jo">Jordon </option> <option value="kz" data-text="kz">Kazakhstan </option> <option value="ke" data-text="ke">Kenya </option> <option value="ki" data-text="ki">Kiribati </option> <option value="kw" data-text="kw">Kuwait </option> <option value="kg" data-text="kg">Kyrgyzstan </option> <option value="la" data-text="la">Lao PDR </option> <option value="lv" data-text="lv">Latvia </option> <option value="lb" data-text="lb">Lebanon </option> <option value="ls" data-text="ls">Lesotho </option> <option value="lr" data-text="lr">Liberia </option> <option value="ly" data-text="ly">Libya </option> <option value="li" data-text="li">Liechtenstein </option> <option value="lt" data-text="lt">Lithuania </option> <option value="lu" data-text="lu">Luxembourg </option> <option value="mo" data-text="mo">Macao </option> <option value="mg" data-text="mg">Madagascar </option> <option value="mw" data-text="mw">Malawi </option> <option value="my" data-text="my">Malaysia </option> <option value="mv" data-text="mv">Maldives </option> <option value="ml" data-text="ml">Mali </option> <option value="mt" data-text="mt">Malta </option> <option value="mh" data-text="mh">Marshall Islands </option> <option value="mq" data-text="mq">Martinique </option> <option value="mr" data-text="mr">Mauritania </option> <option value="mu" data-text="mu">Mauritius </option> <option value="mx" data-text="mx">Mexico </option> <option value="fm" data-text="fm">Micronesia (Federated States of) </option> <option value="md" data-text="md">Moldova </option> <option value="mc" data-text="mc">Monaco </option> <option value="mn" data-text="mn">Mongolia </option> <option value="me" data-text="me">Montenegro </option> <option value="ms" data-text="ms">Montserrat </option> <option value="ma" data-text="ma">Morocco </option> <option value="mz" data-text="mz">Mozambique </option> <option value="mm" data-text="mm">Myanmar </option> <option value="na" data-text="na">Namibia </option> <option value="nr" data-text="nr">Nauru </option> <option value="np" data-text="np">Nepal </option> <option value="an" data-text="an">Netherlands Antilles </option> <option value="nl" data-text="nl">Netherlands </option> <option value="nc" data-text="nc">New Caledonia </option> <option value="nz" data-text="nz">New Zealand </option> <option value="ni" data-text="ni">Nicaragua </option> <option value="ne" data-text="ne">Niger </option> <option value="ng" data-text="ng">Nigeria </option> <option value="nu" data-text="nu">Niue </option> <option value="kp" data-text="kp">North Korea </option> <option value="mp" data-text="mp">Northern Mariana Islands </option> <option value="no" data-text="no">Norway </option> <option value="om" data-text="om">Oman </option> <option value="pk" data-text="pk">Pakistan </option> <option value="pw" data-text="pw">Palau </option> <option value="ps" data-text="ps">Palestinian Territories </option> <option value="pa" data-text="pa">Panama </option> <option value="pg" data-text="pg">Papua New Guinea </option> <option value="py" data-text="py">Paraguay </option> <option value="pe" data-text="pe">Peru </option> <option value="ph" data-text="ph">Philippines </option> <option value="pn" data-text="pn">Pitcairn </option> <option value="pl" data-text="pl">Poland </option> <option value="pt" data-text="pt">Portugal </option> <option value="pr" data-text="pr">Puerto Rico </option> <option value="qa" data-text="qa">Qatar </option> <option value="mk" data-text="mk">Republic of Macedonia </option> <option value="ro" data-text="ro">Romania </option> <option value="ru" data-text="ru">Russian Federation </option> <option value="rw" data-text="rw">Rwanda </option> <option value="sh" data-text="sh">Saint Helena </option> <option value="kn" data-text="kn">Saint Kitts and Nevis </option> <option value="lc" data-text="lc">Saint Lucia </option> <option value="vc" data-text="vc">Saint Vincent and the Grenadines </option> <option value="ws" data-text="ws">Samoa </option> <option value="sm" data-text="sm">San Marino </option> <option value="st" data-text="st">São Tomé and Príncipe </option> <option value="sa" data-text="sa">Saudi Arabia </option> <option value="sn" data-text="sn">Senegal </option> <option value="rs" data-text="rs">Serbia </option> <option value="sc" data-text="sc">Seychelles </option> <option value="sl" data-text="sl">Sierra Leone </option> <option value="sg" data-text="sg">Singapore </option> <option value="sk" data-text="sk">Slovakia </option> <option value="si" data-text="si">Slovenia </option> <option value="sb" data-text="sb">Solomon Islands </option> <option value="so" data-text="so">Somalia </option> <option value="za" data-text="za">South Africa </option> <option value="kr" data-text="kr">South Korea </option> <option value="ss" data-text="ss">South Sudan </option> <option value="es" data-text="es">Spain </option> <option value="lk" data-text="lk">Sri Lanka </option> <option value="sd" data-text="sd">Sudan </option> <option value="sr" data-text="sr">Suriname </option> <option value="sz" data-text="sz">Swaziland </option> <option value="se" data-text="se">Sweden </option> <option value="ch" data-text="ch">Switzerland </option> <option value="sy" data-text="sy">Syria </option> <option value="tw" data-text="tw">Taiwan </option> <option value="tj" data-text="tj">Tajikistan </option> <option value="tz" data-text="tz">Tanzania </option> <option value="th" data-text="th">Thailand </option> <option value="tl" data-text="tl">Timor-Leste </option> <option value="tg" data-text="tg">Togo </option> <option value="to" data-text="to">Tonga </option> <option value="tt" data-text="tt">Trinidad and Tobago </option> <option value="tn" data-text="tn">Tunisia </option> <option value="tr" data-text="tr">Turkey </option> <option value="tm" data-text="tm">Turkmenistan </option> <option value="tv" data-text="tv">Tuvalu </option> <option value="ug" data-text="ug">Uganda </option> <option value="ua" data-text="ua">Ukraine </option> <option value="ae" data-text="ae">United Arab Emirates </option> <option value="gb" data-text="gb">United Kingdom </option> <option value="us" data-text="us">United States of America </option> <option value="uy" data-text="uy">Uruguay </option> <option value="vi" data-text="vi">US Virgin Islands </option> <option value="uz" data-text="uz">Uzbekistan </option> <option value="vu" data-text="vu">Vanuatu </option> <option value="ve" data-text="ve">Venezuela </option> <option value="vn" data-text="vn">Vietnam </option> <option value="eh" data-text="eh">Western Sahara </option> <option value="ye" data-text="ye">Yemen </option> <option value="zm" data-text="zm">Zambia </option> <option value="zw" data-text="zw">Zimbabwe </option> </select> <input type="hidden" name="countryname-pp"/> </div> </div> <input type="hidden" name="globalpropertynews-pp" value="3"/> <input type="hidden" name="secretid-pp"/> <div class="form-group"> <label class="checkbox custom-control custom-checkbox" :class="{ 'has-error' : errors.has('tnc0') }"> <div class="d-flex"> <div> <input class="custom-control-input" id="tnc0" name="tnc0" v-validate="'required'" type="checkbox" data-error-msg-required="Please agree to Terms and Conditions before proceeding."/> <span class="custom-control-indicator"></span> </div> <div> <span class="custom-control-description"> <p>I have read and accepted the <a href="https://www.panpacific.com/en/terms-of-use.html" target="_self">terms of use</a>, <a href="https://www.panpacific.com/en/data-protection-notice-gdpr.html" target="_blank">data protection notice (GDPR)</a> and <a href="https://www.panpacific.com/en/data-protection-policy.html" target="_blank">data protection policy</a>.<br /> </p> </span> </div> </div> </label> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('tnc0')" v-text="'Please agree to the Terms and Conditions before proceeding.'"></p> </div> <label class="checkbox custom-control custom-checkbox" :class="{ 'has-error' : errors.has('gdpr') }"> </label> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('gdpr')" v-text="errors.first('gdpr')"></p> </div> </div> <div class="form-group mb-4"> <input type="hidden" name="_ri_" value="X0Gzc2X%3DAQpglLjHJlTQGhiYrWzciDbqzazb5wWnDzcOuFaizeh7COEPUytlzgEOVXMtX%3DAQpglLjHJlTQGuPAI4hcOe6Mwzbb58za3YtzdUizeh7COEPUytlzgEO"/> <input type="hidden" name="_ei_" value="EjAQuZq9ngW8UH5b6l5DTB8"/> <input type="hidden" name="_di_" value="dnn75eff7ihm2lfdkmuaejahva3oq0qs26h1brgr6tsl85rlu8ag"/> <input type="hidden" name="Database_id" value="PPHGCORP_FORM_WebSignUp"/> <input type="hidden" name="ENROLLMENT_CODE" value="PPHG"/> <input type="hidden" name="EMAIL_PERMISSION_STATUS_" value="I"/> <input type="checkbox" class="hp-field" name="agreement-pp" value="1" tabindex="-1" autocomplete="off"/> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="newsletter-subscription" :on-success="onRecaptchaSubmit"> <button class="button button-primary">Join Now</button> </google-recaptcha> <button v-if="chinaNetwork" class="button button-primary" type="submit" v-on:click="onSubmit">Join Now</button> </div> </form> </div> <div class="col-12 col-lg-6 pl-lg-5 pr-lg-0 pt-5 float-lg-right"> <strong class="d-block mb-4">Pan Pacific Protects Your Privacy</strong> <p>Click &quot;JOIN NOW&quot; below to get emails with news and personalised offers from PPHG’s family of brands. You agree to the use of pixels (or similar) so we can see how you interact with emails and offer you personalised ads and content. You can change your mind at any time. To find out more, see our Data Protection Notice.<br /> </p> </div> </div> <div class="loading-screen px-0"> <p>We are currently processing your request.<br />Please do not close your browser window or navigate away from this page.</p> <p>Thank you.</p> <div class="ajax-loader"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <div class="success-screen px-0"> <p>You have subscribed to our mailing list.</p> </div> <div class="error-screen px-0"> <h3>Sorry</h3> <p>The server is busy now; please try again later.</p> </div> </div> </div> </div> </div> <div class="app-download-section mt-0 mt-lg-4 pt-3 pt-md-5 pt-lg-0 pb-sm-3 pb-lg-0"><div class="col-12 p-0"> <h4>Download Our Mobile App</h4> </div> <div class="row"> <div class="col-6 col-sm-4 col-md-3 col-lg-6 p-0"> <div class="social-media d-block d-sm-block"> <div class="d-flex"> <a href="https://play.google.com/store/apps/details?id=com.pan_pacific.hotels" target="_blank"> <img src="/content/dam/pphg-revamp/test/pphg2-0/google-play-badge-1.png" alt="Android" width="100%"/> </a> </div> </div> </div> <div class="col-6 col-sm-4 col-md-3 col-lg-6 p-0"> <div class="social-media d-block d-sm-block"> <div class="d-flex"> <a href="https://apps.apple.com/sg/app/pan-pacific-hotels/id1517025891" target="_blank"> <img src="/content/dam/pphg-revamp/test/pphg2-0/apple-app-store-badge.png" alt="Apple" width="100%"/> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container py-lg-5 pb-5"> <div class="row"> <div class="col-12"> <div> <div class="title-description component "> <div class="content text-center "> <h4> Get the Latest from Our Socials <!-- <sly data-sly-test="false"> <svg class="icon-container icon-list offer"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-favorites" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-favorites"> </use> </svg> </sly> --> </h4> </div> </div> </div> </div> </div> <div class="row justify-content-lg-center"> <div class="col-12 col-lg flex-lg-grow-0 pt-1"> <div class="social-media d-block d-sm-block"> <div class="d-flex panpacific"> <span class="d-inline-flex">Pan Pacific</span> <ul class="align-items-center d-flex"> <li class="d-inline-flex align-items-center"><a href='https://www.facebook.com/PanPacificHotelsandResorts' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://instagram.com/panpacifichotels/' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='/en/wechat.html' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-wechat' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-wechat'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='http://weibo.com/PanPacificHotels' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-weibo' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-weibo'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.youtube.com/@panpacifichotels' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-youtube' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-youtube'></use> </svg></a></li> </ul> </div> </div> </div> <div class="social-media dot-separator"></div> <div class="col-12 col-lg flex-lg-grow-0 pt-1"> <div class="social-media d-block d-sm-block"> <div class="d-flex parkroyalcollection"> <span class="d-inline-flex">PARKROYAL COLLECTION</span> <ul class="align-items-center d-flex"> <li class="d-inline-flex align-items-center"><a href='https://www.facebook.com/PARKROYALCOLLECTION' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.instagram.com/parkroyalcollection' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.youtube.com/@parkroyalcollection' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-youtube' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-youtube'></use> </svg></a></li> </ul> </div> </div> </div> <div class="social-media dot-separator"></div> <div class="col-12 col-lg flex-lg-grow-0 pt-1"> <div class="social-media d-block d-sm-block"> <div class="d-flex parkroyal"> <span class="d-inline-flex">PARKROYAL</span> <ul class="align-items-center d-flex"> <li class="d-inline-flex align-items-center"><a href='https://www.facebook.com/PARKROYALHotelsandResorts' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.instagram.com/parkroyalhotels/' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.youtube.com/@parkroyalhotels' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-youtube' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-youtube'></use> </svg></a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="bottom pt-5"> <div class="container"> <div class="row second-row align-items-center"> <div class="col-6 col-md-2 order-2 order-md-1"> <div class="logo left-logo"> <a href="https://www.uol.com.sg/" target="_blank"> <img src="/content/dam/pphg-revamp/test/pphg2-0/UOL_logo_left.png"/> </a> </div> </div> <div class="col-12 col-md-8 order-1 order-md-2"> <div class="bottom-footer-text"> <a class="d-flex align-items-center justify-content-center" href="https://www.ghadiscovery.com/" target="_blank"> <svg class="icon-container icon-gha"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-gha" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-gha"></use> </svg>global hotel alliance </a> </div> <div class="bottom-footer-text"> <div class="links d-flex flex-wrap justify-content-between"> <a class="mx-auto my-1" href='/en/sitemap.html' target='_blank'>Sitemap</a> <a class="mx-auto my-1" href='/en/data-protection-policy.html' target='_blank'>Data Protection Policy</a> <a class="mx-auto my-1" href='/en/data-protection-notice-gdpr.html' target='_blank'>Data Protection Notice (GDPR)</a> <a class="mx-auto my-1" href='/en/terms-of-use.html' target='_blank'>Terms of Use</a> <a class="mx-auto my-1" href='/en/terms-and-conditions-ugc.html' target='_blank'>UGC Terms and Conditions</a> <!-- Change cookie preferences --> <a href="#" class="mx-auto my-1 cky-banner-element">Manage Cookie Preferences</a> </div> </div> <div class="bottom-footer-text copyright-text">© 2024 Pan Pacific Hotels Group Limited. All rights reserved</div> </div> <div class="col-6 col-md-2 order-3 order-md-3"> <div class="logo right-logo"> <a href="/en.html"> <img src="/content/dam/pphg-revamp/logos/pphg_logo_right.png"/> </a> </div> </div> </div> </div> </div> </div> </div> <div class="ugcwidget section"> <div class="container-fluid p-0"> <script type="text/javascript"> $('body').addClass('en pphg-2'); </script> </div></div> </div> </div> </div> </div> <div class="modal fade" id="errorModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" data-dismiss="modal" aria-label="Close" class="close"> <svg class="icon-container icon-xs"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-close" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-close"></use> </svg> </button> <div class="modal-header"> <!-- Start: Heading Component --> <h3 class="modal-title"></h3> <!-- End: Heading Component --> </div> <div class="modal-body pb20"> <p></p> </div> </div> </div> </div> <script> if ( window.location.protocol.toLowerCase() == "https:" || /\bisAEM/.test( document.body.className ) == false ) { if ('serviceWorker' in navigator) { window.addEventListener('load', function() { //navigator.serviceWorker.register('/sw.js'); navigator.serviceWorker.getRegistrations().then( function(registrations) { for(let registration of registrations) { registration.unregister(); } }); }); } } </script> <script> var defaultVal = document.getElementById("defaultCurrency").value; var baseUrl = "/etc/designs/pphg-revamp/clientlibs/", baseCurrency =defaultVal, tollfreeAPI ="/content/pphg-revamp/en.gettollfree.html?wcmmode=disabled", visitorCountryAPI ="/content/pphg-admin/visitorCountry.json", currencyAPI = "/content/pphg-admin/selectedCurrency.{FROM}.{TO}.json"; </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://www.panpacific.com/en/about/about-prc.html","name":"About PARKROYAL COLLECTION"}}]} </script> <!-- This is start of the Myma.ai Help Center digital assistant code --> <script> var url = window.location.href; var isEN = url.indexOf('/en/') >= 0; var isPropertyPage = url.indexOf('/hotels-and-resorts/') >= 0 || url.indexOf('/serviced-suites/') >= 0; var iidPP = 'e3a405b4-7d7d-493b-8fdd-74cb26c18413'; var iidPR = 'c69a09b5-ef9a-48dd-8d68-98766cafec67'; var iidPRC = '131dcd93-5a7c-4127-899f-595ce5fc0226'; var iid = ''; if (isEN && isPropertyPage) { var bodyClass = document.body.classList; if (bodyClass.contains('theme-pp')) { iid = iidPP; } else if (bodyClass.contains('theme-pr')) { iid = iidPR; } else if (bodyClass.contains('theme-prc')) { iid = iidPRC; } var BMB_MESSENGER_domain = 'https://messenger.myma.ai/'; var BMB_messengerHTMLPath = BMB_MESSENGER_domain + 'index.html'; var BMB_MESSENGER_head = document.getElementsByTagName('head')[0]; var BMB_MESSENGER_script = document.createElement('script'); BMB_MESSENGER_script.type = 'text/javascript'; BMB_MESSENGER_script.src = BMB_MESSENGER_domain + 'msgplugin.js'; BMB_MESSENGER_head.appendChild(BMB_MESSENGER_script); var BMB_MESSENGER_gid = '4d44c1aa-dc7c-415f-80e8-b08f0149ad66'; var BMB_MESSENGER_iid = iid; var BMB_MESSENGER_pid = ''; } </script> <!-- This is end of the Myma.ai Help Center digital assistant code --> <script type="text/javascript" src="/etc/designs/pphg-revamp/clientlibs.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10