{"id":7640,"date":"2026-03-11T16:20:02","date_gmt":"2026-03-11T09:20:02","guid":{"rendered":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/?page_id=7640"},"modified":"2026-03-11T16:20:25","modified_gmt":"2026-03-11T09:20:25","slug":"dining","status":"publish","type":"page","link":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/dining\/","title":{"rendered":"Dining"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7640\" class=\"elementor elementor-7640\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f1abfad elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f1abfad\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d3a0bad\" data-id=\"d3a0bad\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8a9f8dd elementor-widget elementor-widget-html\" data-id=\"8a9f8dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"promo-banner-full\">\r\n  <div class=\"promo-overlay\">\r\n    <div class=\"promo-text\">\r\n      <h1><\/h1>\r\n      <p><\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .promo-banner-full {\r\n    position: relative;\r\n    width: 100vw;\r\n    height: 70vh;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    background-image: url('https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Gemini_Generated_Image_2izbg22izbg22izb.png');\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  .promo-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.35);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .promo-text {\r\n    text-align: center;\r\n    color: #fff;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .promo-text h1 {\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n    font-family: 'Libre+Baskerville', Baskervill;\r\n    font-size: 6rem; \/* ukuran H1 untuk desktop *\/\r\n  }\r\n\r\n  .promo-text p {\r\n    margin-top: 1px;\r\n    font-family: 'Libre+Baskerville', Baskervill;\r\n    font-size: 1.5rem;\r\n    font-weight: 300;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 992px) {\r\n    .promo-text h1 {\r\n      font-size: 4rem;\r\n    }\r\n    .promo-text p {\r\n      font-size: 1.2rem;\r\n    }\r\n  }\r\n\r\n  \/* Smartphone *\/\r\n  @media (max-width: 600px) {\r\n    .promo-banner-full {\r\n      height: 50vh;\r\n    }\r\n    .promo-text h1 {\r\n      font-size: 3rem;\r\n    }\r\n    .promo-text p {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-baa6596 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"baa6596\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f5c5003\" data-id=\"f5c5003\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ffaf833 elementor-widget elementor-widget-html\" data-id=\"ffaf833\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* Reset & Base *\/\r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n    body {\r\n      background-color: #fdfdfd;\r\n      font-family: 'Inter', sans-serif;\r\n      padding: 80px 20px;\r\n      color: #1a1a1a;\r\n    }\r\n\r\n    .section-title {\r\n      text-align: center;\r\n      font-size: 32px;\r\n      margin-bottom: 60px;\r\n      letter-spacing: 1px;\r\n    }\r\n\r\n    .page-wrapper {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center; \r\n      gap: 50px;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* Card Styling *\/\r\n    .card {\r\n      display: flex;\r\n      background: #ffffff;\r\n      width: 100%;\r\n      max-width: 900px;\r\n      min-height: 480px;\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      box-shadow: 0 10px 40px rgba(0,0,0,0.04);\r\n      border: 1px solid #efefef;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .card:hover {\r\n      transform: translateY(-5px);\r\n    }\r\n\r\n    \/* Image Side with Hover Effect *\/\r\n    .image-side { \r\n      flex: 1.2; \r\n      background-color: #f0f0f0; \r\n      overflow: hidden; \r\n    }\r\n    \r\n    .image-side img { \r\n      width: 100%; \r\n      height: 100%; \r\n      object-fit: cover; \r\n      display: block; \r\n      transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n\r\n    .card:hover .image-side img {\r\n      transform: scale(1.08);\r\n    }\r\n\r\n    \/* Content Side *\/\r\n    .content-side {\r\n      flex: 1;\r\n      padding: 50px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center; \r\n    }\r\n\r\n    h3 { \r\n      font-size: 24px; \r\n      margin-bottom: 10px; \r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    .category { \r\n      font-size: 12px; \r\n      text-transform: uppercase; \r\n      color: #06542a; \/* Gold accent *\/\r\n      font-weight: 600;\r\n      letter-spacing: 2px;\r\n      margin-bottom: 20px; \r\n    }\r\n\r\n    .description { \r\n      font-size: 15px; \r\n      color: #555; \r\n      line-height: 1.7; \r\n      margin-bottom: 15px; \r\n    }\r\n\r\n    \/* Toggle Button *\/\r\n    .toggle-btn {\r\n      background: none;\r\n      border: none;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      color: #1a1a1a;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 10px 0;\r\n      width: fit-content;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n    }\r\n\r\n    .toggle-btn svg { transition: transform 0.3s ease; }\r\n    .toggle-btn.active svg { transform: rotate(180deg); }\r\n\r\n    \/* Expandable Details *\/\r\n    .more-details {\r\n      display: none;\r\n      padding-top: 20px;\r\n      border-top: 1px solid \r\n      margin-top: 10px;\r\n      animation: fadeIn 0.4s ease forwards;\r\n    }\r\n\r\n    .more-details.active { display: block; }\r\n\r\n    @keyframes fadeIn {\r\n      from { opacity: 0; transform: translateY(-10px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .detail-label {\r\n      font-size: 11px;\r\n      color: #999;\r\n      text-transform: uppercase;\r\n      margin-bottom: 12px;\r\n      font-weight: 700;\r\n      letter-spacing: 1px;\r\n    }\r\n\r\n    .info-row {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      font-size: 14px;\r\n      margin-bottom: 8px;\r\n      color: #333;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 850px) { \r\n      .card { flex-direction: column; min-height: auto; } \r\n      .image-side { height: 300px; }\r\n      .content-side { padding: 35px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <h2 class=\"section-title\">Dining & Lounge<\/h2>\r\n\r\n  <div class=\"page-wrapper\">\r\n\r\n    <div class=\"card\">\r\n      <div class=\"image-side\">\r\n        <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Resto-Anthurium-scaled.webp\" alt=\"Anthurium Resto\">\r\n      <\/div>\r\n      <div class=\"content-side\">\r\n        <h3>Anthurium Resto<\/h3>\r\n        <p class=\"category\">Restaurant<\/p>\r\n        <p class=\"description\">Nikmati hidangan lezat dengan pemandangan gunung yang memukau dalam suasana yang tenang dan asri.<\/p>\r\n\r\n        <button class=\"toggle-btn\" id=\"toggle-btn-1\" onclick=\"toggleView(1)\">\r\n          <span id=\"text-1\">More Details<\/span>\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"more-details\" id=\"details-1\">\r\n          <div class=\"detail-label\">Menu & Hours<\/div>\r\n          <div class=\"info-row\"><span>Daily<\/span> <span>06:00 AM - 10:00 PM<\/span><\/div>\r\n          <div class=\"info-row\"><span>Cuisine<\/span> <span>Indonesian & International<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <div class=\"image-side\">\r\n        <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/SKY-LOUNGE-scaled.webp\" alt=\"Sky Lounge\">\r\n      <\/div>\r\n      <div class=\"content-side\">\r\n        <h3>Sky Lounge<\/h3>\r\n        <p class=\"category\">Lounge<\/p>\r\n        <p class=\"description\">Bersantai dengan cocktail dan suasana city light yang menawan dari titik tertinggi resort kami.<\/p>\r\n\r\n        <button class=\"toggle-btn\" id=\"toggle-btn-2\" onclick=\"toggleView(2)\">\r\n          <span id=\"text-2\">More Details<\/span>\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"more-details\" id=\"details-2\">\r\n          <div class=\"detail-label\">Operating Hours<\/div>\r\n          <div class=\"info-row\"><span>Fri - Sun<\/span> <span>04:00 PM - 11:00 PM<\/span><\/div>\r\n          <div class=\"info-row\"><span>Vibe<\/span> <span>Relaxing \/ Panoramic<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"card\">\r\n      <div class=\"image-side\">\r\n        <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Kopi-Hip-scaled.webp\" alt=\"Kopihip\">\r\n      <\/div>\r\n      <div class=\"content-side\">\r\n        <h3>Kopihip<\/h3>\r\n        <p class=\"category\">Cafe<\/p>\r\n        <p class=\"description\">Tempat santai favorit untuk menikmati kopi berkualitas dan camilan lezat di tengah udara segar pegunungan.<\/p>\r\n\r\n        <button class=\"toggle-btn\" id=\"toggle-btn-3\" onclick=\"toggleView(3)\">\r\n          <span id=\"text-3\">More Details<\/span>\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"more-details\" id=\"details-3\">\r\n          <div class=\"detail-label\">Coffee & Snacks<\/div>\r\n          <div class=\"info-row\"><span>Daily<\/span> <span>09:00 AM - 09:00 PM<\/span><\/div>\r\n          <div class=\"info-row\"><span>Specialty<\/span> <span>Premium Arabica<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    function toggleView(id) {\r\n      const details = document.getElementById(`details-${id}`);\r\n      const btnText = document.getElementById(`text-${id}`);\r\n      const btn = document.getElementById(`toggle-btn-${id}`);\r\n      \r\n      if (!details || !btnText || !btn) return;\r\n\r\n      const isActive = details.classList.contains('active');\r\n\r\n      if (isActive) {\r\n        details.classList.remove('active');\r\n        btn.classList.remove('active');\r\n        btnText.innerText = \"More Details\";\r\n      } else {\r\n        details.classList.add('active');\r\n        btn.classList.add('active');\r\n        btnText.innerText = \"Less Details\";\r\n      }\r\n    }\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dining &#038; Lounge Anthurium Resto Restaurant Nikmati hidangan lezat dengan pemandangan gunung yang memukau dalam suasana yang tenang dan asri. More Details Menu &#038; Hours Daily 06:00 AM &#8211; 10:00 PM Cuisine Indonesian &#038; International Sky Lounge Lounge Bersantai dengan cocktail dan suasana city light yang menawan dari titik tertinggi resort kami. More Details Operating [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-7640","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/7640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/comments?post=7640"}],"version-history":[{"count":2,"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/7640\/revisions"}],"predecessor-version":[{"id":7644,"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/7640\/revisions\/7644"}],"wp:attachment":[{"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/media?parent=7640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}