{"id":7188,"date":"2026-02-20T11:57:26","date_gmt":"2026-02-20T04:57:26","guid":{"rendered":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/?page_id=7188"},"modified":"2026-03-31T14:30:02","modified_gmt":"2026-03-31T07:30:02","slug":"the-highland-park-resort-bogor-2","status":"publish","type":"page","link":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7188\" class=\"elementor elementor-7188\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-33e0834 elementor-section-full_width elementor-section-height-min-height elementor-section-stretched elementor-section-items-top elementor-section-content-top elementor-section-height-default\" data-id=\"33e0834\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-97fde26\" data-id=\"97fde26\" 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-e762a08 elementor-widget elementor-widget-html\" data-id=\"e762a08\" 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    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n    \r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n    <style>\r\n    \r\n    html,body{\r\nmax-width:100%;\r\noverflow-x:hidden;\r\n}\r\n\r\nimg{\r\nmax-width:100%;\r\nheight:auto;\r\n}\r\n\r\n.swiper{\r\noverflow:hidden;\r\n}\r\n\r\n\/* ===== GLOBAL TYPOGRAPHY SYSTEM (MONTSERRAT ONLY) ===== *\/\r\n\r\n* {\r\n  font-family: 'Montserrat', sans-serif !important;\r\n}\r\n\r\nbody {\r\n  color: #333;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n\/* Heading Styling *\/\r\nh1, h2, h3, h4, \r\n.section-title-italic, \r\n.haven-title, \r\n.villa-info-card h3, \r\n.hotel-event-section .main-title, \r\n.footer-col h4,\r\n.overlay-nav a {\r\n  font-family: 'Montserrat', sans-serif !important;\r\n  font-weight: 700; \/* Bold untuk judul *\/\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* Paragraph Styling *\/\r\np {\r\n  font-family: 'Montserrat', sans-serif !important;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n  text-transform: none; \/* Pastikan paragraf tidak huruf besar semua *\/\r\n}\r\n\r\n\/* Menangani elemen yang tadinya Italic (Playfair) *\/\r\n.section-title-italic, .haven-title span, .hero-content p {\r\n    font-style: italic;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* Fix untuk section spesifik yang kamu buat di bawah *\/\r\n.hotel-event-section h2, \r\n.hotel-event-section p, \r\n.hotel-event-section .btn-link,\r\n.hotel-gallery {\r\n  font-family: 'Montserrat', sans-serif !important;\r\n}\r\n\r\n\/* Mempertegas Tombol *\/\r\n.book-now-btn, .btn-book-outline, .view-gallery-btn, .fun-btn {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 700;\r\n}\r\n        \/* ==========================================================================\r\n           2. HEADER & NAVIGATION\r\n           ========================================================================== *\/\r\n        .main-header {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; z-index: 1000;\r\n            padding: 25px 0; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .main-header.sticky {\r\n            position: fixed; \r\n            background: rgba(255, 255, 255, 0.98); \r\n            padding: 15px 0;\r\n            box-shadow: 0 2px 20px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .header-container {\r\n            display: flex; justify-content: space-between; align-items: center;\r\n            max-width: 95%; margin: 0 auto;\r\n        }\r\n\r\n        .header-left, .header-right { display: flex; align-items: center; flex: 1; }\r\n        .header-right { justify-content: flex-end; }\r\n\r\n        .hamburger-menu { cursor: pointer; margin-right: 40px; }\r\n        .hamburger-menu span {\r\n            display: block; width: 28px; height: 1px; background-color: #fff; margin-bottom: 8px;\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .main-header.sticky .hamburger-menu span { background-color: #333; }\r\n        .main-header.sticky .nav-links a { color: #333; }\r\n\r\n\/* 1. Logo saat awal (di atas Hero) - Warna Putih *\/\r\n.logo img { \r\n    height: 75px; \r\n    transition: 0.4s ease; \r\n    \/* brightness(0) membuatnya hitam, invert(1) mengubahnya menjadi putih *\/\r\n    filter: brightness(0) invert(1); \r\n}\r\n\r\n\/* 2. Logo saat di-scroll (Sticky) - Kembali ke Warna Asli *\/\r\n.main-header.sticky .logo img { \r\n    height: 75px; \r\n    \/* Mengembalikan logo ke warna aslinya (hijau\/emas) *\/\r\n    filter: none; \r\n}\r\n\r\n        .nav-links { display: flex; gap: 25px; }\r\n        .nav-links a {\r\n            color: #fff; text-decoration: none; font-size: 11px;\r\n            text-transform: uppercase; letter-spacing: 2px; font-weight: 500;\r\n            transition: 0.3s;\r\n        }\r\n        .nav-links a:hover { opacity: 0.6; }\r\n\r\n        .book-now-btn {\r\n            background-color: #06542a; color: #fff; text-decoration: none;\r\n            padding: 12px 26px; font-size: 11px; font-weight: 600;\r\n            letter-spacing: 2px; margin-left: 30px; transition: 0.3s;\r\n        }\r\n        .book-now-btn:hover { background-color: #3d6f72; transform: translateY(-2px); }    \r\n\r\n        \/* Fullscreen Menu Overlay *\/\r\n        .menu-overlay {\r\n            position: fixed; top: -110%; left: 0; width: 100%; height: 100%;\r\n            background: rgba(255, 255, 255, 0.98); z-index: 2000;\r\n            display: flex; flex-direction: column; justify-content: center; align-items: center;\r\n            transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n        .menu-overlay.active { top: 0; }\r\n        .close-menu { position: absolute; top: 30px; left: 40px; font-size: 40px; cursor: pointer; color: #333; }\r\n        .overlay-nav { display: flex; flex-direction: column; gap: 20px; text-align: center; }\r\n        .overlay-nav a {\r\n            font-family: 'Playfair Display', serif; font-size: 32px; text-decoration: none;\r\n            color: #333; text-transform: uppercase; letter-spacing: 4px; transition: 0.3s;\r\n        }\r\n        .overlay-nav a:hover { color: #06542a; font-style: italic; }\r\n\r\n        \/* ==========================================================================\r\n           3. HERO SLIDER\r\n           ========================================================================== *\/\r\n        .hero-swiper { width: 100%; height: 100vh; }\r\n        .hero-slide {\r\n            width: 100%; height: 100%;\r\n            background-size: cover; background-position: center;\r\n            display: flex; align-items: center; justify-content: center; text-align: center;\r\n            position: relative;\r\n        }\r\n        .hero-slide::before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25); }\r\n        .hero-content { position: relative; z-index: 2; padding: 0 20px; }\r\n        .hero-content h1 {\r\n            font-family: 'Playfair Display', serif; color: #fff;\r\n            font-size: clamp(40px, 7vw, 85px); letter-spacing: 12px; line-height: 1.1;\r\n            text-transform: uppercase;\r\n        }\r\n        .hero-content p { font-family: 'Playfair Display', serif; color: #fff; font-style: italic; font-size: clamp(16px, 2vw, 24px); margin-top: 20px; }\r\n        .swiper-pagination-bullet { background: #fff !important; opacity: 0.5; }\r\n        .swiper-pagination-bullet-active { opacity: 1; }\r\n\r\n        \/* ==========================================================================\r\n           4. HAVEN SECTION\r\n           ========================================================================== *\/\r\n        .haven-section {\r\n            padding: 120px 0;\r\n            background-color: #f8f7f5;\r\n            overflow: hidden;\r\n        }\r\n        .container {\r\n            max-width: 1250px;\r\n            margin: 0 auto;\r\n            padding: 0 25px;\r\n        }\r\n.haven-image-main {\r\n    grid-column: 2;\r\n    grid-row: 2;\r\n}\r\n\r\n.haven-image-stack {\r\n    grid-column: 3;\r\n    grid-row: 2;\r\n}\r\n\r\n        .haven-grid {\r\n    display: grid;\r\n    grid-template-columns: 0.8fr 1.2fr 1fr;\r\n    grid-template-rows: auto 750px; \/* \u2705 INI YANG HILANG *\/\r\n    align-items: start;\r\n}\r\n\r\n\r\n\r\n.haven-title {\r\n    grid-column: 1;\r\n    grid-row: 1;\r\n    margin-bottom: 30px;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 32px;\r\n    letter-spacing: 3px;\r\n}\r\n\r\n.haven-text-card {\r\n    grid-column: 1;\r\n    grid-row: 2;\r\n    background: #ebeae5;\r\n    padding: 70px 50px;\r\n    position: relative;\r\n    z-index: 10;\r\n}\r\n\r\n\r\n        .haven-title span {\r\n            color: #06542a;\r\n            font-style: italic;\r\n        }\r\n        .haven-image-main {\r\n    height: 100%;\r\n}\r\n\r\n.haven-image-main img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n        .haven-image-stack img {\r\n    width: 100%;\r\n    height: calc((750px - 30px) \/ 2); \/* \u2705 2 gambar + 1 gap *\/\r\n    object-fit: cover;\r\n}\r\n      \/* HAVEN SECTION \u2013 REFINED MOBILE VERSION *\/\r\n@media (max-width: 768px) {\r\n    .haven-section {\r\n        padding: 60px 0; \/* Memberi ruang napas atas-bawah *\/\r\n    }\r\n\r\n    .container {\r\n        padding: 0 20px; \/* Padding samping agar teks tidak nempel layar *\/\r\n    }\r\n\r\n    .haven-grid {\r\n        display: flex;\r\n        flex-direction: column; \/* Ubah ke flex agar lebih stabil di mobile *\/\r\n        gap: 25px;\r\n    }\r\n\r\n    .haven-title {\r\n        font-size: 28px; \/* Sedikit lebih kecil agar tidak makan tempat *\/\r\n        line-height: 1.2;\r\n        margin-bottom: 20px;\r\n        text-align: left;\r\n    }\r\n\r\n    .haven-text-card {\r\n        padding: 30px 20px; \/* Kurangi padding raksasa dari desktop *\/\r\n        background: #ebeae5;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Layout Gambar: 1 Besar di atas, 2 Kecil berjajar di bawah *\/\r\n    .haven-image-main {\r\n        width: 100%;\r\n        height: 300px; \/* Tinggi tetap agar konsisten *\/\r\n    }\r\n\r\n    .haven-image-main img {\r\n        border-radius: 8px;\r\n    }\r\n\r\n    \/* Memperbaiki tampilan gambar kecil agar tidak terlalu panjang ke bawah *\/\r\n    .haven-image-stack {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr; \/* Gambar kecil berjejer ke samping *\/\r\n        gap: 10px;\r\n    }\r\n\r\n    .haven-image-stack img {\r\n        height: 150px; \/* Tinggi proporsional untuk mobile *\/\r\n        width: 100%;\r\n        object-fit: cover;\r\n        border-radius: 8px;\r\n    }\r\n}\r\n\r\n        \/* ==========================================================================\r\n           5. VILLAS SECTION\r\n           ========================================================================== *\/\r\n        .villas-section { padding: 100px 0; background: #fff; }\r\n        .section-divider { display: flex; align-items: center; justify-content: center; gap: 30px; margin-bottom: 60px; }\r\n        .divider-line { flex: 1; height: 1px; background: #e0e0e0; max-width: 250px; }\r\n        .section-title-italic { font-family: 'Playfair Display', serif; font-style: italic; font-size: 28px; color: #444; }\r\n        .villa-item { position: relative; height: 550px; margin-bottom: 60px; }\r\n        .villa-item img { width: 100%; height: 100%; object-fit: cover; }\r\n        .villa-info-card {\r\n            position: absolute; bottom: -40px; right: 0; background: #f8f7f5;\r\n            padding: 40px; width: 85%; z-index: 5;\r\n            box-shadow: 15px 15px 40px rgba(0,0,0,0.06);\r\n        }\r\n        .villa-info-card h3 { font-family: 'Playfair Display', serif; color: #06542a; margin-bottom: 15px; }\r\n        .card-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }\r\n        .btn-book-outline { \r\n            border: 1px solid #06542a; color: #06542a; padding: 12px 25px; \r\n            text-decoration: none; font-size: 11px; font-weight: 700; transition: 0.3s;\r\n        }\r\n        .btn-book-outline:hover { background: #06542a; color: #fff; }\r\n\r\n\r\n\/* LEFT ALIGNED SECTION DIVIDER *\/\r\n.section-divider {\r\n    justify-content: flex-start;\r\n    gap: 25px;\r\n}\r\n\r\n.section-divider .section-title-italic {\r\n    white-space: nowrap;\r\n}\r\n\r\n.section-divider .divider-line {\r\n    max-width: none;     \/* supaya panjang penuh *\/\r\n    flex: 1;\r\n}\r\n      \r\n      @media (max-width: 768px) {\r\n    \/* 1. Reset Section Padding *\/\r\n    .villas-section {\r\n        padding: 50px 0;\r\n    }\r\n\r\n    \/* 2. Sesuaikan Divider agar tidak terlalu lebar *\/\r\n    .section-divider {\r\n        gap: 15px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .section-title-italic {\r\n        font-size: 22px;\r\n    }\r\n\r\n    \/* 3. Perbaikan Villa Item (Container) *\/\r\n    .villa-item {\r\n        height: auto; \/* Biarkan tinggi mengikuti konten *\/\r\n        margin-bottom: 80px; \/* Jarak antar item *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .villa-item img {\r\n        height: 300px; \/* Gambar diperpendek agar kartu bisa naik sedikit *\/\r\n        border-radius: 4px;\r\n    }\r\n\r\n    \/* 4. Perbaikan Info Card *\/\r\n    .villa-info-card {\r\n        position: relative; \/* Ubah dari absolute ke relative *\/\r\n        width: 90%; \/* Lebar hampir penuh *\/\r\n        margin: -60px auto 0 auto; \/* Tarik kartu ke atas sedikit untuk efek overlap *\/\r\n        padding: 25px; \/* Padding lebih kecil agar teks tidak sesak *\/\r\n        bottom: 0;\r\n        right: 0;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .villa-info-card h3 {\r\n        font-size: 20px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .villa-info-card p {\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* 5. Footer Card (Tombol) *\/\r\n    .card-footer {\r\n        flex-direction: row; \/* Tetap sejajar *\/\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .see-more {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .btn-book-outline {\r\n        padding: 10px 18px;\r\n        font-size: 10px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n   6. GALLERY STRIP (DRONE STYLE)\r\n   ========================================= *\/\r\n.gallery-strip { \r\n    width: 100%; \r\n    height: 450px; \r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.gallery-bg { \r\n    width: 100%; \r\n    height: 100%; \r\n    \/* Gunakan gambar drone yang Anda inginkan *\/\r\n    background-image: url('https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/BARRACK-APACHE-1-scaled.webp'); \r\n    background-size: cover; \r\n    background-position: center;\r\n    display: flex; \r\n    align-items: flex-end; \/* Tombol di bawah *\/\r\n    justify-content: center; \r\n    padding-bottom: 40px;\r\n}\r\n\r\n.view-gallery-btn {\r\n    background: rgba(255, 255, 255, 0.9);\r\n    color: #333; \r\n    text-decoration: none; \r\n    font-size: 10px; \r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px; \r\n    padding: 12px 30px; \r\n    transition: 0.3s;\r\n    border: none;\r\n}\r\n\r\n.view-gallery-btn:hover { background: #fff; transform: translateY(-3px); }\r\n\r\n\/* Responsive Fix *\/\r\n@media (max-width: 992px) {\r\n    .haven-grid { grid-template-columns: 1fr; }\r\n    .haven-text-card { margin-right: 0; padding: 40px; }\r\n    .gallery-strip { height: 300px; }\r\n}\r\n      \r\n      \/* =========================================\r\n   NEW: CAMP SECTION STYLES\r\n   ========================================= *\/\r\n.camp-section {\r\n    padding: 100px 0;\r\n    background-color: #fff; \/* Warna putih bersih *\/\r\n}\r\n\r\n.camp-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 40px;\r\n    margin-top: 50px;\r\n}\r\n\r\n.camp-card {\r\n    background: #fdfdfd;\r\n    border: 1px solid #eee;\r\n    transition: 0.4s ease;\r\n}\r\n\r\n.camp-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.05);\r\n}\r\n\r\n.camp-img {\r\n    position: relative;\r\n    height: 350px;\r\n    overflow: hidden;\r\n}\r\n\r\n.camp-img img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: 0.6s;\r\n}\r\n\r\n.camp-card:hover .camp-img img {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.camp-tag {\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 20px;\r\n    background: #06542a;\r\n    color: #fff;\r\n    padding: 5px 15px;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.camp-details {\r\n    padding: 40px;\r\n}\r\n\r\n.camp-details h3 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 24px;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 15px;\r\n    color: #333;\r\n}\r\n\r\n.camp-details p {\r\n    font-size: 13px;\r\n    color: #777;\r\n    margin-bottom: 30px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.camp-footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-top: 1px solid #eee;\r\n    padding-top: 20px;\r\n}\r\n\r\n.camp-footer .price {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #06542a;\r\n}\r\n\r\n.btn-explore {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #333;\r\n    text-decoration: none;\r\n    letter-spacing: 2px;\r\n    border-bottom: 2px solid #06542a;\r\n    padding-bottom: 5px;\r\n    transition: 0.3s;\r\n}\r\n\r\n.btn-explore:hover {\r\n    color: #06542a;\r\n}\r\n\r\n\/* Responsive Camp *\/\r\n@media (max-width: 768px) {\r\n    .camp-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .camp-img {\r\n        height: 250px;\r\n    }\r\n}\r\n\r\n\r\n        \/* =========================================\r\n           7. FOOTER SECTION\r\n           ========================================= *\/\r\n        .main-footer {\r\n            position: relative;\r\n            background: url('https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/sunset-1.png') no-repeat center center\/cover;\r\n            padding: 100px 0 30px;\r\n            color: #fff;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        .main-footer::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: rgba(0, 0, 0, 0.4); \/* Overlay sedikit lebih gelap agar teks terbaca *\/\r\n            z-index: 1;\r\n        }\r\n\r\n        .footer-container {\r\n            position: relative; z-index: 2;\r\n            max-width: 1200px; margin: 0 auto; padding: 0 20px;\r\n        }\r\n\r\n        .footer-logo { text-align: center; margin-bottom: 60px; }\r\n        .main-footer img { \r\n    filter: brightness(0) invert(1) !important; \r\n}\r\n\r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 1fr 1fr 1fr 0.8fr;\r\n            gap: 40px;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.3);\r\n            padding-top: 40px; margin-bottom: 60px;\r\n        }\r\n\r\n        .footer-col h4 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 14px; text-transform: uppercase; letter-spacing: 2px;\r\n            margin-bottom: 25px; font-weight: 700;\r\n        }\r\n\r\n        .footer-col p, .footer-col a {\r\n            font-size: 11px; color: rgba(255, 255, 255, 0.8);\r\n            text-decoration: none; display: block; margin-bottom: 12px;\r\n            line-height: 1.8; letter-spacing: 1px; transition: 0.3s;\r\n        }\r\n\r\n        .footer-col a:hover { color: #fff; transform: translateX(3px); }\r\n\r\n        .footer-action-row {\r\n            display: flex; justify-content: space-between;\r\n            align-items: flex-end; margin-bottom: 50px;\r\n        }\r\n\r\n        .newsletter-box h4 { font-family: 'Playfair Display', serif; font-style: italic; font-size: 18px; margin-bottom: 15px; }\r\n\r\n        .input-group { display: flex; gap: 10px; }\r\n        .input-group input {\r\n            background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.5);\r\n            padding: 10px 15px; color: #fff; width: 250px; font-size: 12px;\r\n        }\r\n\r\n        .btn-submit {\r\n            background: transparent; border: 1px solid #fff; color: #fff;\r\n            padding: 10px 20px; cursor: pointer; font-size: 11px; font-weight: 600;\r\n        }\r\n\r\n        .btn-book-footer {\r\n            background: #06542a; color: #fff; padding: 15px 40px;\r\n            text-decoration: none; font-weight: 700; letter-spacing: 2px; font-size: 12px;\r\n        }\r\n\r\n        .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 40px; }\r\n        .partner-logos { display: flex; justify-content: space-around; align-items: center; margin-bottom: 40px; flex-wrap: wrap; gap: 20px; }\r\n        .partner-logos img { height: 35px; filter: brightness(0) invert(1); }\r\n\r\n        .bottom-bar { display: flex; justify-content: space-between; align-items: center; font-size: 10px; color: rgba(255, 255, 255, 0.5); }\r\n        .bottom-links a { color: rgba(255, 255, 255, 0.5); text-decoration: none; margin: 0 10px; }\r\n        .social-links a { color: #fff; margin-left: 15px; font-size: 16px; }\r\n\r\n        .back-to-top { position: absolute; right: 20px; top: 40px; cursor: pointer; text-align: center; }\r\n\r\n        \/* ANIMATION CLASSES *\/\r\n        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }\r\n        .reveal.active { opacity: 1; transform: translateY(0); }\r\n        .delay-1 { transition-delay: 0.2s; }\r\n        .delay-2 { transition-delay: 0.4s; }\r\n\r\n        @media (max-width: 1150px) {\r\n            .nav-links { display: none; }\r\n            .haven-grid { grid-template-columns: 1fr; }\r\n            .haven-text-card { margin-right: 0; padding: 40px; }\r\n            .haven-image-main img { height: 500px; }\r\n            .haven-image-stack { flex-direction: row; padding-left: 0; padding-top: 20px; }\r\n            .footer-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .footer-action-row { flex-direction: column; align-items: flex-start; gap: 30px; }\r\n        }\r\n\t\r\n\t\/* Mengatur ukuran logo agar sejajar dengan teks partner *\/\r\n.partner-logos-strip {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n    margin-top: 30px;\r\n}\r\n\r\n.partner-logos-strip img {\r\n    height: 80px; \/* Sesuaikan tinggi ini agar serasi dengan teks *\/\r\n    width: auto;\r\n    filter: brightness(0) invert(1); \/* Tetap putih *\/\r\n    opacity: 0.8;\r\n}\r\n\r\n.partner-text {\r\n    font-size: 11px;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: #06542a;\r\n}\r\n\r\n\/* Section Wrapper *\/\r\n\/* ===== FIX MEETING \/ EVENT FONT CONSISTENCY ===== *\/\r\n\r\n.hotel-event-section {\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.hotel-event-section .main-title {\r\n    color: #333 !important; \/* Ganti ke #666 jika ingin lebih abu-abu *\/\r\n    font-weight: 700 !important; \/* Agar tidak bold 500\/ bold 700*\/\r\n}\r\n\r\n.hotel-event-section h2 {\r\n    font-weight: 700 !important; \/* Nilai 700 untuk membuat TEBAL (Bold) *\/\r\n    font-size: 24px;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.hotel-event-section p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n  color: #555;\r\n}\r\n\r\n.hotel-event-section .btn-link {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* OPTIONAL: samakan juga gallery *\/\r\n\r\n\/* Judul Utama *\/\r\n.hotel-event-section .main-title {\r\n  text-align: center;\r\n  color: #06542a; \/* Warna gold-taupe sesuai gambar *\/\r\n  font-size: 32px;\r\n  font-weight: normal;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n\/* Row Layout *\/\r\n.hotel-event-section .event-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 60px;\r\n  margin-bottom: 80px;\r\n}\r\n\r\n\/* Zig-zag: Baris kedua dibalik *\/\r\n.hotel-event-section .event-row.reverse {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.hotel-event-section .col-img, \r\n.hotel-event-section .col-text {\r\n  flex: 1;\r\n}\r\n\r\n.hotel-event-section img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* Styling Teks *\/\r\n.hotel-event-section h2 {\r\n  color: #06542a;\r\n  font-size: 24px;\r\n  font-weight: normal;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.hotel-event-section p {\r\n  color: #06542a;\r\n  line-height: 1.8;\r\n  font-size: 15px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.hotel-event-section .btn-link {\r\n  text-decoration: none;\r\n  color: #06542a;\r\n  font-weight: bold;\r\n  font-size: 13px;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\/* Responsif Mobile *\/\r\n@media (max-width: 768px) {\r\n  .hotel-event-section .event-row, \r\n  .hotel-event-section .event-row.reverse {\r\n    flex-direction: column;\r\n    gap: 30px;\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n\r\n.view-all-btn {\r\n  border: 1px solid #06542a;\r\n  padding: 10px 25px;\r\n  text-decoration: none;\r\n  color: #06542a;\r\n  font-size: 12px;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* ===== SKYBLAZE SECTION ===== *\/\r\n\r\n.skyblaze-section {\r\n  padding: 120px 0;\r\n  background: #efefef;\r\n  overflow: hidden;\r\n}\r\n\r\n.skyblaze-container {\r\n  width: 92%;\r\n  max-width: 1400px;\r\n  margin: auto;\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.skyblaze-image {\r\n  width: 65%;\r\n}\r\n\r\n.skyblaze-image img {\r\n  width: 100%;\r\n  height: 520px;\r\n  object-fit: cover;\r\n  display: block;\r\n  border-radius: 4px;\r\n}\r\n\r\n\/* ===== FUN RESORT SECTION ===== *\/\r\n\r\n.resort-fun-section {\r\n  padding: 120px 0;\r\n  background: #f5f7f3;\r\n  overflow: hidden;\r\n}\r\n\r\n.resort-fun-container {\r\n  width: 92%;\r\n  max-width: 1400px;\r\n  margin: auto;\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.resort-fun-image {\r\n  width: 65%;\r\n}\r\n\r\n.resort-fun-image img {\r\n  width: 100%;\r\n  height: 520px;\r\n  object-fit: cover;\r\n  border-radius: 10px;\r\n  display: block;\r\n}\r\n\r\n\/* CONTENT BOX *\/\r\n.resort-fun-content {\r\n  width: 45%;\r\n  background: linear-gradient(135deg, #2e5f4d, #3f7a63);\r\n  color: #fff;\r\n  padding: 70px 60px;\r\n  margin-left: -120px;\r\n  border-radius: 14px;\r\n  box-shadow: 0 25px 60px rgba(0,0,0,0.15);\r\n}\r\n\r\n.resort-fun-content h2 {\r\n  font-size: 30px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.resort-fun-content .line {\r\n  width: 70px;\r\n  height: 3px;\r\n  background: #ffd66b;\r\n  display: block;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.resort-fun-content p {\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.fun-btn {\r\n  display: inline-block;\r\n  background: #ffd66b;\r\n  color: #1f2d28;\r\n  padding: 12px 26px;\r\n  border-radius: 30px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: 0.3s;\r\n}\r\n\r\n.fun-btn:hover {\r\n  transform: translateY(-3px);\r\n  background: #ffca3a;\r\n}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n\r\n@media(max-width: 992px){\r\n\r\n  .resort-fun-container{\r\n    flex-direction: column;\r\n  }\r\n\r\n  .resort-fun-image,\r\n  .resort-fun-content{\r\n    width: 100%;\r\n  }\r\n\r\n  .resort-fun-content{\r\n    margin-left: 0;\r\n    margin-top: -40px;\r\n    padding: 40px;\r\n  }\r\n\r\n  .resort-fun-image img{\r\n    height: 380px;\r\n  }\r\n}\r\n\r\n@media(max-width:992px){\r\n\r\n.resort-fun-content{\r\nmargin-left:0 !important;\r\nwidth:100%;\r\n}\r\n\r\n}\t\r\n\r\n    <\/style>\r\n\r\n<\/head>\r\n<body>\r\n    <div class=\"menu-overlay\" id=\"menuOverlay\">\r\n        <div class=\"close-menu\" id=\"closeMenu\">&times;<\/div>\r\n        <nav class=\"overlay-nav\">\r\n            <a href=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/accommodations\/\">Accomodations<\/a>\r\n            <a href=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/special-offers\/\">Special Offers<\/a>\r\n            <a href=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/aktivitas\/\">Activities<\/a>\r\n            <a href=\"#\">Restaurants<\/a>\r\n            <a href=\"#\">Experiences<\/a>\r\n            <a href=\"#\">Contact<\/a>\r\n        <\/nav>\r\n    <\/div>\r\n\r\n    <section class=\"swiper hero-swiper\">\r\n        <div class=\"swiper-wrapper\">\r\n            <div class=\"swiper-slide hero-slide\" style=\"background-image: url('https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Glamping-The-Highland-Park-Resort-Bogor-1.webp');\">\r\n                <div class=\"hero-content\">\r\n                    <h1>LUXURY<br>RESORT<\/h1>\r\n                    <p>Personalized Comfort, Elevated Experiences<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"swiper-slide hero-slide\" style=\"background-image: url('https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/BARRACK-APACHE-1-scaled.webp');\">\r\n                <div class=\"hero-content\">\r\n                    <h1>A PRIVATE<br>HAVEN<\/h1>\r\n                    <p>Your Exclusive Escape In The Heart of Nature<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-pagination\"><\/div>\r\n    <\/section>\r\n\r\n    <section class=\"haven-section\">\r\n        <div class=\"container haven-grid\">\r\n            <div class=\"haven-text-card reveal\">\r\n                <h2 class=\"haven-title\">A GLAMPING <span>PARADISE<\/span> IN BOGOR<\/h2>\r\n                <p>The Highland Park Resort Bogor menghadirkan pengalaman glamping ikonik dengan perpaduan budaya Barat dan Timur. Menginap di tenda khas Apache dan Mongolian, dikelilingi lanskap hijau dan udara pegunungan Gunung Salak, tempat ini sempurna untuk liburan keluarga, corporate retreat, outbound, dan team building.<\/p>\r\n                <a href=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/aktivitas\/\" style=\"display:inline-block; margin-top:20px; color:#06542a; font-size:11px; font-weight:700; text-decoration:none; letter-spacing:2px;\">Explore Experiences &#10230;<\/a>\r\n            <\/div>\r\n            <div class=\"haven-image-main reveal delay-1\">\r\n                <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/9e08d718c1c6ae89e52295870f5c9c60.webp\" alt=\"Mountain\">\r\n            <\/div>\r\n            <div class=\"haven-image-stack reveal delay-2\">\r\n                <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Apache-scaled.webp\" alt=\"Apache\">\r\n                <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Mongolian-Standar-Camp-scaled.webp\" alt=\"Mongolian\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"villas-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-divider reveal\">\r\n                <h2 class=\"section-title-italic\">Accomodations<\/h2>\r\n                 <span class=\"divider-line\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"swiper mySwiper reveal delay-1\">\r\n                <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Alpine-House-scaled.webp\" alt=\"Alpine House\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>VILLA<\/h3>\r\n                                <p>Villa Eksklusif bernuansa pegunungan dengan ruang yang luas, privasi maksimal, dan pemandangan alam hijau. Tempat ini sangat ideal untuk keluarga, private gathering, dan corporate stay yang mengutamakan kenyamanan serta ketenangan.<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/The-Cave-scaled.webp\" alt=\"The Cave\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>GLAMPING<\/h3>\r\n                                <p>Pengalaman menginap unik dengan desain menyerupai gua alami, memadukan konsep Modern Asian dan sentuhan petualangan. Pilihan sempurna bagi tamu yang mencari pengalaman glamping berbeda dan dekat dengan alam..<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/BARRACK-APACHE-1-scaled.webp\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>BARRACK<\/h3>\r\n                                <p>Akomodasi Lodge yang dirancang khusus untuk group stay, outbound, dan team building. Menawarkan kenyamanan, kebersamaan, serta akses strategis ke area aktivitas resort.<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"swiper-button-next\"><\/div>\r\n                <div class=\"swiper-button-prev\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<section class=\"villas-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-divider reveal\">\r\n                <h2 class=\"section-title-italic\">DISCOVER EXPERIENCES | PLAN YOUR EVENT<\/h2>\r\n                 <span class=\"divider-line\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"swiper mySwiper reveal delay-1\">\r\n                <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Buldozer-scaled.webp\" alt=\"Buldozer\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>OUTBOUND<\/h3>\r\n                                <p>Program outbound dengan fasilitas lengkap dan area terbuka luas, dirancang untuk membangun kekompakan, komunikasi, dan semangat tim di tengah alam pegunungan.<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                    <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/nanam-scaled.webp\" alt=\"Berkebun\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>GEOBOUND<\/h3>\r\n                                <p>Program Geobound khusus anak yang dirancang untuk membangun kemandirian, keberanian, dan kerja sama tim melalui aktivitas seru di alam terbuka. Petualangan edukatif yang mengombinasikan eksplorasi alam, tantangan fisik ringan, dan pengalaman belajar yang menyenangkan di lingkungan pegunungan.<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n          \r\n              <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Team-Building--scaled.webp\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>TEAM BUILDING<\/h3>\r\n                                <p>Program team building terstruktur dengan berbagai aktivitas interaktif untuk perusahaan, komunitas, dan institusi, didukung fasilitas resort yang lengkap.<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"swiper-button-next\"><\/div>\r\n                <div class=\"swiper-button-prev\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<section class=\"resort-fun-section\">\r\n  <div class=\"resort-fun-container\">\r\n\r\n    <!-- Image -->\r\n    <div class=\"resort-fun-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Curug-scaled.webp\" alt=\"Resort Experience\">\r\n    <\/div>\r\n\r\n    <!-- Content -->\r\n    <div class=\"resort-fun-content\">\r\n      <h2>RECONNECT. RECHARGE. RISE TOGETHER.<\/h2>\r\n      <span class=\"line\"><\/span>\r\n      <p>\r\n        Segarkan pikiran dengan udara murni dan hamparan alam yang luas. Kami menghadirkan ruang di mana aktivitas seru dan relaksasi menyatu sempurna. Setiap sudut area ini dirancang untuk memicu tawa, membangun kepercayaan, dan mengukir cerita hebat yang akan terus dibicarakan oleh tim Anda bahkan setelah acara selesai.\r\n      <\/p>\r\n\r\n      <a href=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/aktivitas\/\" class=\"fun-btn\">Explore More<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"villas-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-divider reveal\">\r\n                <h2 class=\"section-title-italic\">LEISURE & LIFESTYLE<\/h2>\r\n                 <span class=\"divider-line\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"swiper mySwiper reveal delay-1\">\r\n                <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Horse-scaled.webp\" alt=\"Berkuda\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>HORSE RIDING<\/h3>\r\n                                <p>Nikmati pengalaman berkuda di alam terbuka dengan latar Gunung Salak. Aktivitas favorit keluarga dan anak-anak yang memberikan sensasi petualangan seru namun tetap menenangkan.<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/DSCF0402.jpg\" alt=\"Infinity Pool\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>INFINITY POOL<\/h3>\r\n                                <p>Bersantai di infinity pool dengan pemandangan hijau pegunungan yang menenangkan.<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/IMG_9133-copy-scaled.webp\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>HI-MART<\/h3>\r\n                                <p>Convenience store resort untuk memenuhi kebutuhan Anda selama menginap.<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"swiper-button-next\"><\/div>\r\n                <div class=\"swiper-button-prev\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n<section class=\"resort-fun-section\">\r\n  <div class=\"resort-fun-container\">\r\n\r\n    <!-- Image -->\r\n    <div class=\"resort-fun-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/6.webp\" alt=\"Resort Experience\">\r\n    <\/div>\r\n\r\n    <!-- Content -->\r\n    <div class=\"resort-fun-content\">\r\n      <h2>RESORT EXPERIENCES<\/h2>\r\n      <span class=\"line\"><\/span>\r\n      <p>\r\n       Udara pegunungan yang segar, ruang terbuka hijau, dan momen bahagia yang tak henti. Dari penginapan yang menenangkan hingga aktivitas keluarga yang seru, setiap sudut dirancang untuk kenyamanan, tawa, dan kenangan tak terlupakan.\r\n      <\/p>\r\n\r\n      <a href=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/gallery\/\" class=\"fun-btn\">Explore More<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"villas-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-divider reveal\">\r\n                <h2 class=\"section-title-italic\">DINING<\/h2>\r\n                <span class=\"divider-line\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"swiper mySwiper reveal delay-1\">\r\n                <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Resto-Anthurium-scaled.webp\" alt=\"ANTHURIUM RESTO\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>ANTHURIUM RESTO<\/h3>\r\n                                <p>Nikmati pengalaman bersantap istimewa dengan sajian hidangan lokal dan internasional dalam suasana alam yang menenangkan.<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/fasilitas\/\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/Kopi-Hip-scaled.webp\" alt=\"KOPIHIP\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>KOPIHIP<\/h3>\r\n                                <p>Tempat santai favorit untuk menikmati kopi berkualitas, camilan lezat, dan suasana hangat di tengah udara segar pegunungan.<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/SKY-LOUNGE-scaled.webp\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>SKY LOUNGE<\/h3>\r\n                                <p>Dining dengan panorama resort dari ketinggian, ditemani gemerlap city light yang menawan saat malam hari.<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"swiper-button-next\"><\/div>\r\n                <div class=\"swiper-button-prev\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<section class=\"villas-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-divider reveal\">\r\n                <h2 class=\"section-title-italic\">MEETINGS & SOCIAL EVENT<\/h2>\r\n                <span class=\"divider-line\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"swiper mySwiper reveal delay-1\">\r\n                <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/FB_IMG_1771662404655.jpg.jpeg\" alt=\"Meetings & Events\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>MEETINGS & EVENTS<\/h3>\r\n                                <p>The Highland Park Resort Bogor menyediakan fasilitas meeting lengkap dengan venue stylish, menciptakan suasana profesional yang nyaman untuk berbagai kebutuhan bisnis dan corporate events<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"villa-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-content\/uploads\/FB_IMG_1771662382809.jpg.jpeg\" alt=\"Weddings & Celebrations\">\r\n                            <div class=\"villa-info-card\">\r\n                                <h3>WEDDINGS & CELEBRATIONS<\/h3>\r\n                                <p>Dengan latar alam yang memukau dan layanan katering terbaik, The Highland Park Resort Bogor adalah destinasi sempurna untuk pernikahan impian dan perayaan spesial Anda.<\/p>\r\n                                <div class=\"card-footer\">\r\n                                    <a href=\"#\" style=\"color:#06542a; font-size:12px; font-weight:700; text-decoration:none;\">SEE MORE &#10230;<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                <div class=\"swiper-button-next\"><\/div>\r\n                <div class=\"swiper-button-prev\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <section class=\"gallery-strip\">\r\n    <div class=\"gallery-bg\">\r\n        <a href=\"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/fasilitas\/\" class=\"view-gallery-btn\">\r\n            EXPLORE ALL FACILITIES\r\n            <i class=\"fa-solid fa-chevron-right\" style=\"margin-left:10px;\"><\/i>\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n    <script>\r\n        \/\/ Menu Overlay Logic\r\n        const menuBtn = document.querySelector('.hamburger-menu');\r\n        const closeBtn = document.getElementById('closeMenu');\r\n        const overlay = document.getElementById('menuOverlay');\r\n\r\n        menuBtn.addEventListener('click', () => overlay.classList.add('active'));\r\n        closeBtn.addEventListener('click', () => overlay.classList.remove('active'));\r\n\r\n        \/\/ Hero Swiper\r\n        new Swiper(\".hero-swiper\", {\r\n            loop: true,\r\n            effect: \"fade\",\r\n            speed: 1000,\r\n            autoplay: { delay: 5000 },\r\n            pagination: { el: \".swiper-pagination\", clickable: true }\r\n        });\r\n\r\n        \/\/ Villa Swiper\r\n        new Swiper(\".mySwiper\", {\r\n            slidesPerView: 1.1,\r\n            spaceBetween: 30,\r\n            navigation: { nextEl: \".swiper-button-next\", prevEl: \".swiper-button-prev\" },\r\n            breakpoints: {\r\n                768: { slidesPerView: 1.2 },\r\n                1024: { slidesPerView: 1.5 }\r\n            }\r\n        });\r\n\r\n        \/\/ Scroll Reveal\r\n        const revealObserver = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) entry.target.classList.add('active');\r\n            });\r\n        }, { threshold: 0.15 });\r\n\r\n        document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\r\nconst grid = document.querySelector('.gallery-grid');\r\nconst nextBtn = document.querySelector('#nextBtn'); \/\/ Pastikan ID di HTML sama\r\nconst prevBtn = document.querySelector('#prevBtn');\r\n\r\nnextBtn.addEventListener('click', () => {\r\n  grid.scrollLeft += 320; \/\/ Geser ke kanan\r\n});\r\n\r\nprevBtn.addEventListener('click', () => {\r\n  grid.scrollLeft -= 320; \/\/ Geser ke kiri\r\n});\r\n    <\/script>\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>&times; Accomodations Special Offers Activities Restaurants Experiences Contact LUXURYRESORT Personalized Comfort, Elevated Experiences A PRIVATEHAVEN Your Exclusive Escape In The Heart of Nature A GLAMPING PARADISE IN BOGOR The Highland Park Resort Bogor menghadirkan pengalaman glamping ikonik dengan perpaduan budaya Barat dan Timur. Menginap di tenda khas Apache dan Mongolian, dikelilingi lanskap hijau dan udara [&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-7188","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/7188","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=7188"}],"version-history":[{"count":42,"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/7188\/revisions"}],"predecessor-version":[{"id":7776,"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/pages\/7188\/revisions\/7776"}],"wp:attachment":[{"href":"https:\/\/thehighlandparkresortbogor.com\/Indonesia\/wp-json\/wp\/v2\/media?parent=7188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}