{"id":999,"date":"2026-08-25T22:59:14","date_gmt":"2026-08-25T15:59:14","guid":{"rendered":"https:\/\/kokoonhotelsvillas.com\/surabaya\/?page_id=999"},"modified":"2026-09-17T11:23:11","modified_gmt":"2026-09-17T04:23:11","slug":"nearby-attractions","status":"publish","type":"page","link":"https:\/\/kokoonhotelsvillas.com\/surabaya\/nearby-attractions\/","title":{"rendered":"Nearby Attractions"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Surrounding Kokoon Hotel Surabaya<\/title>\n<style>\n  .surrounding-section {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 24px;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n    font-family: Arial, sans-serif;\n    align-items: flex-start;\n    font-size: 14px;\n  }\n  .surrounding-title {\n    font-size: 18px;\n    font-weight: bold;\n    color: #1b365d;\n    margin: 0 0 12px 0;\n    text-align: center;\n    width: 100%;\n  }\n  .surrounding-column-img {\n    flex: 1 1 450px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n  .surrounding-column-img img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 8px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n  }\n  \/* =========================\n     CONTENT COLUMN (translation box sits ABOVE the table here)\n     ========================= *\/\n  .surrounding-column-content {\n    flex: 1 1 500px;\n    display: flex;\n    flex-direction: column;\n  }\n  \/* =========================\n     TRANSLATION BOX\n     ========================= *\/\n  .surrounding-translate-wrapper {\n    width: 100%;\n    box-sizing: border-box;\n    margin-bottom: 16px;\n    background-color: #f8f9fa;\n    padding: 12px 16px;\n    border-radius: 6px;\n    border: 1px solid #e0e0e0;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    font-size: 13px;\n  }\n  .surrounding-translate-label {\n    font-weight: bold;\n    color: #555;\n    white-space: nowrap;\n  }\n  \/* Custom language dropdown *\/\n  #surrounding-language-selector {\n    width: 180px;\n    height: 36px;\n    padding: 6px 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    background-color: #fff;\n    color: #333;\n    font-family: Arial, sans-serif;\n    font-size: 13px;\n    cursor: pointer;\n    outline: none;\n  }\n  #surrounding-language-selector:focus {\n    border-color: #1b365d;\n    box-shadow: 0 0 0 2px rgba(27,54,93,0.1);\n  }\n  \/* =========================\n     GOOGLE TRANSLATE HIDDEN\n     ========================= *\/\n  #surrounding_google_translate_element {\n    position: absolute !important;\n    left: -9999px !important;\n    top: -9999px !important;\n    width: 1px !important;\n    height: 1px !important;\n    overflow: hidden !important;\n  }\n  \/* Hide Google Translate top toolbar *\/\n  .goog-te-banner-frame,\n  .goog-te-banner-frame.skiptranslate,\n  iframe.goog-te-banner-frame,\n  iframe.skiptranslate {\n    display: none !important;\n    visibility: hidden !important;\n    height: 0 !important;\n    max-height: 0 !important;\n    border: 0 !important;\n  }\n  html {\n    margin-top: 0 !important;\n    top: 0 !important;\n  }\n  body {\n    top: 0 !important;\n    margin-top: 0 !important;\n    position: static !important;\n  }\n  #goog-gt-tt {\n    display: none !important;\n    visibility: hidden !important;\n  }\n  \/* =========================\n     TABLE\n     ========================= *\/\n  .surrounding-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: #fff;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    border-radius: 6px;\n    overflow: hidden;\n    font-size: 12px;\n  }\n  .surrounding-table th,\n  .surrounding-table td {\n    padding: 10px 14px;\n    border-bottom: 1px solid #eee;\n    text-align: left;\n    vertical-align: top;\n    line-height: 1.45;\n  }\n  .surrounding-table th {\n    background-color: #1b365d;\n    color: #ffffff;\n    font-weight: 600;\n    font-size: 13px;\n  }\n  .surrounding-table tr:hover {\n    background-color: #f9f9f9;\n  }\n  .surrounding-dest-title {\n    font-weight: bold;\n    color: #1b365d;\n    display: block;\n    font-size: 13px;\n  }\n  .surrounding-dest-dist {\n    font-size: 12px;\n    color: #666;\n  }\n  \/* =========================\n     MOBILE\n     ========================= *\/\n  @media (max-width: 768px) {\n    .surrounding-section {\n      flex-direction: column;\n      align-items: stretch;\n      gap: 16px;\n      padding: 12px;\n    }\n    .surrounding-column-img,\n    .surrounding-column-content {\n      flex: none;\n      width: 100%;\n    }\n    .surrounding-title {\n      font-size: 16px;\n      margin-bottom: 8px;\n    }\n    .surrounding-translate-wrapper {\n      flex-direction: column;\n      align-items: stretch;\n    }\n    #surrounding-language-selector {\n      width: 100%;\n    }\n    .surrounding-table {\n      font-size: 13px;\n    }\n    .surrounding-table th,\n    .surrounding-table td {\n      padding: 9px 10px;\n    }\n  }\n<\/style>\n<div class=\"surrounding-section\">\n  <!-- =========================\n       IMAGE COLUMN\n       ========================= -->\n  <div class=\"surrounding-column-img\">\n    <h2 class=\"surrounding-title\">\n      Surrounding Kokoon Hotel Surabaya\n    <\/h2>\n    <!-- TODO: replace with the actual WordPress media URL for this poster -->\n    <img decoding=\"async\" src=\"https:\/\/kokoonhotelsvillas.com\/surabaya\/wp-content\/uploads\/sites\/2\/2026\/09\/surrounding-KHS-v2-tanpa-QR-copy-scaled.jpg\" alt=\"Surrounding Kokoon Hotel Surabaya map\">\n  <\/div>\n  <!-- =========================\n       CONTENT COLUMN\n       (translation box now sits ABOVE the table)\n       ========================= -->\n  <div class=\"surrounding-column-content\">\n    <!-- Translation -->\n    <div class=\"surrounding-translate-wrapper\">\n      <span class=\"surrounding-translate-label\">\n        Translation:\n      <\/span>\n      <select id=\"surrounding-language-selector\" onchange=\"surroundingChangeLanguage(this.value)\">\n        <option value=\"en\">English<\/option>\n        <option value=\"id\">Bahasa Indonesia<\/option>\n        <option value=\"zh-CN\">\u4e2d\u6587\u7b80\u4f53<\/option>\n        <option value=\"ja\">\u65e5\u672c\u8a9e<\/option>\n        <option value=\"ko\">\ud55c\uad6d\uc5b4<\/option>\n        <option value=\"nl\">Nederlands<\/option>\n        <option value=\"fr\">Fran\u00e7ais<\/option>\n        <option value=\"de\">Deutsch<\/option>\n        <option value=\"es\">Espa\u00f1ol<\/option>\n      <\/select>\n    <\/div>\n    <table class=\"surrounding-table\">\n      <thead>\n        <tr>\n          <th style=\"width:35%;\">\n            Destination\n          <\/th>\n          <th style=\"width:65%;\">\n            Description\n          <\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">1. Klenteng Hong Tiek Hian<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b10,7 km<\/span>\n          <\/td>\n          <td>\n            One of Surabaya&#8217;s oldest Chinese temples, traditionally dating to around 1293. Dedicated to Fu De Zheng Shen (Tua Pek Kong), it features red pillars, curved roofs, dragon ornaments, and ornate altars.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">2. Gereja Katolik Santa Perawan Maria<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b10,8 km<\/span>\n          <\/td>\n          <td>\n            One of Surabaya&#8217;s oldest churches, with roots dating to the 1820s. The present Neo-Gothic building was constructed in 1899\u20131900 by architect W. Westmaas, featuring tall towers, pointed arches, and stained-glass windows.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">3. Kota Lama<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b10,9 km<\/span>\n          <\/td>\n          <td>\n            A heritage area around Jalan Rajawali and Jembatan Merah, preserving Surabaya&#8217;s trading history since the 17th century. It features colonial buildings, Chinese, Arab and Malay quarters, plus Gedung Internatio and the legendary Siropen factory.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">4. De Javasche Bank<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b11,0 km<\/span>\n          <\/td>\n          <td>\n            A historic 19th-century colonial building that once served as a Dutch East Indies central bank branch. Known for its elegant Dutch architecture, it now preserves Surabaya&#8217;s banking, trade, and colonial history in Kota Lama.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">5. Tugu Pahlawan &amp; Museum 10 Nopember<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b11,0 km<\/span>\n          <\/td>\n          <td>\n            An iconic 41-meter monument and museum commemorating the heroes of the 10 November 1945 Battle of Surabaya and preserving stories of the independence struggle.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">6. Klenteng Boen Bio<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b11,1 km<\/span>\n          <\/td>\n          <td>\n            A historic Chinese temple in Kapasan, connected to Surabaya&#8217;s Chinese-Indonesian community and Confucianism. Known for traditional architecture, red colors, ornate decorations, and its role in Confucian education and culture.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">7. PT Perkebunan Nusantara<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b11,2 km<\/span>\n          <\/td>\n          <td>\n            Originally built for Handels Vereeniging Amsterdam (HVA), a Dutch sugar company, this early 20th-century building combines European and local styles. It later served as a Japanese weapons depot and military headquarters.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">8. Kampoeng Lawas Maspati<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b11,2 km<\/span>\n          <\/td>\n          <td>\n            A historic traditional kampung with old houses, colorful murals, narrow streets, and local traditions that showcase everyday life and community heritage in Surabaya.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">9. Masjid &amp; Kawasan Wisata Religi Sunan Ampel<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b11,4 km<\/span>\n          <\/td>\n          <td>\n            The most historic religious area, centered around Sunan Ampel Mosque and the tomb of Sunan Ampel. The area is also known for its Arab-Javanese culture, traditional shops, and local food.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">10. Klenteng Pak Kik Bio<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b11,5 km<\/span>\n          <\/td>\n          <td>\n            A historic Chinese temple dedicated to Hian Thian Siang Tee, the Taoist Black Heavenly Emperor, reflecting Surabaya&#8217;s Chinese religious and cultural heritage.\n          <\/td>\n        <\/tr>\n<tr>\n          <td>\n            <span class=\"surrounding-dest-title\">11. Museum Rumah Lahir Bung Karno<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b11,8 km<\/span>\n          <\/td>\n          <td>\n            The birthplace of Soekarno, Indonesia&#8217;s first president, preserved as a heritage site highlighting his early life and Surabaya&#8217;s historical setting, and showing the history and development of education in Indonesia.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">12. Makam Peneleh<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b11,9 km<\/span>\n          <\/td>\n          <td>\n            Surabaya&#8217;s hidden Dutch cemetery (1847) holds thousands of European graves featuring grand marble tombstones, gothic statues, and unique Javanese roof covers.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">13. Museum Surabaya \u2013 Gedung Siola<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b12,1 km<\/span>\n          <\/td>\n          <td>\n            The museum presents Surabaya&#8217;s history through photographs, archives, traditional objects, and artifacts, from the colonial era and independence struggle to the development of modern Surabaya.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">14. Masjid Muhammad Cheng Hoo<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b12,3 km<\/span>\n          <\/td>\n          <td>\n            A unique mosque blending Chinese and Islamic architecture, symbolizing friendship and cultural exchange between Chinese and Indonesian Muslim communities.\n          <\/td>\n        <\/tr>\n        <tr>\n          <td>\n            <span class=\"surrounding-dest-title\">15. Jalan Tunjungan &#8211; Tunjungan Romansa<\/span>\n            <span class=\"surrounding-dest-dist\">Distance: \u00b12,3 km<\/span>\n          <\/td>\n          <td>\n            One of Surabaya&#8217;s most iconic streets, featuring historic buildings, food vendors, cultural events, and a lively atmosphere for walking and enjoying local nightlife.\n          <\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n<\/div>\n<!-- =========================\n     HIDDEN GOOGLE TRANSLATE\n     ========================= -->\n<div id=\"surrounding_google_translate_element\"><\/div>\n<script type=\"text\/javascript\">\n  \/*\n   * Google Translate initialization\n   * (namespaced so this can safely sit on the same page\n   *  as the Heritage Walking Tour widget)\n   *\/\n  function surroundingGoogleTranslateElementInit() {\n    new google.translate.TranslateElement({\n      pageLanguage: 'en',\n      includedLanguages:\n        'en,id,zh-CN,zh-TW,ja,ko,nl,fr,de,es',\n      autoDisplay: false\n    }, 'surrounding_google_translate_element');\n  }\n  \/*\n   * Change language\n   *\/\n  function surroundingChangeLanguage(language) {\n    if (!language) {\n      return;\n    }\n    \/*\n     * English = original language\n     * Remove Google Translate cookie\n     *\/\n    if (language === 'en') {\n      document.cookie =\n        'googtrans=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=\/;';\n      document.cookie =\n        'googtrans=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=\/; domain=' +\n        window.location.hostname + ';';\n      window.location.reload();\n      return;\n    }\n    \/*\n     * Set Google Translate language\n     *\/\n    document.cookie =\n      'googtrans=\/en\/' + language + '; path=\/;';\n    document.cookie =\n      'googtrans=\/en\/' + language +\n      '; path=\/; domain=' +\n      window.location.hostname + ';';\n    \/*\n     * Reload page so Google Translate applies\n     *\/\n    window.location.reload();\n  }\n  \/*\n   * Detect current Google Translate language\n   * and synchronize custom dropdown.\n   *\/\n  function surroundingSyncLanguageSelector() {\n    var selector =\n      document.getElementById('surrounding-language-selector');\n    if (!selector) {\n      return;\n    }\n    var cookies = document.cookie.split(';');\n    for (var i = 0; i < cookies.length; i++) {\n      var cookie = cookies[i].trim();\n      if (cookie.indexOf('googtrans=') === 0) {\n        var value =\n          cookie.substring('googtrans='.length);\n        var parts = value.split('\/');\n        if (parts.length >= 3 && parts[2]) {\n          var currentLanguage = parts[2];\n          var option =\n            selector.querySelector(\n              'option[value=\"' +\n              currentLanguage +\n              '\"]'\n            );\n          if (option) {\n            selector.value = currentLanguage;\n          }\n        }\n        break;\n      }\n    }\n  }\n  \/*\n   * =========================\n   * FORCE HIDE GOOGLE TRANSLATE TOOLBAR\n   * =========================\n   *\/\n  function surroundingHideGoogleTranslateToolbar() {\n    var elements = document.querySelectorAll(\n      '.goog-te-banner-frame, ' +\n      '.goog-te-banner-frame.skiptranslate, ' +\n      'iframe.goog-te-banner-frame, ' +\n      'iframe.skiptranslate'\n    );\n    elements.forEach(function(element) {\n      element.style.display = 'none';\n      element.style.visibility = 'hidden';\n      element.style.height = '0';\n      element.style.maxHeight = '0';\n    });\n    document.documentElement.style.marginTop = '0';\n    document.documentElement.style.top = '0';\n    document.body.style.top = '0';\n    document.body.style.marginTop = '0';\n  }\n  \/*\n   * Run after page loads\n   *\/\n  window.addEventListener('load', function() {\n    surroundingSyncLanguageSelector();\n    surroundingHideGoogleTranslateToolbar();\n    setTimeout(surroundingHideGoogleTranslateToolbar, 100);\n    setTimeout(surroundingHideGoogleTranslateToolbar, 500);\n    setTimeout(surroundingHideGoogleTranslateToolbar, 1000);\n    setTimeout(surroundingHideGoogleTranslateToolbar, 2000);\n  });\n  \/*\n   * Watch Google Translate DOM changes\n   *\/\n  var surroundingGoogleTranslateObserver =\n    new MutationObserver(function() {\n      surroundingHideGoogleTranslateToolbar();\n    });\n  surroundingGoogleTranslateObserver.observe(\n    document.documentElement,\n    {\n      childList: true,\n      subtree: true\n    }\n  );\n<\/script>\n<!-- Google Translate API -->\n<script type=\"text\/javascript\" src=\"https:\/\/translate.google.com\/translate_a\/element.js?cb=surroundingGoogleTranslateElementInit\">\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Surrounding Kokoon Hotel Surabaya Surrounding Kokoon Hotel Surabaya Translation: EnglishBahasa Indonesia\u4e2d\u6587\u7b80\u4f53\u65e5\u672c\u8a9e\ud55c\uad6d\uc5b4NederlandsFran\u00e7aisDeutschEspa\u00f1ol Destination Description 1. Klenteng Hong Tiek Hian Distance: \u00b10,7 km One of Surabaya&#8217;s oldest Chinese temples, traditionally dating to around 1293. Dedicated to Fu De Zheng Shen (Tua Pek Kong), it features red pillars, curved roofs, dragon ornaments, and ornate altars. 2. Gereja Katolik [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1084,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-999","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/kokoonhotelsvillas.com\/surabaya\/wp-json\/wp\/v2\/pages\/999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kokoonhotelsvillas.com\/surabaya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kokoonhotelsvillas.com\/surabaya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kokoonhotelsvillas.com\/surabaya\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kokoonhotelsvillas.com\/surabaya\/wp-json\/wp\/v2\/comments?post=999"}],"version-history":[{"count":0,"href":"https:\/\/kokoonhotelsvillas.com\/surabaya\/wp-json\/wp\/v2\/pages\/999\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kokoonhotelsvillas.com\/surabaya\/wp-json\/wp\/v2\/media\/1084"}],"wp:attachment":[{"href":"https:\/\/kokoonhotelsvillas.com\/surabaya\/wp-json\/wp\/v2\/media?parent=999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}