{"id":7057,"date":"2026-06-13T09:09:53","date_gmt":"2026-06-13T09:09:53","guid":{"rendered":"https:\/\/julfian.com\/?page_id=7057"},"modified":"2026-08-07T08:38:35","modified_gmt":"2026-08-07T08:38:35","slug":"bellefont-east","status":"publish","type":"page","link":"https:\/\/julfian.com\/en\/bellefont-east\/","title":{"rendered":"Bellefont East Summarecon Serpong | Rumah Luxury 3 Lantai French Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7057\" class=\"elementor elementor-7057\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-718218e e-con-full e-flex e-con e-parent\" data-id=\"718218e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32e10fb elementor-widget elementor-widget-html\" data-id=\"32e10fb\" 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: Bellefont East Section 1 - Cinematic Hero -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .bellefont-hero-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .bellefont-hero-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    min-height: 650px;\r\n    background: #0d131a;\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 with Desktop URL *\/\r\n  .bellefont-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(13, 19, 26, 0.5) 0%, rgba(13, 19, 26, 0.25) 50%, rgba(13, 19, 26, 0.88) 100%), \r\n                      url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Bellefont-East-Summarecon-Serpong-Rumah-Bergaya-Parisian-Classic.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  .bellefont-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: 920px;\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  .bellefont-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: #f5d79e;\r\n    background: rgba(13, 19, 26, 0.7);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    border: 1px solid rgba(226, 177, 91, 0.5);\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  .bellefont-hero-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: clamp(28px, 4.5vw, 54px);\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    letter-spacing: 2px;\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  .bellefont-hero-title .line-2 {\r\n    display: block;\r\n    margin-top: 4px;\r\n    color: #f5d79e;\r\n  }\r\n\r\n  .bellefont-hero-subtitle {\r\n    font-size: clamp(13px, 1.2vw, 16px);\r\n    color: #e2e8f0;\r\n    font-weight: 400;\r\n    max-width: 680px;\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  \/* Single CTA Button - No Arrow Icon *\/\r\n  .bellefont-btn-detail {\r\n    margin-top: 8px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, #e2b15b 0%, #b8832a 100%);\r\n    color: #0d131a;\r\n    font-weight: 800;\r\n    font-size: 14px;\r\n    letter-spacing: 1px;\r\n    padding: 14px 38px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 10px 30px rgba(226, 177, 91, 0.35);\r\n    transition: all 0.3s ease;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n  }\r\n\r\n  .bellefont-btn-detail:hover {\r\n    background: linear-gradient(135deg, #f5d79e 0%, #d49a37 100%);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 14px 35px rgba(226, 177, 91, 0.5);\r\n  }\r\n\r\n  \/* Scroll-Triggered Bottom Floating Specs Bar *\/\r\n  .bellefont-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(13, 19, 26, 0.85);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid rgba(255, 255, 255, 0.18);\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  .bellefont-hero-specs-bar.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translate(-50%, 0);\r\n  }\r\n\r\n  .bellefont-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  .bellefont-spec-item:last-child {\r\n    border-right: none;\r\n  }\r\n\r\n  .bellefont-spec-value {\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\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  .bellefont-spec-value span {\r\n    color: #e2b15b;\r\n  }\r\n\r\n  .bellefont-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  .bellefont-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  .bellefont-scroll-indicator svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #e2b15b;\r\n    animation: bellefontBounce 2s infinite;\r\n  }\r\n\r\n  @keyframes bellefontBounce {\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 & Mobile Image Switcher *\/\r\n  @media (max-width: 768px) {\r\n    .bellefont-hero-bg {\r\n      background-image: linear-gradient(180deg, rgba(13, 19, 26, 0.5) 0%, rgba(13, 19, 26, 0.25) 50%, rgba(13, 19, 26, 0.88) 100%), \r\n                        url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Bellefont-East-by-Summarecon-Serpong-Rumah-Mewah-3-Lantai.webp');\r\n    }\r\n    \r\n    .bellefont-hero-specs-bar {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 16px;\r\n      padding: 18px 16px;\r\n    }\r\n    .bellefont-spec-item {\r\n      border-right: none;\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n      padding-bottom: 10px;\r\n    }\r\n    .bellefont-spec-item:nth-child(3), \r\n    .bellefont-spec-item:nth-child(4) {\r\n      border-bottom: none;\r\n      padding-bottom: 0;\r\n    }\r\n    .bellefont-spec-value, .bellefont-spec-label {\r\n      white-space: normal;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .bellefont-hero-title-box {\r\n      width: 92%;\r\n    }\r\n    .bellefont-btn-detail {\r\n      width: 100%;\r\n      padding: 14px 24px;\r\n    }\r\n    .bellefont-hero-specs-bar {\r\n      bottom: 20px;\r\n      width: 92%;\r\n      padding: 14px 12px;\r\n    }\r\n    .bellefont-spec-value {\r\n      font-size: 15px;\r\n    }\r\n    .bellefont-spec-label {\r\n      font-size: 10.5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bellefont-hero-wrapper\">\r\n  \r\n  <!-- Background Image -->\r\n  <div class=\"bellefont-hero-bg\"><\/div>\r\n\r\n  <!-- Main Title Overlay (Centered Content) -->\r\n  <div class=\"bellefont-hero-title-box\">\r\n    <span class=\"bellefont-hero-badge\">FRENCH ROMANTIC LIVING AT THE SPRINGS<\/span>\r\n    \r\n    <h1 class=\"bellefont-hero-title\">\r\n      BELLEFONT EAST\r\n      <span class=\"line-2\">SUMMARECON SERPONG<\/span>\r\n    <\/h1>\r\n    \r\n    <p class=\"bellefont-hero-subtitle\">\r\n      Mahakarya Hunian 3 Lantai Bergaya French Classic Modern. Terintegrasi Langsung dengan Danau Eksklusif, Private Clubhouse, dan Akses Strategis Gading Serpong.\r\n    <\/p>\r\n\r\n    <!-- Single CTA Button -->\r\n    <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20melihat%20ini%20di%20Website%20dan%20saya%20mau%20tanya%20info%20detail%20tentang%20Bellefont%20East%20Summarecon%20Serpong.%20Apa%20bisa%20dibantu?\" class=\"bellefont-btn-detail\" target=\"_blank\">\r\n      <span>Tanya Info Detail<\/span>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- Scroll Down Indicator -->\r\n  <div class=\"bellefont-scroll-indicator\" id=\"bellefontScrollIndicator\">\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=\"bellefont-hero-specs-bar\" id=\"bellefontSpecsBar\">\r\n    <div class=\"bellefont-spec-item\">\r\n      <div class=\"bellefont-spec-value\">3 <span>Lantai<\/span><\/div>\r\n      <div class=\"bellefont-spec-label\">French Classic Architecture<\/div>\r\n    <\/div>\r\n    <div class=\"bellefont-spec-item\">\r\n      <div class=\"bellefont-spec-value\">Private <span>Clubhouse<\/span><\/div>\r\n      <div class=\"bellefont-spec-label\">Within The Springs District<\/div>\r\n    <\/div>\r\n    <div class=\"bellefont-spec-item\">\r\n      <div class=\"bellefont-spec-value\">High <span>Ceiling 7m<\/span><\/div>\r\n      <div class=\"bellefont-spec-label\">Accommodate Private Lift<\/div>\r\n    <\/div>\r\n    <div class=\"bellefont-spec-item\">\r\n      <div class=\"bellefont-spec-value\">Mulai <span>Rp 4,3 M-an<\/span><\/div>\r\n      <div class=\"bellefont-spec-label\">Promo PPN DTP & Easy Payment<\/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('bellefontSpecsBar');\r\n    const scrollIndicator = document.getElementById('bellefontScrollIndicator');\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: Bellefont East 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-2b89b97 e-con-full e-flex e-con e-parent\" data-id=\"2b89b97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a78854 elementor-widget elementor-widget-html\" data-id=\"4a78854\" 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: Bellefont East Section 2 - Problem, Agitation & Ecosystem Showcase -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .bellefont-pas-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .bellefont-pas-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background: linear-gradient(180deg, #0b1118 0%, #18222d 40%, #cbd5e1 75%, #f1f5f9 100%);\r\n    padding: 90px 24px 60px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .bellefont-pas-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1080px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Header Section (Dark Zone Text) *\/\r\n  .bellefont-pas-header {\r\n    text-align: center;\r\n    max-width: 860px;\r\n    margin: 0 auto 50px auto;\r\n  }\r\n\r\n  .bellefont-pas-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: #e2b15b;\r\n    background: rgba(226, 177, 91, 0.12);\r\n    border: 1px solid rgba(226, 177, 91, 0.35);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .bellefont-pas-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: clamp(24px, 3.5vw, 40px);\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.5px;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .bellefont-pas-title span {\r\n    color: #f5d79e;\r\n  }\r\n\r\n  .bellefont-pas-lead {\r\n    font-size: clamp(14px, 1.1vw, 17px);\r\n    color: #94a3b8;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Dual Card Grid (Problem vs Solution) *\/\r\n  .bellefont-pas-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 24px;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  .bellefont-pas-card {\r\n    background: rgba(18, 26, 36, 0.85);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border-radius: 20px;\r\n    padding: 36px 32px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .bellefont-pas-card.problem {\r\n    border-left: 4px solid #ef4444;\r\n  }\r\n\r\n  .bellefont-pas-card.solution {\r\n    border-left: 4px solid #e2b15b;\r\n    background: linear-gradient(145deg, rgba(26, 37, 50, 0.9) 0%, rgba(18, 26, 36, 0.95) 100%);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n  }\r\n\r\n  .bellefont-pas-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(226, 177, 91, 0.4);\r\n  }\r\n\r\n  .bellefont-card-tag {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .bellefont-pas-card.problem .bellefont-card-tag {\r\n    color: #f87171;\r\n  }\r\n\r\n  .bellefont-pas-card.solution .bellefont-card-tag {\r\n    color: #f5d79e;\r\n  }\r\n\r\n  .bellefont-card-heading {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 14px 0;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .bellefont-card-text {\r\n    font-size: 14px;\r\n    color: #cbd5e1;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Image Showcase Container *\/\r\n  .bellefont-image-box {\r\n    position: relative;\r\n    width: 100%;\r\n    margin: 0 auto 50px auto;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.35);\r\n    border: 1px solid rgba(255, 255, 255, 0.4);\r\n  }\r\n\r\n  .bellefont-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.5s ease;\r\n  }\r\n\r\n  .bellefont-image-box:hover img {\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  \/* Bottom Feature Section (Light Zone Text) *\/\r\n  .bellefont-special-section {\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    padding: 44px 36px;\r\n    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.06);\r\n    border: 1px solid #e2e8f0;\r\n  }\r\n\r\n  .bellefont-special-header {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .bellefont-special-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: clamp(20px, 2.5vw, 28px);\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    letter-spacing: 0.5px;\r\n    margin: 0 0 8px 0;\r\n  }\r\n\r\n  .bellefont-special-subtitle {\r\n    font-size: 14px;\r\n    color: #64748b;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 3 Core Value Pillars *\/\r\n  .bellefont-special-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 18px;\r\n  }\r\n\r\n  .bellefont-special-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    padding: 18px;\r\n    background: #f8fafc;\r\n    border-radius: 16px;\r\n    border: 1px solid #f1f5f9;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .bellefont-special-item:hover {\r\n    background: #ffffff;\r\n    border-color: #e2b15b;\r\n    box-shadow: 0 10px 25px rgba(226, 177, 91, 0.12);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .bellefont-special-icon {\r\n    flex-shrink: 0;\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 10px;\r\n    background: linear-gradient(135deg, #e2b15b 0%, #b8832a 100%);\r\n    color: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 800;\r\n    font-size: 16px;\r\n    box-shadow: 0 4px 12px rgba(226, 177, 91, 0.3);\r\n  }\r\n\r\n  .bellefont-special-content h4 {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin: 0 0 4px 0;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .bellefont-special-content p {\r\n    font-size: 12.5px;\r\n    color: #475569;\r\n    line-height: 1.55;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Responsive Mobile *\/\r\n  @media (max-width: 992px) {\r\n    .bellefont-special-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 868px) {\r\n    .bellefont-pas-wrapper {\r\n      padding: 60px 16px 40px 16px;\r\n    }\r\n\r\n    .bellefont-pas-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 18px;\r\n      margin-bottom: 40px;\r\n    }\r\n\r\n    .bellefont-pas-card {\r\n      padding: 26px 22px;\r\n    }\r\n\r\n    .bellefont-special-section {\r\n      padding: 28px 18px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bellefont-pas-wrapper\">\r\n  \r\n  <div class=\"bellefont-pas-container\">\r\n    \r\n    <!-- Section Header (Dark Tone) -->\r\n    <div class=\"bellefont-pas-header\">\r\n      <span class=\"bellefont-pas-badge\">THE LIVING DILEMMA<\/span>\r\n      \r\n      <h2 class=\"bellefont-pas-title\">\r\n        Mencari Hunian Luxury yang Menggabungkan Prestige, Estetika Klasik, dan <span>Ketenangan Alam?<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"bellefont-pas-lead\">\r\n        Di tengah hiruk-pikuk perkotaan, memiliki rumah bukan sekadar tentang luas bangunan, melainkan tentang kualitas hidup dan privasi keluarga Anda.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Comparison Cards -->\r\n    <div class=\"bellefont-pas-grid\">\r\n      \r\n      <!-- Card Problem -->\r\n      <div class=\"bellefont-pas-card problem\">\r\n        <div class=\"bellefont-card-tag\">Dilema Hunian Mewah Saat Ini<\/div>\r\n        <h3 class=\"bellefont-card-heading\">Kompromi Antara Lokasi & Lingkungan Asri<\/h3>\r\n        <p class=\"bellefont-card-text\">\r\n          Seringkali hunian mewah di lokasi prima mengorbankan area hijau, atau sebaliknya\u2014hunian asri yang lokasinya terlalu jauh dari pusat bisnis dan gaya hidup.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card Solution -->\r\n      <div class=\"bellefont-pas-card solution\">\r\n        <div class=\"bellefont-card-tag\">Jawaban Sempurna Anda<\/div>\r\n        <h3 class=\"bellefont-card-heading\">Bellefont East @ Summarecon Serpong<\/h3>\r\n        <p class=\"bellefont-card-text\">\r\n          Sebuah mahakarya hunian dari Summarecon Serpong yang menghadirkan keanggunan <em>French Romantic Architecture<\/em> tepat di jantung kawasan The Springs yang hijau dan tenang.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Showcase Image Section -->\r\n    <div class=\"bellefont-image-box\">\r\n      <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/06\/Bellefont-East-Gading-Serpong.webp\" alt=\"Bellefont East Summarecon Serpong - Rumah Mewah French Classic di Gading Serpong\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n    <!-- Special Ecosystem Values -->\r\n    <div class=\"bellefont-special-section\">\r\n      \r\n      <div class=\"bellefont-special-header\">\r\n        <h3 class=\"bellefont-special-title\">APA YANG MEMBUAT BELLEFONT EAST BEGITU SPESIAL?<\/h3>\r\n        <p class=\"bellefont-special-subtitle\">Ekosistem Hunian Eksklusif yang Dirancang untuk Kualitas Hidup Terbaik<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bellefont-special-grid\">\r\n        \r\n        <!-- Point 1 -->\r\n        <div class=\"bellefont-special-item\">\r\n          <div class=\"bellefont-special-icon\">1<\/div>\r\n          <div class=\"bellefont-special-content\">\r\n            <h4>Diapit Dua Lapangan Golf Internasional<\/h4>\r\n            <p>Berada tepat di antara <strong>Gading Raya Golf & Club<\/strong> dan <strong>Damai Indah Golf BSD<\/strong> untuk kenyamanan gaya hidup eksklusif Anda.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Point 2 -->\r\n        <div class=\"bellefont-special-item\">\r\n          <div class=\"bellefont-special-icon\">2<\/div>\r\n          <div class=\"bellefont-special-content\">\r\n            <h4>Lingkungan Asri Springs Lake Park<\/h4>\r\n            <p>Integrasi langsung dengan area hijau terbuka, jalan setapak tepi danau yang segar, dan udara bersih kawasan The Springs.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Point 3 -->\r\n        <div class=\"bellefont-special-item\">\r\n          <div class=\"bellefont-special-icon\">3<\/div>\r\n          <div class=\"bellefont-special-content\">\r\n            <h4>Mahakarya Resmi Summarecon Serpong<\/h4>\r\n            <p>Jaminan nilai investasi jangka panjang yang aman, standar pembangunan tinggi, serta potensi apresiasi harga di Serpong-BSD.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n<!-- END: Bellefont East Section 2 - Problem, Agitation & Ecosystem Showcase -->\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-82b0518 e-con-full e-flex e-con e-parent\" data-id=\"82b0518\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4562191 elementor-widget elementor-widget-html\" data-id=\"4562191\" 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: Bellefont East Section 3 - Key Highlights & Advantages -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .bellefont-highlights-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .bellefont-highlights-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #f1f5f9;\r\n    padding: 40px 24px 90px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  .bellefont-highlights-container {\r\n    max-width: 1080px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .bellefont-hl-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto 50px auto;\r\n  }\r\n\r\n  .bellefont-hl-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: #b8832a;\r\n    background: rgba(226, 177, 91, 0.15);\r\n    border: 1px solid rgba(184, 131, 42, 0.3);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .bellefont-hl-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    line-height: 1.3;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 4 Pillars Grid (2x2 Layout) *\/\r\n  .bellefont-hl-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  .bellefont-hl-card {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 20px;\r\n    padding: 36px 30px;\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);\r\n    transition: all 0.35s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .bellefont-hl-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #e2b15b 0%, #b8832a 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .bellefont-hl-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);\r\n    border-color: #cbd5e1;\r\n  }\r\n\r\n  .bellefont-hl-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .bellefont-hl-icon-wrap {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: rgba(226, 177, 91, 0.12);\r\n    border: 1px solid rgba(184, 131, 42, 0.25);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 22px;\r\n    color: #b8832a;\r\n  }\r\n\r\n  .bellefont-hl-icon-wrap svg {\r\n    width: 26px;\r\n    height: 26px;\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  .bellefont-hl-card-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin: 0 0 12px 0;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .bellefont-hl-card-desc {\r\n    font-size: 14px;\r\n    color: #475569;\r\n    line-height: 1.65;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Responsive Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .bellefont-highlights-wrapper {\r\n      padding: 20px 16px 60px 16px;\r\n    }\r\n\r\n    .bellefont-hl-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n\r\n    .bellefont-hl-card {\r\n      padding: 28px 22px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bellefont-highlights-wrapper\">\r\n  \r\n  <div class=\"bellefont-highlights-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"bellefont-hl-header\">\r\n      <span class=\"bellefont-hl-badge\">THE VALUE PROPOSITION<\/span>\r\n      <h2 class=\"bellefont-hl-title\">Mengapa Bellefont East Adalah Investasi Hunian Terbaik Anda?<\/h2>\r\n    <\/div>\r\n\r\n    <!-- 4 Key Features Grid -->\r\n    <div class=\"bellefont-hl-grid\">\r\n      \r\n      <!-- Feature 1 -->\r\n      <div class=\"bellefont-hl-card\">\r\n        <div class=\"bellefont-hl-icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18M5 21V7l7-4 7 4v14M9 10h6M9 14h6M9 18h6\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"bellefont-hl-card-title\">Grand French Architecture & Mansard Roof<\/h3>\r\n        <p class=\"bellefont-hl-card-desc\">\r\n          Fasad megah ala Prancis dengan <em>curved windows<\/em>, <em>bay window<\/em>, dan <em>sky roof<\/em> elegan yang memaksimalkan pencahayaan alami serta estetika hunian Eropa klasik modern.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Feature 2 -->\r\n      <div class=\"bellefont-hl-card\">\r\n        <div class=\"bellefont-hl-icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"bellefont-hl-card-title\">Double Entrance Gate & ROW Jalan Lebar<\/h3>\r\n        <p class=\"bellefont-hl-card-desc\">\r\n          Kawasan super aman dengan <em>Grand Double Gate<\/em>, ROW boulevard 15 meter, ROW cluster 10 meter, dan <em>pedestrian walkway<\/em> nyaman seluas 4 meter untuk kepuasan berkendara & pejalan kaki.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Feature 3 -->\r\n      <div class=\"bellefont-hl-card\">\r\n        <div class=\"bellefont-hl-icon-wrap\">\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-2zm-7 3c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zM5 19v-1c0-2.33 4.67-3.5 7-3.5s7 1.17 7 3.5v1H5z\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"bellefont-hl-card-title\">Spacious 3-Story Layout<\/h3>\r\n        <p class=\"bellefont-hl-card-desc\">\r\n          Tinggi <em>floor-to-ceiling<\/em> hingga 3.1 meter, area <em>living room high ceiling<\/em> spektakuler hingga 7 meter, serta opsi penambahan <em>private lift<\/em> Schindler pada Tipe 12.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Feature 4 -->\r\n      <div class=\"bellefont-hl-card\">\r\n        <div class=\"bellefont-hl-icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"bellefont-hl-card-title\">Lush Greenery & Lakefront Living<\/h3>\r\n        <p class=\"bellefont-hl-card-desc\">\r\n          Terletak dalam kawasan eksklusif The Springs yang dikelilingi keindahan <em>Springs Lake Park<\/em>, 2 km jalur hijau <em>Spring Boulevard<\/em>, serta kemewahan fasilitas <em>The Springs Club<\/em>.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n<!-- END: Bellefont East Section 3 - Key Highlights & Advantages -->\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-4d44f59 e-con-full e-flex e-con e-parent\" data-id=\"4d44f59\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31c6209 elementor-widget elementor-widget-html\" data-id=\"31c6209\" 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: Bellefont East Section 4 - Interactive Product & Floor Plan Showcase (Standar & Hoek) -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .bellefont-types-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .bellefont-types-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #ffffff;\r\n    padding: 80px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  .bellefont-types-container {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .bellefont-tp-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto 40px auto;\r\n  }\r\n\r\n  .bellefont-tp-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: #b8832a;\r\n    background: rgba(226, 177, 91, 0.15);\r\n    border: 1px solid rgba(184, 131, 42, 0.3);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .bellefont-tp-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    line-height: 1.3;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Primary Navigation Tabs (Tipe 8, 10, 12) *\/\r\n  .bellefont-tabs-nav {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin-bottom: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .bellefont-tab-btn {\r\n    background: #f1f5f9;\r\n    border: 1px solid #e2e8f0;\r\n    color: #475569;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    padding: 12px 28px;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .bellefont-tab-btn:hover {\r\n    background: #e2e8f0;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .bellefont-tab-btn.active {\r\n    background: linear-gradient(135deg, #e2b15b 0%, #b8832a 100%);\r\n    color: #ffffff;\r\n    border-color: #b8832a;\r\n    box-shadow: 0 8px 20px rgba(184, 131, 42, 0.3);\r\n  }\r\n\r\n  \/* Sub-Navigation Toggle (Standar vs Hoek) *\/\r\n  .bellefont-sub-toggle {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .bellefont-sub-btn {\r\n    background: #ffffff;\r\n    border: 1px solid #cbd5e1;\r\n    color: #64748b;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    padding: 8px 20px;\r\n    border-radius: 12px;\r\n    cursor: pointer;\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  .bellefont-sub-btn.active {\r\n    background: #0f172a;\r\n    color: #f5d79e;\r\n    border-color: #0f172a;\r\n    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);\r\n  }\r\n\r\n  \/* Tab Content Panels *\/\r\n  .bellefont-tab-panel {\r\n    display: none;\r\n    animation: bellefontFadeIn 0.4s ease forwards;\r\n  }\r\n\r\n  .bellefont-tab-panel.active {\r\n    display: block;\r\n  }\r\n\r\n  .bellefont-sub-panel {\r\n    display: none;\r\n    animation: bellefontFadeIn 0.3s ease forwards;\r\n  }\r\n\r\n  .bellefont-sub-panel.active {\r\n    display: block;\r\n  }\r\n\r\n  @keyframes bellefontFadeIn {\r\n    from { opacity: 0; transform: translateY(8px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* Product Card Structure *\/\r\n  .bellefont-card-body {\r\n    background: #f8fafc;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 24px;\r\n    padding: 36px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.1fr;\r\n    gap: 32px;\r\n    align-items: center;\r\n    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.04);\r\n  }\r\n\r\n  \/* Info Column *\/\r\n  .bellefont-unit-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  .bellefont-unit-header {\r\n    border-bottom: 1px solid #e2e8f0;\r\n    padding-bottom: 16px;\r\n  }\r\n\r\n  .bellefont-unit-tag {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    color: #b8832a;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 4px;\r\n    display: block;\r\n  }\r\n\r\n  .bellefont-unit-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: 26px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin: 0;\r\n  }\r\n\r\n  .bellefont-price-badge {\r\n    display: inline-flex;\r\n    align-items: baseline;\r\n    gap: 6px;\r\n    background: rgba(226, 177, 91, 0.12);\r\n    border: 1px solid rgba(184, 131, 42, 0.3);\r\n    padding: 8px 18px;\r\n    border-radius: 12px;\r\n    width: fit-content;\r\n  }\r\n\r\n  .bellefont-price-label {\r\n    font-size: 12px;\r\n    color: #475569;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .bellefont-price-val {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #b8832a;\r\n  }\r\n\r\n  \/* Specs Grid *\/\r\n  .bellefont-specs-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 12px;\r\n  }\r\n\r\n  .bellefont-spec-pill {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 12px;\r\n    padding: 12px 14px;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .bellefont-spec-pill-title {\r\n    font-size: 11px;\r\n    color: #64748b;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .bellefont-spec-pill-value {\r\n    font-size: 14px;\r\n    color: #0f172a;\r\n    font-weight: 700;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  \/* Feature Bullet List *\/\r\n  .bellefont-highlights-box {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 16px;\r\n    padding: 18px;\r\n  }\r\n\r\n  .bellefont-hl-title-sm {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    margin: 0 0 10px 0;\r\n  }\r\n\r\n  .bellefont-hl-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .bellefont-hl-list li {\r\n    font-size: 13px;\r\n    color: #475569;\r\n    line-height: 1.5;\r\n    position: relative;\r\n    padding-left: 20px;\r\n  }\r\n\r\n  .bellefont-hl-list li::before {\r\n    content: \"\u2713\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    color: #b8832a;\r\n    font-weight: 800;\r\n  }\r\n\r\n  \/* Single CTA Button *\/\r\n  .bellefont-btn-ask {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, #e2b15b 0%, #b8832a 100%);\r\n    color: #ffffff;\r\n    font-weight: 800;\r\n    font-size: 14px;\r\n    letter-spacing: 1px;\r\n    padding: 14px 28px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 8px 25px rgba(184, 131, 42, 0.3);\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    width: 100%;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  .bellefont-btn-ask:hover {\r\n    background: linear-gradient(135deg, #f5d79e 0%, #d49a37 100%);\r\n    color: #0f172a;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 30px rgba(184, 131, 42, 0.45);\r\n  }\r\n\r\n  \/* Floorplan Image Column - LARGER SIZE ADJUSTMENT *\/\r\n  .bellefont-unit-visual {\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 14px;\r\n    text-align: center;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.02);\r\n  }\r\n\r\n  .bellefont-unit-visual img {\r\n    width: 100%;\r\n    height: auto;\r\n    max-height: 560px; \/* Diperbesar dari 420px *\/\r\n    object-fit: contain;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  .bellefont-visual-caption {\r\n    font-size: 12px;\r\n    color: #64748b;\r\n    margin-top: 10px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* Responsive Mobile *\/\r\n  @media (max-width: 992px) {\r\n    .bellefont-card-body {\r\n      grid-template-columns: 1fr;\r\n      padding: 24px 18px;\r\n      gap: 26px;\r\n    }\r\n\r\n    .bellefont-unit-visual img {\r\n      max-height: 480px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .bellefont-specs-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .bellefont-tab-btn {\r\n      width: 100%;\r\n      text-align: center;\r\n      padding: 10px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bellefont-types-wrapper\">\r\n  \r\n  <div class=\"bellefont-types-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"bellefont-tp-header\">\r\n      <span class=\"bellefont-tp-badge\">FLOOR PLAN & SPECIFICATIONS<\/span>\r\n      <h2 class=\"bellefont-tp-title\">Pilihan Tipe Unit Eksklusif di Bellefont East Summarecon Serpong<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Primary Navigation Tabs -->\r\n    <div class=\"bellefont-tabs-nav\">\r\n      <button class=\"bellefont-tab-btn active\" onclick=\"openBellefontTab(event, 'tipe-8')\">Tipe 8 (8x16)<\/button>\r\n      <button class=\"bellefont-tab-btn\" onclick=\"openBellefontTab(event, 'tipe-10')\">Tipe 10 (10x16)<\/button>\r\n      <button class=\"bellefont-tab-btn\" onclick=\"openBellefontTab(event, 'tipe-12')\">Tipe 12 (12x16)<\/button>\r\n    <\/div>\r\n\r\n    <!-- ==================== TAB PANEL 1: TIPE 8 ==================== -->\r\n    <div id=\"tipe-8\" class=\"bellefont-tab-panel active\">\r\n      \r\n      <!-- Sub Toggle Standar vs Hoek -->\r\n      <div class=\"bellefont-sub-toggle\">\r\n        <button class=\"bellefont-sub-btn active\" onclick=\"openBellefontSubTab(event, 't8-standar', 'tipe-8')\">Tipe 8 Standar<\/button>\r\n        <button class=\"bellefont-sub-btn\" onclick=\"openBellefontSubTab(event, 't8-hoek', 'tipe-8')\">Tipe 8 Hoek \/ Corner<\/button>\r\n      <\/div>\r\n\r\n      <!-- Sub Panel: Tipe 8 Standar -->\r\n      <div id=\"t8-standar\" class=\"bellefont-sub-panel active\">\r\n        <div class=\"bellefont-card-body\">\r\n          <div class=\"bellefont-unit-info\">\r\n            <div class=\"bellefont-unit-header\">\r\n              <span class=\"bellefont-unit-tag\">ELEGANT & FUNCTIONAL<\/span>\r\n              <h3 class=\"bellefont-unit-title\">Tipe 8 Standar (8 x 16)<\/h3>\r\n            <\/div>\r\n            <div class=\"bellefont-price-badge\">\r\n              <span class=\"bellefont-price-label\">Harga Mulai:<\/span>\r\n              <span class=\"bellefont-price-val\">Rp 4,3 M-an<\/span>\r\n            <\/div>\r\n            <div class=\"bellefont-specs-grid\">\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Luas Tanah \/ Bangunan<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">128 m\u00b2 \/ 192 m\u00b2<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Kamar Tidur \/ Mandi<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">4+1 KT \/ 4+1 KM<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Kapasitas Listrik<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">5.500 VA<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Fasilitas Carport<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">2 Mobil (Canopy Glass)<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"bellefont-highlights-box\">\r\n              <div class=\"bellefont-hl-title-sm\">Highlight Spesifikasi Tipe 8:<\/div>\r\n              <ul class=\"bellefont-hl-list\">\r\n                <li>Lantai Utama Homogeneous Tile 100x100 cm<\/li>\r\n                <li>Kamar Tidur Laminated Wood Floor<\/li>\r\n                <li>Sanitary TOTO (Automatic Closet di Master Bath)<\/li>\r\n                <li>Water Heater Central & CCTV Integrated<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n            <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20tertarik%20dengan%20Bellefont%20East%20Tipe%208%20Standar.%20Bisa%20dibantu%20info%20detailnya?\" class=\"bellefont-btn-ask\" target=\"_blank\">\r\n              <span>TANYA UNIT INI<\/span>\r\n            <\/a>\r\n          <\/div>\r\n          <div class=\"bellefont-unit-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Bellefont-East-Tipe-8-Summarecon-Serpong.webp\" alt=\"Layout Denah Bellefont East Tipe 8 Standar\" loading=\"lazy\">\r\n            <div class=\"bellefont-visual-caption\">Layout Denah 3 Lantai - Tipe 8 Standar<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Sub Panel: Tipe 8 Hoek -->\r\n      <div id=\"t8-hoek\" class=\"bellefont-sub-panel\">\r\n        <div class=\"bellefont-card-body\">\r\n          <div class=\"bellefont-unit-info\">\r\n            <div class=\"bellefont-unit-header\">\r\n              <span class=\"bellefont-unit-tag\">PREMIUM CORNER UNIT<\/span>\r\n              <h3 class=\"bellefont-unit-title\">Tipe 8 Hoek (8 x 16 VAR)<\/h3>\r\n            <\/div>\r\n            <div class=\"bellefont-price-badge\">\r\n              <span class=\"bellefont-price-label\">Harga Mulai:<\/span>\r\n              <span class=\"bellefont-price-val\">Rp 5,2 M-an<\/span>\r\n            <\/div>\r\n            <div class=\"bellefont-specs-grid\">\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Luas Tanah \/ Bangunan<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">174 m\u00b2 \/ 195 m\u00b2 (VAR)<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Kamar Tidur \/ Mandi<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">4+1 KT \/ 4+1 KM<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Kapasitas Listrik<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">5.500 VA<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Sisa Lahan Samping<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">Extra Garden Area<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"bellefont-highlights-box\">\r\n              <div class=\"bellefont-hl-title-sm\">Keunggulan Unit Hoek Tipe 8:<\/div>\r\n              <ul class=\"bellefont-hl-list\">\r\n                <li>Posisi Sudut dengan Ekstra Taman Samping yang Asri<\/li>\r\n                <li>Pencahayaan Natural Maksimal dari Dua Sisi Sinar Matahari<\/li>\r\n                <li>Dua Fasad Megah Bergaya Parisian Classic<\/li>\r\n                <li>Privasi Lebih Tinggi dengan Sisi Samping Terbuka<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n            <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20tertarik%20dengan%20Bellefont%20East%20Tipe%208%20Hoek.%20Bisa%20dibantu%20info%20detailnya?\" class=\"bellefont-btn-ask\" target=\"_blank\">\r\n              <span>TANYA UNIT INI<\/span>\r\n            <\/a>\r\n          <\/div>\r\n          <div class=\"bellefont-unit-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Bellefont-East-Tipe-8-Hoek-Summarecon-Serpong.webp\" alt=\"Layout Denah Bellefont East Tipe 8 Hoek\" loading=\"lazy\">\r\n            <div class=\"bellefont-visual-caption\">Layout Denah 3 Lantai - Tipe 8 Hoek (Corner)<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ==================== TAB PANEL 2: TIPE 10 ==================== -->\r\n    <div id=\"tipe-10\" class=\"bellefont-tab-panel\">\r\n      \r\n      <!-- Sub Toggle Standar vs Hoek -->\r\n      <div class=\"bellefont-sub-toggle\">\r\n        <button class=\"bellefont-sub-btn active\" onclick=\"openBellefontSubTab(event, 't10-standar', 'tipe-10')\">Tipe 10 Standar<\/button>\r\n        <button class=\"bellefont-sub-btn\" onclick=\"openBellefontSubTab(event, 't10-hoek', 'tipe-10')\">Tipe 10 Hoek \/ Corner<\/button>\r\n      <\/div>\r\n\r\n      <!-- Sub Panel: Tipe 10 Standar -->\r\n      <div id=\"t10-standar\" class=\"bellefont-sub-panel active\">\r\n        <div class=\"bellefont-card-body\">\r\n          <div class=\"bellefont-unit-info\">\r\n            <div class=\"bellefont-unit-header\">\r\n              <span class=\"bellefont-unit-tag\">SPACIOUS LUXURY<\/span>\r\n              <h3 class=\"bellefont-unit-title\">Tipe 10 Standar (10 x 16)<\/h3>\r\n            <\/div>\r\n            <div class=\"bellefont-price-badge\">\r\n              <span class=\"bellefont-price-label\">Harga Mulai:<\/span>\r\n              <span class=\"bellefont-price-val\">Rp 5,8 M-an<\/span>\r\n            <\/div>\r\n            <div class=\"bellefont-specs-grid\">\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Luas Tanah \/ Bangunan<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">160 m\u00b2 \/ 240 m\u00b2<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Kamar Tidur \/ Mandi<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">4+1 KT \/ 5+1 KM<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Kapasitas Listrik<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">7.700 VA<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Fitur Spesial<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">Sky Roof (2.2 x 2.9m)<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"bellefont-highlights-box\">\r\n              <div class=\"bellefont-hl-title-sm\">Highlight Spesifikasi Tipe 10:<\/div>\r\n              <ul class=\"bellefont-hl-list\">\r\n                <li>Area Sky Roof di Lantai 3 untuk Tempat Bersantai<\/li>\r\n                <li>Bay Window Nyaman di Kamar Tidur Utama & Anak<\/li>\r\n                <li>Multifunction Room Luas di Lantai 3<\/li>\r\n                <li>Automatic Closet TOTO di Master Bathroom<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n            <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20tertarik%20dengan%20Bellefont%20East%20Tipe%2010%20Standar.%20Bisa%20dibantu%20info%20detailnya?\" class=\"bellefont-btn-ask\" target=\"_blank\">\r\n              <span>TANYA UNIT INI<\/span>\r\n            <\/a>\r\n          <\/div>\r\n          <div class=\"bellefont-unit-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Bellefont-East-Tipe-10-Summarecon-Serpong.webp\" alt=\"Layout Denah Bellefont East Tipe 10 Standar\" loading=\"lazy\">\r\n            <div class=\"bellefont-visual-caption\">Layout Denah 3 Lantai - Tipe 10 Standar<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Sub Panel: Tipe 10 Hoek -->\r\n      <div id=\"t10-hoek\" class=\"bellefont-sub-panel\">\r\n        <div class=\"bellefont-card-body\">\r\n          <div class=\"bellefont-unit-info\">\r\n            <div class=\"bellefont-unit-header\">\r\n              <span class=\"bellefont-unit-tag\">GRAND CORNER ESTATE<\/span>\r\n              <h3 class=\"bellefont-unit-title\">Tipe 10 Hoek (10 x 16 VAR)<\/h3>\r\n            <\/div>\r\n            <div class=\"bellefont-price-badge\">\r\n              <span class=\"bellefont-price-label\">Harga Mulai:<\/span>\r\n              <span class=\"bellefont-price-val\">Rp 6,5 M-an<\/span>\r\n            <\/div>\r\n            <div class=\"bellefont-specs-grid\">\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Luas Tanah \/ Bangunan<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">208 m\u00b2 \/ 242 m\u00b2 (VAR)<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Kamar Tidur \/ Mandi<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">4+1 KT \/ 5+1 KM<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Kapasitas Listrik<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">7.700 VA<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Fitur Spesial<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">Corner Garden + Sky Roof<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"bellefont-highlights-box\">\r\n              <div class=\"bellefont-hl-title-sm\">Keunggulan Unit Hoek Tipe 10:<\/div>\r\n              <ul class=\"bellefont-hl-list\">\r\n                <li>Luas Tanah Tambahan Sangat Luas (Mulai 208 m\u00b2)<\/li>\r\n                <li>Gaya Arsitektur Fasad Sudut yang Elegan & Landmark Cluster<\/li>\r\n                <li>Area Sirkulasi Udara & Cahaya Sangat Baik<\/li>\r\n                <li>Kamar Utama dengan View Samping & Depan<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n            <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20tertarik%20dengan%20Bellefont%20East%20Tipe%2010%20Hoek.%20Bisa%20dibantu%20info%20detailnya?\" class=\"bellefont-btn-ask\" target=\"_blank\">\r\n              <span>TANYA UNIT INI<\/span>\r\n            <\/a>\r\n          <\/div>\r\n          <div class=\"bellefont-unit-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Bellefont-East-Tipe-10-Hoek-Summarecon-Serpong.webp\" alt=\"Layout Denah Bellefont East Tipe 10 Hoek\" loading=\"lazy\">\r\n            <div class=\"bellefont-visual-caption\">Layout Denah 3 Lantai - Tipe 10 Hoek (Corner)<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ==================== TAB PANEL 3: TIPE 12 ==================== -->\r\n    <div id=\"tipe-12\" class=\"bellefont-tab-panel\">\r\n      \r\n      <!-- Sub Toggle Standar vs Hoek -->\r\n      <div class=\"bellefont-sub-toggle\">\r\n        <button class=\"bellefont-sub-btn active\" onclick=\"openBellefontSubTab(event, 't12-standar', 'tipe-12')\">Tipe 12 Standar<\/button>\r\n        <button class=\"bellefont-sub-btn\" onclick=\"openBellefontSubTab(event, 't12-hoek', 'tipe-12')\">Tipe 12 Hoek \/ Corner<\/button>\r\n      <\/div>\r\n\r\n      <!-- Sub Panel: Tipe 12 Standar -->\r\n      <div id=\"t12-standar\" class=\"bellefont-sub-panel active\">\r\n        <div class=\"bellefont-card-body\">\r\n          <div class=\"bellefont-unit-info\">\r\n            <div class=\"bellefont-unit-header\">\r\n              <span class=\"bellefont-unit-tag\">FLAGSHIP MANSION<\/span>\r\n              <h3 class=\"bellefont-unit-title\">Tipe 12 Standar (12 x 16)<\/h3>\r\n            <\/div>\r\n            <div class=\"bellefont-price-badge\">\r\n              <span class=\"bellefont-price-label\">Harga Mulai:<\/span>\r\n              <span class=\"bellefont-price-val\">Rp 7,8 M-an<\/span>\r\n            <\/div>\r\n            <div class=\"bellefont-specs-grid\">\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Luas Tanah \/ Bangunan<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">192 m\u00b2 \/ 278 m\u00b2<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Kamar Tidur \/ Mandi<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">4+1 KT \/ 6+1 KM<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Kapasitas Listrik<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">11.000 VA<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Opsi Lift<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">Private Lift Ready (Schindler)<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"bellefont-highlights-box\">\r\n              <div class=\"bellefont-hl-title-sm\">Highlight Spesifikasi Tipe 12:<\/div>\r\n              <ul class=\"bellefont-hl-list\">\r\n                <li>Dapat Dipasang Private Lift Schindler (Cap. 400kg \/ 4-5 pax)<\/li>\r\n                <li>Area Sky Roof Ekstra Luas (2.7 x 2.9m)<\/li>\r\n                <li>High Ceiling Foyer & Living Area Spektakuler<\/li>\r\n                <li>Setiap Kamar Tidur Dilengkapi Private Bathroom<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n            <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20tertarik%20dengan%20Bellefont%20East%20Tipe%2012%20Standar.%20Bisa%20dibantu%20info%20detailnya?\" class=\"bellefont-btn-ask\" target=\"_blank\">\r\n              <span>TANYA UNIT INI<\/span>\r\n            <\/a>\r\n          <\/div>\r\n          <div class=\"bellefont-unit-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Bellefont-East-Tipe-12-Summarecon-Serpong.webp\" alt=\"Layout Denah Bellefont East Tipe 12 Standar\" loading=\"lazy\">\r\n            <div class=\"bellefont-visual-caption\">Layout Denah 3 Lantai - Tipe 12 Standar<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Sub Panel: Tipe 12 Hoek -->\r\n      <div id=\"t12-hoek\" class=\"bellefont-sub-panel\">\r\n        <div class=\"bellefont-card-body\">\r\n          <div class=\"bellefont-unit-info\">\r\n            <div class=\"bellefont-unit-header\">\r\n              <span class=\"bellefont-unit-tag\">ULTIMATE PALATIAL CORNER<\/span>\r\n              <h3 class=\"bellefont-unit-title\">Tipe 12 Hoek (12 x 16 VAR)<\/h3>\r\n            <\/div>\r\n            <div class=\"bellefont-price-badge\">\r\n              <span class=\"bellefont-price-label\">Harga Mulai:<\/span>\r\n              <span class=\"bellefont-price-val\">Rp 8,9 M-an<\/span>\r\n            <\/div>\r\n            <div class=\"bellefont-specs-grid\">\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Luas Tanah \/ Bangunan<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">240 m\u00b2 \/ 281 m\u00b2 (VAR)<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Kamar Tidur \/ Mandi<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">4+1 KT \/ 6+1 KM<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Kapasitas Listrik<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">11.000 VA<\/span>\r\n              <\/div>\r\n              <div class=\"bellefont-spec-pill\">\r\n                <span class=\"bellefont-spec-pill-title\">Fitur Utama<\/span>\r\n                <span class=\"bellefont-spec-pill-value\">Private Lift + Extra Land<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"bellefont-highlights-box\">\r\n              <div class=\"bellefont-hl-title-sm\">Keunggulan Unit Hoek Tipe 12:<\/div>\r\n              <ul class=\"bellefont-hl-list\">\r\n                <li>Koleksi Paling Eksklusif & Megah di Bellefont East<\/li>\r\n                <li>Akomodasi Private Lift Schindler dengan Luas Bangunan Maksimal<\/li>\r\n                <li>Lahan Samping Super Luas Sangat Cocok untuk Private Landscape Garden<\/li>\r\n                <li>Akses Pandangan 270 Derajat Keindahan Cluster & Danau<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n            <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20tertarik%20dengan%20Bellefont%20East%20Tipe%2012%20Hoek.%20Bisa%20dibantu%20info%20detailnya?\" class=\"bellefont-btn-ask\" target=\"_blank\">\r\n              <span>TANYA UNIT INI<\/span>\r\n            <\/a>\r\n          <\/div>\r\n          <div class=\"bellefont-unit-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Bellefont-East-Tipe-12-Hoek-Summarecon-Serpong.webp\" alt=\"Layout Denah Bellefont East Tipe 12 Hoek\" loading=\"lazy\">\r\n            <div class=\"bellefont-visual-caption\">Layout Denah 3 Lantai - Tipe 12 Hoek (Corner)<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Dual-Level Tab Switcher Script -->\r\n<script>\r\n  \/\/ Script Switcher Utama (Tipe 8, 10, 12)\r\n  function openBellefontTab(evt, tabId) {\r\n    var i, panels, btns;\r\n    \r\n    panels = document.getElementsByClassName(\"bellefont-tab-panel\");\r\n    for (i = 0; i < panels.length; i++) {\r\n      panels[i].classList.remove(\"active\");\r\n    }\r\n    \r\n    btns = document.getElementsByClassName(\"bellefont-tab-btn\");\r\n    for (i = 0; i < btns.length; i++) {\r\n      btns[i].classList.remove(\"active\");\r\n    }\r\n    \r\n    document.getElementById(tabId).classList.add(\"active\");\r\n    evt.currentTarget.classList.add(\"active\");\r\n  }\r\n\r\n  \/\/ Script Switcher Sub-Tab (Standar vs Hoek)\r\n  function openBellefontSubTab(evt, subTabId, parentTabId) {\r\n    var i, parentEl, subPanels, subBtns;\r\n    \r\n    parentEl = document.getElementById(parentTabId);\r\n    \r\n    subPanels = parentEl.getElementsByClassName(\"bellefont-sub-panel\");\r\n    for (i = 0; i < subPanels.length; i++) {\r\n      subPanels[i].classList.remove(\"active\");\r\n    }\r\n    \r\n    subBtns = parentEl.getElementsByClassName(\"bellefont-sub-btn\");\r\n    for (i = 0; i < subBtns.length; i++) {\r\n      subBtns[i].classList.remove(\"active\");\r\n    }\r\n    \r\n    document.getElementById(subTabId).classList.add(\"active\");\r\n    evt.currentTarget.classList.add(\"active\");\r\n  }\r\n<\/script>\r\n<!-- END: Bellefont East Section 4 - Interactive Product & Floor Plan Showcase (Standar & Hoek) -->\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-beb3383 e-con-full e-flex e-con e-parent\" data-id=\"beb3383\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-411b2d3 elementor-widget elementor-widget-html\" data-id=\"411b2d3\" 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: Bellefont East Section 5 - Lifestyle & Amenities Showcase -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .bellefont-amenities-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .bellefont-amenities-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #0d131a;\r\n    color: #ffffff;\r\n    padding: 90px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .bellefont-am-container {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .bellefont-am-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto 50px auto;\r\n  }\r\n\r\n  .bellefont-am-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: #f5d79e;\r\n    background: rgba(226, 177, 91, 0.12);\r\n    border: 1px solid rgba(226, 177, 91, 0.35);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .bellefont-am-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.3;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  .bellefont-am-subtitle {\r\n    font-size: 15px;\r\n    color: #94a3b8;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Facilities Grid Layout (2x2 Grid) *\/\r\n  .bellefont-am-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* Facility Card Item *\/\r\n  .bellefont-am-card {\r\n    position: relative;\r\n    height: 380px;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .bellefont-am-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(226, 177, 91, 0.5);\r\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6);\r\n  }\r\n\r\n  \/* Background Image Zoom Container *\/\r\n  .bellefont-am-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center center;\r\n    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    z-index: 1;\r\n  }\r\n\r\n  .bellefont-am-card:hover .bellefont-am-bg {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  \/* Gradient Overlay *\/\r\n  .bellefont-am-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, rgba(13, 19, 26, 0.1) 0%, rgba(13, 19, 26, 0.5) 50%, rgba(13, 19, 26, 0.92) 100%);\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Content Box *\/\r\n  .bellefont-am-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    padding: 30px 28px;\r\n  }\r\n\r\n  .bellefont-am-category {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    color: #e2b15b;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    margin-bottom: 6px;\r\n    display: block;\r\n  }\r\n\r\n  .bellefont-am-card-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 10px 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .bellefont-am-desc {\r\n    font-size: 13.5px;\r\n    color: #cbd5e1;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Responsive Mobile *\/\r\n  @media (max-width: 868px) {\r\n    .bellefont-amenities-wrapper {\r\n      padding: 60px 16px;\r\n    }\r\n\r\n    .bellefont-am-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 20px;\r\n    }\r\n\r\n    .bellefont-am-card {\r\n      height: 320px;\r\n    }\r\n\r\n    .bellefont-am-content {\r\n      padding: 22px 20px;\r\n    }\r\n\r\n    .bellefont-am-card-title {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .bellefont-am-desc {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bellefont-amenities-wrapper\">\r\n  \r\n  <div class=\"bellefont-am-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"bellefont-am-header\">\r\n      <span class=\"bellefont-am-badge\">PREMIUM LIFESTYLE & AMENITIES<\/span>\r\n      <h2 class=\"bellefont-am-title\">Fasilitas Mewah & Gaya Hidup Berkelas di Kawasan The Springs<\/h2>\r\n      <p class=\"bellefont-am-subtitle\">Nikmati Eksklusivitas Ruang Terbuka Hijau, Danau, dan Fasilitas Olahraga Bertaraf Internasional<\/p>\r\n    <\/div>\r\n\r\n    <!-- Facilities Grid Showcase -->\r\n    <div class=\"bellefont-am-grid\">\r\n      \r\n      <!-- Facility Item 1 -->\r\n      <div class=\"bellefont-am-card\">\r\n        <div class=\"bellefont-am-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Bellefont-East-Clubhouse-Summarecon-Serpong.webp');\"><\/div>\r\n        <div class=\"bellefont-am-overlay\"><\/div>\r\n        <div class=\"bellefont-am-content\">\r\n          <span class=\"bellefont-am-category\">EXCLUSIVE RESIDENT CLUB<\/span>\r\n          <h3 class=\"bellefont-am-card-title\">Bellefont East Private Clubhouse<\/h3>\r\n          <p class=\"bellefont-am-desc\">\r\n            Kolam renang dewasa & anak dengan keanggunan arsitektur Prancis, dilengkapi <em>sunbed deck<\/em> santai dan <em>lounge area<\/em> eksklusif penghuni.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Facility Item 2 -->\r\n      <div class=\"bellefont-am-card\">\r\n        <div class=\"bellefont-am-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/The-Springs-Lake-Park-Summarecon-Serpong.webp');\"><\/div>\r\n        <div class=\"bellefont-am-overlay\"><\/div>\r\n        <div class=\"bellefont-am-content\">\r\n          <span class=\"bellefont-am-category\">NATURE & WELLNESS<\/span>\r\n          <h3 class=\"bellefont-am-card-title\">The Springs Lake Park<\/h3>\r\n          <p class=\"bellefont-am-desc\">\r\n            Area hijau terbuka dengan jalur joging & trek sepeda seluas 1 km di tepi danau yang asri, sejuk, dan menenangkan untuk keluarga Anda.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Facility Item 3 -->\r\n      <div class=\"bellefont-am-card\">\r\n        <div class=\"bellefont-am-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/The-Springs-Club-Summarecon-Serpong.webp');\"><\/div>\r\n        <div class=\"bellefont-am-overlay\"><\/div>\r\n        <div class=\"bellefont-am-content\">\r\n          <span class=\"bellefont-am-category\">WORLD-CLASS SPORTS CLUB<\/span>\r\n          <h3 class=\"bellefont-am-card-title\">The Springs Club<\/h3>\r\n          <p class=\"bellefont-am-desc\">\r\n            Klub olahraga terpadu nan megah dengan fasilitas bertaraf internasional: <em>Olympic-size pool<\/em>, lapangan tenis indoor\/outdoor, badminton, gym, hingga <em>grand ballroom<\/em>.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Facility Item 4 -->\r\n      <div class=\"bellefont-am-card\">\r\n        <div class=\"bellefont-am-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/The-Hood-Summarecon-Serpong.webp');\"><\/div>\r\n        <div class=\"bellefont-am-overlay\"><\/div>\r\n        <div class=\"bellefont-am-content\">\r\n          <span class=\"bellefont-am-category\">LIFESTYLE & DINING<\/span>\r\n          <h3 class=\"bellefont-am-card-title\">The Hood & Commercial Hub<\/h3>\r\n          <p class=\"bellefont-am-desc\">\r\n            Destinasi kuliner & retail <em>semi-outdoor<\/em> trendi di tepi Danau Symphonia serta kemudahan akses belanja harian di kawasan Ruko Goldfinch.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n<!-- END: Bellefont East Section 5 - Lifestyle & Amenities Showcase -->\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-ef144cc e-con-full e-flex e-con e-parent\" data-id=\"ef144cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a868f4 elementor-widget elementor-widget-html\" data-id=\"7a868f4\" 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: Bellefont East Section 6 - Location & Accessibility (Local SEO Boost) -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .bellefont-location-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  \/* Background Gradasi dari Dark (#0d131a) Meluncur Halus ke Light (#f1f5f9) *\/\r\n  .bellefont-location-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background: linear-gradient(180deg, #0d131a 0%, #1a2532 35%, #cbd5e1 70%, #f1f5f9 100%);\r\n    padding: 90px 24px 80px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .bellefont-loc-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  \/* Section Header (Dark Zone Text) *\/\r\n  .bellefont-loc-header {\r\n    text-align: center;\r\n    max-width: 860px;\r\n    margin: 0 auto 50px auto;\r\n  }\r\n\r\n  .bellefont-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: #e2b15b;\r\n    background: rgba(226, 177, 91, 0.12);\r\n    border: 1px solid rgba(226, 177, 91, 0.35);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .bellefont-loc-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.3;\r\n    margin: 0 0 14px 0;\r\n  }\r\n\r\n  .bellefont-loc-title span {\r\n    color: #f5d79e;\r\n  }\r\n\r\n  .bellefont-loc-subtitle {\r\n    font-size: 15px;\r\n    color: #94a3b8;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Location Grid (4 Categories) *\/\r\n  .bellefont-loc-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .bellefont-loc-card {\r\n    background: rgba(18, 26, 36, 0.88);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border-radius: 20px;\r\n    padding: 32px 28px;\r\n    transition: all 0.35s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .bellefont-loc-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(226, 177, 91, 0.45);\r\n    background: linear-gradient(145deg, rgba(26, 37, 50, 0.95) 0%, rgba(18, 26, 36, 0.98) 100%);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  \/* Category Card Header *\/\r\n  .bellefont-loc-card-head {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 20px;\r\n    padding-bottom: 16px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .bellefont-loc-icon {\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 12px;\r\n    background: linear-gradient(135deg, #e2b15b 0%, #b8832a 100%);\r\n    color: #0d131a;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 6px 15px rgba(226, 177, 91, 0.3);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .bellefont-loc-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .bellefont-loc-cat-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* Tags \/ Micro Badges List *\/\r\n  .bellefont-loc-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  .bellefont-loc-tag {\r\n    font-size: 12.5px;\r\n    font-weight: 600;\r\n    color: #e2e8f0;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    padding: 7px 14px;\r\n    border-radius: 8px;\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  .bellefont-loc-card:hover .bellefont-loc-tag {\r\n    background: rgba(226, 177, 91, 0.1);\r\n    border-color: rgba(226, 177, 91, 0.25);\r\n    color: #f5d79e;\r\n  }\r\n\r\n  \/* Bottom Showcase Image Box *\/\r\n  .bellefont-loc-image-box {\r\n    position: relative;\r\n    width: 100%;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.25);\r\n    border: 1px solid rgba(255, 255, 255, 0.6);\r\n  }\r\n\r\n  .bellefont-loc-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.5s ease;\r\n  }\r\n\r\n  .bellefont-loc-image-box:hover img {\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  \/* Responsive Mobile *\/\r\n  @media (max-width: 868px) {\r\n    .bellefont-location-wrapper {\r\n      padding: 60px 16px;\r\n    }\r\n\r\n    .bellefont-loc-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 18px;\r\n      margin-bottom: 35px;\r\n    }\r\n\r\n    .bellefont-loc-card {\r\n      padding: 24px 20px;\r\n    }\r\n\r\n    .bellefont-loc-cat-title {\r\n      font-size: 17px;\r\n    }\r\n\r\n    .bellefont-loc-tag {\r\n      font-size: 12px;\r\n      padding: 6px 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bellefont-location-wrapper\">\r\n  \r\n  <div class=\"bellefont-loc-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"bellefont-loc-header\">\r\n      <span class=\"bellefont-loc-badge\">PRIME LOCATION & ACCESSIBILITY<\/span>\r\n      <h2 class=\"bellefont-loc-title\">Lokasi Emas di Jantung Summarecon Serpong & <span>Akses Serpong-BSD<\/span><\/h2>\r\n      <p class=\"bellefont-loc-subtitle\">Dikelilingi Pusat Perbelanjaan Modern, Sekolah & Universitas Terbaik, Rumah Sakit Internasional, serta Akses Tol Langsung.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Location Grid -->\r\n    <div class=\"bellefont-loc-grid\">\r\n      \r\n      <!-- Category 1: Pusat Perbelanjaan & Hiburan -->\r\n      <div class=\"bellefont-loc-card\">\r\n        <div class=\"bellefont-loc-card-head\">\r\n          <div class=\"bellefont-loc-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4zM3 6h18M16 10a4 4 0 0 1-8 0\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"bellefont-loc-cat-title\">Pusat Perbelanjaan & Lifestyle<\/h3>\r\n        <\/div>\r\n        <div class=\"bellefont-loc-tags\">\r\n          <span class=\"bellefont-loc-tag\">Summarecon Mall Serpong (SMS)<\/span>\r\n          <span class=\"bellefont-loc-tag\">AEON Mall BSD<\/span>\r\n          <span class=\"bellefont-loc-tag\">Eastvara Mall<\/span>\r\n          <span class=\"bellefont-loc-tag\">Cartenz Mall<\/span>\r\n          <span class=\"bellefont-loc-tag\">Living World Alam Sutera<\/span>\r\n          <span class=\"bellefont-loc-tag\">The Hood Symphonia<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Category 2: Fasilitas Pendidikan -->\r\n      <div class=\"bellefont-loc-card\">\r\n        <div class=\"bellefont-loc-card-head\">\r\n          <div class=\"bellefont-loc-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5zM6 12v5c0 2 6 3 6 3s6-1 6-3v-5\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"bellefont-loc-cat-title\">Fasilitas Pendidikan Favorit<\/h3>\r\n        <\/div>\r\n        <div class=\"bellefont-loc-tags\">\r\n          <span class=\"bellefont-loc-tag\">Sekolah Pahoa<\/span>\r\n          <span class=\"bellefont-loc-tag\">Universitas Multimedia Nusantara (UMN)<\/span>\r\n          <span class=\"bellefont-loc-tag\">Universitas Prasetiya Mulya<\/span>\r\n          <span class=\"bellefont-loc-tag\">BINUS University<\/span>\r\n          <span class=\"bellefont-loc-tag\">Sinarmas World Academy<\/span>\r\n          <span class=\"bellefont-loc-tag\">Pradita University<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Category 3: Kesehatan & Olahraga -->\r\n      <div class=\"bellefont-loc-card\">\r\n        <div class=\"bellefont-loc-card-head\">\r\n          <div class=\"bellefont-loc-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"bellefont-loc-cat-title\">Kesehatan & Olahraga Eksklusif<\/h3>\r\n        <\/div>\r\n        <div class=\"bellefont-loc-tags\">\r\n          <span class=\"bellefont-loc-tag\">RS St. Carolus Summarecon<\/span>\r\n          <span class=\"bellefont-loc-tag\">RS Bethsaida<\/span>\r\n          <span class=\"bellefont-loc-tag\">RS EMC Alam Sutera<\/span>\r\n          <span class=\"bellefont-loc-tag\">Gading Raya Golf & Club<\/span>\r\n          <span class=\"bellefont-loc-tag\">Damai Indah Golf BSD<\/span>\r\n          <span class=\"bellefont-loc-tag\">The Springs Club<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Category 4: Konektivitas Tol & Akses -->\r\n      <div class=\"bellefont-loc-card\">\r\n        <div class=\"bellefont-loc-card-head\">\r\n          <div class=\"bellefont-loc-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"bellefont-loc-cat-title\">Konektivitas & Kemudahan Akses Tol<\/h3>\r\n        <\/div>\r\n        <div class=\"bellefont-loc-tags\">\r\n          <span class=\"bellefont-loc-tag\">Akses Tol Jakarta - Merak<\/span>\r\n          <span class=\"bellefont-loc-tag\">Akses Tol Serpong - Jakarta (Selatan)<\/span>\r\n          <span class=\"bellefont-loc-tag\">Pintu Tol Kunciran \/ Alam Sutera<\/span>\r\n          <span class=\"bellefont-loc-tag\">Hanya 25 Menit ke Jakarta Barat & Selatan<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Image Showcase -->\r\n    <div class=\"bellefont-loc-image-box\">\r\n      <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/06\/Bellefont-East-Boulevard.webp\" alt=\"Peta Lokasi dan Boulevard Bellefont East Summarecon Serpong\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n<!-- END: Bellefont East Section 6 - Location & Accessibility (Local SEO Boost) -->\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-42c9d6b e-con-full e-flex e-con e-parent\" data-id=\"42c9d6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbf69c8 elementor-widget elementor-widget-html\" data-id=\"cbf69c8\" 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: Bellefont East Section 7 - Promo & Payment Schemes -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .bellefont-promo-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .bellefont-promo-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #f1f5f9;\r\n    padding: 80px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  .bellefont-pr-container {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .bellefont-pr-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto 40px auto;\r\n  }\r\n\r\n  .bellefont-pr-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: #b8832a;\r\n    background: rgba(226, 177, 91, 0.15);\r\n    border: 1px solid rgba(184, 131, 42, 0.3);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .bellefont-pr-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    line-height: 1.3;\r\n    margin: 0 0 10px 0;\r\n  }\r\n\r\n  .bellefont-pr-subtitle {\r\n    font-size: 15px;\r\n    color: #64748b;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Special Promo Hero Banner (PPN DTP) *\/\r\n  .bellefont-hot-promo {\r\n    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n    border-radius: 20px;\r\n    padding: 28px 32px;\r\n    margin-bottom: 36px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    border: 1px solid #e2b15b;\r\n    box-shadow: 0 15px 30px rgba(15, 23, 42, 0.12);\r\n  }\r\n\r\n  .bellefont-hp-text h3 {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #f5d79e;\r\n    margin: 0 0 6px 0;\r\n  }\r\n\r\n  .bellefont-hp-text p {\r\n    font-size: 13.5px;\r\n    color: #cbd5e1;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .bellefont-hp-badge {\r\n    background: linear-gradient(135deg, #e2b15b 0%, #b8832a 100%);\r\n    color: #ffffff;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    padding: 10px 20px;\r\n    border-radius: 12px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 6px 15px rgba(226, 177, 91, 0.3);\r\n  }\r\n\r\n  \/* Payment Scheme Grid (4 Cards) *\/\r\n  .bellefont-scheme-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .bellefont-scheme-card {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 18px;\r\n    padding: 24px 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);\r\n  }\r\n\r\n  .bellefont-scheme-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: #b8832a;\r\n    box-shadow: 0 12px 28px rgba(184, 131, 42, 0.12);\r\n  }\r\n\r\n  .bellefont-sc-tag {\r\n    font-size: 10.5px;\r\n    font-weight: 800;\r\n    color: #b8832a;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 8px;\r\n    display: block;\r\n  }\r\n\r\n  .bellefont-sc-title {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 10px 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .bellefont-sc-desc {\r\n    font-size: 12.5px;\r\n    color: #64748b;\r\n    line-height: 1.55;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Bank Partnership Section *\/\r\n  .bellefont-bank-box {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 20px;\r\n    padding: 30px;\r\n    text-align: center;\r\n  }\r\n\r\n  .bellefont-bank-title {\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .bellefont-bank-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .bellefont-bank-tag {\r\n    background: #f8fafc;\r\n    border: 1px solid #e2e8f0;\r\n    color: #334155;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    padding: 8px 16px;\r\n    border-radius: 8px;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .bellefont-bank-tag:hover {\r\n    background: #0f172a;\r\n    color: #f5d79e;\r\n    border-color: #0f172a;\r\n  }\r\n\r\n  \/* Responsive Mobile *\/\r\n  @media (max-width: 992px) {\r\n    .bellefont-scheme-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .bellefont-promo-wrapper {\r\n      padding: 60px 16px;\r\n    }\r\n\r\n    .bellefont-hot-promo {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      padding: 22px 18px;\r\n    }\r\n\r\n    .bellefont-scheme-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n\r\n    .bellefont-bank-box {\r\n      padding: 22px 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bellefont-promo-wrapper\">\r\n  \r\n  <div class=\"bellefont-pr-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"bellefont-pr-header\">\r\n      <span class=\"bellefont-pr-badge\">LIMITED OFFER & PAYMENT SCHEMES<\/span>\r\n      <h2 class=\"bellefont-pr-title\">Skema Pembayaran Ringan & Promo Terbatas<\/h2>\r\n      <p class=\"bellefont-pr-subtitle\">Dapatkan Kemudahan Kepemilikan Rumah Mewah dengan Opsi Cara Bayar Fleksibel dan Penawaran Spesial<\/p>\r\n    <\/div>\r\n\r\n    <!-- Hot Promo Banner (PPN DTP) -->\r\n    <div class=\"bellefont-hot-promo\">\r\n      <div class=\"bellefont-hp-text\">\r\n        <h3>Program Khusus Insentif PPN DTP<\/h3>\r\n        <p>Manfaatkan Bebas \/ Diskon PPN dari Pemerintah untuk Unit Siap Huni Pilihan di Bellefont East. Hemat Ratusan Juta Rupiah!<\/p>\r\n      <\/div>\r\n      <div class=\"bellefont-hp-badge\">PROMO PPN DTP<\/div>\r\n    <\/div>\r\n\r\n    <!-- 4 Skema Cara Bayar Grid -->\r\n    <div class=\"bellefont-scheme-grid\">\r\n      \r\n      <!-- Option 1 -->\r\n      <div class=\"bellefont-scheme-card\">\r\n        <div>\r\n          <span class=\"bellefont-sc-tag\">OPSI FAVORIT<\/span>\r\n          <h4 class=\"bellefont-sc-title\">KPR Express \/ Tunai Keras<\/h4>\r\n          <p class=\"bellefont-sc-desc\">DP 10% langsung akad kredit. Pilihan tercepat & paling hemat untuk proses kepemilikan unit Anda.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Option 2 -->\r\n      <div class=\"bellefont-scheme-card\">\r\n        <div>\r\n          <span class=\"bellefont-sc-tag\">CASH FLOW FRIENDLY<\/span>\r\n          <h4 class=\"bellefont-sc-title\">DP 10% Dicicil 10x<\/h4>\r\n          <p class=\"bellefont-sc-desc\">Angsuran DP sangat ringan per bulan sebelum masuk proses pelunasan\/akad KPR.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Option 3 -->\r\n      <div class=\"bellefont-scheme-card\">\r\n        <div>\r\n          <span class=\"bellefont-sc-tag\">TANPA BUNGA<\/span>\r\n          <h4 class=\"bellefont-sc-title\">Bertahap 12x<\/h4>\r\n          <p class=\"bellefont-sc-desc\">Cicilan langsung ke pengembang selama 12 bulan tanpa bunga dan tanpa proses bank yang rumit.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Option 4 -->\r\n      <div class=\"bellefont-scheme-card\">\r\n        <div>\r\n          <span class=\"bellefont-sc-tag\">FLEKSIBEL 2 TAHUN<\/span>\r\n          <h4 class=\"bellefont-sc-title\">Bertahap 24x<\/h4>\r\n          <p class=\"bellefont-sc-desc\">Kemudahan angsuran bertahap 24x flat per bulan. Sangat fleksibel untuk perencanaan investasi Anda.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bank Partners -->\r\n    <div class=\"bellefont-bank-box\">\r\n      <div class=\"bellefont-bank-title\">Dukungan Bank Kerjasama KPR Resmi:<\/div>\r\n      <div class=\"bellefont-bank-tags\">\r\n        <span class=\"bellefont-bank-tag\">Bank BCA<\/span>\r\n        <span class=\"bellefont-bank-tag\">Bank Mandiri<\/span>\r\n        <span class=\"bellefont-bank-tag\">Bank BNI<\/span>\r\n        <span class=\"bellefont-bank-tag\">Bank BRI<\/span>\r\n        <span class=\"bellefont-bank-tag\">Bank Permata<\/span>\r\n        <span class=\"bellefont-bank-tag\">Panin Bank<\/span>\r\n        <span class=\"bellefont-bank-tag\">Maybank<\/span>\r\n        <span class=\"bellefont-bank-tag\">Bank Danamon<\/span>\r\n        <span class=\"bellefont-bank-tag\">Bank UOB<\/span>\r\n        <span class=\"bellefont-bank-tag\">Bank BTN<\/span>\r\n        <span class=\"bellefont-bank-tag\">CIMB Niaga<\/span>\r\n        <span class=\"bellefont-bank-tag\">CCB Indonesia<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n<!-- END: Bellefont East Section 7 - Promo & Payment Schemes -->\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-45f27b4 e-con-full e-flex e-con e-parent\" data-id=\"45f27b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48ac8d8 elementor-widget elementor-widget-html\" data-id=\"48ac8d8\" 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: Bellefont East Section 8 - Form Banner Simulasi KPR (Matching Background) -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .bellefont-form-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  \/* Samakan Background Warna Solid #f1f5f9 dengan Section 7 *\/\r\n  .bellefont-form-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #f1f5f9;\r\n    padding: 0 24px 80px 24px; \/* Top padding 0 biar makin seamless nyambung dari Section 7 *\/\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .bellefont-form-container {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Form Banner Card - Light Elegant Theme *\/\r\n  .bellefont-form-banner {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-top: 4px solid #b8832a;\r\n    border-radius: 28px;\r\n    padding: 48px 40px;\r\n    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.06);\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 48px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Left Column: Info Text *\/\r\n  .bellefont-form-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .bellefont-form-tag {\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: #b8832a;\r\n    background: rgba(226, 177, 91, 0.12);\r\n    border: 1px solid rgba(184, 131, 42, 0.3);\r\n    padding: 6px 16px;\r\n    border-radius: 50px;\r\n    width: fit-content;\r\n  }\r\n\r\n  .bellefont-form-info h3 {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: clamp(22px, 2.5vw, 34px);\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    line-height: 1.3;\r\n    margin: 0;\r\n  }\r\n\r\n  .bellefont-form-info p {\r\n    font-size: 14.5px;\r\n    color: #475569;\r\n    line-height: 1.65;\r\n    margin: 0;\r\n  }\r\n\r\n  .bellefont-form-features {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 8px 0 0 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .bellefont-form-features li {\r\n    font-size: 13.5px;\r\n    color: #334155;\r\n    font-weight: 600;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .bellefont-form-features li span {\r\n    color: #b8832a;\r\n    font-weight: 800;\r\n  }\r\n\r\n  \/* Right Column: Lead Form *\/\r\n  .bellefont-lead-form {\r\n    background: #f8fafc;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 20px;\r\n    padding: 32px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.03);\r\n  }\r\n\r\n  .bellefont-form-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin: 0 0 4px 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .bellefont-field-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n  }\r\n\r\n  .bellefont-field-group label {\r\n    font-size: 12.5px;\r\n    font-weight: 700;\r\n    color: #475569;\r\n  }\r\n\r\n  .bellefont-field-group input,\r\n  .bellefont-field-group select {\r\n    width: 100%;\r\n    padding: 12px 16px;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 12px;\r\n    font-size: 14px;\r\n    font-family: inherit;\r\n    background: #ffffff;\r\n    color: #0f172a;\r\n    outline: none;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .bellefont-field-group input:focus,\r\n  .bellefont-field-group select:focus {\r\n    border-color: #b8832a;\r\n    box-shadow: 0 0 0 3px rgba(226, 177, 91, 0.2);\r\n  }\r\n\r\n  .bellefont-submit-btn {\r\n    background: linear-gradient(135deg, #e2b15b 0%, #b8832a 100%);\r\n    color: #ffffff;\r\n    font-weight: 800;\r\n    font-size: 14px;\r\n    letter-spacing: 1px;\r\n    padding: 15px 24px;\r\n    border: none;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    text-transform: uppercase;\r\n    transition: all 0.3s ease;\r\n    margin-top: 6px;\r\n    box-shadow: 0 8px 20px rgba(184, 131, 42, 0.3);\r\n  }\r\n\r\n  .bellefont-submit-btn:hover {\r\n    background: linear-gradient(135deg, #f5d79e 0%, #d49a37 100%);\r\n    color: #0f172a;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 28px rgba(184, 131, 42, 0.45);\r\n  }\r\n\r\n  \/* Responsive Mobile *\/\r\n  @media (max-width: 992px) {\r\n    .bellefont-form-banner {\r\n      grid-template-columns: 1fr;\r\n      gap: 32px;\r\n      padding: 36px 24px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .bellefont-form-wrapper {\r\n      padding: 0 16px 50px 16px;\r\n    }\r\n\r\n    .bellefont-lead-form {\r\n      padding: 24px 18px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"bellefont-form-wrapper\">\r\n  <div class=\"bellefont-form-container\">\r\n\r\n    <div class=\"bellefont-form-banner\">\r\n      \r\n      <!-- Left Column: Information & Value -->\r\n      <div class=\"bellefont-form-info\">\r\n        <span class=\"bellefont-form-tag\">SIMULASI &amp; PRICE LIST<\/span>\r\n        <h3>Dapatkan Perhitungan KPR &amp; E-Brochure Resmi Bellefont East<\/h3>\r\n        <p>Rencanakan kepemilikan hunian impian Anda di Summarecon Serpong. Isi formulir untuk mendapatkan rincian angsuran KPR, info unit PPN DTP, serta konsultasi langsung.<\/p>\r\n        \r\n        <ul class=\"bellefont-form-features\">\r\n          <li><span>\u2713<\/span> Pricelist Terbaru &amp; Siteplan Lengkap<\/li>\r\n          <li><span>\u2713<\/span> Rincian Bunga KPR &amp; Simulasi DP Cicil 10x<\/li>\r\n          <li><span>\u2713<\/span> Informasi Promo Khusus PPN DTP<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Right Column: Interactive Form -->\r\n      <form class=\"bellefont-lead-form\" onsubmit=\"handleBellefontFormSubmit(event)\">\r\n        <h4 class=\"bellefont-form-title\">Minta Simulasi KPR<\/h4>\r\n        \r\n        <div class=\"bellefont-field-group\">\r\n          <label for=\"bellefont-name\">Nama Lengkap<\/label>\r\n          <input type=\"text\" id=\"bellefont-name\" placeholder=\"Contoh: Pak Budi\" required>\r\n        <\/div>\r\n\r\n        <div class=\"bellefont-field-group\">\r\n          <label for=\"bellefont-phone\">Nomor WhatsApp<\/label>\r\n          <input type=\"tel\" id=\"bellefont-phone\" placeholder=\"Contoh: 08123456789\" required>\r\n        <\/div>\r\n\r\n        <div class=\"bellefont-field-group\">\r\n          <label for=\"bellefont-type-select\">Pilihan Tipe Unit<\/label>\r\n          <select id=\"bellefont-type-select\">\r\n            <option value=\"Tipe 8 (8x16)\">Tipe 8 (8x16 - Mulai Rp 4,3 M-an)<\/option>\r\n            <option value=\"Tipe 10 (10x16)\">Tipe 10 (10x16 - Mulai Rp 5,8 M-an)<\/option>\r\n            <option value=\"Tipe 12 (12x16)\">Tipe 12 (12x16 - Mulai Rp 7,8 M-an)<\/option>\r\n            <option value=\"Belum Yakin \/ Tanya Dulu\">Belum Yakin (Konsultasi Dulu)<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"bellefont-submit-btn\">Kirim &amp; Dapatkan Simulasi<\/button>\r\n      <\/form>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Form Auto-Redirect to WA Script -->\r\n<script>\r\n  function handleBellefontFormSubmit(e) {\r\n    e.preventDefault();\r\n    var name = document.getElementById('bellefont-name').value;\r\n    var phone = document.getElementById('bellefont-phone').value;\r\n    var unitType = document.getElementById('bellefont-type-select').value;\r\n    \r\n    var waNumber = \"6287878938096\";\r\n    var message = \"Halo, saya \" + encodeURIComponent(name) + \" (\" + encodeURIComponent(phone) + \"). Saya ingin minta Simulasi Angsuran KPR dan Pricelist resmi Bellefont East Summarecon Serpong untuk \" + encodeURIComponent(unitType) + \". Mohon dibantu infonya ya, terima kasih!\";\r\n    \r\n    window.open(\"https:\/\/api.whatsapp.com\/send?phone=\" + waNumber + \"&text=\" + message, \"_blank\");\r\n  }\r\n<\/script>\r\n<!-- END: Bellefont East Section 8 - Form Banner Simulasi KPR -->\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-5172420 e-con-full e-flex e-con e-parent\" data-id=\"5172420\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4ca020 elementor-widget elementor-widget-html\" data-id=\"f4ca020\" 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: Bellefont East Section 9 - Interactive FAQ Section (Light Theme) -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .bellefont-faq-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .bellefont-faq-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #f8fafc;\r\n    color: #0f172a;\r\n    padding: 80px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  .bellefont-faq-container {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Header Section *\/\r\n  .bellefont-faq-header {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  .bellefont-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: #b8832a;\r\n    background: rgba(226, 177, 91, 0.15);\r\n    border: 1px solid rgba(184, 131, 42, 0.3);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .bellefont-faq-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    line-height: 1.3;\r\n    margin: 0 0 10px 0;\r\n  }\r\n\r\n  .bellefont-faq-subtitle {\r\n    font-size: 14.5px;\r\n    color: #64748b;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Accordion List *\/\r\n  .bellefont-faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .bellefont-faq-item {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.02);\r\n  }\r\n\r\n  .bellefont-faq-item.active {\r\n    border-color: #b8832a;\r\n    box-shadow: 0 10px 30px rgba(184, 131, 42, 0.12);\r\n  }\r\n\r\n  \/* Accordion Button \/ Question Header *\/\r\n  .bellefont-faq-btn {\r\n    width: 100%;\r\n    background: none;\r\n    border: none;\r\n    padding: 22px 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .bellefont-faq-question {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: clamp(15px, 1.3vw, 18px);\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    line-height: 1.4;\r\n    margin: 0;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .bellefont-faq-item.active .bellefont-faq-question {\r\n    color: #b8832a;\r\n  }\r\n\r\n  \/* Toggle Plus\/Minus Icon *\/\r\n  .bellefont-faq-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    background: #f1f5f9;\r\n    border: 1px solid #e2e8f0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    color: #b8832a;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .bellefont-faq-item.active .bellefont-faq-icon {\r\n    background: linear-gradient(135deg, #e2b15b 0%, #b8832a 100%);\r\n    color: #ffffff;\r\n    border-color: #b8832a;\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .bellefont-faq-icon svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* Accordion Content Panel *\/\r\n  .bellefont-faq-panel {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);\r\n  }\r\n\r\n  .bellefont-faq-answer {\r\n    padding: 0 28px 24px 28px;\r\n    font-size: 14px;\r\n    color: #475569;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    border-top: 1px solid #f1f5f9;\r\n    padding-top: 16px;\r\n  }\r\n\r\n  \/* Responsive Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .bellefont-faq-wrapper {\r\n      padding: 50px 16px;\r\n    }\r\n\r\n    .bellefont-faq-btn {\r\n      padding: 18px 20px;\r\n    }\r\n\r\n    .bellefont-faq-answer {\r\n      padding: 0 20px 20px 20px;\r\n      font-size: 13.5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bellefont-faq-wrapper\">\r\n  <div class=\"bellefont-faq-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"bellefont-faq-header\">\r\n      <span class=\"bellefont-faq-badge\">FREQUENTLY ASKED QUESTIONS<\/span>\r\n      <h2 class=\"bellefont-faq-title\">Pertanyaan yang Sering Diajukan (FAQ)<\/h2>\r\n      <p class=\"bellefont-faq-subtitle\">Temukan Jawaban Teknis Mengenai Hunian Mewah Bellefont East Summarecon Serpong<\/p>\r\n    <\/div>\r\n\r\n    <!-- FAQ Accordion List -->\r\n    <div class=\"bellefont-faq-list\">\r\n      \r\n      <!-- Item 1 -->\r\n      <div class=\"bellefont-faq-item\">\r\n        <button class=\"bellefont-faq-btn\" onclick=\"toggleBellefontFAQ(this)\">\r\n          <h3 class=\"bellefont-faq-question\">Berapa harga rumah di Cluster Bellefont East Summarecon Serpong?<\/h3>\r\n          <div class=\"bellefont-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"bellefont-faq-panel\">\r\n          <p class=\"bellefont-faq-answer\">\r\n            Harga perdana Tunai Keras\/KPR include PPN mulai dari Rp 4,3 M-an (Tipe 8), Rp 5,8 M-an (Tipe 10), hingga Rp 7,8 M-an (Tipe 12).\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 2 -->\r\n      <div class=\"bellefont-faq-item\">\r\n        <button class=\"bellefont-faq-btn\" onclick=\"toggleBellefontFAQ(this)\">\r\n          <h3 class=\"bellefont-faq-question\">Apakah rumah di Bellefont East bisa dipasang lift?<\/h3>\r\n          <div class=\"bellefont-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"bellefont-faq-panel\">\r\n          <p class=\"bellefont-faq-answer\">\r\n            Khusus Tipe 12 sudah dirancang lift-ready menggunakan merk Schindler kapasitas 400 kg (4-5 orang). Tipe 8 dan 10 tidak mengakomodir lift karena optimalisasi fungsi ruang.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 3 -->\r\n      <div class=\"bellefont-faq-item\">\r\n        <button class=\"bellefont-faq-btn\" onclick=\"toggleBellefontFAQ(this)\">\r\n          <h3 class=\"bellefont-faq-question\">Kapan estimasi serah terima unit Bellefont East?<\/h3>\r\n          <div class=\"bellefont-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"bellefont-faq-panel\">\r\n          <p class=\"bellefont-faq-answer\">\r\n            Serah terima unit dilakukan 22 bulan sejak penandatanganan kesepakatan pembelian.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 4 -->\r\n      <div class=\"bellefont-faq-item\">\r\n        <button class=\"bellefont-faq-btn\" onclick=\"toggleBellefontFAQ(this)\">\r\n          <h3 class=\"bellefont-faq-question\">Berapa estimasi Iuran Pengelolaan Lingkungan (IPL) per bulan?<\/h3>\r\n          <div class=\"bellefont-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"bellefont-faq-panel\">\r\n          <p class=\"bellefont-faq-answer\">\r\n            Estimasi IPL mulai dari Rp 1 Juta (Tipe 8) hingga Rp 1,5 Juta (Tipe 12 Hoek) per bulan.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- FAQ Accordion JS Script -->\r\n<script>\r\n  function toggleBellefontFAQ(button) {\r\n    var item = button.parentElement;\r\n    var panel = item.querySelector('.bellefont-faq-panel');\r\n    var isActive = item.classList.contains('active');\r\n\r\n    \/\/ Close all other active items\r\n    var allItems = document.querySelectorAll('.bellefont-faq-item');\r\n    allItems.forEach(function(el) {\r\n      el.classList.remove('active');\r\n      el.querySelector('.bellefont-faq-panel').style.maxHeight = null;\r\n    });\r\n\r\n    \/\/ Toggle current clicked item\r\n    if (!isActive) {\r\n      item.classList.add('active');\r\n      panel.style.maxHeight = panel.scrollHeight + \"px\";\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<!-- SEO Structured Data Schema Markup (Google Rich Snippets Ready) -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Berapa harga rumah di Cluster Bellefont East Summarecon Serpong?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Harga perdana Tunai Keras\/KPR include PPN mulai dari Rp 4,3 M-an (Tipe 8), Rp 5,8 M-an (Tipe 10), hingga Rp 7,8 M-an (Tipe 12).\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Apakah rumah di Bellefont East bisa dipasang lift?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Khusus Tipe 12 sudah dirancang lift-ready menggunakan merk Schindler kapasitas 400 kg (4-5 orang). Tipe 8 dan 10 tidak mengakomodir lift karena optimalisasi fungsi ruang.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Kapan estimasi serah terima unit Bellefont East?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Serah terima unit dilakukan 22 bulan sejak penandatanganan kesepakatan pembelian.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Berapa estimasi Iuran Pengelolaan Lingkungan (IPL) per bulan?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Estimasi IPL mulai dari Rp 1 Juta (Tipe 8) hingga Rp 1,5 Juta (Tipe 12 Hoek) per bulan.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n<!-- END: Bellefont East Section 9 - Interactive 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-5614946 e-con-full e-flex e-con e-parent\" data-id=\"5614946\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e66bce elementor-widget elementor-widget-html\" data-id=\"2e66bce\" 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: Bellefont East Section 10 - Google Maps & Location Survey -->\r\n<style>\r\n  \/* Guard Scope Anti-Bentrok Style *\/\r\n  .bellefont-map-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .bellefont-map-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #f8fafc;\r\n    background-image: \r\n      radial-gradient(circle at 10% 10%, rgba(226, 177, 91, 0.08) 0%, transparent 45%),\r\n      radial-gradient(circle at 90% 10%, rgba(254, 240, 138, 0.25) 0%, transparent 40%),\r\n      radial-gradient(circle at 50% 90%, rgba(184, 131, 42, 0.03) 0%, transparent 50%);\r\n    color: #0f172a;\r\n    padding: 80px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .bellefont-map-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  .bellefont-map-header {\r\n    text-align: center;\r\n    max-width: 750px;\r\n    margin: 0 auto 48px auto;\r\n  }\r\n\r\n  .bellefont-map-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: #b8832a;\r\n    background: rgba(226, 177, 91, 0.15);\r\n    border: 1px solid rgba(184, 131, 42, 0.3);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .bellefont-map-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 700;\r\n    color: #0f172a; \/* Dark Tone Header *\/\r\n    letter-spacing: 0.5px;\r\n    line-height: 1.25;\r\n    margin: 0 0 14px 0;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Kusus kata Bellefont East yang Gold *\/\r\n  .bellefont-map-title span {\r\n    color: #b8832a;\r\n  }\r\n\r\n  .bellefont-map-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  .bellefont-map-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  .bellefont-map-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.05);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .bellefont-map-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  .bellefont-map-info-card {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 24px;\r\n    padding: 36px 30px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .bellefont-map-info-header {\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .bellefont-map-info-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  .bellefont-map-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  .bellefont-map-address strong {\r\n    color: #0f172a;\r\n  }\r\n\r\n  \/* Location Highlights \/ Operating Hours *\/\r\n  .bellefont-map-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  .bellefont-map-detail-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n  }\r\n\r\n  .bellefont-map-detail-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 10px;\r\n    background: rgba(226, 177, 91, 0.12);\r\n    border: 1px solid rgba(184, 131, 42, 0.25);\r\n    color: #b8832a;\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  .bellefont-map-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  .bellefont-map-detail-text h4 {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin: 0 0 2px 0;\r\n  }\r\n\r\n  .bellefont-map-detail-text p {\r\n    font-size: 12.5px;\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  .bellefont-map-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, #e2b15b 0%, #b8832a 100%);\r\n    color: #ffffff;\r\n    font-weight: 800;\r\n    font-size: 13.5px;\r\n    letter-spacing: 0.5px;\r\n    padding: 15px 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(184, 131, 42, 0.3);\r\n  }\r\n\r\n  .bellefont-map-btn-main:hover {\r\n    background: linear-gradient(135deg, #f5d79e 0%, #d49a37 100%);\r\n    color: #0f172a;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 28px rgba(184, 131, 42, 0.45);\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 992px) {\r\n    .bellefont-map-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 24px;\r\n    }\r\n    .bellefont-map-wrapper {\r\n      padding: 60px 20px;\r\n    }\r\n    .bellefont-map-iframe-box, .bellefont-map-iframe-box iframe {\r\n      min-height: 350px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .bellefont-map-info-card {\r\n      padding: 24px 20px;\r\n    }\r\n    .bellefont-map-info-title {\r\n      font-size: 19px;\r\n    }\r\n    .bellefont-map-iframe-box, .bellefont-map-iframe-box iframe {\r\n      min-height: 300px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"bellefont-map-wrapper\" id=\"lokasi-bellefont-east\">\r\n  <div class=\"bellefont-map-container\">\r\n    \r\n    <!-- Section Header SEO -->\r\n    <header class=\"bellefont-map-header\">\r\n      <span class=\"bellefont-map-badge\">LOCATION MAP<\/span>\r\n      <h2 class=\"bellefont-map-title\">\r\n        KUNJUNGI LOKASI <span>BELLEFONT EAST<\/span>\r\n      <\/h2>\r\n      <p class=\"bellefont-map-desc\">\r\n        Rasakan keasrian lanskap danau dan keanggunan arsitektur French Classic dengan mengunjungi langsung Show Unit Bellefont East di Kawasan The Springs Summarecon Serpong.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- Main Grid Layout -->\r\n    <div class=\"bellefont-map-grid\">\r\n      \r\n      <!-- Left Column: iFrame Google Maps (The Springs Summarecon Serpong) -->\r\n      <div class=\"bellefont-map-iframe-box\">\r\n        <iframe \r\n          src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3966.027581105151!2d106.6265!3d-6.2601!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69fbc417088b6f%3A0x633eeec10e3eb4bc!2sThe%20Springs%20Summarecon%20Serpong!5e0!3m2!1sid!2sid!4v1700000000000!5m2!1sid!2sid\" \r\n          width=\"100%\" \r\n          height=\"100%\" \r\n          style=\"border:0;\" \r\n          allowfullscreen=\"\" \r\n          loading=\"lazy\" \r\n          referrerpolicy=\"no-referrer-when-downgrade\"\r\n          title=\"Peta Lokasi Cluster Bellefont East Summarecon Serpong\">\r\n        <\/iframe>\r\n      <\/div>\r\n\r\n      <!-- Right Column: Location Details & Single CTA -->\r\n      <div class=\"bellefont-map-info-card\">\r\n        <div>\r\n          <div class=\"bellefont-map-info-header\">\r\n            <h3 class=\"bellefont-map-info-title\">Bellefont East<\/h3>\r\n            <p class=\"bellefont-map-address\">\r\n              <strong>Kawasan The Springs Summarecon Serpong<\/strong><br>\r\n              Cihuni, Kec. Pagedangan, Kabupaten Tangerang, Banten 15332 (Gading Serpong).\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"bellefont-map-details-list\">\r\n            <!-- Item 1: Akses Utama -->\r\n            <div class=\"bellefont-map-detail-item\">\r\n              <div class=\"bellefont-map-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=\"bellefont-map-detail-text\">\r\n                <h4>Aksesibilitas Utama<\/h4>\r\n                <p>Diapit Gading Raya Golf &amp; Damai Indah Golf BSD, dekat SMS Mall &amp; Akses Tol.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 2: Layanan Survey Lokasi -->\r\n            <div class=\"bellefont-map-detail-item\">\r\n              <div class=\"bellefont-map-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=\"bellefont-map-detail-text\">\r\n                <h4>Layanan Survey &amp; Visit Show Unit<\/h4>\r\n                <p>Senin \u2013 Minggu: 09.00 \u2013 17.00 WIB (Dengan janji temu khusus).<\/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,%20saya%20mau%20jadwalkan%20survey%20lokasi%20dan%20visit%20show%20unit%20Bellefont%20East%20Summarecon%20Serpong.%20Bisa%20dibantu?\" class=\"bellefont-map-btn-main\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <span>Jadwalkan Survey 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: Bellefont East Section 10 - 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-efb2e4f e-con-full e-flex e-con e-parent\" data-id=\"efb2e4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e58563e elementor-widget elementor-widget-html\" data-id=\"e58563e\" 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: Bellefont East Section 11 - Clean Luxury Footer -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .bellefont-footer-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .bellefont-footer-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow-x: hidden;\r\n    background: #0d131a; \/* Dark Luxury Theme *\/\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 #b8832a; \/* Gold Accent Bar *\/\r\n  }\r\n\r\n  .bellefont-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  .bellefont-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  .bellefont-footer-brand-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 12px 0;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    text-align: left;\r\n  }\r\n\r\n  .bellefont-footer-brand-title span {\r\n    color: #f5d79e;\r\n  }\r\n\r\n  .bellefont-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  .bellefont-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: #e2b15b;\r\n    display: block;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* Contact Column *\/\r\n  .bellefont-footer-col-title {\r\n    font-family: 'Cinzel', 'Playfair Display', serif;\r\n    font-size: 15px;\r\n    font-weight: 700;\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  .bellefont-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  .bellefont-footer-contact-item svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #e2b15b;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .bellefont-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  .bellefont-footer-contact-item a:hover {\r\n    color: #f5d79e;\r\n  }\r\n\r\n  \/* Divider *\/\r\n  .bellefont-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  .bellefont-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  .bellefont-footer-copyright {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    margin: 0;\r\n  }\r\n\r\n  .bellefont-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  .bellefont-footer-copyright a:hover {\r\n    color: #e2b15b;\r\n  }\r\n\r\n  \/* Circular Social Icons *\/\r\n  .bellefont-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  .bellefont-social-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    border: 1px solid #e2b15b;\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  .bellefont-social-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #e2b15b;\r\n    transition: fill 0.3s ease;\r\n  }\r\n\r\n  .bellefont-social-icon:hover {\r\n    background: linear-gradient(135deg, #e2b15b 0%, #b8832a 100%);\r\n    border-color: #b8832a;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 12px rgba(226, 177, 91, 0.35);\r\n  }\r\n\r\n  .bellefont-social-icon:hover svg {\r\n    fill: #0d131a;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 820px) {\r\n    .bellefont-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    .bellefont-footer-wrapper {\r\n      padding: 40px 16px 24px 16px;\r\n    }\r\n    .bellefont-footer-brand-title {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"bellefont-footer-wrapper\">\r\n  <div class=\"bellefont-footer-container\">\r\n    \r\n    <!-- Footer Grid (2 Columns) -->\r\n    <div class=\"bellefont-footer-grid\">\r\n      \r\n      <!-- Brand Column -->\r\n      <div>\r\n        <h3 class=\"bellefont-footer-brand-title\">BELLEFONT EAST @ <span>SUMMARECON SERPONG<\/span><\/h3>\r\n        <p class=\"bellefont-footer-brand-desc\">Mahakarya hunian 3 lantai eksklusif berkonsep French Romantic Architecture dengan pemandangan danau, fasilitas private clubhouse, dan akses langsung ke keindahan kawasan The Springs Gading Serpong.<\/p>\r\n        <span class=\"bellefont-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=\"bellefont-footer-col-title\">Layanan Informasi Sales<\/h4>\r\n        \r\n        <div class=\"bellefont-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=\"bellefont-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=\"bellefont-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,%20saya%20melihat%20ini%20di%20Website%20dan%20saya%20tertarik%20dengan%20Bellefont%20East%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=\"bellefont-footer-divider\"><\/div>\r\n\r\n    <!-- Bottom Bar -->\r\n    <div class=\"bellefont-footer-bottom\">\r\n      <p class=\"bellefont-footer-copyright\">Copyright \u00a9 <a href=\"https:\/\/julfian.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Julfian<\/a> 2026. All Rights Reserved<\/p>\r\n      \r\n      <!-- Circular Social Icons -->\r\n      <div class=\"bellefont-footer-socials\">\r\n        <!-- Instagram -->\r\n        <a href=\"https:\/\/www.instagram.com\/fiantherealtor\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bellefont-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        <!-- Fixed WhatsApp Icon Vector -->\r\n        <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=6287878938096&text=Halo,%20saya%20melihat%20ini%20di%20Website%20dan%20saya%20tertarik%20dengan%20Bellefont%20East%20Summarecon%20Serpong.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bellefont-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: Bellefont East Section 11 - 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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FRENCH ROMANTIC LIVING AT THE SPRINGS BELLEFONT EAST SUMMARECON SERPONG Mahakarya Hunian 3 Lantai Bergaya French Classic Modern. Terintegrasi Langsung dengan Danau Eksklusif, Private Clubhouse, dan Akses Strategis Gading Serpong. Tanya Info Detail SCROLL KEBAWAH 3 Lantai French Classic Architecture Private Clubhouse Within The Springs District High Ceiling 7m Accommodate Private Lift Mulai Rp 4,3 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7057","page","type-page","status-publish","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>Bellefont East Summarecon Serpong | Rumah Luxury 3 Lantai French Design - Julfian Property Expert<\/title>\n<meta name=\"description\" content=\"Rumah Bellefont East Summarecon Serpong. Hunian mewah 3 lantai bergaya Parisian Classic di The Springs Gading Serpong. Cek promo, e-brochure &amp; pricelist!\" \/>\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\/bellefont-east\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bellefont East Summarecon Serpong | Rumah Luxury 3 Lantai French Design\" \/>\n<meta property=\"og:description\" content=\"Rumah Bellefont East Summarecon Serpong. Hunian mewah 3 lantai bergaya Parisian Classic di The Springs Gading Serpong. Cek promo, e-brochure &amp; pricelist!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/julfian.com\/en\/bellefont-east\/\" \/>\n<meta property=\"og:site_name\" content=\"Julfian Property Expert\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-07T08:38:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/06\/Bellefont-East-Gading-Serpong.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=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/julfian.com\\\/bellefont-east\\\/\",\"url\":\"https:\\\/\\\/julfian.com\\\/bellefont-east\\\/\",\"name\":\"Bellefont East Summarecon Serpong | Rumah Luxury 3 Lantai French Design - Julfian Property Expert\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/bellefont-east\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/bellefont-east\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Bellefont-East-Gading-Serpong.webp\",\"datePublished\":\"2026-06-13T09:09:53+00:00\",\"dateModified\":\"2026-08-07T08:38:35+00:00\",\"description\":\"Rumah Bellefont East Summarecon Serpong. Hunian mewah 3 lantai bergaya Parisian Classic di The Springs Gading Serpong. Cek promo, e-brochure & pricelist!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/bellefont-east\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/julfian.com\\\/bellefont-east\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/julfian.com\\\/bellefont-east\\\/#primaryimage\",\"url\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Bellefont-East-Gading-Serpong.webp\",\"contentUrl\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Bellefont-East-Gading-Serpong.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/julfian.com\\\/bellefont-east\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/julfian.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bellefont East Summarecon Serpong | Rumah Luxury 3 Lantai French Design\"}]},{\"@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":"Bellefont East Summarecon Serpong | Rumah Luxury 3 Lantai French Design - Julfian Property Expert","description":"Rumah Bellefont East Summarecon Serpong. Hunian mewah 3 lantai bergaya Parisian Classic di The Springs Gading Serpong. Cek promo, e-brochure & pricelist!","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\/bellefont-east\/","og_locale":"en_US","og_type":"article","og_title":"Bellefont East Summarecon Serpong | Rumah Luxury 3 Lantai French Design","og_description":"Rumah Bellefont East Summarecon Serpong. Hunian mewah 3 lantai bergaya Parisian Classic di The Springs Gading Serpong. Cek promo, e-brochure & pricelist!","og_url":"https:\/\/julfian.com\/en\/bellefont-east\/","og_site_name":"Julfian Property Expert","article_modified_time":"2026-08-07T08:38:35+00:00","og_image":[{"url":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/06\/Bellefont-East-Gading-Serpong.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/julfian.com\/bellefont-east\/","url":"https:\/\/julfian.com\/bellefont-east\/","name":"Bellefont East Summarecon Serpong | Rumah Luxury 3 Lantai French Design - Julfian Property Expert","isPartOf":{"@id":"https:\/\/julfian.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/julfian.com\/bellefont-east\/#primaryimage"},"image":{"@id":"https:\/\/julfian.com\/bellefont-east\/#primaryimage"},"thumbnailUrl":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/06\/Bellefont-East-Gading-Serpong.webp","datePublished":"2026-06-13T09:09:53+00:00","dateModified":"2026-08-07T08:38:35+00:00","description":"Rumah Bellefont East Summarecon Serpong. Hunian mewah 3 lantai bergaya Parisian Classic di The Springs Gading Serpong. Cek promo, e-brochure & pricelist!","breadcrumb":{"@id":"https:\/\/julfian.com\/bellefont-east\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/julfian.com\/bellefont-east\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/julfian.com\/bellefont-east\/#primaryimage","url":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/06\/Bellefont-East-Gading-Serpong.webp","contentUrl":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/06\/Bellefont-East-Gading-Serpong.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/julfian.com\/bellefont-east\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/julfian.com\/"},{"@type":"ListItem","position":2,"name":"Bellefont East Summarecon Serpong | Rumah Luxury 3 Lantai French Design"}]},{"@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\/7057","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/comments?post=7057"}],"version-history":[{"count":86,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/7057\/revisions"}],"predecessor-version":[{"id":8008,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/7057\/revisions\/8008"}],"wp:attachment":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/media?parent=7057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}