Luxury Hotels in London | Pan Pacific London

<!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>Luxury Hotels in London | Pan Pacific London | Official Site</title> <meta name="keywords" content="luxury hotels in london, city hotels, luxury business accommodation, uk accommodation, designer hotels, asian hospitality, pan pacific london, london, united kingdom"/> <meta name="description" content="Pan Pacific London is amongst the top luxury hotels in London offering modern comforts and amenities for both business and leisure travellers. Official Site."/> <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="pplon"/>  <meta property="fb:page_id" content="facebook"/> <meta property="og:type" content="website"/> <meta property="og:image" content="https://www.panpacific.com/content/dam/pphg-revamp/en/global/hotels-and-resorts/pplon-property-banner.jpg"/> <meta property="og:url" content="https://www.panpacific.com/en/hotels-and-resorts/pp-london.html"/> <meta property="og:description" content="Pan Pacific London is amongst the top luxury hotels in London offering modern comforts and amenities for both business and leisure travellers. Official Site."/> <meta property="og:title" content="Luxury Hotels in London | Pan Pacific London | Official Site"/>  <meta itemprop="name" content="Luxury Hotels in London | Pan Pacific London | Official Site"/> <meta itemprop="description" content="Pan Pacific London is amongst the top luxury hotels in London offering modern comforts and amenities for both business and leisure travellers. Official Site."/> <meta itemprop="image" content="https://www.panpacific.com/content/dam/pphg-revamp/en/global/hotels-and-resorts/pplon-property-banner.jpg"/>  <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>  <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>   <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>   <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>   <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/ed97c675ba87cafc3b9240cd/script.js"></script>  <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">  <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\/hotels\u002Dand\u002Dresorts\/pp\u002Dlondon\/_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="unitedkingdom en theme-pp isAEM">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5V6HKK9" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPHBG5NB" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <h1 class="d-none">Luxury Hotels in London | Pan Pacific London | Official Site</h1> <div id="iframe-overlay" class=""></div> <div> </div>  <div class="main-wrapper--container "> <div><div class="navigation3 component section"> <div class="top-navigation " data-property-hidesignuplinkroomrates="false"> <div class="container"> <div class="row"> <div class="col d-flex align-items-center p-0"> <a class="d-flex align-items-center panels-button" data-toggle="collapse" data-target="#top-navigation-drawer"> You're in Pan Pacific London <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/hotels-and-resorts/pp-london.html" data-lang="en" selected> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour"> </use> </svg> English </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/zh/hotels-and-resorts/pp-london.html" data-lang="zh"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-zh-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-zh-colour"> </use> </svg> 中文 </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/ja/hotels-and-resorts/pp-london.html" data-lang="ja"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-ja-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-ja-colour"> </use> </svg> 日本語 </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/fr/hotels-and-resorts/pp-london.html" data-lang="fr"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-fr-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-fr-colour"> </use> </svg> Français </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/de/hotels-and-resorts/pp-london.html" data-lang="de"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-de-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-de-colour"> </use> </svg> Deutsch </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/es/hotels-and-resorts/pp-london.html" data-lang="es"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-es-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-es-colour"> </use> </svg> Español </a> </div> </div> <div class="d-flex align-items-center"> <a class="d-flex" href="/en/booking/modify.html?brand=pp"> <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">  <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>  </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">  <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>  </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">  <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>  </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">  <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>  </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">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-4" class="global-property countryNameList-v3 destinationSubNav collapsed"> Indonesia <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-4"> <a href="/en/countries/indonesia.html" class="sub-destination-link"> <h6 class="no-head-line">Indonesia</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-jakarta.html">Pan Pacific Jakarta</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-jakarta.html">PARKROYAL Serviced Suites Jakarta</a></li> </ul> <div> </div> <div class="property-width">  <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>  </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">  <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>  </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">  <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>  </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">  <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>  </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">  <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>  </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">  <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>  </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">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-11" class="global-property countryNameList-v3 destinationSubNav active 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>  </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 active" href="/en/hotels-and-resorts/pp-london.html">Pan Pacific London</a></li> </ul> <div> </div> <div class="property-width">  <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>  </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">  <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>  </div> <ul class="collapse subUpComingNav" data-parent="#main-navbar" id="upcomingSub-13"> <h6 class="no-head-line">Upcoming Hotels and Serviced Suites</h6> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-dalian.html">PARKROYAL Dalian (Opening 2025)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-jakarta.html">PARKROYAL Jakarta (Opening 2025)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pp-phnom-penh.html">Pan Pacific Phnom Penh (Opening Q1 2026)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-siem-reap.html">PARKROYAL Siem Reap (Opening Q1 2026)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pp-siam-bangkok.html">Pan Pacific Siam Bangkok (Opening 2027)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-hanoi.html">PARKROYAL Hanoi (Opening 2027)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/serviced-suites/pp-ss-bangkok.html">Pan Pacific Serviced Suites Bangkok (Opening 2027)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/serviced-suites/pr-ss-hanoi.html">PARKROYAL Serviced Suites Hanoi (Opening Soon)</a></li> </ul> </div> </div> </div> </div> <div class="collapse panels " id="currency-drawer" data-parent=".navigation.component"> <div class="container"> <input type="hidden" id="defaultCurrency" value="GBP"/> <div class="row"> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="GBP" data-currency-symbol="£"><span>GBP</span>British Pound Sterling (GBP)</a> <a class="currency" data-currency-code="CAD" data-currency-symbol="$"><span>CAD</span>Canadian Dollar (CAD)</a> <a class="currency" data-currency-code="SGD" data-currency-symbol="$"><span>SGD</span>Singapore Dollars (SGD)</a> <a class="currency" data-currency-code="USD" data-currency-symbol="$"><span>USD</span>US Dollar (USD)</a> <a class="currency" data-currency-code="DZD" data-currency-symbol="$"><span>DZD</span>Algerian Dinar (DZD)</a> <a class="currency" data-currency-code="AUD" data-currency-symbol="$"><span>AUD</span>Australian Dollar (AUD)</a> <a class="currency" data-currency-code="BHD" data-currency-symbol="$"><span>BHD</span>Bahraini Dinar (BHD)</a> <a class="currency" data-currency-code="BOB" data-currency-symbol="$b"><span>BOB</span>Bolivian Boliviano (BOB)</a> <a class="currency" data-currency-code="BWP" data-currency-symbol="P"><span>BWP</span>Botswanan Pula (BWP)</a> <a class="currency" data-currency-code="BRL" data-currency-symbol="R$"><span>BRL</span>Brazilian Real (BRL)</a> <a class="currency" data-currency-code="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="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/hotels-and-resorts/pp-london.html"> <img class="branding-logo" src="/content/dam/pphg-revamp/logos/panpacific/Pan-Pacific-London-Hor.svg"/> </a> </div> </div> <div class="navbar-items d-flex align-items-center justify-content-end"> <div class="eshop-button"> <a class="d-flex align-items-center gift-wrapper " analytics-id="Top Nav Bar" href="https://panpacificlondon.wearegifted.co.uk/" analytics-text="Gifting" target="_blank"> <svg class="icon-container icon-list gift"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-shop" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-shop"></use> </svg> <div class="label">Gifting</div> </a> </div> <div class="d-flex tooltip-signup"> <a class="d-flex align-items-center signin-icon member-nav signin-signup-btn" data-src="#gha-fancybox-modal" data-fancybox analytics-id="topnav_signup"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <div class="label"> <span>Pan Pacific DISCOVERY</span> <span class="label3">Sign Up/Login</span> </div> </a> <div class="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> <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/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.loginprofile.html"/> <input type="hidden" name="logoutendpoint" value="/content/pphg-revamp/en/hotels-and-resorts/pp-london/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">  <h3>Pan Pacific DISCOVERY Sign In</h3>  <form class="login-form pt10" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/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">  <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">  <h3>Join Us Today</h3>   <h4>Benefits of Pan Pacific DISCOVERY</h4>  </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">  <h3>Join Us Today</h3>  <p>Receive exclusive membership benefits!</p> </div> <a class="button button-primary register" href="/en/panpacific-discovery/sign-up-today.html?r=PPLON">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">  <h3>Select Account</h3>  <p>Please select from the accounts below:</p> <form class="login-account-form" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/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>  <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">  <h3>Forgot Password</h3>  <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/hotels-and-resorts/pp-london/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">  <h3>Select Account</h3>  <p>Please select from the accounts below:</p> <form class="reset-account-form" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/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>  <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">  <h3>Password Reset</h3>  <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">  <h3>DISCOVERY Login Password</h3>  <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/hotels-and-resorts/pp-london/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=pplon"> <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">Stay With Us</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"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/festive.html" data-toggle="collapse">Festive Season </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-1">The Hotel <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">Rooms | 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 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-3">Restaurants | Bars <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"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/offers.html" data-toggle="collapse">Offers </a> </li>  <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/hotels-and-resorts/pp-london/sensory-wellbeing.html" data-toggle="collapse">SENSORY Wellbeing </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-6">Meetings and Events <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"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/family.html" data-toggle="collapse">Family </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-8">Celebrations <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> </ul> </div> </div> </div> </div> </ul> <div class="social-media-icons"><div class="d-flex panpacific"> <span class="d-inline-flex">Pan Pacific London</span> <ul class="align-items-center d-flex"> <li class="d-inline-flex align-items-center"><a href='https://www.facebook.com/PanPacificLondon/' 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/panpacificlondon/' 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/pan-pacific-london' 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('');"> <div class="subnav-wrapper subnav-topnav"> <div class="panel collapse" id="subnav-top-navigation-drawer-mobile-00" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Global Homepage</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Australia"> Australia </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Australia"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/australia.html" class="countryNameList-v3 destinationSubNav global-redirect"> Australia </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-melbourne.html">Pan Pacific Melbourne</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-perth.html">Pan Pacific Perth</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-darling-harbour-sydney.html">PARKROYAL Darling Harbour, Sydney</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-melbourne-airport.html">PARKROYAL Melbourne Airport</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-monash-melbourne.html">PARKROYAL Monash Melbourne</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-parramatta.html">PARKROYAL Parramatta</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Bangladesh"> Bangladesh </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Bangladesh"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/bangladesh.html" class="countryNameList-v3 destinationSubNav global-redirect"> Bangladesh </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-dhaka.html">Pan Pacific Sonargaon Dhaka</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Canada"> Canada </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Canada"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/canada.html" class="countryNameList-v3 destinationSubNav global-redirect"> Canada </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-toronto.html">Pan Pacific Toronto</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-vancouver.html">Pan Pacific Vancouver</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-mountainside.html">Pan Pacific Whistler Mountainside</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-village-centre.html">Pan Pacific Whistler Village Centre</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-China"> China </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-China"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/china.html" class="countryNameList-v3 destinationSubNav global-redirect"> China </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-beijing.html">Pan Pacific Beijing</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-ningbo.html">Pan Pacific Ningbo</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-suzhou.html">Pan Pacific Suzhou</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-tianjin.html">Pan Pacific Tianjin</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-xiamen.html">Pan Pacific Xiamen</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-ningbo.html">Pan Pacific Serviced Suites Ningbo</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Indonesia"> Indonesia </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Indonesia"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/indonesia.html" class="countryNameList-v3 destinationSubNav global-redirect"> Indonesia </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-jakarta.html">Pan Pacific Jakarta</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-jakarta.html">PARKROYAL Serviced Suites Jakarta</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Japan"> Japan </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Japan"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/japan.html" class="countryNameList-v3 destinationSubNav global-redirect"> Japan </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/bellustar-tokyo.html">BELLUSTAR TOKYO, A Pan Pacific Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/cerulean-tower-tokyu.html">Cerulean Tower Tokyu Hotel, A Pan Pacific Partner Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/higashiyama-kyoto.html">THE HOTEL HIGASHIYAMA KYOTO TOKYU, A Pan Pacific Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/hotel-groove-shinjuku.html">HOTEL GROOVE SHINJUKU, A PARKROYAL Hotel</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Kenya"> Kenya </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Kenya"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/kenya.html" class="countryNameList-v3 destinationSubNav global-redirect"> Kenya </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-nairobi.html">Pan Pacific Serviced Suites Nairobi </a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Malaysia"> Malaysia </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Malaysia"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/malaysia.html" class="countryNameList-v3 destinationSubNav global-redirect"> Malaysia </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-kuala-lumpur.html">PARKROYAL COLLECTION Kuala Lumpur</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-afamosa-melaka-resort.html">PARKROYAL A'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 active" 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 active" 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/hotels-and-resorts/pp-london/festive.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Festive Season</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-1" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/hotels-and-resorts/pp-london/the-hotel.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">The Hotel</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/hotels-and-resorts/pp-london/the-hotel/hotel-policy.html">Hotel Policy</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/location.html">Location</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/sustainability.html">Sustainability</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/insights.html">Destination Insights</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/gallery.html">Gallery</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/paws-at-pan-pacific.html">Paws at Pan Pacific</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/awards-and-accolades.html">Awards and Accolades</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/sensorysleep.html">SENSORY Sleep</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/accessibility.html">Accessibility</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/our-lifestyle-magazine.html">Our Lifestyle Magazine</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/hotels-and-resorts/pp-london/rooms.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Rooms | 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/hotels-and-resorts/pp-london/rooms/deluxe-room.html">Deluxe Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/deluxe-double-double-room.html">Deluxe Double Double Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/deluxe-city-view-room.html">Deluxe City View Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/premier-room.html">Premier Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/premier-double-double-room.html">Premier Double Double Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/executive-room.html">Executive Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/executive-city-view-room.html">Executive City View Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/executive-accessible-room.html">Executive Accessible Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/devonshire-suite.html">Devonshire Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/walbrook-city-view-suite.html">Walbrook City View Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html">Bishopsgate Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-two-bedroom-suite.html">Bishopsgate Two Bedroom Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/pan-pacific-suite.html">Pan Pacific Suite</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/hotels-and-resorts/pp-london/dining.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Restaurants | Bars</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/hotels-and-resorts/pp-london/dining/straits-kitchen.html">Straits Kitchen & Bar</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/dining/ginger-lily.html">Ginger Lily Bar & Lounge</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/dining/silverleaf.html">Silverleaf</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/dining/shiok.html">SHIOK!</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/dining/in-room-dining.html">In-Room Dining</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/dining/private-dining-and-events.html">Private Dining</a> </div> </div> <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/hotels-and-resorts/pp-london/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-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/hotels-and-resorts/pp-london/sensory-wellbeing.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">SENSORY Wellbeing</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-6" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/hotels-and-resorts/pp-london/meeting-and-events.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Meetings and Events</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/hotels-and-resorts/pp-london/meeting-and-events/pacific-ballroom.html">Pacific Ballroom</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/meeting-place.html">Meeting Place </a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/four-swans.html">Four Swans</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/white-hart.html">White Hart</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/magpie.html">Magpie</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/green-dragon.html">Green Dragon</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/black-bull.html">Black Bull </a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/market-square.html">Market Square</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/leadenhall.html">Leadenhall</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/brick-lane.html">Brick Lane</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/columbia-road.html">Columbia Road</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/spitalfields.html">Spitalfields</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-7" 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/hotels-and-resorts/pp-london/family.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Family</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-8" 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/hotels-and-resorts/pp-london/celebrations.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Celebrations</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/hotels-and-resorts/pp-london/celebrations/wedding-venues.html">Our Wedding Event Venues</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> </div>  <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"> 80 Houndsditch, London, EC3A 7AB, United Kingdom </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">+44 (0) 20 7118 6888</div> <div class="contact-address">0800 031 8255 (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.pplon@panpacific.com</div> </div> </div> </div> </div> </div>  </div> </div> </div> </div> </div> <div class="row cta-mobile d-none" style="color: white"> <div class="col items collapsed"> <a class="d-flex gift-mobile-new align-items-center member-nav gift-wrapper " target="_blank" analytics-text="Gifting" href="https://panpacificlondon.wearegifted.co.uk/" analytics-id="Top Nav Bar"> <svg class="icon-container icon-list gift"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-gift" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-gift"></use> </svg> <label>Gifting</label> </a> </div> <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=pplon"> <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>Stay With Us</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="https://www.sevenrooms.com/reservations/straitskitchen?venues=straitskitchen,orchidlounge,gingerlily,silverleaf" style="justify-content:center;font-size: 16px; line-height: 24px; font-weight: 700;" target="_blank"> Straits Kitchen & Bar </a> <a class="dropdown-item d-flex align-items-center dropdown-dining-menu" href="https://www.sevenrooms.com/reservations/gingerlily?venues=gingerlily,silverleaf,straitskitchen,orchidlounge" style="justify-content:center;font-size: 16px; line-height: 24px; font-weight: 700;" target="_blank"> Ginger Lily Bar & Lounge </a> <a class="dropdown-item d-flex align-items-center dropdown-dining-menu" href="https://www.sevenrooms.com/reservations/silverleaf?venues=silverleaf,gingerlily,straitskitchen,orchidlounge" style="justify-content:center;font-size: 16px; line-height: 24px; font-weight: 700;" target="_blank"> Silverleaf </a> </div>  <div id="clickable-stay-panel" data-parent=".navigation3.component" class="collapse booking-panel-container "> <div class="container"> </div> </div> </nav> <nav class="mobile-navigation"> <div id="navbarMobile"> <div class="nav-wrapper collapse show "> <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="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> <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/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.loginprofile.html"/> <input type="hidden" name="logoutendpoint" value="/content/pphg-revamp/en/hotels-and-resorts/pp-london/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">  <h3>Pan Pacific DISCOVERY Sign In</h3>  <form class="login-form pt10" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/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">  <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">  <h3>Join Us Today</h3>   <h4>Benefits of Pan Pacific DISCOVERY</h4>  </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">  <h3>Join Us Today</h3>  <p>Receive exclusive membership benefits!</p> </div> <a class="button button-primary register" href="/en/panpacific-discovery/sign-up-today.html?r=PPLON">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">  <h3>Select Account</h3>  <p>Please select from the accounts below:</p> <form class="login-account-form" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/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>  <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">  <h3>Forgot Password</h3>  <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/hotels-and-resorts/pp-london/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">  <h3>Select Account</h3>  <p>Please select from the accounts below:</p> <form class="reset-account-form" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/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>  <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">  <h3>Password Reset</h3>  <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">  <h3>DISCOVERY Login Password</h3>  <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/hotels-and-resorts/pp-london/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"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/festive.html" data-toggle="collapse">Festive Season </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-1">The Hotel <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">Rooms | 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 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-3">Restaurants | Bars <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"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/offers.html" data-toggle="collapse">Offers </a> </li>  <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/hotels-and-resorts/pp-london/sensory-wellbeing.html" data-toggle="collapse">SENSORY Wellbeing </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-6">Meetings and Events <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"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/family.html" data-toggle="collapse">Family </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-8">Celebrations <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="container" style="padding: 0 15px;"> <hr style="height: 1px; background-color: #FFF; opacity: 0.24; margin-bottom: 30px;"/> <div class="d-flex align-items-center" style="margin-bottom: 20px; justify-content: space-between;"> <a class="d-flex align-items-center w-100" data-toggle="collapse" data-target="#top-navigation-drawer-mobile"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable w-100 select-dest-button-mobile" data-toggle="collapse" data-target-manual="#subnav-top-navigation-drawer-mobile-00"> You're in Pan Pacific London <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=pp"> <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/hotels-and-resorts/pp-london.html" data-lang="en" selected>English</option> <option value="/content/pphg-revamp/zh/hotels-and-resorts/pp-london.html" data-lang="zh">中文</option> <option value="/content/pphg-revamp/ja/hotels-and-resorts/pp-london.html" data-lang="ja">日本語</option> <option value="/content/pphg-revamp/fr/hotels-and-resorts/pp-london.html" data-lang="fr">Français</option> <option value="/content/pphg-revamp/de/hotels-and-resorts/pp-london.html" data-lang="de">Deutsch</option> <option value="/content/pphg-revamp/es/hotels-and-resorts/pp-london.html" data-lang="es">Español</option> </select> </div> <div class="d-flex align-items-center currency-dropdown-wrapper"> <input type="hidden" id="defaultCurrency" value="GBP"/> <input type="hidden" name="defCurrency-mob-js" id="defCurrency-mob-js" value="GBP"/> <span>Currency: </span><span id="currency-text">GBP</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="GBP" data-currency-symbol="£"> GBP</option> <option value="CAD" data-currency-symbol="$"> CAD</option> <option value="SGD" data-currency-symbol="$"> SGD</option> <option value="USD" data-currency-symbol="$"> USD</option> <option value="DZD" data-currency-symbol="$"> DZD</option> <option value="AUD" data-currency-symbol="$"> AUD</option> <option value="BHD" data-currency-symbol="$"> BHD</option> <option value="BOB" data-currency-symbol="$b"> BOB</option> <option value="BWP" data-currency-symbol="P"> BWP</option> <option value="BRL" data-currency-symbol="R$"> BRL</option> <option value="BND" data-currency-symbol="$"> BND</option> <option value="BGN" data-currency-symbol="лв"> BGN</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 class="ugcwidget section"> <div class="container-fluid p-0"> <style> .navigation.component.section:not(.navigation-v2) { margin-top: 80px; z-index: 100; } .navigation.component.section:not(.navigation-v2) > .top-navigation { display: none; } .navigation.component.section:not(.navigation-v2) > .main-navigation > .navbar{ display: none; } .navigation-v2 > .main-navigation > .navbar > .nav-overlay-container > .container > .main-bar > .mobile-toggle > div:not(.d-flex) { display: none; } @media only screen and (max-width: 990px) { .main-wrapper--container.is-sticky.has-mobile-booking-container.nav1.navigation-for-v2.nav2 { padding-top: 137px !important; } .navigation.component .main-navigation { border-top: 0; } } .destination-header.property-selector.menu-openable{ display: none !important; } .destination-header.property-selector.actives.menu-openable{ display: none; } .destination-only-nav2{display:none;} </style> </div></div> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="header-ipar iparsys parsys"></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="">  <div class="hero-swiper-container on-desktop-block"> <div class="swiper-wrapper">    <div class="swiper-slide " style="background-image: url(\2f content\2f dam\2fpphg-revamp\2fzh\2fpplon\2f festive\2f festive-2024\2fpplon-plaza-tree.png); background-position-y: bottom;" analytics-id="sign-up-now-cta">  <div class="container slide-container content-position-middle">   <div class="slide-text row middle"> <div class="col-12 content-alignment-centre">  <div class="title-description component"> <div class="content d-flex" style="color: #ffffff"> <div class="title-tag"> <h1 class="content-text title "> <span></span> </h1> </div> </div> </div>  </div> </div> </div> </div>  </div> </div>   <div class="hero-swiper-container on-mobile-block"> <div class="swiper-wrapper">    <div class="swiper-slide " style="background-image: url(\2f content\2f dam\2fpphg-revamp\2fja\2fpplon\2f festive\2f festive-2024\2fpplon-plaza-tree-mobile.png)" analytics-id="sign-up-now-cta">  <div class="container slide-container content-position-middle"> <div class="slide-text row middle"> <div class="col-12 content-alignment-centre">  <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></span> </h1> </div> </div> </div>  </div> </div> </div> </div>  </div> </div>  </div>  <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>  </div> <div class="visual-cue"> <div class="myArrow sticky-arrow component" analytics-category="marketing_component" analytics-id="42" analytics-label=""> <p class="myArrow rotated-text d-none">Discover</p> <div class="myArrow vertical"></div> <div class="myArrow half-circle"> <svg class="myArrow arrow bounce"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#vector-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#vector-down"> </use> </svg> </div> </div></div> <div class="sectioncontainer"> <section id="booking-panel-enhanced-container"> <div class="container "> <div class="bookingpanel-2.0 section"> <div class="booking-panel booking-panel-2 booking-panel-s4 component " style="display:none" data-property-code="pplon" data-edirect="false" data-config-endpoint='/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/par/sectioncontainer_cop/contpar/bookingpanel_2_0.data.json' data-bookers-endpoint='/content/pphg-revamp/en/hotels-and-resorts/pp-london.bookers.html' data-edirect-endpoint='/content/pphg-revamp/en/hotels-and-resorts/pp-london.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 "> <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="pplon"> Pan Pacific London </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' + (false ? ' 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> </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 class="bookingpanel-2.0 section"> <div class="booking-panel booking-panel-2 booking-panel-s4 component " style="display:none" data-property-code="pplon" data-edirect="false" data-config-endpoint='/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/par/sectioncontainer_cop/contpar/bookingpanel_2_0_524386543.data.json' data-bookers-endpoint='/content/pphg-revamp/en/hotels-and-resorts/pp-london.bookers.html' data-edirect-endpoint='/content/pphg-revamp/en/hotels-and-resorts/pp-london.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 "> <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="pplon"> Pan Pacific London </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' + (false ? ' 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> </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 class="section-container-2 component">    <section style="max-width: 100%;" class="section-container fullwidth bc-owhite "> <div style="background-image: url();" class="container-fluid section-background-image pt30 "> <div class="experiencefragment section"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="marketing-slide-in-out aem-GridColumn aem-GridColumn--default--12">  </div> </div> </div> </div> <div class="property-highlight section"> <div class="content-highlights-with-video component " analytics-category="marketing_component" analytics-id="24" analytics-label="component"> <div class="container px-0"> <div class="content-highlights-with-video_main row"> <div class="content-highlights-with-video_title text-center col-12 pb-3"> <h2>Discover a different side of London</h2> </div> <div class="content-highlights-with-video_left-media col-12 col-lg-6 pb-5"> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Property_Introduction_Image_1.jpg"/> </div> <div class="col-lg-6"> <div class="row"> <div class="content-highlights-with-video_description col-12 pb-4 order-lg-last"> <p>Pan Pacific London brings understated luxury, innovation and <a href="https://www.panpacific.com/en/hotels-and-resorts/pp-london/sensory-wellbeing.html" target="_blank">wellbeing</a> to the British capital.</p> <p>Explore a different side of the city in this luxury hotel in London’s Square Mile with famous markets, <a href="https://www.panpacific.com/en/hotels-and-resorts/pp-london/dining.html" target="_blank">Michelin-starred restaurants</a>, and <a href="https://www.panpacific.com/en/hotels-and-resorts/pp-london/our-hotel.html" target="_blank">iconic landmarks</a> all within easy reach.<br /> </p> </div> <div class="content-highlights-with-video_right-media col-12 pb-4 py-lg-5"> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Property_Introduction_Image_2.jpg"/> </div> </div> </div> </div> </div> </div> </div> </div> </section> <div></div>  </div> <div class="section-container-2 component">   <section style="max-width: 100%;" class="section-container contained section-rounded bc-owhite "> <div style="background-image: url();" class="container section-background-image pb30 "> <div class="columncontrol section"> <div class="row"> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div> <div class="content text-left pphg-table-1 "> <div> <p style="text-align: left;"><b>Address</b><br /> 80 Houndsditch, London, EC3A 7AB, United Kingdom</p> </div> </div></div> </div> </div> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div> <div class="content text-center pphg-table-1 "> <div> <p style="text-align: left;"><b>Call Us</b><br /> <a href="tel:+44(0)%2020%207118%206888">+44(0) 20 7118 6888</a></p> </div> </div></div> </div> </div> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div> <div class="content text-center pphg-table-1 "> <div> <p style="text-align: left;"><b>Email Us</b><br /> <a href="mailto:%65%6E%71%75%69%72%79%2E%70%70%6C%6F%6E%40%70%61%6E%70%61%63%69%66%69%63%2E%63%6F%6D">enquiry.pplon<b style='display:none;'>.panpacific</b>@panpacific<b style='display:none;'>.panpacific</b>.com<b style='display:none;'>.panpacific</b></a></p> </div> </div></div> </div> </div> </div></div> </div> </section> <div></div>   </div> <div class="section-container-2 component">   <section style="max-width: 100%;" class="section-container contained "> <div style="background-image: url();" class="container section-background-image pt30 pb30 "> <div class="marketing-slide-in-out section">  <div class="special-deal leftAlign topAlign" data-auto-slide-in-time="20" analytics-category="marketing_component" analytics-id="13" analytics-label="component"> <div class="special-text mobile" analytics-category="marketing_component" analytics-id="13" analytics-label="toggle"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-up" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-up"> </use> </svg> <p>Our Suites</p> </div> <div class="special-content"> <div class="content-text"> <img src="/content/dam/pphg-revamp/zh/pplon/suites/desktop-masthead/pplon-perfectlysuited-mastd.png"/> <div class="content-wrapper"> <p>Indulge in the refined and elegant comfort of our newly designed suites, with their residential feel and a sensory journey through a diverse array of textures, colours and botanical motifs.<br /> </p> <a class="button button-primary text-center" href="/en/hotels-and-resorts/pp-london/offers/perfectly-suited.html" target="_blank" analytics-category="marketing_component" analytics-id="13" analytics-label="cta"> Discover More </a> </div> </div> </div> <div class="special-text desktop " analytics-category="marketing_component" analytics-id="13" analytics-label="toggle"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-up" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-up"> </use> </svg> <p>Our Suites</p> </div> </div> </div> </div> </section> <div></div>   </div> <div class="section-container-2 component">  <section style="max-width: 100%; background-image: url();" class="section-container nopadding customised mt50 mb50 " data-bgcolour="#fff"> <div class="container-fluid no-side-padding section-background-image start-from-body-content"> </div> </section> <div></div>    </div> <div class="section-container-2 component">  <section style="max-width: 100%; background-image: url();" class="section-container nopadding section-rounded customised " data-bgcolour="#fff"> <div class="container-fluid no-side-padding section-background-image "> <div class="diecut-curve-carousel section"> <div class="diecut-curve-carousel component " analytics-category="marketing_component" analytics-id="25"> <div class="desktop-carousel"> <div class="left-content"> <div class="carousel-text"> <div class="diecut-text-section"> <h2 class="diecut-title desc-avail">Where Luxury Meets Excellence</h2> <p>Cocooned in a cutting-edge glass and steel tower offering stunning views of the iconic Gherkin, Pan Pacific London radiates a sense of warmth and tranquility, providing you with a personal oasis of luxury and wellbeing<br /> </p> </div> <div class="toggle-buttons"> <button class="carousel-prev toggle-button"> <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="carousel-next toggle-button"> <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> <div class="carousel carousel-main"> <div class="carousel-card"> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/festive/festive-2024/key-features-carousel/pplon-festive-homepage%20(1).png" alt="Festive Season"/> <div class="card-text"> <h3>Festive Season</h3> <p>Discover a truly festive season as you sip, savour and relax. Indulge in glowing celebrations, scrumptious lunches, decadent dinners, and inspiring cocktails.</p> <p>From 11th November 2024.</p> <a class="cta-button" href="https://www.panpacific.com/en/hotels-and-resorts/pp-london/festive.html" target="_blank">Discover More</a> </div> </div> <div class="carousel-card"> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Property_Highlights_Image_1.jpg" alt="A Wellness Sanctuary"/> <div class="card-text"> <h3>A Wellness Sanctuary</h3> <p>SENSORY offers a comprehensive approach to holistic wellbeing, combining fitness, nutrition, and mindfulness. Enjoy access to a 24-hour gym, spa treatment rooms, and an 18.5m infinity pool with breathtaking city views.<br /> </p> <a class="cta-button" href="https://www.panpacific.com/en/hotels-and-resorts/pp-london/sensory-wellbeing.html" target="_blank">Discover More</a> </div> </div> <div class="carousel-card"> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Property_Highlights_Image_2.jpg" alt="Family's Come First"/> <div class="card-text"> <h3>Family's Come First</h3> <p>Treating your Very Important Little Person (VILP) like royalty is as easy as child's play, ensuring they receive special treatment throughout your entire stay<br /> </p> <a class="cta-button" href="https://www.panpacific.com/en/hotels-and-resorts/pp-london/family.html" target="_blank">Discover More</a> </div> </div> <div class="carousel-card"> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Property_Highlights_Image_3.jpg" alt="Pets Are Welcome"/> <div class="card-text"> <h3>Pets Are Welcome</h3> <p>Paws at Pan Pacific ensures that your furry friends live in the lap of luxury with services including pet concierge, dog walking, grooming and pet massages. Well-known dog trainer and nutritionist Anna Web has also designed bespoke menus for your precious pet.<br /> </p> <a class="cta-button" href="https://www.panpacific.com/en/hotels-and-resorts/pp-london/the-hotel/paws-at-pan-pacific.html" target="_blank">Discover More</a> </div> </div> </div> </div> <div class="right-content"> <div class="carousel carousel-second"> <div class="carousel-card"> <div class="card-overlay"></div> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/festive/festive-2024/key-features-carousel/pplon-festive-homepage%20(1).png" alt="Festive Season"/> <div class="card-text"> <hr class="line"/> <p class="next-text">Next: </p> <p class="card-title">Festive Season</p> </div> </div> <div class="carousel-card"> <div class="card-overlay"></div> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Property_Highlights_Image_1.jpg" alt="A Wellness Sanctuary"/> <div class="card-text"> <hr class="line"/> <p class="next-text">Next: </p> <p class="card-title">A Wellness Sanctuary</p> </div> </div> <div class="carousel-card"> <div class="card-overlay"></div> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Property_Highlights_Image_2.jpg" alt="Family's Come First"/> <div class="card-text"> <hr class="line"/> <p class="next-text">Next: </p> <p class="card-title">Family's Come First</p> </div> </div> <div class="carousel-card"> <div class="card-overlay"></div> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Property_Highlights_Image_3.jpg" alt="Pets Are Welcome"/> <div class="card-text"> <hr class="line"/> <p class="next-text">Next: </p> <p class="card-title">Pets Are Welcome</p> </div> </div> </div> </div> </div> <div class="mobile-carousel"> <div class="carousel-text"> <h1 class="diecut-title">Where Luxury Meets Excellence</h1> <div class="desc"> <p>Cocooned in a cutting-edge glass and steel tower offering stunning views of the iconic Gherkin, Pan Pacific London radiates a sense of warmth and tranquility, providing you with a personal oasis of luxury and wellbeing<br /> </p> </div> </div> <div class="swiper m-diecut"> <div class="swiper-wrapper"> <div class="swiper-slide m-card"> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/festive/festive-2024/key-features-carousel/pplon-festive-homepage%20(1).png" alt="Festive Season" class="carousel-image"/> <div class="card-text"> <h2 class="card-title">Festive Season</h2> <div class="card-desc"> <p>Discover a truly festive season as you sip, savour and relax. Indulge in glowing celebrations, scrumptious lunches, decadent dinners, and inspiring cocktails.</p> <p>From 11th November 2024.</p> <a class="cta-button" href="https://www.panpacific.com/en/hotels-and-resorts/pp-london/festive.html" target="_blank">Discover More</a> </div> </div> </div> <div class="swiper-slide m-card"> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Property_Highlights_Image_1.jpg" alt="A Wellness Sanctuary" class="carousel-image"/> <div class="card-text"> <h2 class="card-title">A Wellness Sanctuary</h2> <div class="card-desc"> <p>SENSORY offers a comprehensive approach to holistic wellbeing, combining fitness, nutrition, and mindfulness. Enjoy access to a 24-hour gym, spa treatment rooms, and an 18.5m infinity pool with breathtaking city views.<br /> </p> <a class="cta-button" href="https://www.panpacific.com/en/hotels-and-resorts/pp-london/sensory-wellbeing.html" target="_blank">Discover More</a> </div> </div> </div> <div class="swiper-slide m-card"> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Property_Highlights_Image_2.jpg" alt="Family's Come First" class="carousel-image"/> <div class="card-text"> <h2 class="card-title">Family's Come First</h2> <div class="card-desc"> <p>Treating your Very Important Little Person (VILP) like royalty is as easy as child's play, ensuring they receive special treatment throughout your entire stay<br /> </p> <a class="cta-button" href="https://www.panpacific.com/en/hotels-and-resorts/pp-london/family.html" target="_blank">Discover More</a> </div> </div> </div> <div class="swiper-slide m-card"> <img loading="lazy" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Property_Highlights_Image_3.jpg" alt="Pets Are Welcome" class="carousel-image"/> <div class="card-text"> <h2 class="card-title">Pets Are Welcome</h2> <div class="card-desc"> <p>Paws at Pan Pacific ensures that your furry friends live in the lap of luxury with services including pet concierge, dog walking, grooming and pet massages. Well-known dog trainer and nutritionist Anna Web has also designed bespoke menus for your precious pet.<br /> </p> <a class="cta-button" href="https://www.panpacific.com/en/hotels-and-resorts/pp-london/the-hotel/paws-at-pan-pacific.html" target="_blank">Discover More</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <div></div>    </div> <div class="section-container-2 component">   <section style="max-width: 100%;" class="section-container contained "> <div style="background-image: url();" class="container section-background-image pt30 pb30 "> </div> </section> <div></div>   </div> <div class="section-container-2 component">  <section style="max-width: 100%; background-image: url();" class="section-container nopadding section-bigfloat pt50 pb50"> <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="">  <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">Offers Specially for You</h2> </div> </div>  <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/hotels-and-resorts/pp-london/offers/perfectly-suited.html" target="_blank"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/ja/pplon/suites/desktop-masthead/pplon-perfectlysuited-mastd.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/perfectly-suited.html" target="_blank"> <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"> New </span> <h4 class="offer-highlights-2--slick-card-content-title">Perfectly Suited</h4> <span class="offer-highlights-2--slick-card-content-description">From milestone celebrations, family escapes, or business in the city discover your perfect suite. </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/hotels-and-resorts/pp-london/offers/a-festive-gift-from-us.html" target="_blank"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/zh/pplon/offer/pplon-festive-giftfromus-mobile.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/a-festive-gift-from-us.html" target="_blank"> <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"> New </span> <h4 class="offer-highlights-2--slick-card-content-title">A Festive Gift From Us </h4> <span class="offer-highlights-2--slick-card-content-description">Enjoy a festive London stay with breakfast and unwrap a £67 hotel credit from us. </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/hotels-and-resorts/pp-london/offers/cherish-family-moments.html" target="_blank"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/ja/pplon/family/Mobile.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/cherish-family-moments.html" target="_blank"> <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"> New </span> <h4 class="offer-highlights-2--slick-card-content-title">Cherish Family Moments</h4> <span class="offer-highlights-2--slick-card-content-description">Embrace family time with family city attractions, children's swimming hours and more. </span> </div> </a> </div> </div> </div>  <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">Offers Specially for You</h2> </div> </div>  <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/hotels-and-resorts/pp-london/offers/perfectly-suited.html" target="_blank"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/ja/pplon/suites/desktop-masthead/pplon-perfectlysuited-mastd.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/perfectly-suited.html" target="_blank"> <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"> New </span> <h4 class="offer-highlights-2--slick-card-content-title">Perfectly Suited</h4> <span class="offer-highlights-2--slick-card-content-description">From milestone celebrations, family escapes, or business in the city discover your perfect suite. </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/hotels-and-resorts/pp-london/offers/a-festive-gift-from-us.html" target="_blank"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/zh/pplon/offer/pplon-festive-giftfromus-mobile.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/a-festive-gift-from-us.html" target="_blank"> <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"> New </span> <h4 class="offer-highlights-2--slick-card-content-title">A Festive Gift From Us </h4> <span class="offer-highlights-2--slick-card-content-description">Enjoy a festive London stay with breakfast and unwrap a £67 hotel credit from us. </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/hotels-and-resorts/pp-london/offers/cherish-family-moments.html" target="_blank"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/ja/pplon/family/Mobile.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/cherish-family-moments.html" target="_blank"> <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"> New </span> <h4 class="offer-highlights-2--slick-card-content-title">Cherish Family Moments</h4> <span class="offer-highlights-2--slick-card-content-description">Embrace family time with family city attractions, children's swimming hours and more. </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">/ 3</span> </div> </div> </div> </div> </div> </div> </section> <div></div>    </div> <div class="section-container-2 component">  <section style="max-width: 100%; background-image: url();" class="section-container nopadding customised pt30 " data-bgcolour="#DAE2E6"> <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">Discover Our Rooms and Suites</h1> <div class="component-description"> <p>Designed with your comfort in mind.<br /> </p> </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/pplon/pphg2-0/rooms/deluxe-room/PPLON_Deluxe_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Deluxe Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/deluxe-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=DK&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/deluxe-double-double-room/PPLON_DeluxeDoubleDouble_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Deluxe Double Double Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/deluxe-double-double-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=DD&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/deluxe-city-view-room/PPLON_DeluxeCityView_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Deluxe City View Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/deluxe-city-view-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=DKC&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/premier-room/PPLON_Premier_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Premier Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/premier-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=BK&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/premier-double-double-room/PPLON_PremierDoubleDouble_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Premier Double Double Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/premier-double-double-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=BT&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/executive-room/PPLON_Executive_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Executive Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/executive-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=EK&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/executive-city-view-room/PPLON_ExecutiveCityView_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Executive City View Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/executive-city-view-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=EKC&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/executive-accessible-room/PPLON_ExecutiveAccessible_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Executive Accessible Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/executive-accessible-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=ET&fromRoomPage=true&propertyCode=pplon"> <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/pplon/suites/desktop-masthead/pplon-devon-mastd.png"/> </div> </div> </div> <h4 class="card-title">Devonshire Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/devonshire-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS4&fromRoomPage=true&propertyCode=pplon"> <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/pplon/suites/desktop-masthead/pplon-walbrook-mastd.png"/> </div> </div> </div> <h4 class="card-title">Walbrook City View Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/walbrook-city-view-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS3&fromRoomPage=true&propertyCode=pplon"> <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/pplon/suites/desktop-masthead/pplon-bishop-mastd.png"/> </div> </div> </div> <h4 class="card-title">Bishopsgate Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS2&fromRoomPage=true&propertyCode=pplon"> <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/pplon/suites/desktop-masthead/pplon-bishopsgate-mastd.png"/> </div> </div> </div> <h4 class="card-title">Bishopsgate Two Bedroom Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-two-bedroom-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=B2S&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/pan-pacific-suite/PPLON_PanPacificSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Pan Pacific Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/pan-pacific-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS1&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/deluxe-room/PPLON_Deluxe_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Deluxe Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/deluxe-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=DK&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/deluxe-double-double-room/PPLON_DeluxeDoubleDouble_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Deluxe Double Double Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/deluxe-double-double-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=DD&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/deluxe-city-view-room/PPLON_DeluxeCityView_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Deluxe City View Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/deluxe-city-view-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=DKC&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/premier-room/PPLON_Premier_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Premier Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/premier-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=BK&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/premier-double-double-room/PPLON_PremierDoubleDouble_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Premier Double Double Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/premier-double-double-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=BT&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/executive-room/PPLON_Executive_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Executive Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/executive-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=EK&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/executive-city-view-room/PPLON_ExecutiveCityView_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Executive City View Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/executive-city-view-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=EKC&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/executive-accessible-room/PPLON_ExecutiveAccessible_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Executive Accessible Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/executive-accessible-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=ET&fromRoomPage=true&propertyCode=pplon"> <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/pplon/suites/desktop-masthead/pplon-devon-mastd.png"/> </div> </div> </div> <h4 class="card-title">Devonshire Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/devonshire-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS4&fromRoomPage=true&propertyCode=pplon"> <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/pplon/suites/desktop-masthead/pplon-walbrook-mastd.png"/> </div> </div> </div> <h4 class="card-title">Walbrook City View Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/walbrook-city-view-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS3&fromRoomPage=true&propertyCode=pplon"> <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/pplon/suites/desktop-masthead/pplon-bishop-mastd.png"/> </div> </div> </div> <h4 class="card-title">Bishopsgate Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS2&fromRoomPage=true&propertyCode=pplon"> <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/pplon/suites/desktop-masthead/pplon-bishopsgate-mastd.png"/> </div> </div> </div> <h4 class="card-title">Bishopsgate Two Bedroom Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-two-bedroom-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=B2S&fromRoomPage=true&propertyCode=pplon"> <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/pplon/pphg2-0/rooms/pan-pacific-suite/PPLON_PanPacificSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Pan Pacific Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/pan-pacific-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS1&fromRoomPage=true&propertyCode=pplon"> <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>    </div> <div class="section-container-2 component">  <section style="max-width: 100%; background-image: url();" class="section-container nopadding bc-owhite "> <div class="container-fluid no-side-padding section-background-image "> <div class="split-diptych section"> <div class="split-diptych component on-desktop-block" analytics-category="marketing_component" analytics-id="27" analytics-label=""> <div class="container-fluid content-wrapper"> <div class="row content-animation"> <div class="col-6 first-image-animation"> <div> <div class="col-12"> <img src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Featured_Dining_Image_1.jpg"/> </div> <div class="first-image-animation__label"> <h3>Straits Kitchen & Bar</h3> </div> <div class="row first-cta-row"> <div class="col-8 first-cta"> <a target="_blank" class="buttonV2" href="https://www.sevenrooms.com/reservations/straitskitchen?venues=straitskitchen,orchidlounge,gingerlily,silverleaf"> <div> <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> <p>Book Now</p> </div> </a> </div> <div class="col-4 second-cta"> <a target="_self" href="/en/hotels-and-resorts/pp-london/dining/straits-kitchen.html">View Restaurant</a> </div> </div> </div> </div> <div class="col-6 second-image-animation"> <div class="col-12"> <img src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Featured_Dining_Image_2.jpg"/> </div> <div class="second-image-animation__label"> <h3>Ginger Lily Bar & Lounge</h3> </div> <div class="row second-cta-row"> <div class="col-4 third-cta"> <a target="_self" href="/en/hotels-and-resorts/pp-london/dining/ginger-lily.html">View Bar</a> </div> <div class="col-8 fourth-cta"> <a target="_blank" class="buttonV2" href="https://www.sevenrooms.com/reservations/gingerlily?venues=gingerlily,silverleaf,straitskitchen,orchidlounge"> <div> <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> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="col-12 content-text"> <h2>Distinctive Dining</h2> <p><p>Be spoilt for choice in one of our three bars and dining venues, featuring our signature fusion restaurant, Straits Kitchen, a cozy lounge & bar, and a convenient grab-and-go eatery.<br /> </p> </p> <a target="_blank" href="/en/hotels-and-resorts/pp-london/dining.html">Explore Dining at Pan Pacific London</a> </div> </div> </div> </div>  <div class="split-diptych component on-mobile-block" analytics-category="marketing_component" analytics-id="27" analytics-label=""> <div class="container-fluid content-wrapper-mobile"> <div class="row"> <div class="col-sm-12 content-text-mobile"> <h2>Distinctive Dining</h2> <p><p>Be spoilt for choice in one of our three bars and dining venues, featuring our signature fusion restaurant, Straits Kitchen, a cozy lounge & bar, and a convenient grab-and-go eatery.<br /> </p> </p> <a target="_blank" href="/en/hotels-and-resorts/pp-london/dining.html">Explore Dining at Pan Pacific London</a> </div> <div class="col-sm-12 content-first-image"> <img src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Featured_Dining_Image_1.jpg"/> <div class="content-first-image__label"> <h3>Straits Kitchen & Bar</h3> </div> </div> <div class="col-sm-6 content-first-cta"> <a target="_self" href="/en/hotels-and-resorts/pp-london/dining/straits-kitchen.html">View Restaurant</a> </div> <div class="col-sm-6 first-cta"> <a target="_blank" class="buttonV2" href="https://www.sevenrooms.com/reservations/straitskitchen?venues=straitskitchen,orchidlounge,gingerlily,silverleaf"> <div> <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> <p>Book Now</p> </div> </a> </div> <div class="col-sm-12 content-second-image"> <img src="/content/dam/pphg-revamp/en/pplon/pphg2-0/homepage/PPLON_Featured_Dining_Image_2.jpg"/> <div class="content-second-image__label"> <h3>Ginger Lily Bar & Lounge</h3> </div> </div> <div class="col-sm-6 content-second-cta"> <a target="_self" href="/en/hotels-and-resorts/pp-london/dining/ginger-lily.html">View Bar</a> </div> <div class="col-sm-6 fourth-cta"> <a target="_blank" class="buttonV2" href="https://www.sevenrooms.com/reservations/gingerlily?venues=gingerlily,silverleaf,straitskitchen,orchidlounge"> <div> <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> <p>Book Now</p> </div> </a> </div> </div> </div> </div> </div> </div> </section> <div></div>    </div> <div class="section-container-2 component">    <section style="max-width: 100%;" class="section-container fullwidth section-rounded bc-owhite "> <div style="background-image: url();" class="container-fluid section-background-image pt50 pb50"> </div> </section> <div></div>  </div> <div class="section-container-2 component">  <section style="max-width: 100%; background-image: url();" class="section-container nopadding "> <div class="container-fluid no-side-padding section-background-image "> <div class="background-image-parallax section">  <div class="background-image-parallax" analytics-category="marketing_component" analytics-id="43" analytics-label=""> <div class="parallax-wrapper"> <div v-if="isMobile"> <div class="parallax-image"> <img class="lazyload rellax" src="/content/dam/pphg-revamp/en/global/about-us/pphg-2-0/about-pp/pphr-pan-pacific-discovery-image-m.jpg" data-rellax-speed="-5" data-rellax-percentage="0.5"/> </div> </div> <div v-else> <div class="parallax-image"> <img class="lazyload rellax" src="/content/dam/pphg-revamp/en/global/about-us/pphg-2-0/about-pp/pphr-pan-pacific-discovery-image.jpg" data-rellax-speed="-5" data-rellax-percentage="0.5"/> </div> </div> <div class="parallax-alignment-left parallax-position-middle"> <img class="brand-image" src="/content/dam/pphg-revamp/en/global/members/ppd_logo.png"/> <h2 class="parallax-title">Rewarding Life’s Journey</h2>  <div class="icon-list"> <div class="column"> <img src="/content/dam/pphg-revamp/icons/pphg-2-0/discovery-dollar-icon.png" alt="icon"/> <p>Earn Points</p> </div> <div class="column"> <img src="/content/dam/pphg-revamp/icons/pphg-2-0/exclusive-icon.png" alt="icon"/> <p>Exclusive Discounts</p> </div> <div class="column"> <img src="/content/dam/pphg-revamp/icons/pphg-2-0/gift-icon.png" alt="icon"/> <p>Enjoy Perks</p> </div> </div> <div class="button-list button-parallax" style="margin-top: 20px;">   <div class="cta cta-v2 component left-btn"> <a target="true" class="buttonV2 white-btn" href="/en/panpacific-discovery/sign-up-today.html"> <div> <svg width="32" height="32" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.2778 4.08044C18.045 4.08044 12.2991 6.96253 8.52598 11.9717L8.0129 12.6681L10.5893 14.6061L11.1036 13.9083C14.2649 9.71506 19.0549 7.31398 24.2619 7.31398C33.3534 7.31398 40.7506 14.7112 40.7506 23.8027C40.7506 32.8942 33.3534 40.2914 24.2619 40.2914C19.054 40.2914 14.2488 37.8897 11.104 33.6976L11.1027 33.6959L10.5889 32.9987L8.45914 34.6057L7.99604 34.9145L8.52285 35.6295L8.52598 35.6337C12.299 40.6427 18.0289 43.525 24.2778 43.525C35.1483 43.525 44.0001 34.6733 44.0001 23.8027C44.0001 12.9321 35.1483 4.08044 24.2778 4.08044ZM23.8737 17.0143C23.579 16.302 22.7575 15.9699 22.0569 16.2356L22.0433 16.241C21.3316 16.5355 20.995 17.3443 21.2837 18.066L21.2848 18.0688C21.8643 19.4929 22.7243 20.8137 23.8425 21.9977L24.2013 22.3764H9.29816C7.92028 22.3764 6.80514 21.2488 6.80514 19.8834V16.9337H4V25.1815H24.2013L23.842 25.5609C22.7248 26.7438 21.8659 28.0627 21.2863 29.4854C21.1402 29.8298 21.1408 30.2213 21.2882 30.5653C21.433 30.9031 21.6998 31.1698 22.0376 31.3146L22.7208 31.6074V31.3878C23.2211 31.333 23.6837 31.0086 23.876 30.5223C24.8742 28.0587 26.8553 26.0635 29.3321 25.0668L29.3347 25.0657C29.8658 24.8484 30.2106 24.3374 30.2106 23.7711C30.2106 23.2047 29.8642 22.693 29.3331 22.4757C26.8686 21.4778 24.8726 19.4962 23.8755 17.0187L23.8737 17.0143Z" fill="#EFE9E5"/> </svg> <p class="button-text">Join Now</p> </div> </a> </div>  <div class="cta v2 component left-btn"> <a class="link linkbuttonV2 white" href="/en/panpacific-discovery.html">Learn More</a> </div>  </div> </div> </div> </div> </div> </div> </section> <div></div>    </div> </div> <div><div class="ugcwidget section"> <div class="container-fluid p-0"> <div id="sprinklr-embed-control-26496-ZW1iZWQ6NjQwODNmYzNmYzRiYmQwMDAxNTIxM2Y0" class="swe_embed_controls"></div> <div id="sprinklr-embed-26496-ZW1iZWQ6NjQwODNmYzNmYzRiYmQwMDAxNTIxM2Y0" class="swe_embed" data-filter-product="" data-filter-variant="" data-filter-custom-field="Pan Pacific London Homepage"></div> <script id="sprinklr-embed-loader-26496-ZW1iZWQ6NjQwODNmYzNmYzRiYmQwMDAxNTIxM2Y0" type="text/javascript" src="https://gallery.sprinklr.com/clients/26496/embeds/ZW1iZWQ6NjQwODNmYzNmYzRiYmQwMDAxNTIxM2Y0/script.js"> </script> </div></div> <div class="footer section"> <div class="footer-2 component"> <div class="container w-pp"> <div class="row"> <div class="col-12"> <ul class="pp-logos"> <li> <div class="hotel-name">HOTELS AND RESORTS</div> <div class="logos-container"> <div class="logos-block"> <a href="/en/about/about-pp.html"> <img src="/content/dam/pphg-revamp/logos/logo-pp-hr.svg"/> </a> </div> <div class="logos-block"> <a href="/en/about/about-prc.html"> <img src="/content/dam/pphg-revamp/logos/logo-prc-hr-new-small.svg"/> </a> </div> <div class="logos-block"> <a href="/en/about/about-pr.html"> <img src="/content/dam/pphg-revamp/logos/logo-pr-hr.svg"/> </a> </div> </div> </li> <li> <div class="hotel-name">SERVICED SUITES</div> <div class="logos-container"> <div class="logos-block"> <a href="/en/serviced-suites.pp.html"> <img src="/content/dam/pphg-revamp/logos/logo-pp-ss.svg"/> </a> </div> <div class="logos-block"> <a href="/en/serviced-suites.pr.html"> <img src="/content/dam/pphg-revamp/logos/logo-pr-ss.svg"/> </a> </div> </div> </li> <li> <div class="hotel-name">WELLNESS AND LIFESTYLE</div> <div class="logos-container"> <div class="logos-block"> <a href="/en/about/st-gregory.html"> <img src="/content/dam/pphg-revamp/logos/logo-st-gregory.svg"/> </a> </div> <div class="logos-block"> <a href="/en/about/si-chuan-dou-hua.html"> <img src="/content/dam/pphg-revamp/logos/logo-si-chuan-dou-hua.svg"/> </a> </div> </div> </li> </ul> </div> </div> </div> <div class="container"> <hr/> </div> <div class="container-fluid footer-main"> <div class="container"> <div class="row justify-content-between"> <div class="col-12 col-lg-3 about-us-section"> <div class="accordion"> <div> <input type="checkbox" id="footer-about-us"/> <label for="footer-about-us"> <h4>About Pan Pacific</h4> </label> <div class="content"> <ul> <li><a href="/en.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="https://harri.com/londoncareerspanpacific" target='_blank'>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"> 80 Houndsditch, London, EC3A 7AB, United Kingdom </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:+44%20(0)%2020%207118%206888">+44 (0) 20 7118 6888</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:0800%20031%208255">0800 031 8255 <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%70%6C%6F%6E%40%70%61%6E%70%61%63%69%66%69%63%2E%63%6F%6D">enquiry.pplon<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=pplon" 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 data-responsys="true" id="form-newsletter" data-endpoint="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/footer-ipar/footer_41900994/footer-newsletter.recaptcha-validation.json" data-action="https://engage.pphg.com/pub/rf" method="POST"> <input type="hidden" name="pcode-pp" value="pplon"/> <div class="form-group"> <div class="custom-input-textfield" :class="{'text-error': errors.has('email-pp')}"> <label for="email-pp">Email Address</label> <input id="email-pp" class="form-control" type="text" name="email-pp" v-validate="'required|email'" data-error-msg="Please enter a valid email address"/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('email-pp')" v-text="errors.first('email-pp')"></p> </div> </div> </div> <div class="form-group col-12 col-lg-6 pr-0 pl-0"> <label for="title-pp">Title</label> <div class="custom-chosen-wrapper" :class="{'text-error': errors.has('title-pp')}"> <select id="title-pp" class="chosen-select select-picker select-picker-link" data-mobile="true" name="title-pp" v-validate="'required'" data-error-msg="Please select your title" tabindex="-1" data-disable-search="true"> <option value="">Title</option> <option value="Mr"> Mr.</option> <option value="Mrs"> Mrs.</option> <option value="Ms"> Ms.</option> </select> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('title-pp')" v-text="errors.first('title-pp')"></p> </div> </div> </div> <div class="form-group col-12 pr-0 col-lg-12 px-0"> <div class="custom-input-textfield" :class="{'text-error': errors.has('fname-pp')}"> <label for="fname-pp">First Name</label> <input id="fname-pp" class="form-control" type="text" name="fname-pp" v-validate="'required'" data-error-msg="Please enter your first name"/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('fname-pp')" v-text="errors.first('fname-pp')"></p> </div> </div> </div> <div class="form-group"> <div class="custom-input-textfield" :class="{'text-error': errors.has('lname-pp')}"> <label for="lname-pp">Last Name</label> <input id="lname-pp" class="form-control" type="text" name="lname-pp" v-validate="'required'" data-error-msg="Please enter your last name"/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('lname-pp')" v-text="errors.first('lname-pp')"></p> </div> </div> </div> <div class="form-group"> <label for="country-pp">Country of Residence</label> <div class="custom-chosen-wrapper"> <select id="country-pp" class="chosen-select select-picker select-picker-link" data-mobile="true" name="country-pp"> <option value="af" data-text="af">Afghanistan </option> <option value="al" data-text="al">Albania </option> <option value="dz" data-text="dz">Algeria </option> <option value="as" data-text="as">American Samoa </option> <option value="ad" data-text="ad">Andorra </option> <option value="ao" data-text="ao">Angola </option> <option value="ai" data-text="ai">Anguilla </option> <option value="ag" data-text="ag">Antigua and Barbuda </option> <option value="ar" data-text="ar">Argentina </option> <option value="am" data-text="am">Armenia </option> <option value="aw" data-text="aw">Aruba </option> <option value="au" data-text="au">Australia </option> <option value="at" data-text="at">Austria </option> <option value="az" data-text="az">Azerbaijan </option> <option value="bs" data-text="bs">Bahamas </option> <option value="bh" data-text="bh">Bahrain </option> <option value="bd" data-text="bd">Bangladesh </option> <option value="bb" data-text="bb">Barbados </option> <option value="by" data-text="by">Belarus </option> <option value="be" data-text="be">Belgium </option> <option value="bz" data-text="bz">Belize </option> <option value="bj" data-text="bj">Benin </option> <option value="bm" data-text="bm">Bermuda </option> <option value="bt" data-text="bt">Bhutan </option> <option value="bo" data-text="bo">Bolivia </option> <option value="ba" data-text="ba">Bosnia and Herzegovina </option> <option value="bw" data-text="bw">Botswana </option> <option value="br" data-text="br">Brazil </option> <option value="vg" data-text="vg">British Virgin Islands </option> <option value="bn" data-text="bn">Brunei Darussalam </option> <option value="bg" data-text="bg">Bulgaria </option> <option value="bf" data-text="bf">Burkina Faso </option> <option value="bi" data-text="bi">Burundi </option> <option value="kh" data-text="kh">Cambodia </option> <option value="cm" data-text="cm">Cameroon </option> <option value="ca" data-text="ca">Canada </option> <option value="cv" data-text="cv">Cape Verde </option> <option value="ky" data-text="ky">Cayman Islands </option> <option value="cf" data-text="cf">Central African Republic </option> <option value="td" data-text="td">Chad </option> <option value="cr" data-text="cr">Chile </option> <option value="cn" data-text="cn">China </option> <option value="co" data-text="co">Colombia </option> <option value="km" data-text="km">Comoros </option> <option value="cd" data-text="cd">Congo, Dem. Rep. </option> <option value="cg" data-text="cg">Congo, Rep. </option> <option value="ck" data-text="ck">Cook Islands </option> <option value="cr" data-text="cr">Costa Rica </option> <option value="ci" data-text="ci">Côte d’Ivoire </option> <option value="hr" data-text="hr">Croatia </option> <option value="cu" data-text="cu">Cuba </option> <option value="cy" data-text="cy">Cyprus </option> <option value="cz" data-text="cz">Czech Republic </option> <option value="dk" data-text="dk">Denmark </option> <option value="dj" data-text="dj">Djibouti </option> <option value="dm" data-text="dm">Dominica </option> <option value="do" data-text="do">Dominican Republic </option> <option value="ec" data-text="ec">Ecuador </option> <option value="eg" data-text="eg">Egypt </option> <option value="sv" data-text="sv">El Salvador </option> <option value="gq" data-text="gq">Equatorial Guinea </option> <option value="er" data-text="er">Eritrea </option> <option value="ee" data-text="ee">Estonia </option> <option value="et" data-text="et">Ethiopia </option> <option value="fo" data-text="fo">Faroe Islands </option> <option value="fj" data-text="fj">Fiji </option> <option value="fi" data-text="fi">Finland </option> <option value="fr" data-text="fr">France </option> <option value="gf" data-text="gf">French Guiana </option> <option value="pf" data-text="pf">French Polynesia (Tahiti) </option> <option value="ga" data-text="ga">Gabon </option> <option value="gm" data-text="gm">Gambia, The </option> <option value="ge" data-text="ge">Georgia </option> <option value="de" data-text="de">Germany </option> <option value="gh" data-text="gh">Ghana </option> <option value="gi" data-text="gi">Gibraltar </option> <option value="gr" data-text="gr">Greece </option> <option value="gl" data-text="gl">Greenland </option> <option value="gd" data-text="gd">Grenada </option> <option value="gp" data-text="gp">Guadeloupe </option> <option value="gu" data-text="gu">Guam </option> <option value="gt" data-text="gt">Guatemala </option> <option value="gn" data-text="gn">Guinea </option> <option value="gw" data-text="gw">Guinea-Bissau </option> <option value="gy" data-text="gy">Guyana </option> <option value="ht" data-text="ht">Haiti </option> <option value="us8" data-text="us8">Hawaii </option> <option value="va" data-text="va">Holy See </option> <option value="hn" data-text="hn">Honduras </option> <option value="hk" data-text="hk">Hong Kong, China </option> <option value="hu" data-text="hu">Hungary </option> <option value="is" data-text="is">Iceland </option> <option value="in" data-text="in">India </option> <option value="id" data-text="id">Indonesia </option> <option value="ir" data-text="ir">Iran </option> <option value="iq" data-text="iq">Iraq </option> <option value="ie" data-text="ie">Ireland </option> <option value="il" data-text="il">Israel </option> <option value="it" data-text="it">Italy </option> <option value="jm" data-text="jm">Jamaica </option> <option value="jp" data-text="jp">Japan </option> <option value="jo" data-text="jo">Jordon </option> <option value="kz" data-text="kz">Kazakhstan </option> <option value="ke" data-text="ke">Kenya </option> <option value="ki" data-text="ki">Kiribati </option> <option value="kw" data-text="kw">Kuwait </option> <option value="kg" data-text="kg">Kyrgyzstan </option> <option value="la" data-text="la">Lao PDR </option> <option value="lv" data-text="lv">Latvia </option> <option value="lb" data-text="lb">Lebanon </option> <option value="ls" data-text="ls">Lesotho </option> <option value="lr" data-text="lr">Liberia </option> <option value="ly" data-text="ly">Libya </option> <option value="li" data-text="li">Liechtenstein </option> <option value="lt" data-text="lt">Lithuania </option> <option value="lu" data-text="lu">Luxembourg </option> <option value="mo" data-text="mo">Macao </option> <option value="mg" data-text="mg">Madagascar </option> <option value="mw" data-text="mw">Malawi </option> <option value="my" data-text="my">Malaysia </option> <option value="mv" data-text="mv">Maldives </option> <option value="ml" data-text="ml">Mali </option> <option value="mt" data-text="mt">Malta </option> <option value="mh" data-text="mh">Marshall Islands </option> <option value="mq" data-text="mq">Martinique </option> <option value="mr" data-text="mr">Mauritania </option> <option value="mu" data-text="mu">Mauritius </option> <option value="mx" data-text="mx">Mexico </option> <option value="fm" data-text="fm">Micronesia (Federated States of) </option> <option value="md" data-text="md">Moldova </option> <option value="mc" data-text="mc">Monaco </option> <option value="mn" data-text="mn">Mongolia </option> <option value="me" data-text="me">Montenegro </option> <option value="ms" data-text="ms">Montserrat </option> <option value="ma" data-text="ma">Morocco </option> <option value="mz" data-text="mz">Mozambique </option> <option value="mm" data-text="mm">Myanmar </option> <option value="na" data-text="na">Namibia </option> <option value="nr" data-text="nr">Nauru </option> <option value="np" data-text="np">Nepal </option> <option value="an" data-text="an">Netherlands Antilles </option> <option value="nl" data-text="nl">Netherlands </option> <option value="nc" data-text="nc">New Caledonia </option> <option value="nz" data-text="nz">New Zealand </option> <option value="ni" data-text="ni">Nicaragua </option> <option value="ne" data-text="ne">Niger </option> <option value="ng" data-text="ng">Nigeria </option> <option value="nu" data-text="nu">Niue </option> <option value="kp" data-text="kp">North Korea </option> <option value="mp" data-text="mp">Northern Mariana Islands </option> <option value="no" data-text="no">Norway </option> <option value="om" data-text="om">Oman </option> <option value="pk" data-text="pk">Pakistan </option> <option value="pw" data-text="pw">Palau </option> <option value="ps" data-text="ps">Palestinian Territories </option> <option value="pa" data-text="pa">Panama </option> <option value="pg" data-text="pg">Papua New Guinea </option> <option value="py" data-text="py">Paraguay </option> <option value="pe" data-text="pe">Peru </option> <option value="ph" data-text="ph">Philippines </option> <option value="pn" data-text="pn">Pitcairn </option> <option value="pl" data-text="pl">Poland </option> <option value="pt" data-text="pt">Portugal </option> <option value="pr" data-text="pr">Puerto Rico </option> <option value="qa" data-text="qa">Qatar </option> <option value="mk" data-text="mk">Republic of Macedonia </option> <option value="ro" data-text="ro">Romania </option> <option value="ru" data-text="ru">Russian Federation </option> <option value="rw" data-text="rw">Rwanda </option> <option value="sh" data-text="sh">Saint Helena </option> <option value="kn" data-text="kn">Saint Kitts and Nevis </option> <option value="lc" data-text="lc">Saint Lucia </option> <option value="vc" data-text="vc">Saint Vincent and the Grenadines </option> <option value="ws" data-text="ws">Samoa </option> <option value="sm" data-text="sm">San Marino </option> <option value="st" data-text="st">São Tomé and Príncipe </option> <option value="sa" data-text="sa">Saudi Arabia </option> <option value="sn" data-text="sn">Senegal </option> <option value="rs" data-text="rs">Serbia </option> <option value="sc" data-text="sc">Seychelles </option> <option value="sl" data-text="sl">Sierra Leone </option> <option value="sg" data-text="sg">Singapore </option> <option value="sk" data-text="sk">Slovakia </option> <option value="si" data-text="si">Slovenia </option> <option value="sb" data-text="sb">Solomon Islands </option> <option value="so" data-text="so">Somalia </option> <option value="za" data-text="za">South Africa </option> <option value="kr" data-text="kr">South Korea </option> <option value="ss" data-text="ss">South Sudan </option> <option value="es" data-text="es">Spain </option> <option value="lk" data-text="lk">Sri Lanka </option> <option value="sd" data-text="sd">Sudan </option> <option value="sr" data-text="sr">Suriname </option> <option value="sz" data-text="sz">Swaziland </option> <option value="se" data-text="se">Sweden </option> <option value="ch" data-text="ch">Switzerland </option> <option value="sy" data-text="sy">Syria </option> <option value="tw" data-text="tw">Taiwan </option> <option value="tj" data-text="tj">Tajikistan </option> <option value="tz" data-text="tz">Tanzania </option> <option value="th" data-text="th">Thailand </option> <option value="tl" data-text="tl">Timor-Leste </option> <option value="tg" data-text="tg">Togo </option> <option value="to" data-text="to">Tonga </option> <option value="tt" data-text="tt">Trinidad and Tobago </option> <option value="tn" data-text="tn">Tunisia </option> <option value="tr" data-text="tr">Turkey </option> <option value="tm" data-text="tm">Turkmenistan </option> <option value="tv" data-text="tv">Tuvalu </option> <option value="ug" data-text="ug">Uganda </option> <option value="ua" data-text="ua">Ukraine </option> <option value="ae" data-text="ae">United Arab Emirates </option> <option value="gb" data-text="gb">United Kingdom </option> <option value="us" data-text="us">United States of America </option> <option value="uy" data-text="uy">Uruguay </option> <option value="vi" data-text="vi">US Virgin Islands </option> <option value="uz" data-text="uz">Uzbekistan </option> <option value="vu" data-text="vu">Vanuatu </option> <option value="ve" data-text="ve">Venezuela </option> <option value="vn" data-text="vn">Vietnam </option> <option value="eh" data-text="eh">Western Sahara </option> <option value="ye" data-text="ye">Yemen </option> <option value="zm" data-text="zm">Zambia </option> <option value="zw" data-text="zw">Zimbabwe </option> </select> <input type="hidden" name="countryname-pp"/> </div> </div> <input type="hidden" name="globalpropertynews-pp" value="3"/> <input type="hidden" name="secretid-pp"/> <div class="form-group"> <label class="checkbox custom-control custom-checkbox" :class="{ 'has-error' : errors.has('tnc0') }"> <div class="d-flex"> <div> <input class="custom-control-input" id="tnc0" name="tnc0" v-validate="'required'" type="checkbox" data-error-msg-required="Please agree to Terms and Conditions before proceeding."/> <span class="custom-control-indicator"></span> </div> <div> <span class="custom-control-description"> <p>I have read and accepted the <a href="https://www.panpacific.com/en/terms-of-use.html" target="_self">terms of use</a>, <a href="https://www.panpacific.com/en/data-protection-notice-gdpr.html" target="_blank">data protection notice (GDPR)</a> and <a href="https://www.panpacific.com/en/data-protection-policy.html" target="_blank">data protection policy</a>.<br /> </p> </span> </div> </div> </label> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('tnc0')" v-text="'Please agree to the Terms and Conditions before proceeding.'"></p> </div> <label class="checkbox custom-control custom-checkbox" :class="{ 'has-error' : errors.has('gdpr') }"> </label> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('gdpr')" v-text="errors.first('gdpr')"></p> </div> </div> <div class="form-group mb-4"> <input type="hidden" name="_ri_" value="X0Gzc2X%3DAQpglLjHJlTQGm3KBJ5WP4zahFpJchoCmd9741lzdqC8zeagzec6zgOVXMtX%3DAQpglLjHJlTQGl0gKH2wJ5ze0dnvCIoICloi41lzdqC8zeagzec6zgO"/> <input type="hidden" name="_ei_" value="EidvL1jaMldgWKTIjQhe4M8"/> <input type="hidden" name="_di_" value="gbbbsqhbslf1pig69vsapintkk1v97d7a51e5o7b826qlv45uclg"/> <input type="hidden" name="Database_id" value="PPLON_FORM_WebSignUp"/> <input type="hidden" name="ENROLLMENT_CODE" value="PPLON"/> <input type="hidden" name="EMAIL_PERMISSION_STATUS_" value="I"/> <input type="checkbox" class="hp-field" name="agreement-pp" value="1" tabindex="-1" autocomplete="off"/> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="newsletter-subscription" :on-success="onRecaptchaSubmit"> <button class="button button-primary">Join Now</button> </google-recaptcha> <button v-if="chinaNetwork" class="button button-primary" type="submit" v-on:click="onSubmit">Join Now</button> </div> </form> </div> <div class="col-12 col-lg-6 pl-lg-5 pr-lg-0 pt-5 float-lg-right"> <strong class="d-block mb-4">Pan Pacific Protects Your Privacy</strong> <p>Click "JOIN NOW" below to get emails with news and personalised offers from <a href="/en/terms-of-use.html" target="_blank">PPHG’s family of brands</a>. You agree to the use of pixels (or similar) so we can see how you interact with emails and offer you personalised ads and content. You can change your mind at any time. To find out more, see our <a href="/en/data-protection-notice-gdpr.html" target="_blank">Data Protection Notice</a>.<br /> </p> </div> </div> <div class="loading-screen px-0"> <p>Give us a few moments while we process your request. Please do not close your browser window or navigate away from this page. Thank you.</p> <div class="ajax-loader"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <div class="success-screen px-0"> <p>Great, you are now a part of our mailing list!</p> </div> <div class="error-screen px-0"> <h3> </h3> <div>Oops, our server is busy at the moment. Please try again later.</div> </div> </div> </div> </div> </div> <div class="app-download-section mt-0 mt-lg-4 pt-3 pt-md-5 pt-lg-0 pb-sm-3 pb-lg-0"><div class="col-12 p-0"> <h4>Download Our Mobile App</h4> </div> <div class="row"> <div class="col-6 col-sm-4 col-md-3 col-lg-6 p-0"> <div class="social-media d-block d-sm-block"> <div class="d-flex"> <a href="https://play.google.com/store/apps/details?id=com.pan_pacific.hotels" target="_blank"> <img src="/content/dam/pphg-revamp/test/pphg2-0/google-play-badge-1.png" alt="Android" width="100%"/> </a> </div> </div> </div> <div class="col-6 col-sm-4 col-md-3 col-lg-6 p-0"> <div class="social-media d-block d-sm-block"> <div class="d-flex"> <a href="https://apps.apple.com/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 class="title-description component "> <div class="content text-center-menu-title "> <h4>Get the Latest from Our Socials</h4> <div class="pphg-table-1 "> <div> <p class="cq-text-placeholder-ipe" data-emptytext="Freeform"></p> </div> </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 panpacific"> <span class="d-inline-flex">Pan Pacific London</span> <ul class="align-items-center d-flex"> <li class="d-inline-flex align-items-center"><a href='https://www.facebook.com/PanPacificLondon/' 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/panpacificlondon/' 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/pan-pacific-london' 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/hotels-and-resorts/pp-london/the-hotel/hotel-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> <a class="mx-auto my-1" href='https://www.panpacific.com/content/dam/pphg-revamp/en/pplon/homepage/PPLON_ModernSlaveryStatement.pdf' target='_blank'>Modern Slavery Statement</a>  <a href="#" class="mx-auto my-1 cky-banner-element">Manage Cookie Preferences</a> </div> </div> <div class="bottom-footer-text copyright-text">© 2024 Pan Pacific Hotels and 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> <style> .main-wrapper--container.navigation-for-v3 { overflow-x: hidden; } .title-description.component > .content > div > div > ul { margin-bottom: 0 !important; } .navbar-content .icon-container.arrow-right { position: absolute; left: -24px; top: 2px; } .reservation-cta-btn > .container > .cta.component > .button.button-primary#btn-make-reservation { border: #a7852e 1px solid; border-radius: 50px !important; background: unset; color: #a7852e; font-weight: bolder; } @media (min-width: 1024px) { .container.slide-container.content-position-extreme-bottom { margin-top: -20px } } </style> <script type="text/javascript"> if (window.innerWidth <= 768) { // Check if the screen width is 768px or less const slideTextElements = document.querySelectorAll('.slide-text'); slideTextElements.forEach(slideText => { // Check for title-tag and set its width to 100% important const titleTag = slideText.querySelector('.title-tag'); if (titleTag) { titleTag.style.setProperty('width', '100%', 'important'); } // Check for buttonV2.white-btn and set height of content-position-extreme-bottom to 90% important const button = slideText.querySelector('.buttonV2.white-btn'); const floatComp = document.querySelector('.section-floatcomp' ) if (button || floatComp) { const parentElement = slideText.closest('.content-position-extreme-bottom'); if (parentElement) { parentElement.style.setProperty('height', '90%', 'important'); } } }); } </script> </div></div> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="footer-ipar iparsys parsys"></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">  <h3 class="modal-title"></h3>  </div> <div class="modal-body pb20"> <p></p> </div> </div> </div> </div> <script> if ( window.location.protocol.toLowerCase() == "https:" || /\bisAEM/.test( document.body.className ) == false ) { if ('serviceWorker' in navigator) { window.addEventListener('load', function() { //navigator.serviceWorker.register('/sw.js'); navigator.serviceWorker.getRegistrations().then( function(registrations) { for(let registration of registrations) { registration.unregister(); } }); }); } } </script> <script> var defaultVal = document.getElementById("defaultCurrency").value; var baseUrl = "/etc/designs/pphg-revamp/clientlibs/", baseCurrency =defaultVal, tollfreeAPI ="/content/pphg-revamp/en.gettollfree.html?wcmmode=disabled", visitorCountryAPI ="/content/pphg-admin/visitorCountry.json", currencyAPI = "/content/pphg-admin/selectedCurrency.{FROM}.{TO}.json"; </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"Hotel","name":"Pan Pacific London","description":"","address":{"@type":"PostalAddress","addressCountry":"United Kingdom","addressLocality":" 80 Houndsditch, London, EC3A 7AB, United Kingdom ","streetAddress":"80 Houndsditch"},"logo":"https://www.panpacific.com/content/dam/pphg-revamp/logos/panpacific/Pan-Pacific-London-Hor.svg","url":"https://www.panpacific.com/en/hotels-and-resorts/pp-london.html","telephone":"+44 (0) 20 7118 6888","image":"https://www.panpacific.com/content/dam/pphg-revamp/en/global/hotels-and-resorts/pplon-property-new.jpg","starRating":{"@type":"Rating","ratingValue":""},"aggregateRating":{"@type":"AggregateRating","ratingValue":"","ratingCount":""},"priceRange":"","hasMap":{"@type":"Map","mapType":"VenueMap","url":""},"parentOrganization":{"@type":"Corporation","url":"","name":"","logo":"https://www.panpacific.com/content/dam/pphg-revamp/logos/logo-pphg-uol-space.svg","@id":"PPHG"},"geo":{"@type":"GeoCoordinates","latitude":"51.5164947","longitude":"-0.0827387"},"contactPoint":[{"@type":"ContactPoint","contactType":"General Enquiry","telephone":"+44 (0) 20 7118 6888","email":"enquiry.pplon@panpacific.com"}],"brand":{"@type":"Brand","name":"Pan Pacific London","url":"https://www.panpacific.com/en/hotels-and-resorts/pp-london.html","logo":"https://www.panpacific.com/content/dam/pphg-revamp/logos/panpacific/Pan-Pacific-London-Hor.svg"},"sameAs":["https://www.facebook.com/PanPacificLondon/","https://www.instagram.com/panpacificlondon/","https://www.linkedin.com/company/pan-pacific-london"]} </script>  <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>  <script type="text/javascript" src="/etc/designs/pphg-revamp/clientlibs.js"></script> </body> </html>

CINXE.COM

Luxury Hotels in London | Pan Pacific London | Official Site