CINXE.COM
Hotel Suite Jakarta | One Bedroom Suite at PARKROYAL Suites
<!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>Hotel Suite Jakarta | One Bedroom Suite at PARKROYAL Suites</title> <meta name="keywords" content="hotel suite jakarta, parkroyal service suites jakarta, one bedroom suite, new hotel jakarta, indulgent escape, relaxation, elegance, apartment indulgence, serviced apartments, indonesia"/> <meta name="description" content="Experience the ultimate comfort in our spacious hotel suite in Jakarta. Relax in a fully-furnished space with all the comforts of home."/> <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="prsjkt"/> <!-- 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/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-suite.html"/> <meta property="og:description" content="Experience the ultimate comfort in our spacious hotel suite in Jakarta. Relax in a fully-furnished space with all the comforts of home."/> <meta property="og:title" content="Hotel Suite Jakarta | One Bedroom Suite at PARKROYAL Suites"/> <!-- Google+ Metadata /--> <meta itemprop="name" content="Hotel Suite Jakarta | One Bedroom Suite at PARKROYAL Suites"/> <meta itemprop="description" content="Experience the ultimate comfort in our spacious hotel suite in Jakarta. Relax in a fully-furnished space with all the comforts of home."/> <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\/serviced\u002Dsuites\/pr\u002Dss\u002Djakarta\/sleep\/one\u002Dbedroom\u002Dsuite\/_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="indonesia en theme-pr 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">Hotel Suite Jakarta | One Bedroom Suite at PARKROYAL Suites</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="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"> You're in PARKROYAL Serviced Suites Jakarta <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/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-suite.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> </div> </div> <div class="d-flex align-items-center"> <a class="d-flex" href="/en/booking/modify.html?brand=pr"> <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 " 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 active 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 active" 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'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"> <a data-toggle="collapse" data-target="#destinationSub-13" href="/en/countries/upcoming-hotels-serviced-suites.html" class="sub-destination-link"> <h6 class="no-head-line">Upcoming Hotels and Serviced Suites</h6> </a> <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 " id="currency-drawer" data-parent=".navigation.component"> <div class="container"> <input type="hidden" id="defaultCurrency" value="USD"/> <div class="row"> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="USD" data-currency-symbol="$"><span>USD</span>US Dollar (USD)</a> <a class="currency" data-currency-code="SGD" data-currency-symbol="$"><span>SGD</span>Singapore Dollars (SGD)</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/serviced-suites/pr-ss-jakarta.html"> <img class="branding-logo" src="/content/dam/pphg-revamp/logos/logo-pr-ss-jakarta.svg" alt="PARKROYAL Serviced Suites Jakarta"/> </a> </div> </div> <div class="navbar-items d-flex align-items-center justify-content-end"> <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?r=PRSJKT"><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?r=PRSJKT">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 " href="/en/booking/search.html?propertyCode=prsjkt"> <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> <div class="cta cta-v2 component d-none d-lg-block"> <a class="buttonV2 book-now-button collapsed" data-toggle="collapse" data-target="#clickable-dinein-panel" aria-expanded="false"> <div> <svg class="icon-container icon-dine-desktop"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-dine-outline" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-dine-outline"> </use> </svg> <p class="button-text">Dine With Us</p> <div class="cross-button"> <div class="cross-bar cross-bar1"></div> <div class="cross-bar cross-bar2"></div> </div> </div> <div class="col p-0 dropdown-menu" aria-labelledby="diningMenuButton"> </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 "> <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"> <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-0">The Serviced Suites <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-1">Sleep <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">Eat <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/serviced-suites/pr-ss-jakarta/offers.html" data-toggle="collapse">Offers </a> </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/serviced-suites/pr-ss-jakarta/enjoy.html" data-toggle="collapse">Enjoy </a> </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/serviced-suites/pr-ss-jakarta/panpacific-discovery.html" data-toggle="collapse">Pan Pacific DISCOVERY </a> </li> </ul> </div> </div> </div> </div> </ul> <div class="social-media-icons"><div class="d-flex parkroyal"> <span class="d-inline-flex">PARKROYAL Serviced Suites Jakarta</span> <ul class="align-items-center d-flex"> <li class="d-inline-flex align-items-center"><a href='https://www.facebook.com/parkroyalservicedsuitesjakarta' 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/parkroyalservicedsuitesjakarta/' 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.linkedin.com/company/parkroyal-serviced-suites-jakarta' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-linkedin' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-linkedin'></use> </svg></a></li> </ul> </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('\2f content\2f dam\2fpphg-revamp\2f en\2fparkroyal-serviced-suites-jakarta\2fpr2-0\2fhomepage\2fPRSJKT_SimplyYours_Header_Background.png');"> <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 active" 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 active" 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'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/serviced-suites/pr-ss-jakarta/the-serviced-suites.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">The Serviced Suites </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/serviced-suites/pr-ss-jakarta/the-serviced-suites/serviced-suites-policy.html">Serviced Suites Policy</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/serviced-suites/pr-ss-jakarta/the-serviced-suites/insights.html">Destination Insights</a> </div> </div> <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/serviced-suites/pr-ss-jakarta/sleep.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Sleep</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/serviced-suites/pr-ss-jakarta/sleep/studio-suite.html">Studio Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link active" href="/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-suite.html">One Bedroom Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-deluxe-suite.html">One Bedroom Deluxe Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-premier-suite.html">One Bedroom Premier Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-executive-suite.html">One Bedroom Executive Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/serviced-suites/pr-ss-jakarta/sleep/two-bedroom-deluxe-suite.html">Two Bedroom Deluxe Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/serviced-suites/pr-ss-jakarta/sleep/two-bedroom-deluxe-corner-suite.html">Two Bedroom Deluxe Corner Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/serviced-suites/pr-ss-jakarta/sleep/two-bedroom-corner-suite.html">Two Bedroom Corner Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/serviced-suites/pr-ss-jakarta/sleep/two-bedroom-premier-corner-suite.html">Two Bedroom Premier Corner Suite</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/serviced-suites/pr-ss-jakarta/eat.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Eat</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/serviced-suites/pr-ss-jakarta/eat/residents-lounge.html">Residents Lounge</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/serviced-suites/pr-ss-jakarta/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/serviced-suites/pr-ss-jakarta/enjoy.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Enjoy</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-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/serviced-suites/pr-ss-jakarta/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 subnav-highlight__container"> </div> </div> </div> </div> </div> </div> </div> <!-- footer START --> <div class="footer-content"> <div class="contact-address-selector d-flex flex-row"> <div class="footer-content-wrapper address"> <span> <b>Address</b> </span> <div class="contact-address-content"> <div class="d-flex"> <div class="contact-address mb20">Thamrin Nine, Luminary Tower, Jalan M.H. Thamrin No 10 Jakarta, Indonesia 10230</div> </div> </div> </div> <div class="footer-content-wrapper call-us"> <span> <b>Call Us</b> </span> <div class="contact-address-content"> <div class="d-flex" style="flex-direction: column;"> <div class="contact-address">+62 21 508 20002</div> <div class="contact-address">628036219908 (Toll-free)</div> </div> </div> </div> <div class="footer-content-wrapper email-us"> <span> <b>Email Us</b> </span> <div class="contact-address-content"> <div class="d-flex"> <div class="contact-address mb20">enquiry.prsjkt@panpacific.com</div> </div> </div> </div> </div> </div> <!-- footer END --> </div> </div> </div> </div> </div> <div class="row cta-mobile d-none" style="color: white"> <a class="col items collapsed" data-toggle="collapse" data-target="#clickable-dinein-panel" aria-expanded="false"> <div class="icon-container"> <svg class="icon-dine-mobile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-dine-outline" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-dine-outline"> </use> </svg> </div> <span>Dine With Us</span> </a> <a class="space-icon-text col items collapsed d-flex " href="/en/booking/search.html?propertyCode=prsjkt"> <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"> <p style="padding: 20px 0px 10px 0px; font-size: 21px; flex-direction: column; text-align: center; line-height: 17px; font-weight: 400; font-family: 'Playfair Display';" class="explore-dining d-none d-lg-block">Explore Dining</p> <a class="dropdown-item d-flex align-items-center dropdown-dining-menu" href="/en/serviced-suites/pr-ss-jakarta/eat/residents-lounge.html#show-form" style="justify-content:center;font-size: 16px; line-height: 24px; font-weight: 700;" target="_blank"> Residents Lounge </a> </div> <!-- Force disable the booking panel in header for room detail page --> </nav> <nav class="mobile-navigation"> <div id="navbarMobile"> <div class="nav-wrapper collapse show "> <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?r=PRSJKT"><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?r=PRSJKT">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"> <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-0">The Serviced Suites <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-1">Sleep <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">Eat <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/serviced-suites/pr-ss-jakarta/offers.html" data-toggle="collapse">Offers </a> </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/serviced-suites/pr-ss-jakarta/enjoy.html" data-toggle="collapse">Enjoy </a> </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/serviced-suites/pr-ss-jakarta/panpacific-discovery.html" data-toggle="collapse">Pan Pacific DISCOVERY </a> </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"> You're in PARKROYAL Serviced Suites Jakarta <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?brand=pr"> <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/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-suite.html" data-lang="en" selected>English</option> </select> </div> <div class="d-flex align-items-center currency-dropdown-wrapper"> <input type="hidden" id="defaultCurrency" value="USD"/> <input type="hidden" name="defCurrency-mob-js" id="defCurrency-mob-js" value="USD"/> <span>Currency: </span><span id="currency-text">USD</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="USD" data-currency-symbol="$"> USD</option> <option value="SGD" data-currency-symbol="$"> SGD</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="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\2fparkroyal-serviced-suites-jakarta\2fpr2-0\2fsleep\2fone-bedroom-suite\2fPRSJKT_OneBedroom_Suite_Masthead_Image.jpg); background-position-y: center;" analytics-id="sign-up-now-cta"> <!-- <img class="bg-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/one-bedroom-suite/PRSJKT_OneBedroom_Suite_Masthead_Image.jpg" alt=""> --> <div class="container slide-container content-position-extreme-bottom"> <!-- Start: Weather Widget Component --> <!-- End: Weather Widget Component --> <div class="slide-text row "> <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>One Bedroom Suite<br /> </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\2fparkroyal-serviced-suites-jakarta\2fpr2-0\2fsleep\2fone-bedroom-suite\2fPRSJKT_OneBedroom_Suite_Masthead_M_Image.jpg)" analytics-id="sign-up-now-cta"> <!-- <img class="bg-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/one-bedroom-suite/PRSJKT_OneBedroom_Suite_Masthead_M_Image.jpg" alt=""> --> <div class="container slide-container content-position-extreme-bottom"> <div class="slide-text row "> <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>One Bedroom Suite<br /> </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 "> <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 --> <section style="max-width: 100%;" class="section-container contained section-bigfloat section-floatcomp "> <div style="background-image: url();" class="container section-background-image "> <div class="columncontrol section"> <div class="row"> <div class="col-lg-8 d-flex flex-column align-items-end "> </div> <div class="col-lg-4 d-flex flex-column align-items-end "> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <section id="floating-component" style="max-width: 380px; background-image: url();" class="section-container nopadding float-click customised " data-bgcolour="#fff"> <div class="container-fluid no-side-padding section-background-image "> <div class="bookingquote-2.0 section"> <div class="booking-quote booking-quote-2 component"> <div class="booking-quote-content"> <h4 class="quote-title">Book This Room</h4> <div class="quote-label">Price starting from</div> <div class="quote-price"> <span class="currency" data-base-currencycode="USD">USD</span> <span class="price" data-base-price="150.00">150.00</span><span class="night">night</span> </div> <div class="quote-member-price"> Members save up to <span class="currency" data-base-currencycode="USD">USD</span> <span class="price" data-base-price="15.00">15.00</span><span class="night">night</span> </div> </div> </div> </div> <div class="bookingpanel-2.0 section"> <div class="booking-panel booking-panel-2 booking-panel-s4 component vertical " style="display:none" data-property-code="prsjkt" data-edirect="false" data-room-code="A1K--A1T" data-config-endpoint='/content/pphg-revamp/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-suite/jcr:content/par/section_container_2__448756965/contpar/columncontrol/col-8-4-2/section_container_2_/contpar/bookingpanel_2_0.data.json' data-bookers-endpoint='/content/pphg-revamp/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-suite.bookers.html' data-edirect-endpoint='/content/pphg-revamp/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-suite.edirect.html' data-gha-label="Find other DISCOVERY hotels"> <div :class="'background-container' + (isBookingBarMobileShow ? ' on-mobile-show' : '')"> <div :class="'maintenance-message booking-panel__maintenance ' + (false ? 'd-block' : 'd-none')"> <div class="message-wrapper"><span><p style="text-align: left;"><span style="background-color: transparent;">Dear guest,</span><br /> </p> <p style="text-align: left;"><span style="background-color: transparent;">We are upgrading our booking system to serve you better. The system will be available again when the maintenance has been completed.</span><b style="background-color: transparent;"> </b></p> <p style="text-align: left;"><span style="background-color: transparent;">Please </span><a href="/en/system-maintenance-support.html" target="_blank"><span style="background-color: transparent;">reach us through our telephone numbers</span></a><span style="background-color: transparent;"> for enquiries and reservations. We apologise for any inconvenience caused. Thank you.</span></p> </span></div> </div> <div class="alert alert-secondary error-message" style="opacity:0" role="alert"> <svg v-if="bookingpanelerrors.length" 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> <p v-html="bookingpanelerrors.length ? bookingpanelerrors[0].message : ''"></p> </div> <form class="form-inline col-lg-12"> <div class="form-group col-lg-4 pad1 select-destination property d-none"> <div class="custom-chosen-wrapper col-lg-12 p-0"> <div class="property-overlay-handle" style="display:none"> <p class="select-destination-placeholder">Destination</p> <span>{{selectedPropertyLabel || "Select One"}}</span> </div> <select class="select-destination" disabled="disabled" data-custom-placeholder="Destination" data-error-message="No matches found. <p>View all <a href="http://pphg-revamp-author.xm-apac.com/content/pphg-revamp/en/hotels-and-resorts.html">Pan Pacific Hotels and Resorts</a> or discover more brands in the <a href="https://www.gha.com/">Global Hotel Alliance</a><br /> </p> "> <option value="" selected disabled>Select One</option> <optgroup label=" (1)"> <option value="prsjkt"> PARKROYAL Serviced Suites Jakarta </option> </optgroup> </select> </div> </div> <div v-if="dayuse.isEnabled" class="form-group col-12 booking-day-use" style="display: none;" v-cloak> <div class="form-group form-group"> <label :class="'custom-control custom-checkbox' + (!dayuse.isEnabled ? ' disabled' : '')"> <input class="custom-control-input" type="checkbox" v-model="dayuse.isChecked" v-on:change="onToggleDayUse" :disabled="!dayuse.isEnabled && 'disabled'"/> <span class="custom-control-indicator"></span> <span class="custom-control-description">Book for day use</span> </label> </div> </div> <div class="form-group col-lg-4 checkin-checkout-container text-left p-0"> <a :class="'btn btn-default btn-reverse btn-block btn-detail-selection' + (dateShowSelection ? ' btn-detail-selection-active' : '')" type="button" v-show="!dateShowSelection" v-on:click="onDateSelectionClick" v-cloak> <div class="checkin-checkout-button-text text-left"> <p v-if="isThemePr">When</p> <p v-else>Check-In & Check-Out Dates</p> <span v-if="dateLabel">{{dateLabel}}</span> <span v-else>Select Your Dates</span> <svg class="panel-icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-simple" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-simple"> </use> </svg> </div> </a> <div :class="'checkin-checkout-selection' + (!dayuse.isEnabled ? ' day-use-disabled' : '')" v-show="dateShowSelection" style="display: none;" v-cloak> <div class="row m-0"> <div class="col-6"> <button :class="'btn js-btn-checkin text-left checkinDateInput ' + (checkin.isDisabled ? 'inactive' : 'active')" type="button" v-on:click="activeCheckin"> <div class="schedule"> <p>Check-In</p> <span class="day" v-text="checkin.checkindate"></span> </div> </button> </div> <div class="col-6"> <button :class="'btn js-btn-checkout text-left checkoutDateInput ' + (checkout.isDisabled ? 'inactive' : 'active')" type="button" v-on:click="activeCheckout"> <div class="schedule"> <p>Check-Out</p> <span class="day" v-text="dayuse.isChecked ? '-' : checkout.checkoutdate"></span> </div> </button> </div> <div class="col-12 m-0 p-0"> <div :class="'datepicker-container ' + (checkin.isDisabled ? 'checkout-active' : 'checkin-active')"></div> </div> </div> <div v-if="dayuse.isEnabled" class="booking-day-use" v-cloak> <div class="form-group form-group"> <label :class="'custom-control custom-checkbox' + (!dayuse.isEnabled ? ' disabled' : '')"> <input class="custom-control-input" type="checkbox" v-model="dayuse.isChecked" v-on:change="onToggleDayUse" :disabled="!dayuse.isEnabled && 'disabled'"/> <span class="custom-control-indicator"></span> <span class="custom-control-description">Book for day use</span> </label> </div> </div> </div> </div> <div class="form-group col-lg-4 guest-count chosen-container is-filled pad1 guest-detail-container"> <a :class="'btn btn-default btn-reverse btn-block btn-detail-selection' + (detail.showSelection ? ' btn-detail-selection-active' : '')" type="button" v-show="!detail.showSelection" v-on:click="onDetailSelectionClick" v-cloak> <div class="guest-number2 text-left"> <p v-if="isThemePr">Details</p> <p v-else>Rooms, Guests & Rate Preferences</p> <span class="number" v-text="detail.room"></span> <span class="category">Room</span> <span class="number" v-text="detail.adult + detail.children"></span> <span class="category">Guest(s)</span> <svg class="panel-icon arrow-up"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-up" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-up"> </use> </svg> <svg class="panel-icon arrow-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> </div> </a> <div class="room-person-selection" v-show="detail.showSelection" style="display: none;" v-cloak> <div class="well"> <ul> <li class="d-flex flex-row justify-content-between align-items-center guest-room-container"> <div class="placeholder text-left text-bold ml-3">{{detail.room}} Room(s)</div> <div class="d-flex align-self-stretch"> <a class="decrement" v-on:click="onRoomDecrementClick" v-bind:class="{ 'disabled': detail.room == 1 }"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-minus" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-minus"></use> </svg> </a> <a class="increment" v-on:click="onRoomIncrementClick" v-bind:class="{ 'disabled': detail.room == 9 }"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-plus" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-plus"></use> </svg> </a> </div> </li> <li class="d-flex flex-row justify-content-between align-items-center guest-room-container"> <div class="placeholder text-left text-bold ml-3">{{detail.adult}} Adult(s)/room</div> <div class="d-flex align-self-stretch"> <a class="decrement" v-on:click="onAdultDecrementClick" v-bind:class="{ 'disabled': detail.adult == 1 }"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-minus" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-minus"></use> </svg> </a> <a class="increment" v-on:click="onAdultIncrementClick" v-bind:class="{ 'disabled': detail.adult == detail.maxadult }"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-plus" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-plus"></use> </svg> </a> </div> </li> <li class="d-flex flex-row justify-content-between align-items-center guest-room-container"> <div class="children-room"><span class="placeholder text-left text-bold ml-3">{{detail.children}} Child(ren)/room<span class="child-info"> <a class="child-tooltip" href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Under 12 Years of age"><i class="fa fa-exclamation"></i></a></span></span></div> <div class="d-flex align-self-stretch"> <a class="decrement" v-on:click="onChildrenDecrementClick" v-bind:class="{ 'disabled': detail.children == 0 }"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-minus" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-minus"></use> </svg> </a> <a class="increment" v-on:click="onChildrenIncrementClick" v-bind:class="{ 'disabled': detail.children == detail.maxchild }"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-plus" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-plus"></use> </svg> </a> </div> </li> </ul> </div> <div class="rate-preference-selection" v-if="type != 'direct'"> <div class="accordion"> <div class="card"> <div class="card-header"> <div class="card-link collapsed" data-toggle="collapse" data-parent=".accordion" href="#accordion-rate-preference" aria-expanded="false"> <span>Choose Your Rate Preferences</span> <svg class="panel-icon arrow-up"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-up" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-up"> </use> </svg> <svg class="panel-icon arrow-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> </div> </div> <div :class="'rate-preference-code-container' + (ratepreference ? ' selected' : '')"> <span>{{ratepreferenceLabel}}</span> <div v-if="ratepreference == 'GROUP' || ratepreference == 'CORP' || ratepreference == 'IATA' || ratepreference == 'OFFER'"> <div class="custom-input-textfield"> <input class="form-control default-placeholder" placeholder="Access Code" v-model="accesscode"/> </div> </div> <div class="edit-access-code"> <div class="custom-input-textfield"> <input class="form-control default-placeholder" placeholder="Access Code" v-model="accesscode"/> </div> </div> <div class="rate-preference-code-message"> <template v-if="ratepreference == 'GOV'"> <p><p>Rates are available for government and military personnel with an active government ID or a pass. <a href="/en/booking/government-find-out-more.html" target="_blank">Find out more</a></p> </p> </template> <template v-if="ratepreference == 'AAA'"> <p><p>Rates are available for AAA members. <a href="/en/booking/aaa-find-out-more.html" target="_blank">Find out more</a></p> </p> </template> </div> </div> <div class="collapse" id="accordion-rate-preference"> <div class="rate-preference-list"> <a href="javascript:void(0);" @click="onChangeRatePreference" class="rate-preference-link"> View all rates </a> <a href="javascript:void(0);" data-value="PROMO" @click="onChangeRatePreference" class="rate-preference-link"> View all packages </a> <a href="javascript:void(0);" data-value="GROUP" @click="onChangeRatePreference" class="rate-preference-link"> Group </a> <a href="javascript:void(0);" data-value="CORP" @click="onChangeRatePreference" class="rate-preference-link"> Corporate </a> <a href="javascript:void(0);" data-value="GOV" @click="onChangeRatePreference" class="rate-preference-link"> Government </a> <a href="javascript:void(0);" data-value="IATA" @click="onChangeRatePreference" class="rate-preference-link"> IATA </a> <a href="javascript:void(0);" data-value="AAA" @click="onChangeRatePreference" class="rate-preference-link"> AAA/CAA </a> <a href="javascript:void(0);" data-value="OFFER" @click="onChangeRatePreference" class="rate-preference-link"> Promotion </a> </div> </div> </div> </div> </div> </div> </div> <div :class="'booking-button-container' + (true ? ' detail' : '')"> <button class="btn button button-primary button-circle" type="button" data-href="/content/pphg-revamp/en/booking/make.html" v-on:click="onSubmit"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"></use> </svg> <span class="book-now-text">BOOK NOW</span> </button> <div class="cta cta-v2 component booking-panel left-btn" style="display:none"> <a class="buttonV2 booking-panel" href="javascript:void(0);" data-href="/content/pphg-revamp/en/booking/make.html" v-on:click="onSubmit"> <div> <svg v-if="isThemePr" class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-enter" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-enter"></use> </svg> <svg v-else class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"></use> </svg> <p v-if="isThemePr" class="text-center p-0">Book a Stay</p> <p v-else class="text-center p-0">BOOK NOW</p> </div> </a> </div> </div> <div class="promotional-message"> <div class="row"> <div class="col-12"> <div class="logo-container"> <div class="logo-text"> <p>THE</p> <p>DIRECT</p> <p>ADVANTAGE</p> </div> </div> <div class="text">Enjoy exclusive benefits when you book direct with us as a member.<a data-src="#gha-fancybox-modal" data-fancybox="">Sign In / Sign Up ></a></div> </div> </div> </div> </form> </div> <div :class="'button-mobile-container' + (isBookingBarMobileShow ? ' show' : '')"> <button class="btn btn-primary button-mobile-collapse" style="display:none" type="button" @click="toogleBookingBarMobile"> Book a Stay </button> <button class="btn btn-primary button-icon" style="display:none" type="button" @click="toogleBookingBarMobile"> <svg class="icon-container calendar"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"></use> </svg> <svg class="icon-container close"> <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> <div class="d-none"> <div id="booking-panel-invalid-booking-error-msg">You have multiple tabs opened, please reconfirm your selection.</div> <div id="booking-panel-destination-error-msg">Please select your destination.</div> <div id="booking-panel-check-in-error-msg">Please select check-in date.</div> <div id="booking-panel-check-out-error-msg">Please select check-out date.</div> <div id="booking-panel-arrival-later-than-departure-error-msg">We noticed that there is an issue with dates selected, Please select the desired check-in or check-out date again.</div> <div id="booking-panel-samedate-error-msg">We are unable to reserve a room for the same check-in and check-out date. Please change one of the dates and try again.</div> <div id="booking-panel-access-code-error-msg">Please enter the access code.</div> <div id="booking-panel-max-adult-error-msg">Invalid adult selection.</div> <div id="booking-panel-max-child-error-msg">Invalid children selection.</div> <div id="booking-panel-min-stay-error-msg">Please select the valid number of night stay.</div> <div id="please-select-your-destination-lbl">Please select your destination.</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> </div></div> </div> </section> <div></div> <div class="container-sticky-button"> <div class="cta component sticky-button scroll-to-top"> <button class="button button-primary">Book This Room</button> </div> </div> <!-- 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 style="max-width: 100%;" class="section-container contained customised " data-bgcolour="#fff"> <div style="background-image: url();" class="container section-background-image "> <div class="columncontrol section"> <div class="row"> <div class="col-lg-8 col-8"> <div class="breadcrumbNav"> <div class="bread-crumb-component"> <div class="on-desktop"> <a style="color: ;" href="/en/serviced-suites/pr-ss-jakarta.html">Home <i class="fa fa-angle-right" aria-hidden="true"></i> </a> <a style="color: ;" href="/en/serviced-suites/pr-ss-jakarta/sleep.html">Sleep <i class="fa fa-angle-right" aria-hidden="true"></i> </a> <span style="color: ;">One Bedroom Suite</span> </div> <div class="on-mobile"> <a style="color: ;" href="/en/serviced-suites/pr-ss-jakarta/sleep.html"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> Back to Sleep</a> </div> </div> <!-- Testbranch --></div> </div> <div class="col-lg-4 col-4"> <div class="columncontrol"> <div class="row"> <div class="col-sm-3 d-flex flex-column align-items-end "> </div> <div class="col-sm-9 d-flex flex-column align-items-end "> <div class="sharefunction"> <div class="a2a_kit a2a_kit_size_32 a2a_default_style"> <div class="share-function component"> <div class="share-wrapper" id="share-toggle"> <svg class="icon-container share-icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-share" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-share"> </use> </svg> <p> Share </p> </div> <ul class="nav flex-column hidden" id="share"> <li class="nav-item icon-title-wrapper"> <a class="a2a_button_facebook icon-href" href=""> <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> <p> Facebook </p> </li> <li class="nav-item icon-title-wrapper"> <a class="a2a_button_linkedin icon-href" href=""> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-linkedin" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-linkedin"> </use> </svg> </a> <p> LinkedIn </p> </li> <li class="nav-item icon-title-wrapper"> <a class="a2a_button_copy_link icon-href" href=""> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-copy-link" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-copy-link"> </use> </svg> </a> <p> CopyLink </p> </li> <li class="nav-item icon-title-wrapper"> <a class="a2a_button_whatsapp icon-href" href=""> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-whatsapp" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-whatsapp"> </use> </svg> </a> <p> Whatsapp </p> </li> <li class="nav-item icon-title-wrapper"> <a class="a2a_button_twitter icon-href" href=""> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-x-twitter" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-x-twitter"> </use> </svg> </a> <p> Twitter </p> </li> </ul> </div> </div> <script type="text/javascript" src="https://static.addtoany.com/menu/page.js"></script> </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 --> </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 customised " data-bgcolour="#fff"> <div style="background-image: url();" class="container-fluid section-background-image pt10 "> <div class="sectioncontainer section"> <section> <div class="container "> <div class="datapoints_v2 section"><!-- Data Points Component . This is the component for Data Points. --> <div class="datapoints-wrapper datapointsV2 horizontal3 mt-4"> <div class="row"> <div class="col-12 col-sm-12 col-md-4 col-lg-4"> <div class="big amenity component "> <svg class="icon-container primary-icon icon-sm icon-datapoint2 " style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-square-area" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-square-area"> </use> </svg> <span class="second-icon-active d-none">/</span> <svg class="icon-container primary-icon icon-sm icon-datapoint2 d-none second-icon" style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#"> </use> </svg> <div class="amenity-text"> <p style="color: #000;"> One Bedroom Suite</p> </div> </div> </div> <div class="col-12 col-sm-12 col-md-4 col-lg-4"> <div class="big amenity component "> <svg class="icon-container primary-icon icon-sm icon-datapoint2 " style="fill: #000;"> <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> <span class="second-icon-active d-none">/</span> <svg class="icon-container primary-icon icon-sm icon-datapoint2 d-none second-icon" style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#"> </use> </svg> <div class="amenity-text"> <p style="color: #000;"> King Bed or Twin Bed</p> </div> </div> </div> <div class="col-12 col-sm-12 col-md-4 col-lg-4"> <div class="big amenity component "> <svg class="icon-container primary-icon icon-sm icon-datapoint2 " style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-no-smoking" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-no-smoking"> </use> </svg> <span class="second-icon-active d-none">/</span> <svg class="icon-container primary-icon icon-sm icon-datapoint2 d-none second-icon" style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#"> </use> </svg> <div class="amenity-text"> <p style="color: #000;"> Non-Smoking</p> </div> </div> </div> </div> </div> </div> </div> </section> </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 style="max-width: 100%; background-image: url();" class="section-container nopadding customised " data-bgcolour="#EFE9E5"> <div class="container-fluid no-side-padding section-background-image "> <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"> <img src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/one-bedroom-suite/PRSJKT_OneBedroom_Suite_About_Room_Image.jpg" class="image-animation"/> <!-- <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> <h2>About This Suite</h2> <p>For business travellers on the go, our One Bedroom Suite provides a versatile layout for work and play with its dedicated work desk and separate bedroom for privacy. The convenience of a kitchenette and washer-dryer as well as a relaxing walk-in rain shower make this an ideal choice for an extended stay.</p> </div> </div></div> </div> </div> </section> </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="section-container-2 component"> <!-- 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 "> <div style="background-image: url();" class="container section-background-image pt50 pb30 "> <div class="title-description section"> <div> <div class="title-description component "> <div class="content text-center-menu-title "> <h2> What You’ll Find <!-- <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> --> </h2> </div> </div> </div> </div> <div class="tab-component-with-icon section"> <!--START: Tab Component With Icon --> <div class="tabs-component-with-icon " id="tab-component-icon" analytics-category="marketing_component" analytics-id="30" analytics-label="" data-tabs-size="3"> <div class="tab-wrapper"> <div class="tab-items"> <div class="tabs-dropdown"> <div class="tabs-dropdown-text"></div> </div> <ul class="nav tabs-component-with-icon__nav"> <li class="tabs-component-with-icon__nav-item"> <svg> <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> <a href="#foryourcomfort" data-toggle="tab">For Your Comfort</a> </li> <li class="tabs-component-with-icon__nav-item"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bathub" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bathub"> </use> </svg> <a href="#foryourindulgence" data-toggle="tab">For Your Indulgence</a> </li> <li class="tabs-component-with-icon__nav-item"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-monitor" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-monitor"> </use> </svg> <a href="#foryourconvenience" data-toggle="tab">For Your Convenience</a> </li> </ul> </div> </div> <div class="tab-content"> <div class="tab-pane active d-none " id="foryourcomfort"> <div> <div class="sectioncontainer"> <section class="customised" data-bgcolour="#FCEBEF"> <div class="container pt30 pb30 "> <div class="columncontrol section"> <div class="row"> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div class="title-description component "> <div class="content text-left "> <div class="pphg-table-1 "> <div> <ul> <li>King-sized bed or Twin beds </li> <li>Generous workspace and stationery set</li> </ul> </div> </div> </div> </div> </div> </div> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div class="title-description component "> <div class="content text-left "> <div class="pphg-table-1 "> <div> <ul> <li>Executive work desk chair </li> <li>Hairdryer</li> </ul> </div> </div> </div> </div> </div> </div> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div class="title-description component "> <div class="content text-left "> <div class="pphg-table-1 "> <div> <ul> <li>Separate living room</li> </ul> </div> </div> </div> </div> </div> </div> </div></div> </div> </section> </div> </div> </div> <div class="tab-pane d-none " id="foryourindulgence"> <div> <div class="sectioncontainer"> <section class="customised" data-bgcolour="#FCEBEF"> <div class="container pt30 pb30 "> <div class="columncontrol section"> <div class="row"> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div class="title-description component "> <div class="content text-left "> <div class="pphg-table-1 "> <div> <ul> <li>43” LCD Smart television with local and cable channel</li> </ul> </div> </div> </div> </div> </div> </div> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div class="title-description component "> <div class="content text-left "> <div class="pphg-table-1 "> <div> <ul> <li>Fully stocked Mini Bar</li> </ul> </div> </div> </div> </div> </div> </div> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div class="title-description component "> <div class="content text-left "> <div class="pphg-table-1 "> <div> <ul> <li>Bluetooth speaker</li> </ul> </div> </div> </div> </div> </div> </div> </div></div> </div> </section> </div> </div> </div> <div class="tab-pane d-none " id="foryourconvenience"> <div> <div class="sectioncontainer"> <section class="customised" data-bgcolour="#FCEBEF"> <div class="container pt30 pb30 "> <div class="columncontrol section"> <div class="row"> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div class="title-description component "> <div class="content text-left "> <div class="pphg-table-1 "> <div> <ul> <li>Smart Desk telephone </li> <li>Complimentary in-room WiFi</li> </ul> </div> </div> </div> </div> </div> </div> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div class="title-description component "> <div class="content text-left "> <div class="pphg-table-1 "> <div> <ul> <li>In-room safe </li> <li>Iron and ironing board</li> </ul> </div> </div> </div> </div> </div> </div> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div class="title-description component "> <div class="content text-left "> <div class="pphg-table-1 "> <div> <ul> <li>Alarm Clock</li> </ul> </div> </div> </div> </div> </div> </div> </div></div> </div> </section> </div> </div> </div> </div> </div> <!--END: Tab Component With Icon --></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 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 customised pb30" data-bgcolour="#fff"> <div class="container-fluid no-side-padding section-background-image start-from-body-content"> <div class="offerhighlights section"> <div class="offer-highlights-2 component" analytics-category="marketing_component" analytics-id="23" analytics-label=""> <!-- Desktop --> <div class="on-desktop-block"> <div class="row offer-highlights-2--desktop-contained-right"> <div class="col-6 content text-left"> <h2 class="offer-highlights-2--desktop-title">Explore These Too</h2> </div> <div class="col-6 content text-right"> <span class="offer-highlights-2--desktop-slick-number offer-highlights-2--slick-number">1</span> <span class="offer-highlights-2--slick-size">/ 2</span> <button class="offer-highlights-2--desktop-slick-arrow-left offer-highlights-2--desktop-slick-arrow"> <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> </button> <button class="offer-highlights-2--desktop-slick-arrow-right offer-highlights-2--desktop-slick-arrow"> <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> </button> </div> </div> <!-- Desktop Slick --> <div class="offer-highlights-2--desktop-slick"> <div class="offer-highlights-2--desktop-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--desktop-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/serviced-suites/pr-ss-jakarta/offers/stay-more-for-less-offer.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/offers/detail/PRSJKT_Offer_Stay_More_For_Less_Masthead.jpg"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/serviced-suites/pr-ss-jakarta/offers/stay-more-for-less-offer.html" target="_self"> <div class="offer-highlights-2--desktop-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Stay More for Less</h4> <span class="offer-highlights-2--slick-card-content-description">Treat yourself to a longer stay and enjoy savings of up to 30%, with daily breakfast included. </span> </div> </a> </div> <div class="offer-highlights-2--desktop-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--desktop-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/serviced-suites/pr-ss-jakarta/offers/black-friday-offer.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/offers/detail/PRSJKT_Offer_Black_Friday_Masthead.jpg"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/serviced-suites/pr-ss-jakarta/offers/black-friday-offer.html" target="_self"> <div class="offer-highlights-2--desktop-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Black Friday </h4> <span class="offer-highlights-2--slick-card-content-description">This Black Friday, live the high life in Jakarta! Save up to 35% at the stylish serviced suites. </span> </div> </a> </div> <div class="offer-highlights-2--desktop-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--desktop-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/serviced-suites/pr-ss-jakarta/offers/christmas-getaway-offer.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/offers/detail/PRSJKT_Offer_Christmas_Getaway_Masthead_hero.jpg"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/serviced-suites/pr-ss-jakarta/offers/christmas-getaway-offer.html" target="_self"> <div class="offer-highlights-2--desktop-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Christmas Getaway</h4> <span class="offer-highlights-2--slick-card-content-description">‘Tis the season at PARKROYAL Serviced Suites Jakarta, where you can enjoy up to 25% off. </span> </div> </a> </div> <div class="offer-highlights-2--desktop-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--desktop-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/serviced-suites/pr-ss-jakarta/offers/year-end-escape-offer.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/offers/detail/PRSJKT_Offer_Year_End_Escape_Masthead.jpg"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/serviced-suites/pr-ss-jakarta/offers/year-end-escape-offer.html" target="_self"> <div class="offer-highlights-2--desktop-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Year-End Escape </h4> <span class="offer-highlights-2--slick-card-content-description">Ring in the New Year in the heart of Jakarta. Members can enjoy an extra 10% discount. </span> </div> </a> </div> <div class="offer-highlights-2--desktop-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--desktop-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/serviced-suites/pr-ss-jakarta/offers/family-getaway-offer.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/offers/detail/family-offer-pkg-masthead-m.jpg"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/serviced-suites/pr-ss-jakarta/offers/family-getaway-offer.html" target="_self"> <div class="offer-highlights-2--desktop-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Family Getaway</h4> <span class="offer-highlights-2--slick-card-content-description">Embark on a Family Getaway at PARKROYAL Serviced Suites Jakarta with savings of up to 30% </span> </div> </a> </div> <div class="offer-highlights-2--desktop-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--desktop-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/offers/exclusively-yours.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/global/offers/exclusively-yours/october-2024/pphg-global-exclusively-yours-masthead1.jpg"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/offers/exclusively-yours.html" target="_self"> <div class="offer-highlights-2--desktop-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Exclusively Yours</h4> <span class="offer-highlights-2--slick-card-content-description">Enjoy up to 25% savings on flexible rates </span> </div> </a> </div> </div> </div> <!-- Mobile --> <div class="on-mobile-block"> <div class="row offer-highlights-2--mobile-row"> <div class="col-12 content text-left"> <h2 class="offer-highlights-2--mobile-title">Explore These Too</h2> </div> </div> <!-- Mobile Slick --> <div class="offer-highlights-2--mobile-slick"> <div class="offer-highlights-2--mobile-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--mobile-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/serviced-suites/pr-ss-jakarta/offers/stay-more-for-less-offer.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/offers/detail/PRSJKT_Offer_Stay_More_For_Less_Masthead.jpg"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/serviced-suites/pr-ss-jakarta/offers/stay-more-for-less-offer.html" target="_self"> <div class="offer-highlights-2--mobile-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Stay More for Less</h4> <span class="offer-highlights-2--slick-card-content-description">Treat yourself to a longer stay and enjoy savings of up to 30%, with daily breakfast included. </span> </div> </a> </div> <div class="offer-highlights-2--mobile-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--mobile-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/serviced-suites/pr-ss-jakarta/offers/black-friday-offer.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/offers/detail/PRSJKT_Offer_Black_Friday_Masthead.jpg"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/serviced-suites/pr-ss-jakarta/offers/black-friday-offer.html" target="_self"> <div class="offer-highlights-2--mobile-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Black Friday </h4> <span class="offer-highlights-2--slick-card-content-description">This Black Friday, live the high life in Jakarta! Save up to 35% at the stylish serviced suites. </span> </div> </a> </div> <div class="offer-highlights-2--mobile-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--mobile-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/serviced-suites/pr-ss-jakarta/offers/christmas-getaway-offer.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/offers/detail/PRSJKT_Offer_Christmas_Getaway_Masthead_hero.jpg"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/serviced-suites/pr-ss-jakarta/offers/christmas-getaway-offer.html" target="_self"> <div class="offer-highlights-2--mobile-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Christmas Getaway</h4> <span class="offer-highlights-2--slick-card-content-description">‘Tis the season at PARKROYAL Serviced Suites Jakarta, where you can enjoy up to 25% off. </span> </div> </a> </div> <div class="offer-highlights-2--mobile-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--mobile-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/serviced-suites/pr-ss-jakarta/offers/year-end-escape-offer.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/offers/detail/PRSJKT_Offer_Year_End_Escape_Masthead.jpg"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/serviced-suites/pr-ss-jakarta/offers/year-end-escape-offer.html" target="_self"> <div class="offer-highlights-2--mobile-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Year-End Escape </h4> <span class="offer-highlights-2--slick-card-content-description">Ring in the New Year in the heart of Jakarta. Members can enjoy an extra 10% discount. </span> </div> </a> </div> <div class="offer-highlights-2--mobile-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--mobile-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/serviced-suites/pr-ss-jakarta/offers/family-getaway-offer.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/offers/detail/family-offer-pkg-masthead-m.jpg"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/serviced-suites/pr-ss-jakarta/offers/family-getaway-offer.html" target="_self"> <div class="offer-highlights-2--mobile-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Family Getaway</h4> <span class="offer-highlights-2--slick-card-content-description">Embark on a Family Getaway at PARKROYAL Serviced Suites Jakarta with savings of up to 30% </span> </div> </a> </div> <div class="offer-highlights-2--mobile-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--mobile-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/offers/exclusively-yours.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/global/offers/exclusively-yours/october-2024/pphg-global-exclusively-yours-masthead1.jpg"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/offers/exclusively-yours.html" target="_self"> <div class="offer-highlights-2--mobile-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Exclusively Yours</h4> <span class="offer-highlights-2--slick-card-content-description">Enjoy up to 25% savings on flexible rates </span> </div> </a> </div> </div> <div class="row offer-highlights-2--mobile-row"> <div class="col-12 content text-right offer-highlights-2--slick-number-div"> <span class="offer-highlights-2--mobile-slick-number offer-highlights-2--slick-number">1</span> <span class="offer-highlights-2--slick-size">/ 6</span> </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 customised pt30 " data-bgcolour="#EFE9E5"> <div class="container-fluid no-side-padding section-background-image "> <div class="animated-room-listing section"> <div class="animated-room-listing component not-editing" analytics-category="marketing_component" analytics-id="26"> <div class="room-listing-tnd"> <h1 class="component-title">Try Another Room</h1> <div class="component-description"> </div> </div> <div class="swiper main-carousel on-desktop-block"> <div class="swiper-wrapper animated-rooms-wrapper"> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/studio-suite/PRSJKT_StudioSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Studio Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/studio-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS1&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/one-bedroom-suite/PRSJKT_OneBedroom_Suite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">One Bedroom Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=A1T&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/one-bedroom-deluxe-suite/PRSJKT_OneBedroom_DeluxeSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">One Bedroom Deluxe Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-deluxe-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=B1K&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/one-bedroom-premier-suite/PRSJKT_OneBedroom_PremierSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">One Bedroom Premier Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-premier-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=C1T&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/one-bedroom-executive-suite/PRSJKT_OneBedroom_ExecutiveSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">One Bedroom Executive Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-executive-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=D1S&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/two-bedroom-deluxe-suite/PRSJKT_TwoBedroom_DeluxeSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Two Bedroom Deluxe Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/two-bedroom-deluxe-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=B2&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/two-bedroom-deluxe-corner-suite/PRSJKT_TwoBedroom_Corner_DeluxeSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Two Bedroom Deluxe Corner Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/two-bedroom-deluxe-corner-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=FK&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/two-bedroom-corner-suite/PRSJKT_TwoBedroom_CornerSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Two Bedroom Corner Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/two-bedroom-corner-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=FKT&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/two-bedroom-premier-corner-suite/PRSJKT_Twobedroom_Premiere_CornerSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Two Bedroom Premier Corner Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/two-bedroom-premier-corner-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=FKS&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> </div> </div> <div class="mobile-carousel"> <div class="m-cards-container"> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/studio-suite/PRSJKT_StudioSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Studio Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/studio-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS1&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/one-bedroom-suite/PRSJKT_OneBedroom_Suite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">One Bedroom Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=A1T&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/one-bedroom-deluxe-suite/PRSJKT_OneBedroom_DeluxeSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">One Bedroom Deluxe Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-deluxe-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=B1K&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/one-bedroom-premier-suite/PRSJKT_OneBedroom_PremierSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">One Bedroom Premier Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-premier-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=C1T&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/one-bedroom-executive-suite/PRSJKT_OneBedroom_ExecutiveSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">One Bedroom Executive Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-executive-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=D1S&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/two-bedroom-deluxe-suite/PRSJKT_TwoBedroom_DeluxeSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Two Bedroom Deluxe Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/two-bedroom-deluxe-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=B2&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/two-bedroom-deluxe-corner-suite/PRSJKT_TwoBedroom_Corner_DeluxeSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Two Bedroom Deluxe Corner Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/two-bedroom-deluxe-corner-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=FK&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/two-bedroom-corner-suite/PRSJKT_TwoBedroom_CornerSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Two Bedroom Corner Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/two-bedroom-corner-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=FKT&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/two-bedroom-premier-corner-suite/PRSJKT_Twobedroom_Premiere_CornerSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Two Bedroom Premier Corner Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/serviced-suites/pr-ss-jakarta/sleep/two-bedroom-premier-corner-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=FKS&fromRoomPage=true&propertyCode=prsjkt"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </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> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="footer-ipar iparsys parsys"><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 PARKROYAL</h4> </label> <div class="content"> <ul> <li><a href="/en.html">Group Homepage</a></li> <li><a href="/en/about.html">About Us</a></li> <li><a href="/en/about/our-culture-and-commitment.html">Our Culture and Commitment</a></li> <li><a href="/en/about/corporate-responsibility.html">Corporate Responsibility</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/about/awards-and-accolades.html">Awards and Accolades</a></li> <li><a href="/en/careers.html">Careers</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="property"> <h4>Toll-Free Room Reservation Numbers</h4> <div class="contact-address-selector"> <div class="contact-address-content"> <div class="d-flex"> <i class="fa fa-map-o pr-3 pt-1"></i> <div class="contact-address mb20">Thamrin Nine, Luminary Tower, Jalan M.H. Thamrin No 10 Jakarta, Indonesia 10230</div> </div> <ul class="contact-details"> <li class="d-flex"> <i class="fa fa-phone pr-3 pt-1"></i> <span class="flex-grow-1"> <a href="tel:+62%2021%20508%2020002">+62 21 508 20002</a> </span> </li> <li class="d-flex"> <i class="fa fa-phone pr-3 pt-1" style="color: transparent;"></i> <span class="flex-grow-1"> <a href="tel:628036219908">628036219908 <i>(Toll-free)</i></a> </span> </li> <li class="d-flex"> <i class="fa fa-envelope-o pr-3 pt-1"></i> <span class="flex-grow-1"> <a href="mailto:%65%6E%71%75%69%72%79%2E%70%72%73%6A%6B%74%40%70%61%6E%70%61%63%69%66%69%63%2E%63%6F%6D">enquiry.prsjkt<b style='display:none;'>.panpacific</b>@panpacific<b style='display:none;'>.panpacific</b>.com<b style='display:none;'>.panpacific</b></a> </span> </li> </ul> </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?r=prsjkt" target='_blank'>Send 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 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 id="form-newsletter" data-endpoint="/content/pphg-revamp/en/serviced-suites/pr-ss-jakarta/jcr:content/footer-ipar/footer_714891391/footer-newsletter.recaptcha-validation.json" data-action="/wsi/pphg/form?formtype=NewsletterSub&brand=prhr&lang=en" method="POST"> <input type="hidden" name="pcode-pp" value="prsjkt"/> <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/Region 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="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"></strong> </div> </div> <div class="loading-screen px-0"> We are currently processing your request. Please do not close your browser window or navigate away from this page. Thank you. <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"> You have subscribed to our mailing list. </div> <div class="error-screen px-0"> Sorry. The server is busy now; please try again later. </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 the 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-menu-title "> <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 "> <span class="d-inline-flex"></span> </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 Serviced Suites Jakarta</span> <ul class="align-items-center d-flex"> <li class="d-inline-flex align-items-center"><a href='https://www.facebook.com/parkroyalservicedsuitesjakarta' 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/parkroyalservicedsuitesjakarta/' 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.linkedin.com/company/parkroyal-serviced-suites-jakarta' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-linkedin' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-linkedin'></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 "> <span class="d-inline-flex"></span> </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/logos/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/serviced-suites/pr-ss-jakarta/the-serviced-suites/serviced-suites-policy.html' target='_blank'>Hotel Policy</a> <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 PARKROYAL Hotels & Resorts. 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": "https://schema.org", "@type": "FAQPage", "mainEntity": [{"@type":"Question","name":"Tab 4 - This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. ","acceptedAnswer":{"@type":"Answer","text":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p> "}},{"@type":"Question","name":"Tab 5 - This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. This is the desctiption section. ","acceptedAnswer":{"@type":"Answer","text":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p> "}}] } </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://www.panpacific.com/en/serviced-suites/pr-ss-jakarta.html","name":"PARKROYAL Serviced Suites Jakarta"}},{"@type":"ListItem","position":2,"item":{"@id":"https://www.panpacific.com/en/serviced-suites/pr-ss-jakarta/sleep.html","name":"Sleep"}},{"@type":"ListItem","position":3,"item":{"@id":"https://www.panpacific.com/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-suite.html","name":"One Bedroom Suite"}}]} </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":["HotelRoom","Product"],"name":"One Bedroom Suite","url":"https://www.panpacific.com/en/serviced-suites/pr-ss-jakarta/sleep/one-bedroom-suite.html","description":"Our spacious One Bedroom Suite is ideal for the business traveller with its separate bedroom, spacious workspace and convenient kitchenette.\r\n\r\n","logo":"","category":"Room","aggregateRating":{"@type":"AggregateRating","ratingValue":"","ratingCount":""},"occupancy":{"@type":"QuantitativeValue","maxValue":""},"amenityFeature":[],"brand":{"@type":"Brand","name":"PARKROYAL Serviced Suites Jakarta","url":"https://www.panpacific.com/en/serviced-suites/pr-ss-jakarta.html","logo":"https://www.panpacific.com/content/dam/pphg-revamp/logos/logo-pr-ss-jakarta.svg"},"image":"https://www.panpacific.com/content/dam/pphg-revamp/en/parkroyal-serviced-suites-jakarta/pr2-0/sleep/one-bedroom-suite/PRSJKT_OneBedroom_Suite_Listing_Image.jpg"} </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>