{"id":8427,"date":"2026-08-24T09:09:31","date_gmt":"2026-08-24T09:09:31","guid":{"rendered":"https:\/\/julfian.com\/?page_id=8427"},"modified":"2026-08-24T09:27:32","modified_gmt":"2026-08-24T09:27:32","slug":"heron","status":"publish","type":"page","link":"https:\/\/julfian.com\/en\/heron\/","title":{"rendered":"Cluster Heron Summarecon Serpong | Rumah Mewah 3 Lantai"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8427\" class=\"elementor elementor-8427\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef27b4a e-con-full e-flex e-con e-parent\" data-id=\"ef27b4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1db3463 elementor-widget elementor-widget-html\" data-id=\"1db3463\" 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<!-- START: Cluster Heron Section 1 - Cinematic Hero -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .heron-hero-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .heron-hero-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    min-height: 650px;\r\n    background: #0b1517;\r\n    overflow: hidden;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  \/* Background Image Container (Desktop Default) *\/\r\n  .heron-hero-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: linear-gradient(180deg, rgba(11, 21, 23, 0.65) 0%, rgba(11, 21, 23, 0.4) 50%, rgba(11, 21, 23, 0.95) 100%), \r\n                      url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Cluster-Heron-Summarecon-Serpong.webp');\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    transition: background-image 0.4s ease-in-out;\r\n  }\r\n\r\n  \/* Centered Title Overlay *\/\r\n  .heron-hero-title-box {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -55%);\r\n    text-align: center;\r\n    width: 90%;\r\n    max-width: 980px;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  .heron-hero-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #e6ca65; \/* Summarecon Luxury Gold *\/\r\n    background: rgba(11, 21, 23, 0.85);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    border: 1px solid rgba(230, 202, 101, 0.4);\r\n    padding: 6px 20px;\r\n    border-radius: 50px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);\r\n  }\r\n\r\n  .heron-hero-title {\r\n    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;\r\n    font-size: clamp(26px, 4.2vw, 52px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    letter-spacing: 1px;\r\n    line-height: 1.15;\r\n    text-shadow: 0 4px 25px rgba(0,0,0,0.85);\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .heron-hero-title .line-2 {\r\n    display: block;\r\n    margin-top: 4px;\r\n    color: #e6ca65; \/* Luxury Gold Accent *\/\r\n  }\r\n\r\n  .heron-hero-subtitle {\r\n    font-size: clamp(13px, 1.2vw, 16px);\r\n    color: #e2e8f0;\r\n    font-weight: 400;\r\n    max-width: 780px;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85);\r\n  }\r\n\r\n  \/* Bottom Floating Specs Bar *\/\r\n  .heron-hero-specs-bar {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 50%;\r\n    transform: translate(-50%, 40px);\r\n    width: 92%;\r\n    max-width: 1180px;\r\n    background: rgba(11, 21, 23, 0.9);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid rgba(230, 202, 101, 0.3);\r\n    border-radius: 20px;\r\n    padding: 22px 24px;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 12px;\r\n    z-index: 3;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);\r\n  }\r\n\r\n  \/* Active State Triggered by Scroll *\/\r\n  .heron-hero-specs-bar.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translate(-50%, 0);\r\n  }\r\n\r\n  .heron-spec-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    border-right: 1px solid rgba(255, 255, 255, 0.15);\r\n    padding: 0 6px;\r\n  }\r\n\r\n  .heron-spec-item:last-child {\r\n    border-right: none;\r\n  }\r\n\r\n  .heron-spec-value {\r\n    font-size: clamp(15px, 1.5vw, 20px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin-bottom: 4px;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.2px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .heron-spec-value span {\r\n    color: #e6ca65;\r\n  }\r\n\r\n  .heron-spec-label {\r\n    font-size: 11px;\r\n    color: #cbd5e1;\r\n    font-weight: 500;\r\n    letter-spacing: 0.3px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Scroll Down Indicator Icon *\/\r\n  .heron-scroll-indicator {\r\n    position: absolute;\r\n    bottom: 24px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    color: rgba(255, 255, 255, 0.85);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    z-index: 2;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  .heron-scroll-indicator svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #e6ca65;\r\n    animation: heronBounce 2s infinite;\r\n  }\r\n\r\n  @keyframes heronBounce {\r\n    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\r\n    40% { transform: translateY(-8px); }\r\n    60% { transform: translateY(-4px); }\r\n  }\r\n\r\n  \/* Responsive Breakpoints (Tablet & Mobile) *\/\r\n  @media (max-width: 768px) {\r\n    \/* Switch gambar background untuk tampilan mobile *\/\r\n    .heron-hero-bg {\r\n      background-image: linear-gradient(180deg, rgba(11, 21, 23, 0.7) 0%, rgba(11, 21, 23, 0.4) 50%, rgba(11, 21, 23, 0.95) 100%), \r\n                        url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Cluster-Heron-Gading-Serpong.webp');\r\n    }\r\n\r\n    .heron-hero-specs-bar {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 12px 10px;\r\n      padding: 14px 10px;\r\n      bottom: 20px;\r\n      width: 95%;\r\n    }\r\n\r\n    .heron-spec-item {\r\n      border-right: none;\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n      padding: 0 4px 10px;\r\n    }\r\n\r\n    .heron-spec-item:nth-child(3), \r\n    .heron-spec-item:nth-child(4) {\r\n      border-bottom: none;\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .heron-spec-value {\r\n      font-size: 13.5px;\r\n      white-space: nowrap;\r\n      margin-bottom: 2px;\r\n    }\r\n\r\n    \/* Memaksa teks label selalu 1 baris tanpa wrapping *\/\r\n    .heron-spec-label {\r\n      font-size: 9.5px;\r\n      white-space: nowrap !important;\r\n      letter-spacing: -0.2px;\r\n    }\r\n  }\r\n\r\n  \/* Khusus Tampilan Layar HP Kecil (<= 400px) *\/\r\n  @media (max-width: 400px) {\r\n    .heron-hero-badge {\r\n      font-size: 8.5px;\r\n      letter-spacing: 0.5px;\r\n      padding: 4px 10px;\r\n    }\r\n    .heron-hero-specs-bar {\r\n      padding: 12px 6px;\r\n      gap: 10px 6px;\r\n    }\r\n    .heron-spec-value {\r\n      font-size: 12.5px;\r\n    }\r\n    .heron-spec-label {\r\n      font-size: 8.5px;\r\n      letter-spacing: -0.3px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"heron-hero-wrapper\">\r\n\r\n  <!-- Background Image -->\r\n  <div class=\"heron-hero-bg\"><\/div>\r\n\r\n  <!-- Main Title Overlay (Centered Content) -->\r\n  <div class=\"heron-hero-title-box\">\r\n    <span class=\"heron-hero-badge\">SUMMARECON SERPONG \u2022 THE SPRINGS DISTRICT<\/span>\r\n\r\n    <h1 class=\"heron-hero-title\">\r\n      CLUSTER HERON\r\n      <span class=\"line-2\">THE EPITOME OF LUXURY LIVING<\/span>\r\n    <\/h1>\r\n\r\n    <p class=\"heron-hero-subtitle\">\r\n      Hunian Mewah 3 Lantai Tipe <b>Ardea & Agretta<\/b> di Kawasan Prestisius The Springs Gading Serpong. Dilengkapi Opsi <b>Private Lift<\/b>, Smart Home System, dan Material Imported Marble.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- Scroll Down Indicator -->\r\n  <div class=\"heron-scroll-indicator\" id=\"heronScrollIndicator\">\r\n    <span>SCROLL KEBAWAH<\/span>\r\n    <svg viewbox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n  <\/div>\r\n\r\n  <!-- Bottom Floating Spec Bar -->\r\n  <div class=\"heron-hero-specs-bar\" id=\"heronSpecsBar\">\r\n    <div class=\"heron-spec-item\">\r\n      <div class=\"heron-spec-value\">Mulai <span>Rp 6,3 M-an<\/span><\/div>\r\n      <div class=\"heron-spec-label\">Harga Termasuk PPN<\/div>\r\n    <\/div>\r\n    <div class=\"heron-spec-item\">\r\n      <div class=\"heron-spec-value\">Private <span>Lift Option<\/span><\/div>\r\n      <div class=\"heron-spec-label\">Tipe Ardea & Agretta (3 Lantai)<\/div>\r\n    <\/div>\r\n    <div class=\"heron-spec-item\">\r\n      <div class=\"heron-spec-value\">Dimensi <span>9x16 s\/d 11x19<\/span><\/div>\r\n      <div class=\"heron-spec-label\">Luas Bangunan Hingga 359 m\u00b2<\/div>\r\n    <\/div>\r\n    <div class=\"heron-spec-item\">\r\n      <div class=\"heron-spec-value\">The Springs <span>Boulevard<\/span><\/div>\r\n      <div class=\"heron-spec-label\">Clubhouse Bintang 5 & Akses Tol<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Scroll Effect Script -->\r\n<script>\r\n  window.addEventListener('scroll', function() {\r\n    const specsBar = document.getElementById('heronSpecsBar');\r\n    const scrollIndicator = document.getElementById('heronScrollIndicator');\r\n\r\n    \/\/ Trigger saat scroll turun lebih dari 60px\r\n    if (window.scrollY > 60) {\r\n      if (specsBar) specsBar.classList.add('active');\r\n      if (scrollIndicator) scrollIndicator.style.opacity = '0';\r\n    } else {\r\n      if (specsBar) specsBar.classList.remove('active');\r\n      if (scrollIndicator) scrollIndicator.style.opacity = '1';\r\n    }\r\n  });\r\n<\/script>\r\n<!-- END: Cluster Heron Section 1 - Cinematic Hero -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5772fa4 e-con-full e-flex e-con e-parent\" data-id=\"5772fa4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fcfc05 elementor-widget elementor-widget-html\" data-id=\"6fcfc05\" 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<!-- START: Cluster Heron Section 2 - Value Proposition & Highlights -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .heron-highlights-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .heron-highlights-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background: #080f11;\r\n    color: #f8fafc;\r\n    padding: 90px 20px 70px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Decorative Ambient Glow *\/\r\n  .heron-highlights-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 10%;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 600px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(230, 202, 101, 0.08) 0%, rgba(8, 15, 17, 0) 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .heron-highlights-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .heron-highlights-header {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 50px;\r\n  }\r\n\r\n  .heron-sub-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #e6ca65;\r\n    background: rgba(230, 202, 101, 0.1);\r\n    border: 1px solid rgba(230, 202, 101, 0.3);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .heron-highlights-title {\r\n    font-size: clamp(26px, 3.5vw, 42px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    color: #ffffff;\r\n    margin: 0 0 16px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .heron-highlights-title span {\r\n    color: #e6ca65;\r\n  }\r\n\r\n  .heron-highlights-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #94a3b8;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Feature Grid Layout *\/\r\n  .heron-grid-cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n    margin-bottom: 45px;\r\n  }\r\n\r\n  .heron-card {\r\n    background: linear-gradient(180deg, rgba(17, 30, 33, 0.7) 0%, rgba(11, 21, 23, 0.9) 100%);\r\n    border: 1px solid rgba(230, 202, 101, 0.2);\r\n    border-radius: 20px;\r\n    padding: 30px 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .heron-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(230, 202, 101, 0.6);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5), 0 0 20px rgba(230, 202, 101, 0.15);\r\n  }\r\n\r\n  \/* Card Icon *\/\r\n  .heron-card-icon-box {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 14px;\r\n    background: rgba(230, 202, 101, 0.12);\r\n    border: 1px solid rgba(230, 202, 101, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .heron-card-icon-box svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    fill: #e6ca65;\r\n  }\r\n\r\n  .heron-card-title {\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 12px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .heron-card-text {\r\n    font-size: 13.5px;\r\n    color: #94a3b8;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Bottom Call to Action Box *\/\r\n  .heron-action-bar {\r\n    background: linear-gradient(90deg, rgba(230, 202, 101, 0.12) 0%, rgba(17, 30, 33, 0.8) 100%);\r\n    border: 1px solid rgba(230, 202, 101, 0.35);\r\n    border-radius: 18px;\r\n    padding: 24px 36px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    margin-bottom: 45px;\r\n  }\r\n\r\n  .heron-action-info h4 {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 4px;\r\n  }\r\n\r\n  .heron-action-info p {\r\n    font-size: 13.5px;\r\n    color: #cbd5e1;\r\n    margin: 0;\r\n  }\r\n\r\n  .heron-btn-gold {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: #e6ca65;\r\n    color: #0b1517;\r\n    font-weight: 800;\r\n    font-size: 14px;\r\n    padding: 14px 32px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    white-space: nowrap;\r\n    box-shadow: 0 4px 15px rgba(230, 202, 101, 0.3);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .heron-btn-gold:hover {\r\n    background: #f3dc87;\r\n    transform: scale(1.03);\r\n    box-shadow: 0 6px 20px rgba(230, 202, 101, 0.45);\r\n  }\r\n\r\n  .heron-btn-gold svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: currentColor;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  .heron-btn-gold:hover svg {\r\n    transform: translateX(3px);\r\n  }\r\n\r\n  \/* Bottom Showcase Image Banner *\/\r\n  .heron-showcase-image-box {\r\n    width: 100%;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(230, 202, 101, 0.3);\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7);\r\n    position: relative;\r\n  }\r\n\r\n  .heron-showcase-image-box img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: cover;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .heron-showcase-image-box:hover img {\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  .heron-image-overlay-tag {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 20px;\r\n    background: rgba(11, 21, 23, 0.85);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(230, 202, 101, 0.4);\r\n    padding: 10px 20px;\r\n    border-radius: 50px;\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .heron-image-overlay-tag span {\r\n    color: #e6ca65;\r\n  }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 1024px) {\r\n    .heron-grid-cards {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .heron-highlights-wrapper {\r\n      padding: 70px 16px 50px;\r\n    }\r\n    .heron-highlights-header {\r\n      margin-bottom: 36px;\r\n    }\r\n    .heron-grid-cards {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n    .heron-action-bar {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      padding: 24px 20px;\r\n      gap: 16px;\r\n    }\r\n    .heron-btn-gold {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n    .heron-image-overlay-tag {\r\n      bottom: 12px;\r\n      left: 12px;\r\n      font-size: 11px;\r\n      padding: 6px 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"heron-highlights-wrapper\" id=\"keunggulan-heron\">\r\n  <div class=\"heron-highlights-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"heron-highlights-header\">\r\n      <span class=\"heron-sub-badge\">THE HIGHEST STANDARD OF LUXURY<\/span>\r\n      <h2 class=\"heron-highlights-title\">\r\n        Kemewahan Tanpa Kompromi untuk <span>Keluarga Sultan<\/span>\r\n      <\/h2>\r\n      <p class=\"heron-highlights-desc\">\r\n        Setiap jengkal ruang di Cluster Heron dirancang untuk memberikan privasi maksimal, estetika arsitektur berkelas, serta fleksibilitas ruang bagi multi-generational family.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Features 4-Cards Grid -->\r\n    <div class=\"heron-grid-cards\">\r\n      \r\n      <!-- Card 1 -->\r\n      <div class=\"heron-card\">\r\n        <div class=\"heron-card-icon-box\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3zm0 2.84L18 11.24V18h-2v-6H8v6H6v-6.76l6-5.4z\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"heron-card-title\">Spacious 3-Story Layout<\/h3>\r\n        <p class=\"heron-card-text\">\r\n          Tata ruang lapang 3 lantai dengan konfigurasi fleksibel <b>4+1 hingga 5+1 kamar tidur<\/b> dan <b>double ceiling<\/b> ruang keluarga untuk sirkulasi udara alami dan pencahayaan optimal.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"heron-card\">\r\n        <div class=\"heron-card-icon-box\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM8.5 12l2.5 3h-5l2.5-3zm7 0l-2.5-3h5l-2.5 3z\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"heron-card-title\">Private Lift Option<\/h3>\r\n        <p class=\"heron-card-text\">\r\n          Kemudahan mobilitas vertikal eksklusif yang ramah lansia dan anak (tersedia khusus opsi tipe <b>Ardea & Premium B<\/b>) untuk kenyamanan hidup bertaraf resort bintang lima.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"heron-card\">\r\n        <div class=\"heron-card-icon-box\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M19 3H5L2 9l10 12L22 9l-3-6zM5.44 5h13.12l1.5 3H3.94l1.5-3zM12 18.6L5.42 10h13.16L12 18.6z\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"heron-card-title\">Top-Tier Finishing<\/h3>\r\n        <p class=\"heron-card-text\">\r\n          Material ultra premium menggunakan <b>Imported Marble Floor<\/b>, sanitary kelas dunia dari <b>Kohler<\/b>, pintu garasi otomatis, hingga instalasi <b>EV Charging Ready<\/b>.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 4 -->\r\n      <div class=\"heron-card\">\r\n        <div class=\"heron-card-icon-box\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M22 21c-1.11 0-1.73-.37-2.18-.64-.39-.23-.6-.36-1.32-.36s-.93.13-1.32.36c-.45.27-1.07.64-2.18.64s-1.73-.37-2.18-.64c-.39-.23-.6-.36-1.32-.36s-.93.13-1.32.36c-.45.27-1.07.64-2.18.64s-1.73-.37-2.18-.64c-.39-.23-.6-.36-1.32-.36s-.93.13-1.32.36c-.45.27-1.07.64-2.18.64v-2c.72 0 .93-.13 1.32-.36.45-.27 1.07-.64 2.18-.64s1.73.37 2.18.64c.39.23.6.36 1.32.36s.93-.13 1.32-.36c.45-.27 1.07-.64 2.18-.64s1.73.37 2.18.64c.39.23.6.36 1.32.36s.93-.13 1.32-.36c.45-.27 1.07-.64 2.18-.64v2zM12 9c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"heron-card-title\">Clubhouse Bintang 5<\/h3>\r\n        <p class=\"heron-card-text\">\r\n          Akses fasilitas relaksasi privat terlengkap di dalam klaster mulai dari <b>Jacuzzi, Sauna, Gym, Swimming Pool<\/b>, hingga akses eksklusif ke megah-nya <b>The Springs Club<\/b>.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Micro-Conversion Bar (CTA) -->\r\n    <div class=\"heron-action-bar\">\r\n      <div class=\"heron-action-info\">\r\n        <h4>Tertarik Melihat Denah & Spesifikasi Material Lengkap?<\/h4>\r\n        <p>Konsultasikan unit impian Anda atau jadwalkan private tour show unit bersama specialist kami.<\/p>\r\n      <\/div>\r\n      <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20tertarik%20dan%20mau%20Tanya%20Detail%20tentang%20Cluster%20Heron%20Summarecon%20Serpong.%20Bisa%20dibantu%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"heron-btn-gold\">\r\n        <span>Tanya Detail<\/span>\r\n        <svg viewbox=\"0 0 24 24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Showcase Image Banner -->\r\n    <div class=\"heron-showcase-image-box\">\r\n      <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Rumah-Mewah-Ardea-Cluster-Heron-Gading-Serpong.webp\" alt=\"Rumah Mewah Ardea Cluster Heron Summarecon Gading Serpong\" loading=\"lazy\">\r\n      <div class=\"heron-image-overlay-tag\">\r\n        Show Unit: <span>Tipe Ardea - Luxury 3-Story Residence<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Cluster Heron Section 2 - Value Proposition & Highlights -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd6243d e-con-full e-flex e-con e-parent\" data-id=\"bd6243d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58efe43 elementor-widget elementor-widget-html\" data-id=\"58efe43\" 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<!-- START: Cluster Heron Section 3 - Pilihan Tipe Unit (4 Grid Cards & Modal Layout) -->\r\n<style>\r\n  \/* Guard Anti-Geser & Box Sizing *\/\r\n  .heron-types-wrapper,\r\n  .heron-types-wrapper *,\r\n  .heron-modal-overlay,\r\n  .heron-modal-overlay * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .heron-types-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Transisi gradasi seamless dari dark luxury ke deep charcoal *\/\r\n    background: linear-gradient(180deg, #080f11 0%, #101c20 35%, #18282d 70%, #20353c 100%);\r\n    color: #f8fafc;\r\n    padding: 90px 20px 80px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .heron-types-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .heron-types-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto 40px;\r\n  }\r\n\r\n  .heron-type-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #e6ca65;\r\n    background: rgba(230, 202, 101, 0.12);\r\n    border: 1px solid rgba(230, 202, 101, 0.35);\r\n    padding: 6px 20px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .heron-types-title {\r\n    font-size: clamp(26px, 3.5vw, 42px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    color: #ffffff;\r\n    margin: 0 0 16px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .heron-types-title span {\r\n    color: #e6ca65;\r\n  }\r\n\r\n  .heron-types-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #cbd5e1;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Master Switch Tabs *\/\r\n  .heron-type-nav-tabs {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .heron-tab-trigger {\r\n    background: rgba(11, 21, 23, 0.85);\r\n    border: 1px solid rgba(230, 202, 101, 0.25);\r\n    color: #94a3b8;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    padding: 13px 36px;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .heron-tab-trigger:hover {\r\n    color: #ffffff;\r\n    border-color: rgba(230, 202, 101, 0.6);\r\n  }\r\n\r\n  .heron-tab-trigger.active {\r\n    background-color: #e6ca65;\r\n    color: #0b1517;\r\n    border-color: #e6ca65;\r\n    box-shadow: 0 6px 25px rgba(230, 202, 101, 0.35);\r\n  }\r\n\r\n  .heron-tab-pane {\r\n    display: none;\r\n  }\r\n\r\n  .heron-tab-pane.active {\r\n    display: block;\r\n    animation: heronFade 0.35s ease-out;\r\n  }\r\n\r\n  @keyframes heronFade {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* 4 Grid Layout (2 Atas, 2 Bawah) *\/\r\n  .heron-grid-2x2 {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .heron-grid-2x2 {\r\n      grid-template-columns: 1fr;\r\n      gap: 18px;\r\n    }\r\n  }\r\n\r\n  \/* Card Layout Luxury *\/\r\n  .heron-card-item {\r\n    background: rgba(14, 25, 29, 0.85);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid rgba(230, 202, 101, 0.22);\r\n    border-radius: 20px;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n\r\n  .heron-card-item:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(230, 202, 101, 0.5);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 15px rgba(230, 202, 101, 0.1);\r\n  }\r\n\r\n  .heron-card-body {\r\n    padding: 26px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .heron-card-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .heron-unit-title {\r\n    font-size: 21px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 0;\r\n  }\r\n\r\n  .heron-dim-tag {\r\n    background: rgba(230, 202, 101, 0.12);\r\n    color: #e6ca65;\r\n    border: 1px solid rgba(230, 202, 101, 0.35);\r\n    font-size: 11.5px;\r\n    font-weight: 700;\r\n    padding: 4px 12px;\r\n    border-radius: 20px;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .heron-unit-subtitle {\r\n    font-size: 13.5px;\r\n    color: #e6ca65;\r\n    font-weight: 600;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Spec Grid *\/\r\n  .heron-specs-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n    padding-bottom: 18px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .heron-spec-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #cbd5e1;\r\n  }\r\n\r\n  .heron-spec-item svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: none;\r\n    stroke: #e6ca65;\r\n    stroke-width: 2;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Card Action Buttons *\/\r\n  .heron-card-actions {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-top: auto;\r\n  }\r\n\r\n  .btn-heron-wa {\r\n    flex: 1;\r\n    background-color: #e6ca65;\r\n    color: #0b1517 !important;\r\n    text-decoration: none;\r\n    border-radius: 12px;\r\n    padding: 12px 14px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    transition: background 0.2s ease, transform 0.2s ease;\r\n  }\r\n\r\n  .btn-heron-wa:hover {\r\n    background-color: #f3dc87;\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  .btn-heron-details {\r\n    flex: 1;\r\n    background-color: rgba(255, 255, 255, 0.05);\r\n    color: #ffffff;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    border-radius: 12px;\r\n    padding: 12px 14px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .btn-heron-details:hover {\r\n    background-color: rgba(230, 202, 101, 0.12);\r\n    border-color: rgba(230, 202, 101, 0.5);\r\n    color: #e6ca65;\r\n  }\r\n\r\n  \/* MODAL POPUP *\/\r\n  .heron-modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background: rgba(0, 0, 0, 0.75);\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 999999;\r\n    padding: 16px;\r\n    backdrop-filter: blur(6px);\r\n  }\r\n\r\n  .heron-modal-container {\r\n    background: #0f1c20;\r\n    border: 1px solid rgba(230, 202, 101, 0.35);\r\n    color: #ffffff;\r\n    border-radius: 20px;\r\n    max-width: 860px;\r\n    width: calc(100% - 20px);\r\n    max-height: 90vh;\r\n    overflow-y: auto;\r\n    position: relative;\r\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);\r\n    padding: 28px 24px 24px;\r\n    animation: modalScale 0.25s ease-out;\r\n  }\r\n\r\n  @keyframes modalScale {\r\n    from { opacity: 0; transform: scale(0.95); }\r\n    to { opacity: 1; transform: scale(1); }\r\n  }\r\n\r\n  .heron-modal-close {\r\n    position: absolute;\r\n    top: 14px;\r\n    right: 14px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    color: #cbd5e1;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .heron-modal-close:hover {\r\n    background: #e6ca65;\r\n    color: #0b1517;\r\n    border-color: #e6ca65;\r\n  }\r\n\r\n  .heron-modal-flex {\r\n    display: flex;\r\n    gap: 24px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .heron-modal-flex {\r\n      flex-direction: column;\r\n      gap: 16px;\r\n    }\r\n  }\r\n\r\n  .heron-modal-left {\r\n    flex: 1.1;\r\n    width: 100%;\r\n    background: #080f11;\r\n    border-radius: 12px;\r\n    padding: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(230, 202, 101, 0.2);\r\n  }\r\n\r\n  .heron-modal-left img {\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 8px;\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n\r\n  .heron-modal-right {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n  }\r\n\r\n  .heron-modal-title {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    margin: 0 0 14px 0;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .heron-modal-spec-box {\r\n    background: rgba(8, 15, 17, 0.7);\r\n    border-radius: 10px;\r\n    padding: 10px 14px;\r\n    margin-bottom: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n  }\r\n\r\n  .heron-modal-spec-icon {\r\n    background: rgba(230, 202, 101, 0.12);\r\n    padding: 8px;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .heron-modal-spec-icon svg {\r\n    stroke: #e6ca65;\r\n  }\r\n\r\n  .heron-modal-spec-text label {\r\n    display: block;\r\n    font-size: 11px;\r\n    color: #94a3b8;\r\n  }\r\n\r\n  .heron-modal-spec-text span {\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .heron-modal-desc-title {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    margin: 12px 0 6px 0;\r\n    color: #e6ca65;\r\n  }\r\n\r\n  .heron-modal-desc-text {\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    color: #cbd5e1;\r\n  }\r\n<\/style>\r\n\r\n<section class=\"heron-types-wrapper\" id=\"tipe-unit-heron\">\r\n  <div class=\"heron-types-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"heron-types-header\">\r\n      <span class=\"heron-type-badge\">PILIHAN TIPE UNIT<\/span>\r\n      <h2 class=\"heron-types-title\">\r\n        Dua Pilihan Tipe Eksklusif Sesuai <span>Gaya Hidup Anda<\/span>\r\n      <\/h2>\r\n      <p class=\"heron-types-desc\">\r\n        Hadir dengan rancangan arsitektur 3 lantai berestetika modern, Cluster Heron menghadirkan dua mahakarya unit: <b>Tipe Ardea<\/b> dan <b>Tipe Agretta<\/b> dengan fleksibilitas layout terbaik di kelasnya.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Master Switch Tabs -->\r\n    <div class=\"heron-type-nav-tabs\">\r\n      <button class=\"heron-tab-trigger active\" onclick=\"switchHeronTab('ardea', this)\">Tipe ARDEA (5+1 KT)<\/button>\r\n      <button class=\"heron-tab-trigger\" onclick=\"switchHeronTab('agretta', this)\">Tipe AGRETTA (4+1 KT)<\/button>\r\n    <\/div>\r\n\r\n    <!-- ==================== TAB PANE: ARDEA ==================== -->\r\n    <div id=\"pane-ardea\" class=\"heron-tab-pane active\">\r\n      <div class=\"heron-grid-2x2\">\r\n\r\n        <!-- Card Ardea A -->\r\n        <div class=\"heron-card-item\">\r\n          <div class=\"heron-card-body\">\r\n            <div class=\"heron-card-header\">\r\n              <h3 class=\"heron-unit-title\">Ardea Type A<\/h3>\r\n              <span class=\"heron-dim-tag\">11 x 19<\/span>\r\n            <\/div>\r\n            <div class=\"heron-unit-subtitle\">Flagship Luxury 3-Story Residence<\/div>\r\n            <div class=\"heron-specs-grid\">\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n                LT 209 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg>\r\n                LB 359 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n                5 + 1 KT\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 12h16a1 1 0 011 1v3a4 4 0 01-4 4H7a4 4 0 01-4-4v-3a1 1 0 011-1zm3-4a2 2 0 100-4 2 2 0 000 4z\"\/><\/svg>\r\n                5 + 1 KM\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"heron-card-actions\">\r\n              <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20tertarik%20dengan%20Ardea%20Type%20A%20(11x19)%20Cluster%20Heron.%20Bisa%20dibantu%3F\" target=\"_blank\" class=\"btn-heron-wa\">\r\n                <svg width=\"15\" height=\"15\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                WhatsApp\r\n              <\/a>\r\n              <button class=\"btn-heron-details\" onclick=\"openModal('modal-ardea-a')\">\r\n                <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/><path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\/><\/svg>\r\n                Details\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card Ardea B -->\r\n        <div class=\"heron-card-item\">\r\n          <div class=\"heron-card-body\">\r\n            <div class=\"heron-card-header\">\r\n              <h3 class=\"heron-unit-title\">Ardea Type B<\/h3>\r\n              <span class=\"heron-dim-tag\">11 x 16<\/span>\r\n            <\/div>\r\n            <div class=\"heron-unit-subtitle\">Spacious Multi-Generational Home<\/div>\r\n            <div class=\"heron-specs-grid\">\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n                LT 176 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg>\r\n                LB 338 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n                5 + 1 KT\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 12h16a1 1 0 011 1v3a4 4 0 01-4 4H7a4 4 0 01-4-4v-3a1 1 0 011-1zm3-4a2 2 0 100-4 2 2 0 000 4z\"\/><\/svg>\r\n                5 + 1 KM\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"heron-card-actions\">\r\n              <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20tertarik%20dengan%20Ardea%20Type%20B%20(11x16)%20Cluster%20Heron.%20Bisa%20dibantu%3F\" target=\"_blank\" class=\"btn-heron-wa\">\r\n                <svg width=\"15\" height=\"15\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                WhatsApp\r\n              <\/a>\r\n              <button class=\"btn-heron-details\" onclick=\"openModal('modal-ardea-b')\">\r\n                <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/><path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\/><\/svg>\r\n                Details\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card Ardea C -->\r\n        <div class=\"heron-card-item\">\r\n          <div class=\"heron-card-body\">\r\n            <div class=\"heron-card-header\">\r\n              <h3 class=\"heron-unit-title\">Ardea Type C<\/h3>\r\n              <span class=\"heron-dim-tag\">9 x 19<\/span>\r\n            <\/div>\r\n            <div class=\"heron-unit-subtitle\">Elegant Compact Luxury<\/div>\r\n            <div class=\"heron-specs-grid\">\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n                LT 171 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg>\r\n                LB 248 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n                5 + 1 KT\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 12h16a1 1 0 011 1v3a4 4 0 01-4 4H7a4 4 0 01-4-4v-3a1 1 0 011-1zm3-4a2 2 0 100-4 2 2 0 000 4z\"\/><\/svg>\r\n                5 + 1 KM\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"heron-card-actions\">\r\n              <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20tertarik%20dengan%20Ardea%20Type%20C%20(9x19)%20Cluster%20Heron.%20Bisa%20dibantu%3F\" target=\"_blank\" class=\"btn-heron-wa\">\r\n                <svg width=\"15\" height=\"15\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                WhatsApp\r\n              <\/a>\r\n              <button class=\"btn-heron-details\" onclick=\"openModal('modal-ardea-c')\">\r\n                <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/><path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\/><\/svg>\r\n                Details\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card Ardea D -->\r\n        <div class=\"heron-card-item\">\r\n          <div class=\"heron-card-body\">\r\n            <div class=\"heron-card-header\">\r\n              <h3 class=\"heron-unit-title\">Ardea Type D<\/h3>\r\n              <span class=\"heron-dim-tag\">9 x 16<\/span>\r\n            <\/div>\r\n            <div class=\"heron-unit-subtitle\">Best Value Sultan Entry<\/div>\r\n            <div class=\"heron-specs-grid\">\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n                LT 144 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg>\r\n                LB 248 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n                5 + 1 KT\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 12h16a1 1 0 011 1v3a4 4 0 01-4 4H7a4 4 0 01-4-4v-3a1 1 0 011-1zm3-4a2 2 0 100-4 2 2 0 000 4z\"\/><\/svg>\r\n                5 + 1 KM\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"heron-card-actions\">\r\n              <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20tertarik%20dengan%20Ardea%20Type%20D%20(9x16)%20Cluster%20Heron.%20Bisa%20dibantu%3F\" target=\"_blank\" class=\"btn-heron-wa\">\r\n                <svg width=\"15\" height=\"15\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                WhatsApp\r\n              <\/a>\r\n              <button class=\"btn-heron-details\" onclick=\"openModal('modal-ardea-d')\">\r\n                <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/><path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\/><\/svg>\r\n                Details\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ==================== TAB PANE: AGRETTA ==================== -->\r\n    <div id=\"pane-agretta\" class=\"heron-tab-pane\">\r\n      <div class=\"heron-grid-2x2\">\r\n\r\n        <!-- Card Agretta A -->\r\n        <div class=\"heron-card-item\">\r\n          <div class=\"heron-card-body\">\r\n            <div class=\"heron-card-header\">\r\n              <h3 class=\"heron-unit-title\">Agretta Type A<\/h3>\r\n              <span class=\"heron-dim-tag\">11 x 19<\/span>\r\n            <\/div>\r\n            <div class=\"heron-unit-subtitle\">Grand Modern Comfort 3-Story<\/div>\r\n            <div class=\"heron-specs-grid\">\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n                LT 209 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg>\r\n                LB 303 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n                4 + 1 KT\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 12h16a1 1 0 011 1v3a4 4 0 01-4 4H7a4 4 0 01-4-4v-3a1 1 0 011-1zm3-4a2 2 0 100-4 2 2 0 000 4z\"\/><\/svg>\r\n                6 + 1 KM\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"heron-card-actions\">\r\n              <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20tertarik%20dengan%20Agretta%20Type%20A%20(11x19)%20Cluster%20Heron.%20Bisa%20dibantu%3F\" target=\"_blank\" class=\"btn-heron-wa\">\r\n                <svg width=\"15\" height=\"15\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                WhatsApp\r\n              <\/a>\r\n              <button class=\"btn-heron-details\" onclick=\"openModal('modal-agretta-a')\">\r\n                <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/><path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\/><\/svg>\r\n                Details\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card Agretta B -->\r\n        <div class=\"heron-card-item\">\r\n          <div class=\"heron-card-body\">\r\n            <div class=\"heron-card-header\">\r\n              <h3 class=\"heron-unit-title\">Agretta Type B<\/h3>\r\n              <span class=\"heron-dim-tag\">11 x 16<\/span>\r\n            <\/div>\r\n            <div class=\"heron-unit-subtitle\">Harmonious Space & Dynamic Flow<\/div>\r\n            <div class=\"heron-specs-grid\">\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n                LT 176 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg>\r\n                LB 261 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n                4 + 1 KT\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 12h16a1 1 0 011 1v3a4 4 0 01-4 4H7a4 4 0 01-4-4v-3a1 1 0 011-1zm3-4a2 2 0 100-4 2 2 0 000 4z\"\/><\/svg>\r\n                6 + 1 KM\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"heron-card-actions\">\r\n              <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20tertarik%20dengan%20Agretta%20Type%20B%20(11x16)%20Cluster%20Heron.%20Bisa%20dibantu%3F\" target=\"_blank\" class=\"btn-heron-wa\">\r\n                <svg width=\"15\" height=\"15\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                WhatsApp\r\n              <\/a>\r\n              <button class=\"btn-heron-details\" onclick=\"openModal('modal-agretta-b')\">\r\n                <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/><path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\/><\/svg>\r\n                Details\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card Agretta C -->\r\n        <div class=\"heron-card-item\">\r\n          <div class=\"heron-card-body\">\r\n            <div class=\"heron-card-header\">\r\n              <h3 class=\"heron-unit-title\">Agretta Type C<\/h3>\r\n              <span class=\"heron-dim-tag\">9 x 19<\/span>\r\n            <\/div>\r\n            <div class=\"heron-unit-subtitle\">Seamless Indoor-Outdoor Living<\/div>\r\n            <div class=\"heron-specs-grid\">\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n                LT 171 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg>\r\n                LB 231 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n                4 + 1 KT\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 12h16a1 1 0 011 1v3a4 4 0 01-4 4H7a4 4 0 01-4-4v-3a1 1 0 011-1zm3-4a2 2 0 100-4 2 2 0 000 4z\"\/><\/svg>\r\n                4 + 1 KM\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"heron-card-actions\">\r\n              <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20tertarik%20dengan%20Agretta%20Type%20C%20(9x19)%20Cluster%20Heron.%20Bisa%20dibantu%3F\" target=\"_blank\" class=\"btn-heron-wa\">\r\n                <svg width=\"15\" height=\"15\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                WhatsApp\r\n              <\/a>\r\n              <button class=\"btn-heron-details\" onclick=\"openModal('modal-agretta-c')\">\r\n                <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/><path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\/><\/svg>\r\n                Details\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card Agretta D -->\r\n        <div class=\"heron-card-item\">\r\n          <div class=\"heron-card-body\">\r\n            <div class=\"heron-card-header\">\r\n              <h3 class=\"heron-unit-title\">Agretta Type D<\/h3>\r\n              <span class=\"heron-dim-tag\">9 x 16<\/span>\r\n            <\/div>\r\n            <div class=\"heron-unit-subtitle\">Modern Essential 3-Story<\/div>\r\n            <div class=\"heron-specs-grid\">\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n                LT 144 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg>\r\n                LB 218 m\u00b2\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n                4 + 1 KT\r\n              <\/div>\r\n              <div class=\"heron-spec-item\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M4 12h16a1 1 0 011 1v3a4 4 0 01-4 4H7a4 4 0 01-4-4v-3a1 1 0 011-1zm3-4a2 2 0 100-4 2 2 0 000 4z\"\/><\/svg>\r\n                4 + 1 KM\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"heron-card-actions\">\r\n              <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20tertarik%20dengan%20Agretta%20Type%20D%20(9x16)%20Cluster%20Heron.%20Bisa%20dibantu%3F\" target=\"_blank\" class=\"btn-heron-wa\">\r\n                <svg width=\"15\" height=\"15\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                WhatsApp\r\n              <\/a>\r\n              <button class=\"btn-heron-details\" onclick=\"openModal('modal-agretta-d')\">\r\n                <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/><path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\/><\/svg>\r\n                Details\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ==================== POPUP MODALS ARDEA ==================== -->\r\n\r\n<!-- Modal Ardea A -->\r\n<div id=\"modal-ardea-a\" class=\"heron-modal-overlay\" onclick=\"closeModalOnBg(event, 'modal-ardea-a')\">\r\n  <div class=\"heron-modal-container\">\r\n    <button class=\"heron-modal-close\" onclick=\"closeModal('modal-ardea-a')\">&times;<\/button>\r\n    <div class=\"heron-modal-flex\">\r\n      <div class=\"heron-modal-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Denah-Rumah-Cluster-Heron-Tipe-Ardea-A-11x19-1.webp\" alt=\"Layout Ardea Type A 11x19\">\r\n      <\/div>\r\n      <div class=\"heron-modal-right\">\r\n        <h2 class=\"heron-modal-title\">Ardea Type A (11 x 19)<\/h2>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Luas Tanah \/ Bangunan<\/label>\r\n            <span>209 m\u00b2 \/ 359 m\u00b2 (3 Lantai)<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kamar Tidur \/ Kamar Mandi<\/label>\r\n            <span>5 + 1 KT \/ 5 + 1 KM<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 18h14M5 14h14M7 10h10M9 6h6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kapasitas Parkir & Akses<\/label>\r\n            <span>3 Carport + 1 Garasi (Opsi Private Lift)<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-desc-title\">Deskripsi Unit<\/div>\r\n        <div class=\"heron-modal-desc-text\">\r\n          Tipe termewah di Cluster Heron. 3 lantai penuh kemewahan dengan opsi Private Lift, imported marble floor, sky balcony luas di lantai 3, master suite dengan bathtub, dan automatic garage door.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Modal Ardea B -->\r\n<div id=\"modal-ardea-b\" class=\"heron-modal-overlay\" onclick=\"closeModalOnBg(event, 'modal-ardea-b')\">\r\n  <div class=\"heron-modal-container\">\r\n    <button class=\"heron-modal-close\" onclick=\"closeModal('modal-ardea-b')\">&times;<\/button>\r\n    <div class=\"heron-modal-flex\">\r\n      <div class=\"heron-modal-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Denah-Rumah-Cluster-Heron-Tipe-Ardea-B-11x16-1.webp\" alt=\"Layout Ardea Type B 11x16\">\r\n      <\/div>\r\n      <div class=\"heron-modal-right\">\r\n        <h2 class=\"heron-modal-title\">Ardea Type B (11 x 16)<\/h2>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Luas Tanah \/ Bangunan<\/label>\r\n            <span>176 m\u00b2 \/ 338 m\u00b2 (3 Lantai)<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kamar Tidur \/ Kamar Mandi<\/label>\r\n            <span>5 + 1 KT \/ 5 + 1 KM<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 18h14M5 14h14M7 10h10M9 6h6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kapasitas Parkir & Akses<\/label>\r\n            <span>3 Carport + 1 Garasi (Opsi Private Lift)<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-desc-title\">Deskripsi Unit<\/div>\r\n        <div class=\"heron-modal-desc-text\">\r\n          Tata ruang optimal 3 lantai dengan 5+1 kamar tidur yang lapang. Memiliki bukaan sirkulasi udara maksimal, ruang keluarga lega, dan instalasi EV Charging ready.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Modal Ardea C -->\r\n<div id=\"modal-ardea-c\" class=\"heron-modal-overlay\" onclick=\"closeModalOnBg(event, 'modal-ardea-c')\">\r\n  <div class=\"heron-modal-container\">\r\n    <button class=\"heron-modal-close\" onclick=\"closeModal('modal-ardea-c')\">&times;<\/button>\r\n    <div class=\"heron-modal-flex\">\r\n      <div class=\"heron-modal-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Denah-Rumah-Cluster-Heron-Tipe-Ardea-C-9x19-1.webp\" alt=\"Layout Ardea Type C 9x19\">\r\n      <\/div>\r\n      <div class=\"heron-modal-right\">\r\n        <h2 class=\"heron-modal-title\">Ardea Type C (9 x 19)<\/h2>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Luas Tanah \/ Bangunan<\/label>\r\n            <span>171 m\u00b2 \/ 248 m\u00b2 (3 Lantai)<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kamar Tidur \/ Kamar Mandi<\/label>\r\n            <span>5 + 1 KT \/ 5 + 1 KM<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 18h14M5 14h14M7 10h10M9 6h6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kapasitas Parkir<\/label>\r\n            <span>2 Carport + 1 Garasi Dalam<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-desc-title\">Deskripsi Unit<\/div>\r\n        <div class=\"heron-modal-desc-text\">\r\n          Dimensi panjang 19 meter memberikan keleluasaan inner garden dan area outdoor. Mengakomodasi 5 kamar tidur lengkap dengan area servis mandiri.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Modal Ardea D -->\r\n<div id=\"modal-ardea-d\" class=\"heron-modal-overlay\" onclick=\"closeModalOnBg(event, 'modal-ardea-d')\">\r\n  <div class=\"heron-modal-container\">\r\n    <button class=\"heron-modal-close\" onclick=\"closeModal('modal-ardea-d')\">&times;<\/button>\r\n    <div class=\"heron-modal-flex\">\r\n      <div class=\"heron-modal-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Denah-Rumah-Cluster-Heron-Tipe-Ardea-D-9x16-1.webp\" alt=\"Layout Ardea Type D 9x16\">\r\n      <\/div>\r\n      <div class=\"heron-modal-right\">\r\n        <h2 class=\"heron-modal-title\">Ardea Type D (9 x 16)<\/h2>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Luas Tanah \/ Bangunan<\/label>\r\n            <span>144 m\u00b2 \/ 248 m\u00b2 (3 Lantai)<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kamar Tidur \/ Kamar Mandi<\/label>\r\n            <span>5 + 1 KT \/ 5 + 1 KM<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 18h14M5 14h14M7 10h10M9 6h6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kapasitas Parkir<\/label>\r\n            <span>2 Carport + 1 Garasi Dalam<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-desc-title\">Deskripsi Unit<\/div>\r\n        <div class=\"heron-modal-desc-text\">\r\n          Pilihan hunian 3 lantai paling efisien dan compact di seri Ardea. Menggabungkan 5 kamar tidur fungsional dengan material premium dan sanitari Kohler.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ==================== POPUP MODALS AGRETTA ==================== -->\r\n\r\n<!-- Modal Agretta A -->\r\n<div id=\"modal-agretta-a\" class=\"heron-modal-overlay\" onclick=\"closeModalOnBg(event, 'modal-agretta-a')\">\r\n  <div class=\"heron-modal-container\">\r\n    <button class=\"heron-modal-close\" onclick=\"closeModal('modal-agretta-a')\">&times;<\/button>\r\n    <div class=\"heron-modal-flex\">\r\n      <div class=\"heron-modal-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Denah-Rumah-Cluster-Heron-Tipe-Agretta-A-11x19-1.webp\" alt=\"Layout Agretta Type A 11x19\">\r\n      <\/div>\r\n      <div class=\"heron-modal-right\">\r\n        <h2 class=\"heron-modal-title\">Agretta Type A (11 x 19)<\/h2>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Luas Tanah \/ Bangunan<\/label>\r\n            <span>209 m\u00b2 \/ 303 m\u00b2 (3 Lantai)<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kamar Tidur \/ Kamar Mandi<\/label>\r\n            <span>4 + 1 KT \/ 6 + 1 KM<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 18h14M5 14h14M7 10h10M9 6h6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kapasitas Parkir<\/label>\r\n            <span>3 Carport + 1 Garasi (Ensuite All Bedrooms)<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-desc-title\">Deskripsi Unit<\/div>\r\n        <div class=\"heron-modal-desc-text\">\r\n          Tipe terluas di seri Agretta. Mengusung konsep open-space mewah dengan double height living room, semua kamar tidur memiliki kamar mandi dalam (ensuite), dan teras rooftop lapang.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Modal Agretta B -->\r\n<div id=\"modal-agretta-b\" class=\"heron-modal-overlay\" onclick=\"closeModalOnBg(event, 'modal-agretta-b')\">\r\n  <div class=\"heron-modal-container\">\r\n    <button class=\"heron-modal-close\" onclick=\"closeModal('modal-agretta-b')\">&times;<\/button>\r\n    <div class=\"heron-modal-flex\">\r\n      <div class=\"heron-modal-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Denah-Rumah-Cluster-Heron-Tipe-Agretta-B-11x16-1.webp\" alt=\"Layout Agretta Type B 11x16\">\r\n      <\/div>\r\n      <div class=\"heron-modal-right\">\r\n        <h2 class=\"heron-modal-title\">Agretta Type B (11 x 16)<\/h2>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Luas Tanah \/ Bangunan<\/label>\r\n            <span>176 m\u00b2 \/ 261 m\u00b2 (3 Lantai)<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kamar Tidur \/ Kamar Mandi<\/label>\r\n            <span>4 + 1 KT \/ 6 + 1 KM<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 18h14M5 14h14M7 10h10M9 6h6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kapasitas Parkir<\/label>\r\n            <span>3 Carport + 1 Garasi Dalam<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-desc-title\">Deskripsi Unit<\/div>\r\n        <div class=\"heron-modal-desc-text\">\r\n          Menghadirkan kenyamanan prima bagi keluarga modern dengan kamar mandi pribadi di setiap kamar tidur, master bedroom luas dengan walk-in closet, dan garasi otomatis.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Modal Agretta C -->\r\n<div id=\"modal-agretta-c\" class=\"heron-modal-overlay\" onclick=\"closeModalOnBg(event, 'modal-agretta-c')\">\r\n  <div class=\"heron-modal-container\">\r\n    <button class=\"heron-modal-close\" onclick=\"closeModal('modal-agretta-c')\">&times;<\/button>\r\n    <div class=\"heron-modal-flex\">\r\n      <div class=\"heron-modal-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Denah-Rumah-Cluster-Heron-Tipe-Agretta-C-9x19-1.webp\" alt=\"Layout Agretta Type C 9x19\">\r\n      <\/div>\r\n      <div class=\"heron-modal-right\">\r\n        <h2 class=\"heron-modal-title\">Agretta Type C (9 x 19)<\/h2>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Luas Tanah \/ Bangunan<\/label>\r\n            <span>171 m\u00b2 \/ 231 m\u00b2 (3 Lantai)<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kamar Tidur \/ Kamar Mandi<\/label>\r\n            <span>4 + 1 KT \/ 4 + 1 KM<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 18h14M5 14h14M7 10h10M9 6h6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kapasitas Parkir<\/label>\r\n            <span>2 Carport + 1 Garasi Dalam<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-desc-title\">Deskripsi Unit<\/div>\r\n        <div class=\"heron-modal-desc-text\">\r\n          Dirancang dengan proporsi panjang ideal 19 meter yang memungkinkan area living terhubung langsung dengan inner courtyard asri untuk pencahayaan alami maksimal.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Modal Agretta D -->\r\n<div id=\"modal-agretta-d\" class=\"heron-modal-overlay\" onclick=\"closeModalOnBg(event, 'modal-agretta-d')\">\r\n  <div class=\"heron-modal-container\">\r\n    <button class=\"heron-modal-close\" onclick=\"closeModal('modal-agretta-d')\">&times;<\/button>\r\n    <div class=\"heron-modal-flex\">\r\n      <div class=\"heron-modal-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Denah-Rumah-Cluster-Heron-Tipe-Agretta-D-9x16-1.webp\" alt=\"Layout Agretta Type D 9x16\">\r\n      <\/div>\r\n      <div class=\"heron-modal-right\">\r\n        <h2 class=\"heron-modal-title\">Agretta Type D (9 x 16)<\/h2>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-5h-4m4 0v4m0-4l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Luas Tanah \/ Bangunan<\/label>\r\n            <span>144 m\u00b2 \/ 218 m\u00b2 (3 Lantai)<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 10V7a2 2 0 012-2h6a2 2 0 012 2v3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kamar Tidur \/ Kamar Mandi<\/label>\r\n            <span>4 + 1 KT \/ 4 + 1 KM<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-spec-box\">\r\n          <div class=\"heron-modal-spec-icon\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 18h14M5 14h14M7 10h10M9 6h6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"heron-modal-spec-text\">\r\n            <label>Kapasitas Parkir<\/label>\r\n            <span>2 Carport + 1 Garasi Dalam<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"heron-modal-desc-title\">Deskripsi Unit<\/div>\r\n        <div class=\"heron-modal-desc-text\">\r\n          Entry point compact 3 lantai yang sangat efisien dan modern. Mengutamakan fungsi setiap sudut ruang dengan spesifikasi bangunan premium khas Summarecon Serpong.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ==================== JAVASCRIPT LOGIC ==================== -->\r\n<script>\r\n  \/\/ Tab Switcher Ardea vs Agretta\r\n  function switchHeronTab(type, btn) {\r\n    document.querySelectorAll('.heron-tab-trigger').forEach(b => b.classList.remove('active'));\r\n    document.querySelectorAll('.heron-tab-pane').forEach(p => p.classList.remove('active'));\r\n\r\n    btn.classList.add('active');\r\n    document.getElementById('pane-' + type).classList.add('active');\r\n  }\r\n\r\n  \/\/ Modal Open \/ Close Logic\r\n  function openModal(id) {\r\n    document.getElementById(id).style.display = 'flex';\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeModal(id) {\r\n    document.getElementById(id).style.display = 'none';\r\n    document.body.style.overflow = 'auto';\r\n  }\r\n\r\n  function closeModalOnBg(event, id) {\r\n    if (event.target === document.getElementById(id)) {\r\n      closeModal(id);\r\n    }\r\n  }\r\n<\/script>\r\n<!-- END: Cluster Heron Section 3 - Pilihan Tipe Unit (4 Grid Cards & Modal Layout) -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bed17fe e-con-full e-flex e-con e-parent\" data-id=\"bed17fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c9436e elementor-widget elementor-widget-html\" data-id=\"5c9436e\" 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<!-- START: Cluster Heron - Luxury Interlude Showcase Section -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .heron-showcase-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .heron-showcase-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Gradasi seamless: dari warna akhir section sebelumnya (#20353c) menuju ke slate\/light luxury hue (#f1f5f9) *\/\r\n    background: linear-gradient(180deg, #20353c 0%, #334e56 30%, #64748b 65%, #cbd5e1 85%, #f1f5f9 100%);\r\n    padding: 60px 20px 90px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .heron-showcase-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Header Box *\/\r\n  .heron-showcase-header {\r\n    text-align: center;\r\n    max-width: 780px;\r\n    margin: 0 auto 35px;\r\n  }\r\n\r\n  .heron-showcase-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #e6ca65;\r\n    background: rgba(11, 21, 23, 0.7);\r\n    border: 1px solid rgba(230, 202, 101, 0.4);\r\n    padding: 6px 20px;\r\n    border-radius: 50px;\r\n    margin-bottom: 14px;\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .heron-showcase-title {\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    color: #ffffff;\r\n    margin: 0 0 12px;\r\n    letter-spacing: -0.5px;\r\n    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .heron-showcase-title span {\r\n    color: #e6ca65;\r\n  }\r\n\r\n  .heron-showcase-desc {\r\n    font-size: clamp(13.5px, 1.1vw, 15.5px);\r\n    color: #e2e8f0;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);\r\n  }\r\n\r\n  \/* Image Display Frame *\/\r\n  .heron-main-frame {\r\n    position: relative;\r\n    width: 100%;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    background: #0b1517;\r\n    border: 2px solid rgba(255, 255, 255, 0.4);\r\n    box-shadow: 0 25px 60px rgba(15, 23, 42, 0.35);\r\n    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;\r\n  }\r\n\r\n  .heron-main-frame:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 30px 70px rgba(15, 23, 42, 0.45);\r\n  }\r\n\r\n  .heron-main-frame img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: cover;\r\n  }\r\n\r\n  \/* Floating Info Overlay *\/\r\n  .heron-frame-tag {\r\n    position: absolute;\r\n    bottom: 24px;\r\n    left: 24px;\r\n    background: rgba(11, 21, 23, 0.85);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(230, 202, 101, 0.4);\r\n    padding: 10px 22px;\r\n    border-radius: 50px;\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);\r\n  }\r\n\r\n  .heron-frame-tag span {\r\n    color: #e6ca65;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .heron-showcase-wrapper {\r\n      padding: 50px 16px 70px;\r\n    }\r\n    .heron-showcase-header {\r\n      margin-bottom: 25px;\r\n    }\r\n    .heron-frame-tag {\r\n      bottom: 12px;\r\n      left: 12px;\r\n      font-size: 11px;\r\n      padding: 7px 15px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"heron-showcase-wrapper\">\r\n  <div class=\"heron-showcase-container\">\r\n    \r\n    <!-- Section Sub-Header -->\r\n    <div class=\"heron-showcase-header\">\r\n      <span class=\"heron-showcase-badge\">TIMELESS SANCTUARY<\/span>\r\n      <h2 class=\"heron-showcase-title\">\r\n        Harmoni Kemewahan & <span>Keasrian Alam<\/span>\r\n      <\/h2>\r\n      <p class=\"heron-showcase-desc\">\r\n        Dikelilingi lanskap hijau yang menenangkan dan danau alami di kawasan The Springs Summarecon Serpong, menciptakan atmosfer hunian resort yang privat dan eksklusif.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Main Panoramic Image Banner -->\r\n    <div class=\"heron-main-frame\">\r\n      <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Cluster-Heron-Gading-Serpong-The-Springs-Summarecon-Serpong.webp\" alt=\"Cluster Heron The Springs Summarecon Serpong\" loading=\"lazy\">\r\n      <div class=\"heron-frame-tag\">\r\n        The Springs District: <span>Cluster Heron Summarecon Serpong<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Cluster Heron - Luxury Interlude Showcase Section -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4537c0 e-con-full e-flex e-con e-parent\" data-id=\"e4537c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9dd1a06 elementor-widget elementor-widget-html\" data-id=\"9dd1a06\" 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<!-- START: Cluster Heron Section 4 - Strategic Location & Accessibility -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .heron-loc-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .heron-loc-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #f1f5f9;\r\n    padding: 80px 20px 90px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    color: #1e293b;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .heron-loc-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .heron-loc-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto 50px;\r\n  }\r\n\r\n  .heron-loc-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #ba9662;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(186, 150, 98, 0.4);\r\n    padding: 6px 20px;\r\n    border-radius: 50px;\r\n    margin-bottom: 14px;\r\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);\r\n  }\r\n\r\n  .heron-loc-title {\r\n    font-size: clamp(26px, 3.5vw, 40px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    color: #0f172a;\r\n    margin: 0 0 16px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .heron-loc-title span {\r\n    color: #ba9662;\r\n  }\r\n\r\n  .heron-loc-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 4 Grid Cards Layout *\/\r\n  .heron-loc-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 22px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .heron-loc-card {\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 26px 22px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .heron-loc-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: #ba9662;\r\n    box-shadow: 0 12px 30px rgba(186, 150, 98, 0.12);\r\n  }\r\n\r\n  .heron-loc-icon-box {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 12px;\r\n    background: #fbf9f5;\r\n    border: 1px solid rgba(186, 150, 98, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .heron-loc-icon-box svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    stroke: #ba9662;\r\n    stroke-width: 2;\r\n    fill: none;\r\n  }\r\n\r\n  .heron-loc-card h3 {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 10px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .heron-loc-card p {\r\n    font-size: 13.5px;\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Map Visual Display Container (Anti-Crop) *\/\r\n  .heron-loc-map-box {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 16px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .heron-loc-map-box img {\r\n    width: 100%;\r\n    height: auto;\r\n    max-width: 100%;\r\n    border-radius: 12px;\r\n    display: block;\r\n    object-fit: contain; \/* Memastikan peta tampil utuh tanpa terpotong *\/\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 1024px) {\r\n    .heron-loc-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .heron-loc-wrapper {\r\n      padding: 60px 16px 70px;\r\n    }\r\n    .heron-loc-header {\r\n      margin-bottom: 35px;\r\n    }\r\n    .heron-loc-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n    .heron-loc-map-box {\r\n      padding: 10px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"heron-loc-wrapper\" id=\"lokasi-cluster-heron\">\r\n  <div class=\"heron-loc-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"heron-loc-header\">\r\n      <span class=\"heron-loc-badge\">PRIME CONNECTIVITY<\/span>\r\n      <h2 class=\"heron-loc-title\">\r\n        Lokasi Emas di Jantung Kawasan <span>The Springs Gading Serpong<\/span>\r\n      <\/h2>\r\n      <p class=\"heron-loc-desc\">\r\n        Dikelilingi infrastruktur terpadu, pusat perbelanjaan, institusi pendidikan bergengsi, dan akses jalan tol langsung menuju Bandara Soekarno-Hatta maupun Jakarta CBD.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 4 Accessibility Grid Cards -->\r\n    <div class=\"heron-loc-grid\">\r\n      \r\n      <!-- Card 1: Akses & Tol -->\r\n      <div class=\"heron-loc-card\">\r\n        <div class=\"heron-loc-icon-box\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M4 19L8 5M16 5l4 14M12 5v2m0 4v2m0 4v2\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Aksesibilitas & Tol<\/h3>\r\n        <p>Akses cepat dan langsung menuju <b>Tol Jakarta\u2013Serpong<\/b> dan <b>Tol Jakarta\u2013Merak<\/b>, memudahkan mobilitas harian tanpa hambatan.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Lifestyle & Entertainment -->\r\n      <div class=\"heron-loc-card\">\r\n        <div class=\"heron-loc-icon-box\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Lifestyle & Mall<\/h3>\r\n        <p>Hanya 5 menit ke <b>Summarecon Mall Serpong (SMS)<\/b>, The Springs Club, QBig, Eastvara, Carstenz Mall, AEON Mall, dan ICE BSD.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Edukasi Internasional -->\r\n      <div class=\"heron-loc-card\">\r\n        <div class=\"heron-loc-icon-box\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 14l9-5-9-5-9 5 9 5z\"\/><path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Pendidikan Unggulan<\/h3>\r\n        <p>Bersebelahan dengan <b>Sekolah Terpadu Pahoa<\/b>, Universitas Multimedia Nusantara (UMN), Pradita University, Binus Serpong, dan UPH.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 4: Fasilitas Kesehatan -->\r\n      <div class=\"heron-loc-card\">\r\n        <div class=\"heron-loc-icon-box\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0016.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 002 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Fasilitas Kesehatan<\/h3>\r\n        <p>Hanya hitungan menit ke <b>St. Carolus Hospital Serpong<\/b>, Bethsaida Hospital, dan Rumah Sakit Mitra Keluarga Gading Serpong.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Map Graphic Visual Container -->\r\n    <div class=\"heron-loc-map-box\">\r\n      <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Lokasi-Cluster-Heron-Summarecon-Serpong.webp\" alt=\"Peta Lokasi dan Akses Cluster Heron The Springs Summarecon Serpong\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Cluster Heron Section 4 - Strategic Location & Accessibility -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9445b31 e-con-full e-flex e-con e-parent\" data-id=\"9445b31\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1794148 elementor-widget elementor-widget-html\" data-id=\"1794148\" 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<!-- START: Cluster Heron Section 5 - Skema Pembayaran Fleksibel -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .heron-pay-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .heron-pay-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #f1f5f9; \/* Solid senada dengan section sebelumnya *\/\r\n    padding: 80px 20px 95px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    color: #1e293b;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .heron-pay-container {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .heron-pay-header {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 50px;\r\n  }\r\n\r\n  .heron-pay-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #ba9662;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(186, 150, 98, 0.4);\r\n    padding: 6px 20px;\r\n    border-radius: 50px;\r\n    margin-bottom: 14px;\r\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);\r\n  }\r\n\r\n  .heron-pay-title {\r\n    font-size: clamp(26px, 3.5vw, 40px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    color: #0f172a;\r\n    margin: 0 0 16px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .heron-pay-title span {\r\n    color: #ba9662;\r\n  }\r\n\r\n  .heron-pay-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 3 Payment Columns Grid *\/\r\n  .heron-pay-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    margin-bottom: 45px;\r\n  }\r\n\r\n  .heron-pay-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 32px 26px;\r\n    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.04);\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  .heron-pay-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: #ba9662;\r\n    box-shadow: 0 16px 35px rgba(186, 150, 98, 0.14);\r\n  }\r\n\r\n  \/* Popular Tag \/ Accent for Easy Installment *\/\r\n  .heron-pay-card.popular {\r\n    border: 2px solid #ba9662;\r\n  }\r\n\r\n  .heron-popular-tag {\r\n    position: absolute;\r\n    top: -12px;\r\n    right: 24px;\r\n    background: #ba9662;\r\n    color: #ffffff;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    padding: 4px 14px;\r\n    border-radius: 20px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 10px rgba(186, 150, 98, 0.3);\r\n  }\r\n\r\n  .heron-pay-icon-box {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: #fbf9f5;\r\n    border: 1px solid rgba(186, 150, 98, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .heron-pay-icon-box svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    stroke: #ba9662;\r\n    stroke-width: 2;\r\n    fill: none;\r\n  }\r\n\r\n  .heron-pay-card h3 {\r\n    font-size: 19px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 10px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .heron-pay-tagline {\r\n    font-size: 13.5px;\r\n    color: #ba9662;\r\n    font-weight: 700;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .heron-pay-text {\r\n    font-size: 13.5px;\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0 0 20px;\r\n  }\r\n\r\n  .heron-pay-features {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: auto 0 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    border-top: 1px solid #f1f5f9;\r\n    padding-top: 18px;\r\n  }\r\n\r\n  .heron-pay-features li {\r\n    font-size: 13px;\r\n    color: #334155;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .heron-pay-features li svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: #ba9662;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* CTA Button Wrap *\/\r\n  .heron-pay-cta-box {\r\n    text-align: center;\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 20px;\r\n    padding: 28px 30px;\r\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.03);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n  }\r\n\r\n  .heron-cta-info {\r\n    text-align: left;\r\n  }\r\n\r\n  .heron-cta-info h4 {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 4px;\r\n  }\r\n\r\n  .heron-cta-info p {\r\n    font-size: 13.5px;\r\n    color: #64748b;\r\n    margin: 0;\r\n  }\r\n\r\n  .btn-pay-consult {\r\n    background-color: #ba9662;\r\n    color: #ffffff !important;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    padding: 15px 36px;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: all 0.25s ease;\r\n    white-space: nowrap;\r\n    box-shadow: 0 6px 20px rgba(186, 150, 98, 0.3);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .btn-pay-consult:hover {\r\n    background-color: #a3814f;\r\n    transform: translateY(-2px) scale(1.02);\r\n    box-shadow: 0 10px 25px rgba(186, 150, 98, 0.4);\r\n  }\r\n\r\n  .btn-pay-consult svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: currentColor;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  .btn-pay-consult:hover svg {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 900px) {\r\n    .heron-pay-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 20px;\r\n    }\r\n    .heron-pay-cta-box {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      padding: 24px 20px;\r\n    }\r\n    .heron-cta-info {\r\n      text-align: center;\r\n    }\r\n    .btn-pay-consult {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .heron-pay-wrapper {\r\n      padding: 60px 16px 70px;\r\n    }\r\n    .heron-pay-header {\r\n      margin-bottom: 35px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"heron-pay-wrapper\" id=\"skema-pembayaran-heron\">\r\n  <div class=\"heron-pay-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"heron-pay-header\">\r\n      <span class=\"heron-pay-badge\">FLEXIBLE PAYMENT PLANS<\/span>\r\n      <h2 class=\"heron-pay-title\">\r\n        Kemudahan Kepemilikan Unit di <span>Cluster Heron<\/span>\r\n      <\/h2>\r\n      <p class=\"heron-pay-desc\">\r\n        Pilih opsi cara bayar yang paling ideal sesuai rencana finansial dan cash flow bisnis Anda dengan proses transparan dan pendampingan profesional.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 3 Payment Options Grid -->\r\n    <div class=\"heron-pay-grid\">\r\n      \r\n      <!-- Option 1: Hard Cash \/ KPR Express -->\r\n      <div class=\"heron-pay-card\">\r\n        <div class=\"heron-pay-icon-box\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Hard Cash \/ KPR Express<\/h3>\r\n        <div class=\"heron-pay-tagline\">Proses Cepat & Praktis<\/div>\r\n        <p class=\"heron-pay-text\">\r\n          <b>Booking Fee Rp 50 Juta<\/b> langsung pilih unit impian dan proses akad kilat dengan rekanan bank terpercaya.\r\n        <\/p>\r\n        <ul class=\"heron-pay-features\">\r\n          <li>\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            Tanda Jadi Rp 50 Juta\r\n          <\/li>\r\n          <li>\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            DP 1 (10% - TJ) hari ke-15\r\n          <\/li>\r\n          <li>\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            Pelunasan \/ Akad KPR 90%\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Option 2: Easy Installment (Most Popular) -->\r\n      <div class=\"heron-pay-card popular\">\r\n        <span class=\"heron-popular-tag\">Paling Diminati<\/span>\r\n        <div class=\"heron-pay-icon-box\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Easy Installment<\/h3>\r\n        <div class=\"heron-pay-tagline\">DP 10% Dicicil 10x<\/div>\r\n        <p class=\"heron-pay-text\">\r\n          Solusi sangat fleksibel menjaga perputaran <b>cash flow bisnis<\/b> tetap aman dan leluasa sebelum pelunasan\/akad bank.\r\n        <\/p>\r\n        <ul class=\"heron-pay-features\">\r\n          <li>\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            Tanda Jadi Rp 50 Juta\r\n          <\/li>\r\n          <li>\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            DP 10% dicicil ringan 10 Bulan\r\n          <\/li>\r\n          <li>\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            Pelunasan \/ Akad KPR 90%\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Option 3: Installment Bertahap Developer -->\r\n      <div class=\"heron-pay-card\">\r\n        <div class=\"heron-pay-icon-box\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Installment Developer<\/h3>\r\n        <div class=\"heron-pay-tagline\">Pilihan 12x Hingga 24x<\/div>\r\n        <p class=\"heron-pay-text\">\r\n          Cicilan bertahap langsung ke pihak developer <b>tanpa BI checking<\/b> dan tanpa proses appraisal bank yang rumit.\r\n        <\/p>\r\n        <ul class=\"heron-pay-features\">\r\n          <li>\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            Tanda Jadi Rp 50 Juta\r\n          <\/li>\r\n          <li>\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            Pilihan Cicilan 12 Bulan Flat\r\n          <\/li>\r\n          <li>\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            Pilihan Cicilan 24 Bulan Flat\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Micro Conversion Action Box -->\r\n    <div class=\"heron-pay-cta-box\">\r\n      <div class=\"heron-cta-info\">\r\n        <h4>Butuh Simulasi Angsuran & Detail Skema Pembayaran?<\/h4>\r\n        <p>Konsultasikan rencana cara bayar terbaik Anda bersama tim specialist kami via WhatsApp.<\/p>\r\n      <\/div>\r\n      <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20tertarik%20dan%20mau%20Konsultasi%20Skema%20Pembayaran%20Cluster%20Heron%20Summarecon%20Serpong.%20Bisa%20dibantu%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-pay-consult\">\r\n        <span>Konsultasi Sekarang<\/span>\r\n        <svg viewbox=\"0 0 24 24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Cluster Heron Section 5 - Skema Pembayaran Fleksibel -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a26736 e-con-full e-flex e-con e-parent\" data-id=\"9a26736\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96f7aaf elementor-widget elementor-widget-html\" data-id=\"96f7aaf\" 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<!-- START: Cluster Heron - Clubhouse Facilities Slider Section -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .heron-slider-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .heron-slider-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #f1f5f9;\r\n    padding: 70px 20px 90px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    color: #1e293b;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .heron-slider-container {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .heron-slider-header {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 40px;\r\n  }\r\n\r\n  .heron-slider-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #ba9662;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(186, 150, 98, 0.4);\r\n    padding: 6px 20px;\r\n    border-radius: 50px;\r\n    margin-bottom: 14px;\r\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);\r\n  }\r\n\r\n  .heron-slider-title {\r\n    font-size: clamp(26px, 3.5vw, 40px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    color: #0f172a;\r\n    margin: 0 0 14px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .heron-slider-title span {\r\n    color: #ba9662;\r\n  }\r\n\r\n  .heron-slider-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Slider Main Frame *\/\r\n  .heron-carousel-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    background: #0f172a;\r\n    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.15);\r\n    border: 1px solid #e2e8f0;\r\n  }\r\n\r\n  .heron-carousel-track {\r\n    display: flex;\r\n    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);\r\n    width: 100%;\r\n  }\r\n\r\n  .heron-carousel-slide {\r\n    min-width: 100%;\r\n    position: relative;\r\n  }\r\n\r\n  .heron-carousel-slide img {\r\n    width: 100%;\r\n    height: 520px;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  \/* Slide Caption Overlay *\/\r\n  .heron-slide-caption {\r\n    position: absolute;\r\n    bottom: 24px;\r\n    left: 24px;\r\n    background: rgba(11, 21, 23, 0.85);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(230, 202, 101, 0.4);\r\n    padding: 10px 22px;\r\n    border-radius: 50px;\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .heron-slide-caption span {\r\n    color: #e6ca65;\r\n  }\r\n\r\n  \/* Nav Arrows *\/\r\n  .heron-nav-arrow {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border: 1px solid rgba(186, 150, 98, 0.3);\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    z-index: 5;\r\n    transition: all 0.25s ease;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  .heron-nav-arrow:hover {\r\n    background: #ba9662;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .heron-nav-arrow svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .heron-arrow-prev {\r\n    left: 20px;\r\n  }\r\n\r\n  .heron-arrow-next {\r\n    right: 20px;\r\n  }\r\n\r\n  \/* Dot Indicators *\/\r\n  .heron-dots-nav {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .heron-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: #cbd5e1;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .heron-dot.active {\r\n    width: 28px;\r\n    border-radius: 20px;\r\n    background: #ba9662;\r\n  }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 768px) {\r\n    .heron-slider-wrapper {\r\n      padding: 50px 16px 70px;\r\n    }\r\n    .heron-slider-header {\r\n      margin-bottom: 25px;\r\n    }\r\n    .heron-carousel-slide img {\r\n      height: 320px;\r\n    }\r\n    .heron-slide-caption {\r\n      bottom: 12px;\r\n      left: 12px;\r\n      font-size: 11px;\r\n      padding: 6px 14px;\r\n    }\r\n    .heron-nav-arrow {\r\n      width: 38px;\r\n      height: 38px;\r\n    }\r\n    .heron-arrow-prev {\r\n      left: 10px;\r\n    }\r\n    .heron-arrow-next {\r\n      right: 10px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"heron-slider-wrapper\" id=\"fasilitas-clubhouse\">\r\n  <div class=\"heron-slider-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"heron-slider-header\">\r\n      <span class=\"heron-slider-badge\">RESORT-STYLE AMENITIES<\/span>\r\n      <h2 class=\"heron-slider-title\">\r\n        Fasilitas Eksklusif <span>Clubhouse Bintang Lima<\/span>\r\n      <\/h2>\r\n      <p class=\"heron-slider-desc\">\r\n        Nikmati ruang relaksasi privat lengkap di dalam kawasan klaster yang dirancang khusus untuk kenyamanan, kebugaran, dan gaya hidup mewah keluarga Anda.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Carousel Frame -->\r\n    <div class=\"heron-carousel-wrapper\">\r\n      \r\n      <!-- Prev & Next Buttons -->\r\n      <button class=\"heron-nav-arrow heron-arrow-prev\" onclick=\"moveHeronSlide(-1)\" aria-label=\"Slide Sebelumnya\">\r\n        <svg viewbox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\r\n      <\/button>\r\n      <button class=\"heron-nav-arrow heron-arrow-next\" onclick=\"moveHeronSlide(1)\" aria-label=\"Slide Selanjutnya\">\r\n        <svg viewbox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\r\n      <\/button>\r\n\r\n      <!-- Carousel Track -->\r\n      <div class=\"heron-carousel-track\" id=\"heronTrack\">\r\n        \r\n        <!-- Slide 1 -->\r\n        <div class=\"heron-carousel-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Fasilitas-Clubhouse-Cluster-Heron-Summarecon-Serpong-Pool.webp\" alt=\"Swimming Pool Cluster Heron Summarecon Serpong\" loading=\"lazy\">\r\n          <div class=\"heron-slide-caption\">\r\n            Fasilitas: <span>Swimming Pool & Pool Deck<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slide 2 -->\r\n        <div class=\"heron-carousel-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Fasilitas-Clubhouse-Cluster-Heron-Summarecon-Serpong-Multifunction-Room.webp\" alt=\"Multifunction Room Cluster Heron Summarecon Serpong\" loading=\"lazy\">\r\n          <div class=\"heron-slide-caption\">\r\n            Fasilitas: <span>Multifunction Lounge & Social Area<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slide 3 -->\r\n        <div class=\"heron-carousel-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Fasilitas-Clubhouse-Cluster-Heron-Summarecon-Serpong.webp\" alt=\"Outdoor Jacuzzi Cluster Heron Summarecon Serpong\" loading=\"lazy\">\r\n          <div class=\"heron-slide-caption\">\r\n            Fasilitas: <span>Private Outdoor Jacuzzi & Relaxation Area<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slide 4 -->\r\n        <div class=\"heron-carousel-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Fasilitas-Clubhouse-Cluster-Heron-Summarecon-Serpong-Sauna.webp\" alt=\"Sauna Room Cluster Heron Summarecon Serpong\" loading=\"lazy\">\r\n          <div class=\"heron-slide-caption\">\r\n            Fasilitas: <span>Authentic Wooden Sauna<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slide 5 -->\r\n        <div class=\"heron-carousel-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Fasilitas-Clubhouse-Cluster-Heron-Summarecon-Serpong-Gym.webp\" alt=\"Gym Center Cluster Heron Summarecon Serpong\" loading=\"lazy\">\r\n          <div class=\"heron-slide-caption\">\r\n            Fasilitas: <span>Modern Fitness & Gym Center<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Dot Indicators -->\r\n    <div class=\"heron-dots-nav\" id=\"heronDots\">\r\n      <span class=\"heron-dot active\" onclick=\"goToHeronSlide(0)\"><\/span>\r\n      <span class=\"heron-dot\" onclick=\"goToHeronSlide(1)\"><\/span>\r\n      <span class=\"heron-dot\" onclick=\"goToHeronSlide(2)\"><\/span>\r\n      <span class=\"heron-dot\" onclick=\"goToHeronSlide(3)\"><\/span>\r\n      <span class=\"heron-dot\" onclick=\"goToHeronSlide(4)\"><\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Slider JavaScript Logic (Auto Play + Pause on Hover) -->\r\n<script>\r\n  let currentHeronSlide = 0;\r\n  const totalHeronSlides = 5;\r\n  let heronAutoplayTimer = null;\r\n\r\n  function updateHeronSlider() {\r\n    const track = document.getElementById('heronTrack');\r\n    const dots = document.querySelectorAll('.heron-dot');\r\n    \r\n    if (track) {\r\n      track.style.transform = `translateX(-${currentHeronSlide * 100}%)`;\r\n    }\r\n    \r\n    dots.forEach((dot, index) => {\r\n      dot.classList.toggle('active', index === currentHeronSlide);\r\n    });\r\n  }\r\n\r\n  function moveHeronSlide(direction) {\r\n    currentHeronSlide = (currentHeronSlide + direction + totalHeronSlides) % totalHeronSlides;\r\n    updateHeronSlider();\r\n    resetHeronAutoplay();\r\n  }\r\n\r\n  function goToHeronSlide(index) {\r\n    currentHeronSlide = index;\r\n    updateHeronSlider();\r\n    resetHeronAutoplay();\r\n  }\r\n\r\n  function startHeronAutoplay() {\r\n    heronAutoplayTimer = setInterval(() => {\r\n      moveHeronSlide(1);\r\n    }, 4000);\r\n  }\r\n\r\n  function stopHeronAutoplay() {\r\n    if (heronAutoplayTimer) {\r\n      clearInterval(heronAutoplayTimer);\r\n      heronAutoplayTimer = null;\r\n    }\r\n  }\r\n\r\n  function resetHeronAutoplay() {\r\n    stopHeronAutoplay();\r\n    startHeronAutoplay();\r\n  }\r\n\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const carouselFrame = document.querySelector('.heron-carousel-wrapper');\r\n    \r\n    startHeronAutoplay();\r\n\r\n    if (carouselFrame) {\r\n      carouselFrame.addEventListener('mouseenter', stopHeronAutoplay);\r\n      carouselFrame.addEventListener('mouseleave', startHeronAutoplay);\r\n      carouselFrame.addEventListener('touchstart', stopHeronAutoplay, { passive: true });\r\n      carouselFrame.addEventListener('touchend', startHeronAutoplay, { passive: true });\r\n    }\r\n  });\r\n<\/script>\r\n<!-- END: Cluster Heron - Clubhouse Facilities Slider Section -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d480d71 e-con-full e-flex e-con e-parent\" data-id=\"d480d71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df764a5 elementor-widget elementor-widget-html\" data-id=\"df764a5\" 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<!-- START: Cluster Heron Section 6 - Social Proof & Show Unit Gallery -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .heron-proof-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .heron-proof-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #f1f5f9;\r\n    padding: 70px 20px 95px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    color: #1e293b;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .heron-proof-container {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .heron-proof-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto 45px;\r\n  }\r\n\r\n  .heron-proof-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #ba9662;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(186, 150, 98, 0.4);\r\n    padding: 6px 20px;\r\n    border-radius: 50px;\r\n    margin-bottom: 14px;\r\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);\r\n  }\r\n\r\n  .heron-proof-title {\r\n    font-size: clamp(26px, 3.5vw, 40px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    color: #0f172a;\r\n    margin: 0 0 16px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .heron-proof-title span {\r\n    color: #ba9662;\r\n  }\r\n\r\n  .heron-proof-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 3 Key Stats \/ Trust Factors *\/\r\n  .heron-trust-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .heron-trust-card {\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 24px 20px;\r\n    text-align: center;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\r\n    transition: transform 0.25s ease, border-color 0.25s ease;\r\n  }\r\n\r\n  .heron-trust-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: #ba9662;\r\n  }\r\n\r\n  .heron-trust-number {\r\n    font-size: clamp(24px, 2.5vw, 32px);\r\n    font-weight: 800;\r\n    color: #ba9662;\r\n    margin-bottom: 4px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .heron-trust-label {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .heron-trust-sub {\r\n    font-size: 12.5px;\r\n    color: #64748b;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Gallery Grid (Show Unit Showcase) *\/\r\n  .heron-gallery-title {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .heron-gallery-title span {\r\n    color: #ba9662;\r\n  }\r\n\r\n  .heron-gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  .heron-gallery-item {\r\n    position: relative;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    background: #0f172a;\r\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);\r\n    border: 1px solid #e2e8f0;\r\n    aspect-ratio: 4\/3;\r\n  }\r\n\r\n  .heron-gallery-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.5s ease;\r\n  }\r\n\r\n  .heron-gallery-item:hover img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .heron-gallery-badge {\r\n    position: absolute;\r\n    bottom: 14px;\r\n    left: 14px;\r\n    background: rgba(11, 21, 23, 0.85);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    border: 1px solid rgba(230, 202, 101, 0.35);\r\n    padding: 6px 14px;\r\n    border-radius: 50px;\r\n    color: #ffffff;\r\n    font-size: 11.5px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .heron-gallery-badge span {\r\n    color: #e6ca65;\r\n  }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 900px) {\r\n    .heron-trust-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n    .heron-gallery-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .heron-proof-wrapper {\r\n      padding: 50px 16px 70px;\r\n    }\r\n    .heron-proof-header {\r\n      margin-bottom: 30px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"heron-proof-wrapper\" id=\"reputasi-summarecon\">\r\n  <div class=\"heron-proof-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"heron-proof-header\">\r\n      <span class=\"heron-proof-badge\">TRUSTED DEVELOPER<\/span>\r\n      <h2 class=\"heron-proof-title\">\r\n        Komitmen Kualitas dari <span>Summarecon Serpong<\/span>\r\n      <\/h2>\r\n      <p class=\"heron-proof-desc\">\r\n        Summarecon Serpong telah terbukti menghadirkan kawasan township terpadu dengan nilai investasi dan <b>capital gain<\/b> yang terus bertumbuh pesat di kawasan Gading Serpong.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 3 Key Trust Cards -->\r\n    <div class=\"heron-trust-grid\">\r\n      <div class=\"heron-trust-card\">\r\n        <div class=\"heron-trust-number\">45+ Tahun<\/div>\r\n        <div class=\"heron-trust-label\">Reputasi Tanpa Kompromi<\/div>\r\n        <p class=\"heron-trust-sub\">Pengalaman puluhan tahun membangun kawasan residensial & komersial prestisius bertaraf internasional.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"heron-trust-card\">\r\n        <div class=\"heron-trust-number\">The Springs<\/div>\r\n        <div class=\"heron-trust-label\">Kawasan Hunian Paling Bernilai<\/div>\r\n        <p class=\"heron-trust-sub\">Distrik mewah dengan tata kelola lingkungan terpadu, danau asri, serta nilai apresiasi properti yang stabil.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"heron-trust-card\">\r\n        <div class=\"heron-trust-number\">100% On-Time<\/div>\r\n        <div class=\"heron-trust-label\">Komitmen Serah Terima<\/div>\r\n        <p class=\"heron-trust-sub\">Konsistensi kualitas rancang bangun premium dan ketepatan waktu serah terima unit kepada konsumen.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Show Unit Gallery Grid -->\r\n    <div class=\"heron-gallery-title\">\r\n      Galeri Realita <span>Show Unit Furnished<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"heron-gallery-grid\">\r\n      <!-- Gallery 1 -->\r\n      <div class=\"heron-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Heron-Summarecon-Serpong.webp\" alt=\"Show Unit Cluster Heron Summarecon Serpong\" loading=\"lazy\">\r\n        <div class=\"heron-gallery-badge\">\r\n          Facade: <span>Timeless Modern Architecture<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Gallery 2 -->\r\n      <div class=\"heron-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Living-Room-Cluster-Heron-Summarecon-Serpong.webp\" alt=\"Living Room Show Unit Cluster Heron\" loading=\"lazy\">\r\n        <div class=\"heron-gallery-badge\">\r\n          Living Area: <span>Double Height Ceiling<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Gallery 3 -->\r\n      <div class=\"heron-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Master-Bedroom-Ardea-Cluster-Heron-Summarecon-Serpong.webp\" alt=\"Master Bedroom Tipe Ardea Cluster Heron\" loading=\"lazy\">\r\n        <div class=\"heron-gallery-badge\">\r\n          Master Suite: <span>Spacious & Opulent Comfort<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Cluster Heron Section 6 - Social Proof & Show Unit Gallery -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e19afed e-con-full e-flex e-con e-parent\" data-id=\"e19afed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7632d44 elementor-widget elementor-widget-html\" data-id=\"7632d44\" 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<!-- START: Cluster Heron Section 7 - Lead Capture Form -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .heron-form-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .heron-form-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #f1f5f9; \/* Solid senada dengan section sebelumnya *\/\r\n    padding: 70px 20px 100px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    color: #1e293b;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .heron-form-container {\r\n    max-width: 680px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .heron-form-header {\r\n    text-align: center;\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .heron-form-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #ba9662;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(186, 150, 98, 0.4);\r\n    padding: 6px 20px;\r\n    border-radius: 50px;\r\n    margin-bottom: 14px;\r\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);\r\n  }\r\n\r\n  .heron-form-title {\r\n    font-size: clamp(24px, 3.2vw, 36px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    color: #0f172a;\r\n    margin: 0 0 12px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .heron-form-title span {\r\n    color: #ba9662;\r\n  }\r\n\r\n  .heron-form-desc {\r\n    font-size: clamp(13.5px, 1.1vw, 15.5px);\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Form Card Box *\/\r\n  .heron-form-card {\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 36px 32px;\r\n    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);\r\n  }\r\n\r\n  .heron-form-group {\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    text-align: left;\r\n  }\r\n\r\n  .heron-form-label {\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    color: #334155;\r\n  }\r\n\r\n  .heron-form-input,\r\n  .heron-form-select {\r\n    width: 100%;\r\n    padding: 13px 16px;\r\n    border-radius: 12px;\r\n    border: 1px solid #cbd5e1;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    color: #0f172a;\r\n    background-color: #f8fafc;\r\n    transition: all 0.2s ease;\r\n    outline: none;\r\n  }\r\n\r\n  .heron-form-input:focus,\r\n  .heron-form-select:focus {\r\n    border-color: #ba9662;\r\n    background-color: #ffffff;\r\n    box-shadow: 0 0 0 3px rgba(186, 150, 98, 0.15);\r\n  }\r\n\r\n  \/* Submit Button *\/\r\n  .heron-btn-submit {\r\n    width: 100%;\r\n    background-color: #ba9662;\r\n    color: #ffffff;\r\n    border: none;\r\n    border-radius: 50px;\r\n    padding: 16px 28px;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    transition: all 0.25s ease;\r\n    box-shadow: 0 6px 20px rgba(186, 150, 98, 0.35);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .heron-btn-submit:hover {\r\n    background-color: #a3814f;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 25px rgba(186, 150, 98, 0.45);\r\n  }\r\n\r\n  .heron-btn-submit svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .heron-form-privacy {\r\n    text-align: center;\r\n    font-size: 11.5px;\r\n    color: #94a3b8;\r\n    margin-top: 16px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .heron-form-wrapper {\r\n      padding: 50px 16px 70px;\r\n    }\r\n    .heron-form-card {\r\n      padding: 26px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"heron-form-wrapper\" id=\"daftar-show-unit\">\r\n  <div class=\"heron-form-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"heron-form-header\">\r\n      <span class=\"heron-form-badge\">PRIVATE APPOINTMENT<\/span>\r\n      <h2 class=\"heron-form-title\">\r\n        Jadwalkan Kunjungan <span>Show Unit<\/span>\r\n      <\/h2>\r\n      <p class=\"heron-form-desc\">\r\n        Isi form singkat di bawah ini untuk mendapatkan e-brochure lengkap, update pricelist, dan akses private tour bersama property specialist kami.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Form Box -->\r\n    <div class=\"heron-form-card\">\r\n      <form id=\"heronLeadForm\" onsubmit=\"handleHeronLead(event)\" action=\"\">\r\n        \r\n        <!-- Field 1: Nama Lengkap -->\r\n        <div class=\"heron-form-group\">\r\n          <label class=\"heron-form-label\" for=\"heronName\">Nama Lengkap *<\/label>\r\n          <input type=\"text\" id=\"heronName\" class=\"heron-form-input\" placeholder=\"Masukkan nama lengkap Anda\" required>\r\n        <\/div>\r\n\r\n        <!-- Field 2: Nomor WhatsApp -->\r\n        <div class=\"heron-form-group\">\r\n          <label class=\"heron-form-label\" for=\"heronPhone\">Nomor WhatsApp *<\/label>\r\n          <input type=\"tel\" id=\"heronPhone\" class=\"heron-form-input\" placeholder=\"Contoh: 081234567890\" required>\r\n        <\/div>\r\n\r\n        <!-- Field 3: Tipe Unit -->\r\n        <div class=\"heron-form-group\">\r\n          <label class=\"heron-form-label\" for=\"heronUnit\">Tipe Unit yang Diminati<\/label>\r\n          <select id=\"heronUnit\" class=\"heron-form-select\">\r\n            <option value=\"Tipe Ardea (5+1 KT)\">Tipe Ardea (5+1 KT)<\/option>\r\n            <option value=\"Tipe Agretta (4+1 KT)\">Tipe Agretta (4+1 KT)<\/option>\r\n            <option value=\"Belum Tahu \/ Mau Konsultasi Dulu\">Belum Tahu \/ Mau Konsultasi Dulu<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <!-- Field 4: Pilihan Tanggal -->\r\n        <div class=\"heron-form-group\">\r\n          <label class=\"heron-form-label\" for=\"heronDate\">Rencana Kunjungan Show Unit<\/label>\r\n          <input type=\"date\" id=\"heronDate\" class=\"heron-form-input\" required>\r\n        <\/div>\r\n\r\n        <!-- Submit Button -->\r\n        <button type=\"submit\" class=\"heron-btn-submit\">\r\n          <span>Daftar Sekarang<\/span>\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"heron-form-privacy\">\r\n          Privasi data Anda terjamin 100%. Tim kami akan segera menghubungi via WhatsApp untuk konfirmasi jadwal.\r\n        <\/div>\r\n\r\n      <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Direct Lead to WA Script -->\r\n<script>\r\n  function handleHeronLead(event) {\r\n    event.preventDefault();\r\n\r\n    const name = document.getElementById('heronName').value.trim();\r\n    const phone = document.getElementById('heronPhone').value.trim();\r\n    const unit = document.getElementById('heronUnit').value;\r\n    const date = document.getElementById('heronDate').value;\r\n\r\n    const message = `Halo, saya telah mengisi form di website:%0A%0A` +\r\n                    `*Nama:* ${encodeURIComponent(name)}%0A` +\r\n                    `*WhatsApp:* ${encodeURIComponent(phone)}%0A` +\r\n                    `*Tipe Unit Diminati:* ${encodeURIComponent(unit)}%0A` +\r\n                    `*Rencana Kunjungan:* ${encodeURIComponent(date)}%0A%0A` +\r\n                    `Mohon dibantu informasi ketersediaan unit dan konfirmasi kunjungan show unit Cluster Heron Summarecon Serpong. Terima kasih!`;\r\n\r\n    const waUrl = `https:\/\/wa.me\/6287878938096?text=${message}`;\r\n    window.open(waUrl, '_blank');\r\n  }\r\n<\/script>\r\n<!-- END: Cluster Heron Section 7 - Lead Capture Form -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c260f8 e-con-full e-flex e-con e-parent\" data-id=\"7c260f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-968366c elementor-widget elementor-widget-html\" data-id=\"968366c\" 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<!-- START: Cluster Heron - FAQ Section -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .heron-faq-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .heron-faq-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #f1f5f9; \/* Solid senada dengan section sebelumnya *\/\r\n    padding: 70px 20px 100px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    color: #1e293b;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .heron-faq-container {\r\n    max-width: 860px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .heron-faq-header {\r\n    text-align: center;\r\n    max-width: 720px;\r\n    margin: 0 auto 45px;\r\n  }\r\n\r\n  .heron-faq-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #ba9662;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(186, 150, 98, 0.4);\r\n    padding: 6px 20px;\r\n    border-radius: 50px;\r\n    margin-bottom: 14px;\r\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);\r\n  }\r\n\r\n  .heron-faq-title {\r\n    font-size: clamp(26px, 3.5vw, 38px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    color: #0f172a;\r\n    margin: 0 0 14px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .heron-faq-title span {\r\n    color: #ba9662;\r\n  }\r\n\r\n  .heron-faq-desc {\r\n    font-size: clamp(13.5px, 1.1vw, 15.5px);\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Accordion List *\/\r\n  .heron-accordion-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n  }\r\n\r\n  .heron-faq-item {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    transition: all 0.25s ease;\r\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);\r\n  }\r\n\r\n  .heron-faq-item.active {\r\n    border-color: #ba9662;\r\n    box-shadow: 0 8px 25px rgba(186, 150, 98, 0.1);\r\n  }\r\n\r\n  .heron-faq-question {\r\n    width: 100%;\r\n    padding: 20px 24px;\r\n    background: transparent;\r\n    border: none;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 16px;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n    font-size: 15.5px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    transition: color 0.2s ease;\r\n  }\r\n\r\n  .heron-faq-item.active .heron-faq-question {\r\n    color: #ba9662;\r\n  }\r\n\r\n  .heron-faq-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 50%;\r\n    background: #f8fafc;\r\n    border: 1px solid #cbd5e1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  .heron-faq-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: #64748b;\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .heron-faq-item.active .heron-faq-icon {\r\n    background: #ba9662;\r\n    border-color: #ba9662;\r\n  }\r\n\r\n  .heron-faq-item.active .heron-faq-icon svg {\r\n    fill: #ffffff;\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .heron-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.35s cubic-bezier(0.25, 1, 0.5, 1), padding 0.35s ease;\r\n    padding: 0 24px;\r\n    color: #64748b;\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .heron-faq-item.active .heron-faq-answer {\r\n    padding: 0 24px 22px 24px;\r\n  }\r\n\r\n  \/* Help Box CTA *\/\r\n  .heron-faq-help-box {\r\n    margin-top: 45px;\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 18px;\r\n    padding: 24px 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\r\n  }\r\n\r\n  .heron-help-info h4 {\r\n    font-size: 16.5px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin: 0 0 4px;\r\n  }\r\n\r\n  .heron-help-info p {\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    margin: 0;\r\n  }\r\n\r\n  .btn-faq-wa {\r\n    background-color: #ba9662;\r\n    color: #ffffff !important;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    padding: 12px 26px;\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.2s ease;\r\n    white-space: nowrap;\r\n    box-shadow: 0 4px 15px rgba(186, 150, 98, 0.25);\r\n  }\r\n\r\n  .btn-faq-wa:hover {\r\n    background-color: #a3814f;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .btn-faq-wa svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .heron-faq-wrapper {\r\n      padding: 50px 16px 70px;\r\n    }\r\n    .heron-faq-question {\r\n      padding: 16px 18px;\r\n      font-size: 14.5px;\r\n    }\r\n    .heron-faq-answer {\r\n      font-size: 13.5px;\r\n      padding: 0 18px;\r\n    }\r\n    .heron-faq-item.active .heron-faq-answer {\r\n      padding: 0 18px 18px 18px;\r\n    }\r\n    .heron-faq-help-box {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      padding: 20px;\r\n      gap: 16px;\r\n    }\r\n    .btn-faq-wa {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"heron-faq-wrapper\" id=\"faq-cluster-heron\">\r\n  <div class=\"heron-faq-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"heron-faq-header\">\r\n      <span class=\"heron-faq-badge\">FREQUENTLY ASKED QUESTIONS<\/span>\r\n      <h2 class=\"heron-faq-title\">\r\n        Pertanyaan Seputar <span>Cluster Heron<\/span>\r\n      <\/h2>\r\n      <p class=\"heron-faq-desc\">\r\n        Temukan informasi penting mengenai spesifikasi, pilihan tipe, fasilitas, hingga mekanisme cara bayar Cluster Heron Summarecon Serpong.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Accordion List -->\r\n    <div class=\"heron-accordion-list\">\r\n      \r\n      <!-- FAQ 1 -->\r\n      <div class=\"heron-faq-item\">\r\n        <button class=\"heron-faq-question\" onclick=\"toggleHeronFaq(this)\">\r\n          <span>Di mana lokasi persis Cluster Heron Summarecon Serpong?<\/span>\r\n          <div class=\"heron-faq-icon\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"heron-faq-answer\">\r\n          Cluster Heron berlokasi di kawasan prestisius <b>The Springs, Summarecon Serpong<\/b> (Jl. Springs Boulevard). Lokasinya berdampingan langsung dengan The Springs Club, hanya 5 menit ke Summarecon Mall Serpong (SMS), dan memiliki akses gerbang tol langsung ke Jakarta maupun Bandara Soekarno-Hatta.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 2 -->\r\n      <div class=\"heron-faq-item\">\r\n        <button class=\"heron-faq-question\" onclick=\"toggleHeronFaq(this)\">\r\n          <span>Apa perbedaan utama antara Tipe Ardea dan Tipe Agretta?<\/span>\r\n          <div class=\"heron-faq-icon\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"heron-faq-answer\">\r\n          <b>Tipe Ardea<\/b> merupakan tipe flagship dengan luas bangunan lebih lapang (hingga 359 m\u00b2), konfigurasi 5+1 kamar tidur, dan memiliki opsi private lift yang sudah termasuk di paket Premium B. Sedangkan <b>Tipe Agretta<\/b> menghadirkan tata ruang 4+1 kamar tidur yang elegan, luas bangunan hingga 303 m\u00b2, dan fleksibilitas inner courtyard yang asri.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 3 -->\r\n      <div class=\"heron-faq-item\">\r\n        <button class=\"heron-faq-question\" onclick=\"toggleHeronFaq(this)\">\r\n          <span>Apakah semua unit sudah dilengkapi dengan fasilitas Private Lift?<\/span>\r\n          <div class=\"heron-faq-icon\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"heron-faq-answer\">\r\n          Facility <b>Private Lift<\/b> terpasang khusus pada Tipe Ardea untuk pilihan spesifikasi Premium B. Namun, pada tipe Premium A, struktur ruang\/shaft untuk instalasi lift sudah disediakan sehingga dapat dipasang secara mandiri di kemudian hari.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 4 -->\r\n      <div class=\"heron-faq-item\">\r\n        <button class=\"heron-faq-question\" onclick=\"toggleHeronFaq(this)\">\r\n          <span>Berapa kapasitas daya listrik dan spesifikasi sanitari yang didapatkan?<\/span>\r\n          <div class=\"heron-faq-icon\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"heron-faq-answer\">\r\n          Setiap unit di Cluster Heron dilengkapi dengan daya listrik standar <b>11.000 Watt<\/b> serta instalasi EV Charging Ready untuk kendaraan listrik. Seluruh perangkat sanitari menggunakan brand premium kelas dunia dari <b>Kohler<\/b>.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 5 -->\r\n      <div class=\"heron-faq-item\">\r\n        <button class=\"heron-faq-question\" onclick=\"toggleHeronFaq(this)\">\r\n          <span>Apa saja skema cara bayar yang tersedia untuk pembelian unit?<\/span>\r\n          <div class=\"heron-faq-icon\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"heron-faq-answer\">\r\n          Developer menyediakan berbagai skema pembayaran yang fleksibel: <b>Hard Cash<\/b>, <b>KPR Express<\/b>, <b>Easy Installment (DP 10% dicicil 10x)<\/b>, dan <b>Installment Bertahap ke Developer<\/b> mulai dari 12x hingga 24x flat tanpa BI checking.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 6 -->\r\n      <div class=\"heron-faq-item\">\r\n        <button class=\"heron-faq-question\" onclick=\"toggleHeronFaq(this)\">\r\n          <span>Bagaimana cara menjadwalkan private tour ke Show Unit Cluster Heron?<\/span>\r\n          <div class=\"heron-faq-icon\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"heron-faq-answer\">\r\n          Anda dapat mengisi form pendaftaran jadwal kunjungan di atas atau langsung menghubungi tim specialist kami melalui WhatsApp di <b>0878-7893-8096<\/b> untuk registrasi kunjungan private tour show unit.\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Help Box CTA -->\r\n    <div class=\"heron-faq-help-box\">\r\n      <div class=\"heron-help-info\">\r\n        <h4>Masih Memiliki Pertanyaan Lain?<\/h4>\r\n        <p>Konsultasikan kebutuhan spesifik dan ketersediaan unit bersama sales specialist kami.<\/p>\r\n      <\/div>\r\n      <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20masih%20ada%20pertanyaan%20seputar%20Cluster%20Heron%20Summarecon%20Serpong.%20Bisa%20dibantu%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-faq-wa\">\r\n        <span>Tanya via WhatsApp<\/span>\r\n        <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ Accordion Script -->\r\n<script>\r\n  function toggleHeronFaq(button) {\r\n    const item = button.parentElement;\r\n    const answer = item.querySelector('.heron-faq-answer');\r\n    const isActive = item.classList.contains('active');\r\n\r\n    \/\/ Tutup accordion lain jika ingin mode single open\r\n    document.querySelectorAll('.heron-faq-item').forEach(otherItem => {\r\n      if (otherItem !== item) {\r\n        otherItem.classList.remove('active');\r\n        otherItem.querySelector('.heron-faq-answer').style.maxHeight = null;\r\n      }\r\n    });\r\n\r\n    if (!isActive) {\r\n      item.classList.add('active');\r\n      answer.style.maxHeight = answer.scrollHeight + 'px';\r\n    } else {\r\n      item.classList.remove('active');\r\n      answer.style.maxHeight = null;\r\n    }\r\n  }\r\n<\/script>\r\n<!-- END: Cluster Heron - FAQ Section -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9db9d53 e-con-full e-flex e-con e-parent\" data-id=\"9db9d53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a583b00 elementor-widget elementor-widget-html\" data-id=\"a583b00\" 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<!-- START: Cluster Heron Section - Google Maps & Location Survey -->\r\n<style>\r\n  \/* Guard Scope Anti-Bentrok Style *\/\r\n  .heron-map-section-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .heron-map-section-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Solid senada dengan section sebelumnya (#f1f5f9) *\/\r\n    background-color: #f1f5f9;\r\n    color: #0f172a;\r\n    padding: 80px 24px 100px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .heron-map-section-container {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Header Section SEO *\/\r\n  .heron-map-sec-header {\r\n    text-align: center;\r\n    max-width: 780px;\r\n    margin: 0 auto 48px auto;\r\n  }\r\n\r\n  .heron-map-sec-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2.5px;\r\n    color: #ba9662;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(186, 150, 98, 0.4);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);\r\n  }\r\n\r\n  .heron-map-sec-title {\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    letter-spacing: -0.5px;\r\n    line-height: 1.25;\r\n    margin: 0 0 14px 0;\r\n  }\r\n\r\n  .heron-map-sec-title span {\r\n    color: #ba9662;\r\n  }\r\n\r\n  .heron-map-sec-desc {\r\n    font-size: 15px;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Split Layout Grid: Map iFrame Left, Info Box Right *\/\r\n  .heron-map-sec-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 0.8fr;\r\n    gap: 32px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  \/* Left Side: iFrame Wrapper Box *\/\r\n  .heron-map-sec-iframe-box {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 420px;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    border: 1px solid #e2e8f0;\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .heron-map-sec-iframe-box iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 420px;\r\n    border: none;\r\n    display: block;\r\n  }\r\n\r\n  \/* Right Side: Location Info Card *\/\r\n  .heron-map-sec-info-card {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(186, 150, 98, 0.3);\r\n    border-radius: 24px;\r\n    padding: 36px 30px;\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .heron-map-sec-info-header {\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .heron-map-sec-info-title {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  .heron-map-sec-address {\r\n    font-size: 14px;\r\n    color: #334155;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  .heron-map-sec-address strong {\r\n    color: #ba9662;\r\n  }\r\n\r\n  \/* Location Highlights \/ Details *\/\r\n  .heron-map-sec-details-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .heron-map-sec-detail-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n  }\r\n\r\n  .heron-map-sec-detail-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 12px;\r\n    background: rgba(186, 150, 98, 0.1);\r\n    border: 1px solid rgba(186, 150, 98, 0.25);\r\n    color: #ba9662;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .heron-map-sec-detail-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .heron-map-sec-detail-text h4 {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.8px;\r\n    color: #ba9662;\r\n    margin: 0 0 3px 0;\r\n  }\r\n\r\n  .heron-map-sec-detail-text h5 {\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 3px 0;\r\n  }\r\n\r\n  .heron-map-sec-detail-text p {\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* Single Action Button *\/\r\n  .heron-map-sec-btn-main {\r\n    width: 100%;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, #e6ca65 0%, #ba9662 100%);\r\n    color: #0b1517;\r\n    font-weight: 800;\r\n    font-size: 13.5px;\r\n    letter-spacing: 0.5px;\r\n    padding: 16px 24px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    box-shadow: 0 8px 20px rgba(186, 150, 98, 0.25);\r\n  }\r\n\r\n  .heron-map-sec-btn-main:hover {\r\n    background: linear-gradient(135deg, #f3dc87 0%, #a3814f 100%);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 25px rgba(186, 150, 98, 0.4);\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 992px) {\r\n    .heron-map-sec-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 24px;\r\n    }\r\n    .heron-map-section-wrapper {\r\n      padding: 60px 20px;\r\n    }\r\n    .heron-map-sec-iframe-box, .heron-map-sec-iframe-box iframe {\r\n      min-height: 350px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .heron-map-sec-info-card {\r\n      padding: 24px 20px;\r\n    }\r\n    .heron-map-sec-info-title {\r\n      font-size: 19px;\r\n    }\r\n    .heron-map-sec-iframe-box, .heron-map-sec-iframe-box iframe {\r\n      min-height: 300px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"heron-map-section-wrapper\" id=\"lokasi-cluster-heron-map\">\r\n  <div class=\"heron-map-section-container\">\r\n    \r\n    <!-- Section Header SEO -->\r\n    <header class=\"heron-map-sec-header\">\r\n      <span class=\"heron-map-sec-badge\">LOCATION MAP<\/span>\r\n      <h2 class=\"heron-map-sec-title\">\r\n        KUNJUNGI LOKASI <span>CLUSTER HERON<\/span>\r\n      <\/h2>\r\n      <p class=\"heron-map-sec-desc\">\r\n        Survey langsung lokasi hunian mewah 3 lantai paling prestisius di The Springs Summarecon Serpong. Rasakan kemewahan lingkungan asri dengan aksesibilitas terdepan di pusat Gading Serpong.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- Main Grid Layout -->\r\n    <div class=\"heron-map-sec-grid\">\r\n      \r\n      <!-- Left Column: iFrame Google Maps -->\r\n      <div class=\"heron-map-sec-iframe-box\">\r\n        <iframe \r\n          src=\"https:\/\/maps.google.com\/maps?q=The%20Springs%20Summarecon%20Serpong&t=&z=14&ie=UTF8&iwloc=&output=embed\" \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          title=\"Peta Lokasi Cluster Heron Summarecon Serpong\">\r\n        <\/iframe>\r\n      <\/div>\r\n\r\n      <!-- Right Column: Location Details & Single CTA -->\r\n      <div class=\"heron-map-sec-info-card\">\r\n        <div>\r\n          <div class=\"heron-map-sec-info-header\">\r\n            <h3 class=\"heron-map-sec-info-title\">The Springs District<\/h3>\r\n            <p class=\"heron-map-sec-address\">\r\n              <strong>Summarecon Serpong - Gading Serpong<\/strong><br>\r\n              Jl. Springs Boulevard, Kawasan The Springs, Gading Serpong, Tangerang (Berdampingan langsung dengan The Springs Club &amp; Akses Tol Jakarta-Serpong).\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"heron-map-sec-details-list\">\r\n            <!-- Item 1: Akses Utama -->\r\n            <div class=\"heron-map-sec-detail-item\">\r\n              <div class=\"heron-map-sec-detail-icon\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M12 2a8 8 0 0 0-8 8c0 5.25 8 12 8 12s8-6.75 8-12a8 8 0 0 0-8-8z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n              <\/div>\r\n              <div class=\"heron-map-sec-detail-text\">\r\n                <h5 style=\"font-size:14px; font-weight:700; color:#0f172a; margin:0 0 2px 0;\">Aksesibilitas Utama<\/h5>\r\n                <p>5 Menit ke SMS &amp; The Springs Club, Akses Langsung Tol Jakarta-Serpong &amp; Jakarta-Merak.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 2: Ketentuan Kunjungan -->\r\n            <div class=\"heron-map-sec-detail-item\">\r\n              <div class=\"heron-map-sec-detail-icon\">\r\n                <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n              <\/div>\r\n              <div class=\"heron-map-sec-detail-text\">\r\n                <h4>KETENTUAN KUNJUNGAN<\/h4>\r\n                <h5>By Appointment Only<\/h5>\r\n                <p style=\"font-style:italic;\">(Wajib reservasi jadwal sebelum melakukan kunjungan lokasi &amp; show unit)<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Single Action Button -->\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo%20Julfian,%20saya%20mau%20buat%20schedule%20visit%20lokasi%20dan%20show%20unit%20Cluster%20Heron%20Summarecon%20Serpong.%20Bisa%20dibantu%3F\" class=\"heron-map-sec-btn-main\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <span>Jadwalkan Visit Lokasi<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Cluster Heron Section - Google Maps & Location Survey -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-812b1a6 e-con-full e-flex e-con e-parent\" data-id=\"812b1a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-818e484 elementor-widget elementor-widget-html\" data-id=\"818e484\" 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<!-- START: Cluster Heron Section - Clean Luxury Footer -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .heron-footer-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .heron-footer-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow-x: hidden;\r\n    \/* Dark Navy Luxury Theme *\/\r\n    background: #0b1320;\r\n    color: #94a3b8;\r\n    padding: 60px 24px 30px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    border-top: 2px solid #e6ca65; \/* Gold Accent Bar *\/\r\n  }\r\n\r\n  .heron-footer-container {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Footer Top Grid (2 Columns: Brand & Contact) *\/\r\n  .heron-footer-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 0.8fr;\r\n    gap: 40px;\r\n    margin-bottom: 40px;\r\n    width: 100%;\r\n    text-align: left;\r\n  }\r\n\r\n  .heron-footer-brand-title {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 0 0 12px 0;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    text-align: left;\r\n  }\r\n\r\n  .heron-footer-brand-title span {\r\n    color: #f3dc87; \/* Gold Accent *\/\r\n  }\r\n\r\n  .heron-footer-brand-desc {\r\n    font-size: 13.5px;\r\n    line-height: 1.65;\r\n    color: #cbd5e1;\r\n    margin: 0 0 18px 0;\r\n    max-width: 540px;\r\n    text-align: left;\r\n  }\r\n\r\n  .heron-footer-dev-tag {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    color: #e6ca65; \/* Warm Gold *\/\r\n    display: block;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* Contact Column *\/\r\n  .heron-footer-col-title {\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #ffffff;\r\n    margin: 0 0 18px 0;\r\n    text-align: left;\r\n  }\r\n\r\n  .heron-footer-contact-item {\r\n    font-size: 13.5px;\r\n    line-height: 1.6;\r\n    margin-bottom: 12px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    color: #cbd5e1;\r\n    text-align: left;\r\n  }\r\n\r\n  .heron-footer-contact-item svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #f3dc87;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .heron-footer-contact-item a {\r\n    color: #cbd5e1;\r\n    text-decoration: none !important;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .heron-footer-contact-item a:hover {\r\n    color: #f3dc87;\r\n  }\r\n\r\n  \/* Divider *\/\r\n  .heron-footer-divider {\r\n    height: 1px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    margin-bottom: 30px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Bottom Bar *\/\r\n  .heron-footer-bottom {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    text-align: center;\r\n  }\r\n\r\n  .heron-footer-copyright {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    margin: 0;\r\n  }\r\n\r\n  .heron-footer-copyright a {\r\n    color: #ffffff;\r\n    font-weight: 700;\r\n    text-decoration: none !important;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .heron-footer-copyright a:hover {\r\n    color: #e6ca65;\r\n  }\r\n\r\n  \/* Circular Social Icons *\/\r\n  .heron-footer-socials {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n  }\r\n\r\n  .heron-social-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    border: 1px solid #e6ca65;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s ease;\r\n    text-decoration: none !important;\r\n    background: transparent;\r\n  }\r\n\r\n  .heron-social-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #e6ca65;\r\n    transition: fill 0.3s ease;\r\n  }\r\n\r\n  .heron-social-icon:hover {\r\n    background: linear-gradient(135deg, #e6ca65 0%, #ba9662 100%);\r\n    border-color: #ba9662;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 12px rgba(230, 202, 101, 0.35);\r\n  }\r\n\r\n  .heron-social-icon:hover svg {\r\n    fill: #0b1320;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 820px) {\r\n    .heron-footer-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 32px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .heron-footer-wrapper {\r\n      padding: 40px 16px 24px 16px;\r\n    }\r\n    .heron-footer-brand-title {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"heron-footer-wrapper\">\r\n  <div class=\"heron-footer-container\">\r\n    \r\n    <!-- Footer Grid (2 Columns) -->\r\n    <div class=\"heron-footer-grid\">\r\n      \r\n      <!-- Brand Column -->\r\n      <div>\r\n        <h3 class=\"heron-footer-brand-title\">CLUSTER HERON @ <span>THE SPRINGS SERPONG<\/span><\/h3>\r\n        <p class=\"heron-footer-brand-desc\">Kawasan hunian mewah 3 lantai eksklusif di jantung distrik The Springs Gading Serpong. Dilengkapi opsi private lift, material imported marble, smart home system, serta akses langsung ke Clubhouse bintang lima dan The Springs Club.<\/p>\r\n        <span class=\"heron-footer-dev-tag\">OFFICIAL PROJECT BY SUMMARECON SERPONG<\/span>\r\n      <\/div>\r\n\r\n      <!-- Contact Column -->\r\n      <div>\r\n        <h4 class=\"heron-footer-col-title\">Layanan Informasi Sales<\/h4>\r\n        \r\n        <div class=\"heron-footer-contact-item\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n          <span>Cityzen Park East 5 No.0021 Park Serpong, Legok, Kab. Tangerang, Banten<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"heron-footer-contact-item\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n          <a href=\"mailto:hello@julfian.com\">hello@julfian.com<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"heron-footer-contact-item\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n          <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=6287878938096&text=Halo%20Bos%20Fian,%20saya%20melihat%20ini%20di%20Website%20dan%20saya%20tertarik%20dengan%20Cluster%20Heron%20Summarecon%20Serpong.\" target=\"_blank\" rel=\"noopener noreferrer\">0878 7893 8096<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"heron-footer-divider\"><\/div>\r\n\r\n    <!-- Bottom Bar -->\r\n    <div class=\"heron-footer-bottom\">\r\n      <p class=\"heron-footer-copyright\">Copyright \u00a9 <a href=\"https:\/\/julfian.com\/en\/\" target=\"_blank\" rel=\"noopener noreferrer\">Julfian<\/a> 2026. All Rights Reserved<\/p>\r\n      \r\n      <!-- Circular Social Icons -->\r\n      <div class=\"heron-footer-socials\">\r\n        <!-- Instagram -->\r\n        <a href=\"https:\/\/www.instagram.com\/fiantherealtor\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"heron-social-icon\" aria-label=\"Instagram\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n        <\/a>\r\n\r\n        <!-- WhatsApp Icon Vector -->\r\n        <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=6287878938096&text=Halo%20Bos%20Fian,%20saya%20melihat%20ini%20di%20Website%20dan%20saya%20tertarik%20dengan%20Cluster%20Heron%20Summarecon%20Serpong.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"heron-social-icon\" aria-label=\"WhatsApp\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.375-.883-.71-1.48-1.588-1.653-1.886-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/footer>\r\n<!-- END: Cluster Heron Section - Clean Luxury Footer -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>SUMMARECON SERPONG \u2022 THE SPRINGS DISTRICT CLUSTER HERON THE EPITOME OF LUXURY LIVING Hunian Mewah 3 Lantai Tipe Ardea &#038; Agretta di Kawasan Prestisius The Springs Gading Serpong. Dilengkapi Opsi Private Lift, Smart Home System, dan Material Imported Marble. SCROLL KEBAWAH Mulai Rp 6,3 M-an Harga Termasuk PPN Private Lift Option Tipe Ardea &#038; Agretta [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8426,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8427","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.3 (Yoast SEO v28.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Cluster Heron Summarecon Serpong | Rumah Mewah 3 Lantai - Julfian Property Expert<\/title>\n<meta name=\"description\" content=\"Cluster Heron Summarecon Serpong: Hunian mewah 3 lantai Tipe Ardea &amp; Agretta di The Springs. Dilengkapi opsi Private Lift &amp; Clubhouse Mewah.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/julfian.com\/en\/heron\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cluster Heron Summarecon Serpong | Rumah Mewah 3 Lantai\" \/>\n<meta property=\"og:description\" content=\"Cluster Heron Summarecon Serpong: Hunian mewah 3 lantai Tipe Ardea &amp; Agretta di The Springs. Dilengkapi opsi Private Lift &amp; Clubhouse Mewah.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/julfian.com\/en\/heron\/\" \/>\n<meta property=\"og:site_name\" content=\"Julfian Property Expert\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-24T09:27:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Cluster-Heron-Summarecon-Serpong.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1072\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/julfian.com\\\/heron\\\/\",\"url\":\"https:\\\/\\\/julfian.com\\\/heron\\\/\",\"name\":\"Cluster Heron Summarecon Serpong | Rumah Mewah 3 Lantai - Julfian Property Expert\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/heron\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/heron\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Cluster-Heron-Summarecon-Serpong.webp\",\"datePublished\":\"2026-08-24T09:09:31+00:00\",\"dateModified\":\"2026-08-24T09:27:32+00:00\",\"description\":\"Cluster Heron Summarecon Serpong: Hunian mewah 3 lantai Tipe Ardea & Agretta di The Springs. Dilengkapi opsi Private Lift & Clubhouse Mewah.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/heron\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/julfian.com\\\/heron\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/julfian.com\\\/heron\\\/#primaryimage\",\"url\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Cluster-Heron-Summarecon-Serpong.webp\",\"contentUrl\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Cluster-Heron-Summarecon-Serpong.webp\",\"width\":1920,\"height\":1072,\"caption\":\"Cluster Heron Summarecon Serpong\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/julfian.com\\\/heron\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/julfian.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cluster Heron Summarecon Serpong | Rumah Mewah 3 Lantai\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/julfian.com\\\/#website\",\"url\":\"https:\\\/\\\/julfian.com\\\/\",\"name\":\"Julfian | Executive Property Advisor\",\"description\":\"Properti Alam Sutera, BSD &amp; Gading Serpong\",\"publisher\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/#\\\/schema\\\/person\\\/c4fa8cf9a29c54dbc2c66d7f080a968d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/julfian.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/julfian.com\\\/#\\\/schema\\\/person\\\/c4fa8cf9a29c54dbc2c66d7f080a968d\",\"name\":\"Juaniyuna\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Julfian.jpeg\",\"url\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Julfian.jpeg\",\"contentUrl\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Julfian.jpeg\",\"width\":1000,\"height\":1000,\"caption\":\"Juaniyuna\"},\"logo\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Julfian.jpeg\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cluster Heron Summarecon Serpong | Rumah Mewah 3 Lantai - Julfian Property Expert","description":"Cluster Heron Summarecon Serpong: Hunian mewah 3 lantai Tipe Ardea & Agretta di The Springs. Dilengkapi opsi Private Lift & Clubhouse Mewah.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/julfian.com\/en\/heron\/","og_locale":"en_US","og_type":"article","og_title":"Cluster Heron Summarecon Serpong | Rumah Mewah 3 Lantai","og_description":"Cluster Heron Summarecon Serpong: Hunian mewah 3 lantai Tipe Ardea & Agretta di The Springs. Dilengkapi opsi Private Lift & Clubhouse Mewah.","og_url":"https:\/\/julfian.com\/en\/heron\/","og_site_name":"Julfian Property Expert","article_modified_time":"2026-08-24T09:27:32+00:00","og_image":[{"width":1920,"height":1072,"url":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Cluster-Heron-Summarecon-Serpong.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/julfian.com\/heron\/","url":"https:\/\/julfian.com\/heron\/","name":"Cluster Heron Summarecon Serpong | Rumah Mewah 3 Lantai - Julfian Property Expert","isPartOf":{"@id":"https:\/\/julfian.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/julfian.com\/heron\/#primaryimage"},"image":{"@id":"https:\/\/julfian.com\/heron\/#primaryimage"},"thumbnailUrl":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Cluster-Heron-Summarecon-Serpong.webp","datePublished":"2026-08-24T09:09:31+00:00","dateModified":"2026-08-24T09:27:32+00:00","description":"Cluster Heron Summarecon Serpong: Hunian mewah 3 lantai Tipe Ardea & Agretta di The Springs. Dilengkapi opsi Private Lift & Clubhouse Mewah.","breadcrumb":{"@id":"https:\/\/julfian.com\/heron\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/julfian.com\/heron\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/julfian.com\/heron\/#primaryimage","url":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Cluster-Heron-Summarecon-Serpong.webp","contentUrl":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Cluster-Heron-Summarecon-Serpong.webp","width":1920,"height":1072,"caption":"Cluster Heron Summarecon Serpong"},{"@type":"BreadcrumbList","@id":"https:\/\/julfian.com\/heron\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/julfian.com\/"},{"@type":"ListItem","position":2,"name":"Cluster Heron Summarecon Serpong | Rumah Mewah 3 Lantai"}]},{"@type":"WebSite","@id":"https:\/\/julfian.com\/#website","url":"https:\/\/julfian.com\/","name":"Julfian | Executive Property Advisor","description":"Properti Alam Sutera, BSD &amp; Gading Serpong","publisher":{"@id":"https:\/\/julfian.com\/#\/schema\/person\/c4fa8cf9a29c54dbc2c66d7f080a968d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/julfian.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/julfian.com\/#\/schema\/person\/c4fa8cf9a29c54dbc2c66d7f080a968d","name":"Juaniyuna","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/05\/Julfian.jpeg","url":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/05\/Julfian.jpeg","contentUrl":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/05\/Julfian.jpeg","width":1000,"height":1000,"caption":"Juaniyuna"},"logo":{"@id":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/05\/Julfian.jpeg"}}]}},"_links":{"self":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/8427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/comments?post=8427"}],"version-history":[{"count":10,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/8427\/revisions"}],"predecessor-version":[{"id":8459,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/8427\/revisions\/8459"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/media\/8426"}],"wp:attachment":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/media?parent=8427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}