{"id":616,"date":"2018-04-27T14:55:45","date_gmt":"2018-04-27T14:55:45","guid":{"rendered":"http:\/\/themebubble.com\/demo\/hotelluxe\/?page_id=616"},"modified":"2026-06-20T15:48:36","modified_gmt":"2026-06-20T08:48:36","slug":"contact","status":"publish","type":"page","link":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/contact\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Contact - The Highland Park Resort Bogor<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root{\r\n --bg:#F7F4EC;\r\n --bg-soft:#EFEADC;\r\n --paper:#FFFFFF;\r\n --ink:#1F2A20;\r\n --ink-soft:#5E6759;\r\n --line:#DBD3BF;\r\n --accent:#4F6242;\r\n --accent-deep:#33402B;\r\n --accent-tint:#E4E9DB;\r\n }\r\n\r\n *{ margin:0; padding:0; box-sizing:border-box; }\r\n\r\n html{ scroll-behavior:smooth; }\r\n\r\n html, body{ width:100%; overflow-x:hidden; }\r\n\r\n body{\r\n font-family:'Inter', sans-serif;\r\n background:var(--bg);\r\n color:var(--ink);\r\n line-height:1.6;\r\n font-weight:400;\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n\r\n h1, h2, h3{\r\n font-family:'Fraunces', serif;\r\n font-weight:500;\r\n letter-spacing:-0.01em;\r\n color:var(--ink);\r\n }\r\n\r\n a{ color:inherit; }\r\n\r\n img{ max-width:100%; display:block; }\r\n\r\n :focus-visible{\r\n outline:2px solid var(--accent);\r\n outline-offset:3px;\r\n }\r\n\r\n .eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n font-size:0.78rem;\r\n font-weight:500;\r\n letter-spacing:0.22em;\r\n text-transform:uppercase;\r\n }\r\n\r\n .eyebrow::before{\r\n content:'';\r\n width:26px;\r\n height:1px;\r\n background:currentColor;\r\n display:inline-block;\r\n }\r\n\r\n .full-bleed{\r\n width:100vw;\r\n position:relative;\r\n left:50%;\r\n right:50%;\r\n margin-left:-50vw;\r\n margin-right:-50vw;\r\n }\r\n\r\n .container{\r\n max-width:1320px;\r\n margin:0 auto;\r\n padding:0 clamp(24px, 5vw, 64px);\r\n }\r\n\r\n \/* ---------- reveal-on-scroll ---------- *\/\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(28px);\r\n transition:opacity 0.9s ease, transform 0.9s ease;\r\n }\r\n .reveal.is-visible{ opacity:1; transform:translateY(0); }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n html{ scroll-behavior:auto; }\r\n .reveal{ opacity:1; transform:none; transition:none; }\r\n }\r\n\r\n \/* ================= HERO ================= *\/\r\n .hero{\r\n height:100vh;\r\n min-height:620px;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n color:#F7F4EC;\r\n background:\r\n linear-gradient(180deg, rgba(13,17,11,0.22) 0%, rgba(13,17,11,0.45) 55%, rgba(8,11,7,0.86) 100%),\r\n url('https:\/\/mlapcpphr481.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Glamping-The-Highland-Park-Resort-Bogor-1.webp') center\/cover no-repeat;\r\n padding:36px clamp(24px, 5vw, 64px) 64px;\r\n }\r\n\r\n .hero-top{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n gap:20px;\r\n }\r\n\r\n .hero-mark{\r\n font-family:'Fraunces', serif;\r\n font-size:1.05rem;\r\n letter-spacing:0.02em;\r\n }\r\n\r\n .hero-mark span{ font-style:italic; font-weight:400; }\r\n\r\n .hero-tag{\r\n font-size:0.78rem;\r\n letter-spacing:0.18em;\r\n text-transform:uppercase;\r\n color:rgba(247,244,236,0.75);\r\n }\r\n\r\n .hero-bottom{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:flex-end;\r\n gap:40px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .hero-copy{ max-width:760px; }\r\n\r\n .hero-copy .eyebrow{\r\n color:rgba(247,244,236,0.8);\r\n margin-bottom:24px;\r\n }\r\n\r\n .hero-copy h1{\r\n font-size:clamp(3.4rem, 9vw, 7.2rem);\r\n line-height:0.96;\r\n font-weight:400;\r\n letter-spacing:-0.02em;\r\n color:#F7F4EC;\r\n }\r\n\r\n .hero-copy h1 em{\r\n font-style:italic;\r\n font-weight:400;\r\n color:rgba(247,244,236,0.88);\r\n }\r\n\r\n .hero-copy p{\r\n margin-top:28px;\r\n font-size:clamp(1.05rem, 1.6vw, 1.3rem);\r\n color:rgba(247,244,236,0.82);\r\n max-width:520px;\r\n font-weight:300;\r\n }\r\n\r\n .hero-cta{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:16px;\r\n margin-top:40px;\r\n text-decoration:none;\r\n color:#F7F4EC;\r\n font-size:1.02rem;\r\n font-weight:500;\r\n }\r\n\r\n .hero-cta .icon-circle{\r\n width:54px;\r\n height:54px;\r\n border-radius:50%;\r\n border:1px solid rgba(247,244,236,0.55);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n transition:background 0.35s ease, border-color 0.35s ease, transform 0.35s ease;\r\n flex-shrink:0;\r\n }\r\n\r\n .hero-cta:hover .icon-circle{\r\n background:#F7F4EC;\r\n color:var(--accent-deep);\r\n transform:scale(1.06);\r\n }\r\n\r\n .hero-cta .label{\r\n position:relative;\r\n }\r\n\r\n .hero-cta .label::after{\r\n content:'';\r\n position:absolute;\r\n left:0; right:0; bottom:-4px;\r\n height:1px;\r\n background:rgba(247,244,236,0.6);\r\n transform:scaleX(0);\r\n transform-origin:left;\r\n transition:transform 0.35s ease;\r\n }\r\n\r\n .hero-cta:hover .label::after{ transform:scaleX(1); }\r\n\r\n .scroll-cue{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n font-size:0.75rem;\r\n letter-spacing:0.2em;\r\n text-transform:uppercase;\r\n color:rgba(247,244,236,0.7);\r\n writing-mode:vertical-rl;\r\n }\r\n\r\n .scroll-cue .line{\r\n width:1px;\r\n height:46px;\r\n background:rgba(247,244,236,0.55);\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .scroll-cue .line::after{\r\n content:'';\r\n position:absolute;\r\n top:-100%; left:0; right:0; height:100%;\r\n background:#F7F4EC;\r\n animation:scrollDrip 2.2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes scrollDrip{\r\n 0%{ top:-100%; }\r\n 60%{ top:100%; }\r\n 100%{ top:100%; }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .scroll-cue .line::after{ animation:none; top:0; }\r\n }\r\n\r\n @media (max-width: 720px){\r\n .scroll-cue{ display:none; }\r\n }\r\n\r\n \/* ================= CONTACT SECTION ================= *\/\r\n .contact-section{ padding:140px 0 120px; background:var(--bg); }\r\n\r\n .section-head{\r\n display:grid;\r\n grid-template-columns:1fr 2fr;\r\n gap:40px;\r\n align-items:end;\r\n padding-bottom:64px;\r\n border-bottom:1px solid var(--line);\r\n margin-bottom:8px;\r\n }\r\n\r\n .section-head .eyebrow{ color:var(--accent); }\r\n\r\n .section-head h2{\r\n font-size:clamp(2.4rem, 4.6vw, 3.6rem);\r\n font-weight:400;\r\n line-height:1.08;\r\n }\r\n\r\n .section-head p{\r\n grid-column:2;\r\n margin-top:18px;\r\n max-width:560px;\r\n color:var(--ink-soft);\r\n font-size:1.08rem;\r\n font-weight:300;\r\n }\r\n\r\n @media (max-width: 880px){\r\n .section-head{ grid-template-columns:1fr; gap:18px; }\r\n .section-head p{ grid-column:1; }\r\n }\r\n\r\n \/* contact rows *\/\r\n .contact-row{\r\n display:grid;\r\n grid-template-columns:80px 1fr 1.4fr auto;\r\n align-items:center;\r\n gap:32px;\r\n padding:42px 0;\r\n border-bottom:1px solid var(--line);\r\n text-decoration:none;\r\n color:var(--ink);\r\n transition:background 0.4s ease;\r\n }\r\n\r\n .contact-row:hover{ background:var(--bg-soft); }\r\n\r\n .row-index{\r\n font-family:'Fraunces', serif;\r\n font-style:italic;\r\n font-size:1.2rem;\r\n color:var(--ink-soft);\r\n }\r\n\r\n .row-main{\r\n display:flex;\r\n align-items:center;\r\n gap:18px;\r\n }\r\n\r\n .row-icon{\r\n width:48px;\r\n height:48px;\r\n border-radius:50%;\r\n background:var(--accent-tint);\r\n color:var(--accent-deep);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.1rem;\r\n flex-shrink:0;\r\n transition:background 0.4s ease, color 0.4s ease;\r\n }\r\n\r\n .contact-row:hover .row-icon{ background:var(--accent); color:#fff; }\r\n\r\n .row-title{\r\n font-family:'Fraunces', serif;\r\n font-size:1.4rem;\r\n font-weight:500;\r\n }\r\n\r\n .row-detail{\r\n color:var(--ink-soft);\r\n font-size:1.02rem;\r\n word-break:break-word;\r\n }\r\n\r\n .row-action{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n font-size:0.92rem;\r\n font-weight:500;\r\n letter-spacing:0.04em;\r\n white-space:nowrap;\r\n color:var(--ink);\r\n }\r\n\r\n .row-action i{\r\n transition:transform 0.35s ease;\r\n }\r\n\r\n .contact-row:hover .row-action i{ transform:translateX(6px); }\r\n\r\n @media (max-width: 880px){\r\n .contact-row{\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n padding:34px 0;\r\n }\r\n .row-index{ order:-1; }\r\n .row-action{ margin-top:4px; }\r\n }\r\n\r\n \/* ================= MAP SECTION ================= *\/\r\n .map-section{ background:var(--bg); padding-bottom:140px; }\r\n\r\n .map-wrapper{\r\n display:grid;\r\n grid-template-columns:minmax(320px, 420px) 1fr;\r\n height:clamp(420px, 50vh, 520px);\r\n border-top:1px solid var(--line);\r\n border-bottom:1px solid var(--line);\r\n }\r\n\r\n .map-frame{ position:relative; min-height:340px; }\r\n\r\n .map-frame iframe{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n border:0;\r\n filter:grayscale(28%) contrast(1.02);\r\n }\r\n\r\n .map-panel{\r\n background:var(--paper);\r\n border-right:1px solid var(--line);\r\n padding:clamp(40px, 5vw, 64px) clamp(36px, 4vw, 56px);\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:flex-start;\r\n overflow-y:auto;\r\n }\r\n\r\n .map-panel .eyebrow{ color:var(--accent); margin-bottom:18px; }\r\n\r\n .map-panel h3{\r\n font-size:clamp(1.6rem, 2.6vw, 2rem);\r\n font-weight:500;\r\n line-height:1.15;\r\n margin-bottom:14px;\r\n }\r\n\r\n .map-panel p{\r\n color:var(--ink-soft);\r\n font-size:1rem;\r\n margin-bottom:30px;\r\n font-weight:300;\r\n }\r\n\r\n .map-buttons{\r\n display:flex;\r\n flex-direction:column;\r\n gap:12px;\r\n }\r\n\r\n .map-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:12px;\r\n padding:16px 26px;\r\n font-size:0.92rem;\r\n font-weight:500;\r\n letter-spacing:0.03em;\r\n text-decoration:none;\r\n transition:all 0.3s ease;\r\n border:1px solid var(--ink);\r\n }\r\n\r\n .map-btn.primary{\r\n background:var(--ink);\r\n color:var(--bg);\r\n }\r\n\r\n .map-btn.primary:hover{\r\n background:var(--accent-deep);\r\n border-color:var(--accent-deep);\r\n }\r\n\r\n .map-btn.secondary{\r\n background:transparent;\r\n color:var(--ink);\r\n }\r\n\r\n .map-btn.secondary:hover{\r\n background:var(--ink);\r\n color:var(--bg);\r\n }\r\n\r\n @media (max-width: 880px){\r\n .map-wrapper{\r\n grid-template-columns:1fr;\r\n height:auto;\r\n }\r\n .map-panel{\r\n border-right:none;\r\n border-bottom:1px solid var(--line);\r\n padding:40px clamp(24px, 6vw, 64px);\r\n }\r\n .map-frame{ min-height:380px; }\r\n }\r\n\r\n @media (max-width: 480px){\r\n .hero{ padding:28px 20px 48px; }\r\n .contact-section{ padding:100px 0 90px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Hero -->\r\n <section class=\"hero\">\r\n <div class=\"hero-top\">\r\n <div class=\"hero-mark\">The Highland Park <span>Resort<\/span><\/div>\r\n <div class=\"hero-tag\">Puncak — Bogor<\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-bottom\">\r\n <div class=\"hero-copy\">\r\n <span class=\"eyebrow\">Hubungi Kami<\/span>\r\n <h1>Contact<br><em>us.<\/em><\/h1>\r\n <p>Hubungi kami untuk reservasi dan informasi lengkap tentang The Highland Park Resort Bogor.<\/p>\r\n <a href=\"#contact\" class=\"hero-cta\">\r\n <span class=\"icon-circle\"><i class=\"fab fa-whatsapp\"><\/i><\/span>\r\n <span class=\"label\">Mulai Chat Sekarang<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"scroll-cue\">\r\n <span class=\"line\"><\/span>\r\n Gulir\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Contact Section -->\r\n <section class=\"contact-section\" id=\"contact\">\r\n <div class=\"container\">\r\n\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\">Informasi Kontak<\/span>\r\n <h2>Tiga cara mudah<br>menjangkau kami<\/h2>\r\n <p>Dapatkan pelayanan profesional dari tim kami yang siap membantu perencanaan liburan impian Anda.<\/p>\r\n <\/div>\r\n\r\n <a href=\"mailto:reservation@highlandparkresortbogor.com\" class=\"contact-row reveal\">\r\n <span class=\"row-index\">01<\/span>\r\n <span class=\"row-main\">\r\n <span class=\"row-icon\"><i class=\"fas fa-envelope\"><\/i><\/span>\r\n <span class=\"row-title\">Email<\/span>\r\n <\/span>\r\n <span class=\"row-detail\">reservation@highlandparkresortbogor.com<\/span>\r\n <span class=\"row-action\">Kirim Email <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=628558132999\" target=\"_blank\" class=\"contact-row reveal\" rel=\"noopener\">\r\n <span class=\"row-index\">02<\/span>\r\n <span class=\"row-main\">\r\n <span class=\"row-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/span>\r\n <span class=\"row-title\">WhatsApp<\/span>\r\n <\/span>\r\n <span class=\"row-detail\">0855 8132 999<\/span>\r\n <span class=\"row-action\">Chat WhatsApp <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n <\/a>\r\n\r\n <a href=\"tel:+622518485777\" class=\"contact-row reveal\">\r\n <span class=\"row-index\">03<\/span>\r\n <span class=\"row-main\">\r\n <span class=\"row-icon\"><i class=\"fas fa-phone\"><\/i><\/span>\r\n <span class=\"row-title\">Telepon<\/span>\r\n <\/span>\r\n <span class=\"row-detail\">(0251) 8485 777<\/span>\r\n <span class=\"row-action\">Telepon Langsung <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Map Section -->\r\n <section class=\"map-section\">\r\n <div class=\"map-wrapper reveal\">\r\n <div class=\"map-panel\">\r\n <span class=\"eyebrow\">Lokasi<\/span>\r\n <h3>The Highland Park Resort Bogor<\/h3>\r\n <p>Lokasi strategis di kawasan Puncak, mudah dijangkau dari Jakarta.<\/p>\r\n <div class=\"map-buttons\">\r\n <a href=\"https:\/\/www.google.com\/maps\/place\/The+Highland+Park+Resort+Hotel+Bogor\/@-6.66133195,106.73525875,17z\/data=!3m1!4b1!4m6!3m5!1s0x2e69cfd9620a67ad:0xbe236969c0c6a85c!8m2!3d-6.6613362!4d106.7374476!16s%2Fg%2F11c42q9z7q?entry=ttu\" target=\"_blank\" class=\"map-btn primary\" rel=\"noopener\">\r\n <i class=\"fab fa-google\"><\/i> Buka Google Maps\r\n <\/a>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=The+Highland+Park+Resort+Hotel+Bogor&travelmode=driving\" target=\"_blank\" class=\"map-btn secondary\" rel=\"noopener\">\r\n <i class=\"fas fa-route\"><\/i> Rute \/ Directions\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"map-frame\">\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d1800!2d106.73525875!3d-6.66133195!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69cfd9620a67ad%3A0xbe236969c0c6a85c!2sThe%20Highland%20Park%20Resort%20Hotel%20Bogor!5e0!3m2!1sen!2sid!4v1773632089605!5m2!1sen!2sid\"\r\n allowfullscreen=\"\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function(){\r\n var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n var items = document.querySelectorAll('.reveal');\r\n if(reduced || !('IntersectionObserver' in window)){\r\n items.forEach(function(el){ el.classList.add('is-visible'); });\r\n return;\r\n }\r\n var observer = new IntersectionObserver(function(entries){\r\n entries.forEach(function(entry){\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('is-visible');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n items.forEach(function(el){ observer.observe(el); });\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>Contact – The Highland Park Resort Bogor The Highland Park Resort Puncak — Bogor Hubungi Kami Contactus. Hubungi kami untuk reservasi dan informasi lengkap tentang The Highland Park Resort Bogor. Mulai Chat Sekarang Gulir Informasi Kontak Tiga cara mudahmenjangkau kami Dapatkan pelayanan profesional dari tim kami yang siap membantu perencanaan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_themeisle_gutenberg_block_has_review":false,"_joinchat":[],"footnotes":""},"class_list":["post-616","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/616","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=616"}],"version-history":[{"count":25,"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/616\/revisions"}],"predecessor-version":[{"id":23018,"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/616\/revisions\/23018"}],"wp:attachment":[{"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/media?parent=616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}