{"id":4999,"date":"2025-10-27T14:14:21","date_gmt":"2025-10-27T07:14:21","guid":{"rendered":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/?page_id=4999"},"modified":"2026-04-10T16:26:14","modified_gmt":"2026-04-10T09:26:14","slug":"special-offers","status":"publish","type":"page","link":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/special-offers\/","title":{"rendered":"Offers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4999\" class=\"elementor elementor-4999\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3e2c4afa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3e2c4afa\" 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-4177e131\" data-id=\"4177e131\" 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-498cf872 elementor-widget elementor-widget-html\" data-id=\"498cf872\" 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<!-- BANNER PROMO & EVENT -->\r\n<head>\r\n  <!-- Font -->\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&family=Libre+Baskerville:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n\r\n<section class=\"promo-banner-full\">\r\n  <div class=\"promo-overlay\">\r\n    <h1>PROMO & EVENT<\/h1>\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\/9e08d718c1c6ae89e52295870f5c9c60.webp');\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-overlay h1 {\r\n    font-family: 'Poppins', sans-serif;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    text-align: center;\r\n    margin: 0;\r\n    font-size: 6rem; \/* ukuran H1 untuk desktop *\/\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 992px) {\r\n    .promo-overlay h1 {\r\n      font-size: 3rem;\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-overlay h1 {\r\n      font-size: 2rem; \/* ukuran H1 untuk smartphone *\/\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-63efccda elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"63efccda\" 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-6a1e8e6\" data-id=\"6a1e8e6\" 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-340087d5 elementor-widget elementor-widget-html\" data-id=\"340087d5\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  \r\n<style>\r\n\r\n\r\n    * {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Libre Baskerville', serif;\r\n}\r\n\r\n\r\n    body {\r\n      background: #fff;\r\n      color: #111;\r\n    }\r\n    \r\n    .book-btn {\r\n      text-decoration: none;\r\n      border: 1px solid #05541a;\r\n      color: #05541a;\r\n      padding: 6px 14px;\r\n      font-weight: bold;\r\n      transition: 0.3s;\r\n    }\r\n\r\n    .book-btn:hover {\r\n      background: #05541a;\r\n      color: #fff;\r\n    }\r\n\r\n    \/* ================= CONTENT ================= *\/\r\n    .offer-wrapper {\r\n      max-width: 1300px;\r\n      margin: 60px auto;\r\n      display: grid;\r\n      grid-template-columns: 1.1fr 1fr;\r\n      gap: 60px;\r\n      padding: 0 24px;\r\n    }\r\n\r\n    .offer-image img {\r\n      width: 100%;\r\n    }\r\n\r\n    .offer-content h1 {\r\n      font-size: 2.8rem;\r\n      letter-spacing: 3px;\r\n      color: #05541a;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .description {\r\n      margin-bottom: 24px;\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .terms-inline ul {\r\n      margin-left: 18px;\r\n    }\r\n\r\n    .terms-inline li {\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    \/* Container Utama Accordion *\/\r\n.accordion {\r\n  margin: 30px 0;\r\n  border-top: 1px solid #ddd;\r\n  border-bottom: 1px solid #ddd;\r\n  width: 100%; \/* Memastikan tidak menciut *\/\r\n}\r\n\r\n\/* Header yang bisa diklik *\/\r\n.accordion-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 18px 0;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n  letter-spacing: 2px;\r\n  color: #05541a;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n\/* Isi Accordion (Daftar Inclusive) *\/\r\n.accordion-content {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.accordion-content ul {\r\n  padding: 0 0 20px 20px;\r\n  list-style: disc;\r\n}\r\n\r\n.accordion-content li {\r\n  margin-bottom: 10px;\r\n  font-size: 1.520rem;\r\n  color: #333;\r\n}\r\n\r\n\/* State Aktif *\/\r\n.accordion.active .accordion-content {\r\n  max-height: 500px; \/* Memberi ruang untuk teks *\/\r\n}\r\n\r\n\/* Tombol Book Now *\/\r\n.book-btn {\r\n  display: block; \/* Agar memenuhi lebar atau gunakan inline-block *\/\r\n  width: fit-content;\r\n  background-color: #05541a;\r\n  color: #fff;\r\n  padding: 16px 45px;\r\n  text-decoration: none;\r\n  font-weight: bold;\r\n  border-radius: 5px;\r\n  margin-top: 25px;\r\n  text-align: center;\r\n  transition: 0.3s;\r\n}\r\n\r\n.book-btn:hover {\r\n  background-color: #046d24;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* ================= ROOT ================= *\/\r\n:root {\r\n  --green: #034015;\r\n  --radius: 12px;\r\n  --shadow: 0 6px 20px rgba(16,24,40,0.08);\r\n  --card-bg: #ffffff;\r\n  --muted: #6b7280;\r\n}\r\n\r\n\/* ================= GLOBAL ================= *\/\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  font-family: 'Libre Baskerville', serif;\r\n  background: #fff;\r\n  margin: 0;\r\n  color: #333;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* ================= INTRO ================= *\/\r\n.promo-intro {\r\n  max-width: 900px;\r\n  margin: 60px auto 10px;\r\n  text-align: center;\r\n  padding: 0 20px;\r\n}\r\n\r\n.promo-intro h2 {\r\n  font-size: 1.8rem;\r\n  letter-spacing: 2px;\r\n  color: var(--green);\r\n  margin-bottom: 15px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.promo-intro p {\r\n  font-size: .95rem;\r\n  color: #555;\r\n}\r\n\r\n\/* ================= FILTER ================= *\/\r\n.promo-filter {\r\n  text-align: center;\r\n  margin: 30px auto 20px;\r\n}\r\n\r\n.filter-wrap {\r\n  display: flex;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  padding: 0 20px;\r\n}\r\n\r\n.filter-btn {\r\n  padding: 10px 22px;\r\n  border-radius: 50px;\r\n  border: 1px solid var(--green);\r\n  background: transparent;\r\n  color: var(--green);\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: .25s;\r\n  font-family: inherit;\r\n}\r\n\r\n.filter-btn:hover,\r\n.filter-btn.active {\r\n  background: var(--green);\r\n  color: #fff;\r\n}\r\n\r\n\/* ================= HERO ================= *\/\r\nsection.hero {\r\n  text-align: center;\r\n  padding: 40px 20px;\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n}\r\n\r\nsection.hero h1 {\r\n  font-weight: 700;\r\n  font-size: 1.9rem;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* CTA *\/\r\n.cta-btn,\r\n.cta-btn-secondary {\r\n  padding: 14px 32px;\r\n  border-radius: 50px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  display: inline-block;\r\n  transition: .25s;\r\n}\r\n\r\n.cta-btn {\r\n  background: var(--green);\r\n  color: #fff;\r\n}\r\n\r\n.cta-btn:hover {\r\n  background: #046d24;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.cta-btn-secondary {\r\n  border: 2px solid var(--green);\r\n  color: var(--green);\r\n  margin-right: 10px;\r\n}\r\n\r\n.cta-btn-secondary:hover {\r\n  background: var(--green);\r\n  color: #fff;\r\n}\r\n\r\n\/* ================= GRID ================= *\/\r\n.wrap {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  padding: 20px 20px 80px;\r\n}\r\n\r\n.grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 25px;\r\n}\r\n\r\n\/* ================= CARD ================= *\/\r\n.card {\r\n  background: var(--card-bg);\r\n  border-radius: var(--radius);\r\n  box-shadow: var(--shadow);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n  transition: transform .25s ease, box-shadow .25s ease;\r\n}\r\n\r\n.card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 18px 40px rgba(0,0,0,0.12);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.card-media {\r\n  position: relative;\r\n  height: 380px;\r\n  overflow: hidden;\r\n}\r\n\r\n.card-media img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* BADGE *\/\r\n.badge {\r\n  position: absolute;\r\n  top: 14px;\r\n  left: 14px;\r\n  padding: 6px 14px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  background: rgba(255,255,255,.95);\r\n  border-radius: 50px;\r\n  color: var(--green);\r\n  box-shadow: 0 4px 10px rgba(0,0,0,.1);\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* BODY *\/\r\n.card-body {\r\n  padding: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n\r\n.card-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.meta {\r\n  font-size: 13px;\r\n  color: var(--muted);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.excerpt {\r\n  font-size: 14px;\r\n  color: #444;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\/* FOOTER *\/\r\n.card-footer {\r\n  display: flex;\r\n  gap: 10px;\r\n  margin-top: auto;\r\n}\r\n\r\n.btn {\r\n  flex: 1;\r\n  padding: 12px;\r\n  border-radius: 8px;\r\n  font-weight: 600;\r\n  font-size: 13px;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  transition: .25s;\r\n}\r\n\r\n.btn-ghost {\r\n  background: #f5faf7;\r\n  color: var(--green);\r\n  border: 1px solid var(--green);\r\n}\r\n\r\n\r\n\r\n.btn-ghost:hover {\r\n  background: var(--green);\r\n}\r\n\r\n.btn-primary {\r\n  background: var(--green);\r\n  color: #fff;\r\n}\r\n\r\n.btn-primary:hover {\r\n  background: #046d24;\r\n}\r\n\r\n\/* ================= MOBILE RESPONSIVE (CRITICAL) ================= *\/\r\n    @media (max-width: 768px) {\r\n      .offer-wrapper { \r\n        grid-template-columns: 1fr; \/* Gambar di atas, teks di bawah *\/\r\n        margin: 20px auto;\r\n        gap: 25px;\r\n      }\r\n      .offer-content h1 { font-size: 1.8rem; }\r\n      .book-btn { display: block; width: 100%; } \/* Tombol lebar penuh di HP *\/\r\n      \r\n      .grid { grid-template-columns: 1fr; } \/* Satu kolom kartu di HP *\/\r\n      \r\n      .promo-intro h2 { font-size: 1.5rem; }\r\n      \r\n      .hero h2 { font-size: 1.3rem; padding: 0 10px; }\r\n      \r\n      .card-media { height: 220px; }\r\n    }\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n@media (max-width: 1024px) {\r\n  .grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n  .grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .card-media {\r\n    height: 300px;\r\n  }\r\n\r\n  section.hero h1 {\r\n    font-size: 1.4rem;\r\n  }\r\n}\r\n\r\n  <\/style>\r\n  \r\n  <!-- HERO SECTION -->\r\n  <section class=\"hero\">\r\n    <h2>Pilihan Promo Lainnya!<\/h2>\r\n        <hp>Temukan berbagai penawaran terbaik untuk liburan<br>bersama keluarga, gathering, maupun staycation eksklusif hanya di The Highland Park Resort Bogor.<\/p>\r\n    <div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  <section class=\"promo-filter\">\r\n    <div class=\"filter-wrap\">\r\n        <button class=\"filter-btn active\" data-filter=\"all\">Semua Promo<\/button>\r\n        <button class=\"filter-btn\" data-filter=\"room\">Room Promotion<\/button>\r\n        <button class=\"filter-btn\" data-filter=\"fnb\">F&B Promotion<\/button>\r\n        <button class=\"filter-btn\" data-filter=\"special\">Special Promotion<\/button>\r\n    <\/div>\r\n<\/section>\r\n  \r\n\r\n<!-- PROMO GRID -->\r\n  <div class=\"wrap\">\r\n    <div class=\"grid\">\r\n      \r\n\r\n      \r\n      \r\n      <!-- Card 14 -->\r\n      <article class=\"card\" data-category=\"fnb\">\r\n        <div class=\"card-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Sweet-Sour-Chicken-scaled.webp\"> <\/div>\r\n        <div class=\"card-body\">\r\n          <h3 class=\"card-title\">Sweet & Sour Chicken<\/h3>\r\n          <p class=\"meta\">Potongan ayam renyah berpadu dengan saus asam manis yang kaya rasa.<\/p>\r\n          <p class=\"excerpt\">Disajikan hangat dengan sayuran segar, cocok untuk santap siang maupun makan malam favorit Anda.<\/p>\r\n          <div class=\"card-footer\">\r\n            <a class=\"btn btn-ghost\" href=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/promo-burger-mojito-bogor-better-together-package\/\">Info Promo<\/a>\r\n            <a class=\"btn btn-primary\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=628558132999&amp;text=Halo+Saya+Mau+%2APromo+Sweet+&amp;+Sour+Chicken+%2A&amp;type=phone_number&amp;app_absent=0\" target=\"_blank\" rel=\"noopener\">Pesan Sekarang<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n      \r\n      <!-- Card 15 -->\r\n      <article class=\"card\" data-category=\"fnb\">\r\n        <div class=\"card-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Nastar-Cake-scaled.webp\">\r\n        <\/div>\r\n        <div class=\"card-body\">\r\n          <h3 class=\"card-title\">Nastar Cake<\/h3>\r\n          <p class=\"meta\">Kue lembut dengan lapisan krim halus dan taburan remah yang manis.<\/p>\r\n          <p class=\"excerpt\">Pilihan sempurna untuk menemani teh atau kopi, serta melengkapi momen spesial bersama orang tersayang.<\/p>\r\n          <div class=\"card-footer\">\r\n            <a class=\"btn btn-ghost\" href=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/promo-burger-mojito-bogor-better-together-package\/\">Info Promo<\/a>\r\n            <a class=\"btn btn-primary\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=628558132999&amp;text=Halo+Saya+Mau+%2APromo+Nastar+Cake+%2A&amp;type=phone_number&amp;app_absent=0\" target=\"_blank\" rel=\"noopener\">Pesan Sekarang<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n      \r\n      <script>\r\ndocument.querySelectorAll('.filter-btn').forEach(button => {\r\n    button.addEventListener('click', () => {\r\n        const filter = button.getAttribute('data-filter');\r\n        \r\n        \/\/ Update tombol aktif\r\n        document.querySelectorAll('.filter-btn').forEach(btn => btn.classList.remove('active'));\r\n        button.classList.add('active');\r\n\r\n        \/\/ Filter kartu\r\n        document.querySelectorAll('.card').forEach(card => {\r\n            const cardCategories = card.getAttribute('data-category'); \/\/ Mengambil string kategori\r\n            \r\n            if (filter === 'all' || cardCategories.includes(filter)) {\r\n                card.style.display = 'flex';\r\n            } else {\r\n                card.style.display = 'none';\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\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>PROMO &#038; EVENT Pilihan Promo Lainnya! Temukan berbagai penawaran terbaik untuk liburanbersama keluarga, gathering, maupun staycation eksklusif hanya di The Highland Park Resort Bogor. Semua Promo Room Promotion F&#038;B Promotion Special Promotion Sweet &#038; Sour Chicken Potongan ayam renyah berpadu dengan saus asam manis yang kaya rasa. Disajikan hangat dengan sayuran segar, cocok untuk santap [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-4999","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/4999","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=4999"}],"version-history":[{"count":101,"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/4999\/revisions"}],"predecessor-version":[{"id":7803,"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/4999\/revisions\/7803"}],"wp:attachment":[{"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/media?parent=4999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}