{"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-03-16T11:06:07","modified_gmt":"2026-03-16T04:06:07","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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&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 * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html, body {\r\n width: 100%;\r\n overflow-x: hidden;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n line-height: 1.7;\r\n color: #333;\r\n font-size: 18px;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero-section {\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 height: 100vh;\r\n background: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)), \r\n url('https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Glamping-The-Highland-Park-Resort-Bogor-1.webp') center\/cover; \/* \u2190 GANTI INI *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: white;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-content {\r\n max-width: 1400px;\r\n padding: 0 30px;\r\n width: 100%;\r\n }\r\n\r\n .hero-content h1 {\r\n font-size: clamp(4rem, 8vw, 6.5rem);\r\n font-weight: 800;\r\n margin-bottom: 30px;\r\n text-shadow: 4px 4px 12px rgba(0,0,0,0.8);\r\n line-height: 1.1;\r\n letter-spacing: -2px;\r\n }\r\n\r\n .hero-content p {\r\n font-size: clamp(1.4rem, 3vw, 2rem);\r\n margin-bottom: 50px;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n text-shadow: 2px 2px 6px rgba(0,0,0,0.6);\r\n font-weight: 400;\r\n }\r\n\r\n .cta-hero {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 15px;\r\n background: linear-gradient(45deg, #ff6b6b, #feca57);\r\n color: white;\r\n padding: 25px 55px;\r\n border-radius: 70px;\r\n font-size: clamp(1.2rem, 2.5vw, 1.6rem);\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n box-shadow: 0 20px 50px rgba(255, 107, 107, 0.6);\r\n position: relative;\r\n overflow: hidden;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .cta-hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n transition: left 0.7s;\r\n }\r\n\r\n .cta-hero:hover {\r\n transform: translateY(-10px) scale(1.05);\r\n box-shadow: 0 35px 70px rgba(255, 107, 107, 0.8);\r\n text-decoration: none;\r\n color: white;\r\n }\r\n\r\n .cta-hero:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .cta-hero i {\r\n font-size: 1.5em;\r\n }\r\n\r\n \/* Contact Section *\/\r\n .contact-section {\r\n padding: 140px 0;\r\n background: #f8f9fa;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 30px;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n margin-bottom: 100px;\r\n }\r\n\r\n .section-title h2 {\r\n font-size: clamp(2.8rem, 5vw, 4.2rem);\r\n font-weight: 800;\r\n color: #2c3e50;\r\n margin-bottom: 25px;\r\n position: relative;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .section-title h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 120px;\r\n height: 6px;\r\n background: linear-gradient(45deg, #ff6b6b, #feca57);\r\n border-radius: 3px;\r\n }\r\n\r\n .section-title p {\r\n font-size: clamp(1.2rem, 2vw, 1.5rem);\r\n color: #6c757d;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n font-weight: 400;\r\n }\r\n\r\n \/* 3 Contact Items Horizontal *\/\r\n .contact-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 30px;\r\n margin-bottom: 100px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .contact-item {\r\n background: white;\r\n padding: 50px 40px;\r\n border-radius: 25px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 20px 45px rgba(0,0,0,0.1);\r\n border-top: 6px solid transparent;\r\n position: relative;\r\n overflow: hidden;\r\n flex: 1;\r\n min-width: 320px;\r\n }\r\n\r\n .contact-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);\r\n transition: left 0.6s;\r\n }\r\n\r\n .contact-item:hover {\r\n transform: translateY(-15px);\r\n box-shadow: 0 40px 80px rgba(0,0,0,0.2);\r\n }\r\n\r\n .contact-item:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .contact-item.email { border-top-color: #e74c3c; }\r\n .contact-item.whatsapp { border-top-color: #25D366; }\r\n .contact-item.phone { border-top-color: #3498db; }\r\n\r\n .contact-icon {\r\n width: 100px;\r\n height: 100px;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 25px;\r\n font-size: 2.2rem;\r\n color: white;\r\n box-shadow: 0 20px 40px rgba(102, 126, 234, 0.4);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .contact-item.whatsapp .contact-icon { \r\n background: linear-gradient(135deg, #25D366, #128C7E); \r\n }\r\n .contact-item.phone .contact-icon { \r\n background: linear-gradient(135deg, #3498db, #2980b9); \r\n }\r\n\r\n .contact-item:hover .contact-icon {\r\n transform: scale(1.1);\r\n box-shadow: 0 30px 60px rgba(102, 126, 234, 0.5);\r\n }\r\n\r\n .contact-item h3 {\r\n font-size: clamp(1.4rem, 2.5vw, 1.8rem);\r\n font-weight: 700;\r\n color: #2c3e50;\r\n margin-bottom: 15px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .contact-item p {\r\n font-size: clamp(1.1rem, 1.8vw, 1.3rem);\r\n color: #6c757d;\r\n margin-bottom: 25px;\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n hyphens: auto;\r\n line-height: 1.6;\r\n font-weight: 400;\r\n }\r\n\r\n .contact-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n color: #2c3e50;\r\n font-size: clamp(1rem, 1.8vw, 1.2rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .contact-link:hover {\r\n color: #ff6b6b;\r\n transform: translateX(10px);\r\n }\r\n\r\n .contact-link i {\r\n font-size: 1.4rem;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n \/* Map Section *\/\r\n .map-section {\r\n background: white;\r\n border-radius: 28px;\r\n padding: 80px 60px;\r\n box-shadow: 0 25px 70px rgba(0,0,0,0.15);\r\n margin-bottom: 100px;\r\n overflow: hidden;\r\n }\r\n\r\n .map-wrapper {\r\n position: relative;\r\n height: 600px;\r\n border-radius: 25px;\r\n overflow: hidden;\r\n margin-bottom: 50px;\r\n box-shadow: 0 30px 80px rgba(0,0,0,0.2);\r\n }\r\n\r\n #map {\r\n height: 100%;\r\n width: 100%;\r\n }\r\n\r\n .map-info {\r\n text-align: center;\r\n }\r\n\r\n .map-info h3 {\r\n font-size: clamp(2.2rem, 4vw, 3rem);\r\n font-weight: 800;\r\n color: #2c3e50;\r\n margin-bottom: 20px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .map-info p {\r\n font-size: clamp(1.3rem, 2.2vw, 1.7rem);\r\n color: #6c757d;\r\n margin-bottom: 40px;\r\n font-weight: 400;\r\n }\r\n\r\n .map-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 25px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .map-btn {\r\n background: linear-gradient(45deg, #ff6b6b, #feca57);\r\n color: white;\r\n border: none;\r\n padding: 22px 45px;\r\n border-radius: 60px;\r\n font-size: clamp(1.2rem, 2.2vw, 1.6rem);\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n box-shadow: 0 15px 45px rgba(255, 107, 107, 0.5);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .map-btn.google-maps {\r\n background: linear-gradient(45deg, #4285f4, #34a853);\r\n box-shadow: 0 15px 45px rgba(66, 133, 244, 0.5);\r\n }\r\n\r\n .map-btn.google-maps:hover {\r\n box-shadow: 0 30px 70px rgba(66, 133, 244, 0.7);\r\n }\r\n\r\n .map-btn:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 30px 70px rgba(255, 107, 107, 0.7);\r\n color: white;\r\n text-decoration: none;\r\n }\r\n\r\n .map-btn i {\r\n font-size: 1.5em;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .contact-grid {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .contact-item {\r\n max-width: 400px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-content {\r\n padding: 0 20px;\r\n }\r\n\r\n .contact-section {\r\n padding: 100px 0;\r\n }\r\n\r\n .section-title {\r\n margin-bottom: 70px;\r\n }\r\n\r\n .contact-grid {\r\n gap: 25px;\r\n }\r\n\r\n .contact-item {\r\n padding: 40px 30px;\r\n min-width: 280px;\r\n }\r\n\r\n .map-wrapper {\r\n height: 400px;\r\n }\r\n\r\n .map-section {\r\n padding: 60px 25px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .map-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .map-btn {\r\n width: 100%;\r\n max-width: 350px;\r\n justify-content: center;\r\n padding: 20px 35px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n body {\r\n font-size: 16px;\r\n }\r\n \r\n .contact-grid {\r\n gap: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero Section -->\r\n <section class=\"hero-section\">\r\n <div class=\"hero-content\">\r\n <h1>CONTACT US<\/h1>\r\n <p>Hubungi kami untuk reservasi dan informasi lengkap tentang The Highland Park Resort Bogor<\/p>\r\n <a href=\"#contact\" class=\"cta-hero\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n Mulai Chat Sekarang\r\n <\/a>\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 <div class=\"section-title\">\r\n <h2>Informasi Kontak<\/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 <div class=\"contact-grid\">\r\n <div class=\"contact-item email\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <h3>Email<\/h3>\r\n <p>reservation@<br>highlandparkresortbogor.com<\/p>\r\n <a href=\"mailto:reservation@highlandparkresortbogor.com\" class=\"contact-link\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n Kirim Email\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"contact-item whatsapp\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/div>\r\n <h3>WhatsApp<\/h3>\r\n <p>0855 8132 999<\/p>\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=628558132999\" target=\"_blank\" class=\"contact-link\" rel=\"noopener\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n Chat WhatsApp\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"contact-item phone\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <h3>Telepon<\/h3>\r\n <p>(0251) 8485 777<\/p>\r\n <a href=\"tel:+622518485777\" class=\"contact-link\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n Telepon Langsung\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Map Section dengan 2 Tombol -->\r\n<div class=\"map-section\">\r\n <div class=\"map-wrapper\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3966.44!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 width=\"100%\" \r\n height=\"100%\" \r\n style=\"border:0;\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n<\/iframe>\r\n <\/div>\r\n <div class=\"map-info\">\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 <!-- Tombol 1: Buka Google Maps -->\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 google-maps\" rel=\"noopener\">\r\n <i class=\"fab fa-google\"><\/i> \r\n Buka Google Maps\r\n <\/a>\r\n \r\n <!-- Tombol 2: Rute \/ Directions -->\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\" rel=\"noopener\">\r\n <i class=\"fas fa-route\"><\/i>\r\n Rute \/ Directions\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\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 CONTACT US Hubungi kami untuk reservasi dan informasi lengkap tentang The Highland Park Resort Bogor Mulai Chat Sekarang Informasi Kontak Dapatkan pelayanan profesional dari tim kami yang siap membantu perencanaan liburan impian Anda Email reservation@highlandparkresortbogor.com Kirim Email WhatsApp 0855 8132 999 Chat WhatsApp Telepon (0251) 8485 777 Telepon […]<\/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-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":14,"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/616\/revisions"}],"predecessor-version":[{"id":7678,"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/616\/revisions\/7678"}],"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}]}}