{"id":9826,"date":"2026-09-22T15:50:52","date_gmt":"2026-09-22T15:50:52","guid":{"rendered":"https:\/\/julfian.com\/?page_id=9826"},"modified":"2026-09-22T16:09:27","modified_gmt":"2026-09-22T16:09:27","slug":"jual-sewa-properti","status":"publish","type":"page","link":"https:\/\/julfian.com\/en\/jual-sewa-properti\/","title":{"rendered":"Jual Sewa Properti"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Julfian Property Search & Listing<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --julfian-primary: #0f2438;\r\n --julfian-primary-hover: #1b3a57;\r\n --julfian-accent: #c59b27;\r\n --julfian-accent-hover: #ad841d;\r\n --julfian-success: #16a34a;\r\n --julfian-text-main: #1e293b;\r\n --julfian-text-muted: #64748b;\r\n --julfian-bg: #f8fafc;\r\n --julfian-card-bg: #ffffff;\r\n --julfian-border: #e2e8f0;\r\n --julfian-radius: 14px;\r\n --julfian-radius-sm: 8px;\r\n --julfian-shadow: 0 4px 20px -2px rgba(15, 36, 56, 0.08);\r\n --julfian-shadow-hover: 0 12px 30px -4px rgba(15, 36, 56, 0.14);\r\n --julfian-font: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n }\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: var(--julfian-font);\r\n background-color: var(--julfian-bg);\r\n color: var(--julfian-text-main);\r\n line-height: 1.6;\r\n }\r\n .julfian-container { max-width: 1240px; margin: 0 auto; padding: 0 20px; }\r\n\r\n \/* HERO *\/\r\n .julfian-hero-search {\r\n background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);\r\n padding: 48px 0 40px;\r\n border-bottom: 1px solid var(--julfian-border);\r\n }\r\n .julfian-hero-content { max-width: 1080px; margin: 0 auto; text-align: center; }\r\n .julfian-hero-title {\r\n font-size: clamp(28px, 4.5vw, 46px);\r\n font-weight: 800;\r\n color: var(--julfian-primary);\r\n margin-bottom: 12px;\r\n letter-spacing: -0.02em;\r\n }\r\n .julfian-hero-sub {\r\n font-size: clamp(15px, 1.8vw, 17px);\r\n color: var(--julfian-text-muted);\r\n max-width: 680px;\r\n margin: 0 auto 32px;\r\n }\r\n .julfian-search-box {\r\n background: var(--julfian-card-bg);\r\n border-radius: var(--julfian-radius);\r\n box-shadow: var(--julfian-shadow);\r\n border: 1px solid var(--julfian-border);\r\n padding: 24px;\r\n text-align: left;\r\n }\r\n .julfian-search-tabs { display: flex; gap: 8px; margin-bottom: 18px; }\r\n .julfian-tab-btn {\r\n background: #f1f5f9;\r\n border: 1px solid transparent;\r\n color: var(--julfian-text-muted);\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 8px 22px;\r\n border-radius: var(--julfian-radius-sm);\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n font-family: inherit;\r\n }\r\n .julfian-tab-btn:hover { background: #e2e8f0; color: var(--julfian-primary); }\r\n .julfian-tab-btn.active { background: var(--julfian-primary); color: #ffffff; }\r\n .julfian-search-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1.2fr 1.3fr auto;\r\n gap: 14px;\r\n align-items: flex-end;\r\n }\r\n .julfian-input-group label {\r\n display: block;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--julfian-text-main);\r\n margin-bottom: 6px;\r\n }\r\n .julfian-input-wrap {\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid var(--julfian-border);\r\n border-radius: var(--julfian-radius-sm);\r\n background: #ffffff;\r\n padding: 0 12px;\r\n height: 48px;\r\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n .julfian-input-wrap:focus-within {\r\n border-color: var(--julfian-primary);\r\n box-shadow: 0 0 0 3px rgba(15, 36, 56, 0.08);\r\n }\r\n .julfian-input-wrap input, .julfian-input-wrap select {\r\n border: none;\r\n background: transparent;\r\n width: 100%;\r\n font-size: 14px;\r\n color: var(--julfian-text-main);\r\n outline: none;\r\n font-family: inherit;\r\n }\r\n .julfian-icon { margin-right: 8px; color: var(--julfian-text-muted); flex-shrink: 0; }\r\n .julfian-btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background: var(--julfian-primary);\r\n color: #ffffff;\r\n font-weight: 700;\r\n font-size: 15px;\r\n height: 48px;\r\n padding: 0 26px;\r\n border: none;\r\n border-radius: var(--julfian-radius-sm);\r\n cursor: pointer;\r\n transition: background 0.2s ease;\r\n white-space: nowrap;\r\n font-family: inherit;\r\n }\r\n .julfian-btn-primary:hover { background: var(--julfian-primary-hover); }\r\n\r\n \/* QUICK NAV *\/\r\n .julfian-quick-nav { padding: 16px 0; background: #ffffff; border-bottom: 1px solid var(--julfian-border); }\r\n .julfian-quick-scroll {\r\n display: flex; gap: 12px; overflow-x: auto; padding: 4px 0;\r\n scrollbar-width: thin; -webkit-overflow-scrolling: touch;\r\n }\r\n .julfian-quick-scroll::-webkit-scrollbar { height: 4px; }\r\n .julfian-quick-scroll::-webkit-scrollbar-thumb { background: var(--julfian-border); border-radius: 4px; }\r\n .julfian-cat-chip {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 8px 18px;\r\n background: #f8fafc;\r\n border: 1px solid var(--julfian-border);\r\n border-radius: 50px;\r\n color: var(--julfian-text-main);\r\n font-size: 13px; font-weight: 600;\r\n cursor: pointer; transition: all 0.2s ease;\r\n white-space: nowrap; flex-shrink: 0; font-family: inherit;\r\n }\r\n .julfian-cat-chip:hover { border-color: var(--julfian-primary); background: #ffffff; transform: translateY(-1px); }\r\n .julfian-cat-chip.active { background: var(--julfian-primary); color: #ffffff; border-color: var(--julfian-primary); }\r\n\r\n \/* MAIN *\/\r\n .julfian-main-section { padding: 36px 0 60px; }\r\n .julfian-result-header {\r\n display: flex; justify-content: space-between; align-items: flex-end;\r\n margin-bottom: 24px; flex-wrap: wrap; gap: 16px;\r\n }\r\n .julfian-section-title { font-size: 26px; font-weight: 800; color: var(--julfian-primary); margin-bottom: 4px; }\r\n .julfian-section-desc { font-size: 14px; color: var(--julfian-text-muted); }\r\n .julfian-header-controls { display: flex; align-items: center; gap: 12px; }\r\n .julfian-sort-group { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--julfian-text-muted); }\r\n .julfian-sort-group select {\r\n padding: 8px 12px; border: 1px solid var(--julfian-border);\r\n border-radius: var(--julfian-radius-sm); background: #ffffff;\r\n color: var(--julfian-text-main); font-size: 13px; outline: none; font-family: inherit;\r\n }\r\n .julfian-view-toggle { display: flex; background: #f1f5f9; padding: 3px; border-radius: var(--julfian-radius-sm); }\r\n .julfian-view-btn {\r\n background: transparent; border: none; padding: 6px 10px; border-radius: 6px;\r\n cursor: pointer; color: var(--julfian-text-muted); display: flex; align-items: center;\r\n }\r\n .julfian-view-btn.active { background: #ffffff; color: var(--julfian-primary); box-shadow: 0 1px 3px rgba(0,0,0,0.1); }\r\n .julfian-mobile-filter-btn {\r\n display: none; align-items: center; gap: 6px;\r\n padding: 8px 14px; background: var(--julfian-primary); color: #ffffff;\r\n border: none; border-radius: var(--julfian-radius-sm);\r\n font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit;\r\n }\r\n\r\n \/* LAYOUT *\/\r\n .julfian-listing-layout { display: grid; grid-template-columns: 280px 1fr; gap: 28px; align-items: flex-start; }\r\n\r\n \/* SIDEBAR *\/\r\n .julfian-filter-sidebar {\r\n background: var(--julfian-card-bg); border: 1px solid var(--julfian-border);\r\n border-radius: var(--julfian-radius); padding: 22px;\r\n box-shadow: var(--julfian-shadow); position: sticky; top: 20px;\r\n }\r\n .julfian-sidebar-header {\r\n display: flex; justify-content: space-between; align-items: center;\r\n margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid var(--julfian-border);\r\n }\r\n .julfian-sidebar-title { font-size: 17px; font-weight: 800; color: var(--julfian-primary); }\r\n .julfian-close-modal-btn { display: none; background: none; border: none; font-size: 24px; cursor: pointer; }\r\n .julfian-filter-section { margin-bottom: 18px; }\r\n .julfian-filter-heading { display: block; font-size: 13px; font-weight: 700; color: var(--julfian-text-main); margin-bottom: 8px; }\r\n .julfian-form-control {\r\n width: 100%; padding: 8px 12px; border: 1px solid var(--julfian-border);\r\n border-radius: var(--julfian-radius-sm); font-size: 13px; outline: none; font-family: inherit;\r\n }\r\n .julfian-radio-group, .julfian-checkbox-list {\r\n display: flex; flex-direction: column; gap: 8px;\r\n font-size: 13px; color: var(--julfian-text-main);\r\n }\r\n .julfian-radio-group label, .julfian-checkbox-list label { display: flex; align-items: center; gap: 8px; cursor: pointer; }\r\n .julfian-price-row { display: flex; align-items: center; gap: 8px; }\r\n .julfian-pill-selector { display: flex; flex-wrap: wrap; gap: 6px; }\r\n .julfian-pill {\r\n border: 1px solid var(--julfian-border); background: #ffffff;\r\n padding: 6px 12px; font-size: 12px; font-weight: 600;\r\n border-radius: 6px; cursor: pointer; color: var(--julfian-text-main);\r\n transition: all 0.15s ease; font-family: inherit;\r\n }\r\n .julfian-pill.active { background: var(--julfian-primary); color: #ffffff; border-color: var(--julfian-primary); }\r\n .julfian-filter-actions {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 8px;\r\n margin-top: 22px; padding-top: 14px; border-top: 1px solid var(--julfian-border);\r\n }\r\n .julfian-btn-apply {\r\n background: var(--julfian-primary); color: #ffffff; border: none;\r\n padding: 10px; border-radius: var(--julfian-radius-sm);\r\n font-weight: 700; font-size: 13px; cursor: pointer; font-family: inherit;\r\n }\r\n .julfian-btn-reset {\r\n background: #f1f5f9; color: var(--julfian-text-muted);\r\n border: 1px solid var(--julfian-border); padding: 10px;\r\n border-radius: var(--julfian-radius-sm); font-weight: 600;\r\n font-size: 13px; cursor: pointer; font-family: inherit;\r\n }\r\n\r\n \/* GRID *\/\r\n .julfian-property-grid.grid-view { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n .julfian-property-grid.list-view { display: flex; flex-direction: column; gap: 18px; }\r\n\r\n \/* CARD *\/\r\n .julfian-card {\r\n background: var(--julfian-card-bg); border: 1px solid var(--julfian-border);\r\n border-radius: var(--julfian-radius); overflow: hidden;\r\n box-shadow: var(--julfian-shadow);\r\n transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease;\r\n display: flex; flex-direction: column;\r\n }\r\n .julfian-card:hover { transform: translateY(-4px); box-shadow: var(--julfian-shadow-hover); }\r\n .julfian-card-media {\r\n position: relative; width: 100%; aspect-ratio: 4 \/ 3;\r\n overflow: hidden; background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);\r\n }\r\n .julfian-card-media img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n transition: transform 0.4s ease; display: block;\r\n }\r\n .julfian-card:hover .julfian-card-media img { transform: scale(1.05); }\r\n .julfian-badges { position: absolute; top: 12px; left: 12px; display: flex; gap: 6px; z-index: 2; }\r\n .julfian-badge-status {\r\n padding: 4px 10px; border-radius: 6px; font-size: 11px;\r\n font-weight: 800; text-transform: uppercase; color: #ffffff; letter-spacing: 0.05em;\r\n }\r\n .julfian-badge-status.sale { background: #0284c7; }\r\n .julfian-badge-status.rent { background: #059669; }\r\n .julfian-badge-feat {\r\n padding: 4px 10px; border-radius: 6px; font-size: 11px;\r\n font-weight: 800; text-transform: uppercase;\r\n background: var(--julfian-accent); color: #ffffff;\r\n }\r\n .julfian-card-body { padding: 18px; display: flex; flex-direction: column; flex-grow: 1; }\r\n .julfian-card-price { font-size: 20px; font-weight: 800; color: var(--julfian-primary); margin-bottom: 6px; }\r\n .julfian-card-title {\r\n font-size: 16px; font-weight: 700; color: var(--julfian-text-main);\r\n margin-bottom: 6px; line-height: 1.4;\r\n display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\r\n }\r\n .julfian-card-loc {\r\n display: flex; align-items: center; gap: 5px;\r\n font-size: 13px; color: var(--julfian-text-muted); margin-bottom: 14px;\r\n }\r\n .julfian-specs {\r\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px;\r\n padding: 10px 0; border-top: 1px solid var(--julfian-border);\r\n border-bottom: 1px solid var(--julfian-border); margin-bottom: 14px; text-align: center;\r\n }\r\n .julfian-spec-item { font-size: 12px; color: var(--julfian-text-main); }\r\n .julfian-spec-item strong { display: block; font-size: 13px; color: var(--julfian-primary); }\r\n .julfian-card-footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; }\r\n .julfian-brand-agent { font-size: 11px; font-weight: 700; color: var(--julfian-text-muted); text-transform: uppercase; }\r\n .julfian-card-btns { display: flex; gap: 6px; }\r\n .julfian-btn-detail {\r\n padding: 6px 12px; font-size: 12px; font-weight: 600;\r\n border-radius: 6px; border: 1px solid var(--julfian-border);\r\n color: var(--julfian-text-main); text-decoration: none;\r\n background: #ffffff; transition: all 0.15s ease;\r\n }\r\n .julfian-btn-detail:hover { background: #f1f5f9; border-color: var(--julfian-primary); }\r\n .julfian-btn-wa {\r\n padding: 6px 12px; font-size: 12px; font-weight: 700;\r\n border-radius: 6px; background: #25D366; color: #ffffff;\r\n text-decoration: none; display: inline-flex; align-items: center; gap: 4px;\r\n transition: background 0.15s ease;\r\n }\r\n .julfian-btn-wa:hover { background: #1eb954; }\r\n .julfian-property-grid.list-view .julfian-card { flex-direction: row; }\r\n .julfian-property-grid.list-view .julfian-card-media { width: 280px; aspect-ratio: auto; flex-shrink: 0; }\r\n .julfian-property-grid.list-view .julfian-card-body { display: flex; flex-direction: column; }\r\n\r\n \/* EMPTY *\/\r\n .julfian-empty-state {\r\n text-align: center; padding: 60px 20px; background: #ffffff;\r\n border-radius: var(--julfian-radius); border: 1px dashed var(--julfian-border);\r\n }\r\n .julfian-empty-icon { font-size: 48px; margin-bottom: 12px; }\r\n\r\n \/* PAGINATION *\/\r\n .julfian-pagination { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 36px; }\r\n .julfian-page-btn {\r\n min-width: 40px; height: 40px; padding: 0 12px;\r\n border: 1px solid var(--julfian-border); background: #ffffff;\r\n border-radius: var(--julfian-radius-sm); font-size: 13px;\r\n font-weight: 600; color: var(--julfian-text-main);\r\n cursor: pointer; transition: all 0.15s ease; font-family: inherit;\r\n }\r\n .julfian-page-btn.active { background: var(--julfian-primary); color: #ffffff; border-color: var(--julfian-primary); }\r\n .julfian-page-btn:hover:not(.active) { border-color: var(--julfian-primary); }\r\n\r\n \/* LOCATIONS *\/\r\n .julfian-locations-section { padding: 50px 0; background: #ffffff; border-top: 1px solid var(--julfian-border); }\r\n .julfian-section-header { text-align: center; max-width: 680px; margin: 0 auto 36px; }\r\n .julfian-title-center { font-size: 26px; font-weight: 800; color: var(--julfian-primary); margin-bottom: 10px; }\r\n .julfian-subtitle-center { font-size: 14px; color: var(--julfian-text-muted); }\r\n .julfian-locations-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\r\n gap: 14px;\r\n justify-content: center;\r\n justify-items: center;\r\n }\r\n \r\n \/* BAGIAN YANG DIPERBAIKI: NAMA LOKASI JADI CENTER *\/\r\n .julfian-loc-card {\r\n display: flex; \r\n flex-direction: column; \r\n align-items: center; \r\n justify-content: center;\r\n text-align: center; \/* <--- INI KUNCI AGAR TEKS KE TENGAH *\/\r\n padding: 16px 10px; \r\n background: #f8fafc;\r\n border: 1px solid var(--julfian-border); \r\n border-radius: var(--julfian-radius-sm);\r\n text-decoration: none; \r\n transition: all 0.2s ease;\r\n width: 100%;\r\n }\r\n .julfian-loc-card:hover { background: var(--julfian-primary); border-color: var(--julfian-primary); transform: translateY(-2px); }\r\n .julfian-loc-name { font-weight: 700; font-size: 14px; color: var(--julfian-primary); transition: color 0.2s ease; }\r\n .julfian-loc-card:hover .julfian-loc-name { color: #ffffff; }\r\n .julfian-loc-sub { font-size: 11px; color: var(--julfian-text-muted); margin-top: 2px; transition: color 0.2s ease; }\r\n .julfian-loc-card:hover .julfian-loc-sub { color: #cbd5e1; }\r\n\r\n \/* TRUST *\/\r\n .julfian-trust-section { padding: 60px 0; background: var(--julfian-bg); }\r\n .julfian-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\r\n .julfian-trust-card {\r\n background: #ffffff; border: 1px solid var(--julfian-border);\r\n border-radius: var(--julfian-radius); padding: 24px;\r\n box-shadow: var(--julfian-shadow); transition: transform 0.2s ease;\r\n }\r\n .julfian-trust-card:hover { transform: translateY(-3px); }\r\n .julfian-trust-icon { font-size: 32px; margin-bottom: 12px; }\r\n .julfian-trust-card h3 { font-size: 16px; font-weight: 800; color: var(--julfian-primary); margin-bottom: 8px; }\r\n .julfian-trust-card p { font-size: 13px; color: var(--julfian-text-muted); line-height: 1.5; }\r\n\r\n \/* FAQ *\/\r\n .julfian-faq-section { padding: 60px 0; background: #ffffff; border-top: 1px solid var(--julfian-border); }\r\n .julfian-faq-list { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }\r\n .julfian-faq-item {\r\n border: 1px solid var(--julfian-border); border-radius: var(--julfian-radius-sm);\r\n background: #f8fafc; overflow: hidden; transition: background 0.2s ease;\r\n }\r\n .julfian-faq-item.open { background: #ffffff; border-color: var(--julfian-primary); }\r\n .julfian-faq-trigger {\r\n width: 100%; display: flex; justify-content: space-between; align-items: center;\r\n padding: 16px 20px; background: none; border: none;\r\n font-size: 15px; font-weight: 700; color: var(--julfian-text-main);\r\n cursor: pointer; text-align: left; font-family: inherit;\r\n }\r\n .julfian-faq-arrow { font-size: 20px; color: var(--julfian-primary); font-weight: 400; transition: transform 0.2s ease; }\r\n .julfian-faq-item.open .julfian-faq-arrow { transform: rotate(45deg); }\r\n .julfian-faq-content { display: none; padding: 0 20px 18px; font-size: 14px; color: var(--julfian-text-muted); line-height: 1.6; }\r\n .julfian-faq-item.open .julfian-faq-content { display: block; }\r\n\r\n \/* CTA *\/\r\n .julfian-cta-section { padding: 50px 0 80px; background: var(--julfian-bg); }\r\n .julfian-cta-box {\r\n background: var(--julfian-primary); border-radius: var(--julfian-radius);\r\n padding: 48px 30px; text-align: center; color: #ffffff;\r\n box-shadow: 0 16px 36px -6px rgba(15, 36, 56, 0.25);\r\n }\r\n .julfian-cta-title { font-size: clamp(24px, 3.5vw, 34px); font-weight: 800; margin-bottom: 12px; }\r\n .julfian-cta-sub { font-size: 15px; color: #cbd5e1; max-width: 600px; margin: 0 auto 28px; }\r\n .julfian-cta-btns { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }\r\n .julfian-btn-cta-primary {\r\n background: #25D366; color: #ffffff; padding: 12px 28px;\r\n border-radius: var(--julfian-radius-sm); font-weight: 700; font-size: 14px;\r\n text-decoration: none; transition: background 0.2s ease;\r\n }\r\n .julfian-btn-cta-primary:hover { background: #1eb954; }\r\n .julfian-btn-cta-secondary {\r\n background: rgba(255,255,255,0.12); color: #ffffff;\r\n border: 1px solid rgba(255,255,255,0.3); padding: 12px 24px;\r\n border-radius: var(--julfian-radius-sm); font-weight: 700; font-size: 14px;\r\n cursor: pointer; transition: background 0.2s ease; font-family: inherit;\r\n }\r\n .julfian-btn-cta-secondary:hover { background: rgba(255,255,255,0.2); }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 1100px) { .julfian-property-grid.grid-view { grid-template-columns: repeat(2, 1fr); } }\r\n @media (max-width: 900px) {\r\n .julfian-search-grid { grid-template-columns: 1fr 1fr; }\r\n .julfian-group-keyword { grid-column: span 2; }\r\n .julfian-search-action { grid-column: span 2; }\r\n .julfian-btn-primary { width: 100%; }\r\n .julfian-trust-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 820px) {\r\n .julfian-listing-layout { grid-template-columns: 1fr; }\r\n .julfian-mobile-filter-btn { display: inline-flex; }\r\n .julfian-filter-sidebar {\r\n display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;\r\n z-index: 99999; background: #ffffff; padding: 24px; overflow-y: auto; border-radius: 0;\r\n }\r\n .julfian-filter-sidebar.open { display: block; }\r\n .julfian-close-modal-btn { display: block; }\r\n .julfian-property-grid.grid-view { grid-template-columns: 1fr; }\r\n .julfian-property-grid.list-view .julfian-card { flex-direction: column; }\r\n .julfian-property-grid.list-view .julfian-card-media { width: 100%; aspect-ratio: 4 \/ 3; }\r\n }\r\n @media (max-width: 600px) {\r\n .julfian-search-grid { grid-template-columns: 1fr; }\r\n .julfian-group-keyword { grid-column: span 1; }\r\n .julfian-search-action { grid-column: span 1; }\r\n .julfian-trust-grid { grid-template-columns: 1fr; }\r\n .julfian-cta-box { padding: 32px 18px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"julfian-property-page\">\r\n\r\n <!-- HERO SEARCH -->\r\n <section class=\"julfian-hero-search\" id=\"julfianSearchSection\">\r\n <div class=\"julfian-container\">\r\n <div class=\"julfian-hero-content\">\r\n <h1 class=\"julfian-hero-title\">Cari Properti Impian Anda<\/h1>\r\n <p class=\"julfian-hero-sub\">Temukan rumah, apartemen, ruko, tanah, dan properti pilihan untuk dijual maupun disewa di kawasan strategis.<\/p>\r\n\r\n <div class=\"julfian-search-box\">\r\n <div class=\"julfian-search-tabs\" role=\"tablist\">\r\n <button type=\"button\" class=\"julfian-tab-btn active\" data-status=\"sale\" id=\"heroTabSale\">DIJUAL<\/button>\r\n <button type=\"button\" class=\"julfian-tab-btn\" data-status=\"rent\" id=\"heroTabRent\">DISEWA<\/button>\r\n <\/div>\r\n\r\n <div class=\"julfian-search-grid\">\r\n <div class=\"julfian-input-group julfian-group-keyword\">\r\n <label for=\"heroSearchInput\">Lokasi \/ Properti<\/label>\r\n <div class=\"julfian-input-wrap\">\r\n <svg class=\"julfian-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg>\r\n <input type=\"text\" id=\"heroSearchInput\" placeholder=\"Cari lokasi, BSD, Serpong, nama properti...\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"julfian-input-group\">\r\n <label for=\"heroTypeSelect\">Tipe Properti<\/label>\r\n <div class=\"julfian-input-wrap\">\r\n <select id=\"heroTypeSelect\">\r\n <option value=\"all\">Semua Tipe<\/option>\r\n <option value=\"house\">Rumah<\/option>\r\n <option value=\"apartment\">Apartemen<\/option>\r\n <option value=\"shophouse\">Ruko<\/option>\r\n <option value=\"land\">Tanah<\/option>\r\n <option value=\"office\">Kantor<\/option>\r\n <option value=\"warehouse\">Gudang<\/option>\r\n <option value=\"villa\">Villa<\/option>\r\n <option value=\"plot\">Kavling<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"julfian-input-group\">\r\n <label for=\"heroPriceSelect\">Kisaran Harga<\/label>\r\n <div class=\"julfian-input-wrap\">\r\n <select id=\"heroPriceSelect\">\r\n <option value=\"all\">Semua Harga<\/option>\r\n <option value=\"0-500000000\">Di bawah Rp500 Juta<\/option>\r\n <option value=\"500000000-1000000000\">Rp500 Juta \u2013 Rp1 Miliar<\/option>\r\n <option value=\"1000000000-2000000000\">Rp1 Miliar \u2013 Rp2 Miliar<\/option>\r\n <option value=\"2000000000-5000000000\">Rp2 Miliar \u2013 Rp5 Miliar<\/option>\r\n <option value=\"5000000000-10000000000\">Rp5 Miliar \u2013 Rp10 Miliar<\/option>\r\n <option value=\"10000000000-999999999999\">Di atas Rp10 Miliar<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"julfian-search-action\">\r\n <button type=\"button\" id=\"heroSearchBtn\" class=\"julfian-btn-primary\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg>\r\n <span>Cari Properti<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- QUICK NAV -->\r\n <section class=\"julfian-quick-nav\">\r\n <div class=\"julfian-container\">\r\n <div class=\"julfian-quick-scroll\" id=\"quickCategoriesContainer\">\r\n <button class=\"julfian-cat-chip active\" data-type=\"all\"><span>\ud83c\udfe2<\/span><span>Semua<\/span><\/button>\r\n <button class=\"julfian-cat-chip\" data-type=\"house\"><span>\ud83c\udfe1<\/span><span>Rumah<\/span><\/button>\r\n <button class=\"julfian-cat-chip\" data-type=\"apartment\"><span>\ud83c\udfd9\ufe0f<\/span><span>Apartemen<\/span><\/button>\r\n <button class=\"julfian-cat-chip\" data-type=\"shophouse\"><span>\ud83c\udfea<\/span><span>Ruko<\/span><\/button>\r\n <button class=\"julfian-cat-chip\" data-type=\"land\"><span>\ud83d\uddfa\ufe0f<\/span><span>Tanah<\/span><\/button>\r\n <button class=\"julfian-cat-chip\" data-type=\"office\"><span>\ud83d\udcbc<\/span><span>Kantor<\/span><\/button>\r\n <button class=\"julfian-cat-chip\" data-type=\"warehouse\"><span>\ud83c\udfed<\/span><span>Gudang<\/span><\/button>\r\n <button class=\"julfian-cat-chip\" data-type=\"villa\"><span>\ud83c\udf34<\/span><span>Villa<\/span><\/button>\r\n <button class=\"julfian-cat-chip\" data-type=\"plot\"><span>\ud83d\udcd0<\/span><span>Kavling<\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MAIN LISTING -->\r\n <section class=\"julfian-main-section\" id=\"julfianListingSection\">\r\n <div class=\"julfian-container\">\r\n <div class=\"julfian-result-header\">\r\n <div class=\"julfian-result-info\">\r\n <h2 class=\"julfian-section-title\">Properti Dijual & Disewa<\/h2>\r\n <p class=\"julfian-section-desc\" id=\"julfianResultCount\">Menampilkan 9 properti pilihan<\/p>\r\n <\/div>\r\n <div class=\"julfian-header-controls\">\r\n <button type=\"button\" class=\"julfian-mobile-filter-btn\" id=\"julfianOpenFilterMobile\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"4\" y1=\"21\" x2=\"4\" y2=\"14\"><\/line><line x1=\"4\" y1=\"10\" x2=\"4\" y2=\"3\"><\/line><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"3\"><\/line><line x1=\"20\" y1=\"21\" x2=\"20\" y2=\"16\"><\/line><line x1=\"20\" y1=\"12\" x2=\"20\" y2=\"3\"><\/line><\/svg>\r\n <span>Filter<\/span>\r\n <\/button>\r\n <div class=\"julfian-sort-group\">\r\n <label for=\"julfianSortSelect\">Urutkan:<\/label>\r\n <select id=\"julfianSortSelect\">\r\n <option value=\"newest\">Terbaru<\/option>\r\n <option value=\"price-asc\">Harga Terendah<\/option>\r\n <option value=\"price-desc\">Harga Tertinggi<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"julfian-view-toggle\">\r\n <button type=\"button\" class=\"julfian-view-btn active\" id=\"julfianGridViewBtn\" title=\"Grid View\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect><\/svg>\r\n <\/button>\r\n <button type=\"button\" class=\"julfian-view-btn\" id=\"julfianListViewBtn\" title=\"List View\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"><\/line><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"><\/line><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"><\/line><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"julfian-listing-layout\">\r\n <aside class=\"julfian-filter-sidebar\" id=\"julfianSidebar\">\r\n <div class=\"julfian-sidebar-header\">\r\n <h3 class=\"julfian-sidebar-title\">Filter Properti<\/h3>\r\n <button type=\"button\" class=\"julfian-close-modal-btn\" id=\"julfianCloseFilterMobile\">×<\/button>\r\n <\/div>\r\n <div class=\"julfian-filter-body\">\r\n <div class=\"julfian-filter-section\">\r\n <label class=\"julfian-filter-heading\">Status Properti<\/label>\r\n <div class=\"julfian-radio-group\">\r\n <label><input type=\"radio\" name=\"filterStatus\" value=\"all\" checked \/> Semua<\/label>\r\n <label><input type=\"radio\" name=\"filterStatus\" value=\"sale\" \/> Dijual<\/label>\r\n <label><input type=\"radio\" name=\"filterStatus\" value=\"rent\" \/> Disewa<\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"julfian-filter-section\">\r\n <label class=\"julfian-filter-heading\" for=\"sidebarLocationInput\">Lokasi<\/label>\r\n <input type=\"text\" id=\"sidebarLocationInput\" class=\"julfian-form-control\" placeholder=\"Contoh: BSD, Serpong...\" \/>\r\n <\/div>\r\n <div class=\"julfian-filter-section\">\r\n <label class=\"julfian-filter-heading\">Tipe Properti<\/label>\r\n <div class=\"julfian-checkbox-list\">\r\n <label><input type=\"checkbox\" name=\"filterTypeCheck\" value=\"house\" checked \/> Rumah<\/label>\r\n <label><input type=\"checkbox\" name=\"filterTypeCheck\" value=\"apartment\" checked \/> Apartemen<\/label>\r\n <label><input type=\"checkbox\" name=\"filterTypeCheck\" value=\"shophouse\" checked \/> Ruko<\/label>\r\n <label><input type=\"checkbox\" name=\"filterTypeCheck\" value=\"land\" checked \/> Tanah<\/label>\r\n <label><input type=\"checkbox\" name=\"filterTypeCheck\" value=\"office\" checked \/> Kantor<\/label>\r\n <label><input type=\"checkbox\" name=\"filterTypeCheck\" value=\"warehouse\" checked \/> Gudang<\/label>\r\n <label><input type=\"checkbox\" name=\"filterTypeCheck\" value=\"villa\" checked \/> Villa<\/label>\r\n <label><input type=\"checkbox\" name=\"filterTypeCheck\" value=\"plot\" checked \/> Kavling<\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"julfian-filter-section\">\r\n <label class=\"julfian-filter-heading\">Rentang Harga (Rp)<\/label>\r\n <div class=\"julfian-price-row\">\r\n <input type=\"number\" id=\"sidebarMinPrice\" class=\"julfian-form-control\" placeholder=\"Min\" \/>\r\n <span>-<\/span>\r\n <input type=\"number\" id=\"sidebarMaxPrice\" class=\"julfian-form-control\" placeholder=\"Maks\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"julfian-filter-section\">\r\n <label class=\"julfian-filter-heading\">Kamar Tidur<\/label>\r\n <div class=\"julfian-pill-selector\" id=\"sidebarBedroomPills\">\r\n <button type=\"button\" class=\"julfian-pill active\" data-bed=\"0\">Semua<\/button>\r\n <button type=\"button\" class=\"julfian-pill\" data-bed=\"1\">1+<\/button>\r\n <button type=\"button\" class=\"julfian-pill\" data-bed=\"2\">2+<\/button>\r\n <button type=\"button\" class=\"julfian-pill\" data-bed=\"3\">3+<\/button>\r\n <button type=\"button\" class=\"julfian-pill\" data-bed=\"4\">4+<\/button>\r\n <button type=\"button\" class=\"julfian-pill\" data-bed=\"5\">5+<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"julfian-filter-section\">\r\n <label class=\"julfian-filter-heading\">Kamar Mandi<\/label>\r\n <div class=\"julfian-pill-selector\" id=\"sidebarBathroomPills\">\r\n <button type=\"button\" class=\"julfian-pill active\" data-bath=\"0\">Semua<\/button>\r\n <button type=\"button\" class=\"julfian-pill\" data-bath=\"1\">1+<\/button>\r\n <button type=\"button\" class=\"julfian-pill\" data-bath=\"2\">2+<\/button>\r\n <button type=\"button\" class=\"julfian-pill\" data-bath=\"3\">3+<\/button>\r\n <button type=\"button\" class=\"julfian-pill\" data-bath=\"4\">4+<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"julfian-filter-actions\">\r\n <button type=\"button\" id=\"sidebarApplyBtn\" class=\"julfian-btn-apply\">Gunakan Filter<\/button>\r\n <button type=\"button\" id=\"sidebarResetBtn\" class=\"julfian-btn-reset\">Reset<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/aside>\r\n\r\n <main class=\"julfian-cards-wrapper\">\r\n <div class=\"julfian-property-grid grid-view\" id=\"julfianPropertyGrid\"><\/div>\r\n <div class=\"julfian-empty-state\" id=\"julfianEmptyState\" style=\"display: none;\">\r\n <div class=\"julfian-empty-icon\">\ud83d\udd0d<\/div>\r\n <h3>Properti Tidak Ditemukan<\/h3>\r\n <p>Maaf, tidak ada properti yang cocok dengan filter pencarian Anda. Silakan sesuaikan kriteria atau reset filter.<\/p>\r\n <button type=\"button\" id=\"emptyResetBtn\" class=\"julfian-btn-primary\">Reset Filter<\/button>\r\n <\/div>\r\n <nav class=\"julfian-pagination\">\r\n <button class=\"julfian-page-btn active\" data-page=\"1\">1<\/button>\r\n <button class=\"julfian-page-btn\" data-page=\"2\">2<\/button>\r\n <button class=\"julfian-page-btn\" data-page=\"3\">3<\/button>\r\n <button class=\"julfian-page-btn\" data-page=\"next\">Berikutnya →<\/button>\r\n <\/nav>\r\n <\/main>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- LOCATIONS -->\r\n <section class=\"julfian-locations-section\">\r\n <div class=\"julfian-container\">\r\n <div class=\"julfian-section-header\">\r\n <h2 class=\"julfian-title-center\">Temukan Properti di Lokasi Pilihan<\/h2>\r\n <p class=\"julfian-subtitle-center\">Eksplorasi pilihan hunian, ruko bisnis, dan tanah investasi di kawasan paling berkembang dan prospektif.<\/p>\r\n <\/div>\r\n <div class=\"julfian-locations-grid\">\r\n <a href=\"#\" class=\"julfian-loc-card\"><span class=\"julfian-loc-name\">BSD City<\/span><span class=\"julfian-loc-sub\">Tangerang Selatan<\/span><\/a>\r\n <a href=\"#\" class=\"julfian-loc-card\"><span class=\"julfian-loc-name\">Gading Serpong<\/span><span class=\"julfian-loc-sub\">Tangerang<\/span><\/a>\r\n <a href=\"#\" class=\"julfian-loc-card\"><span class=\"julfian-loc-name\">Alam Sutera<\/span><span class=\"julfian-loc-sub\">Tangerang<\/span><\/a>\r\n <a href=\"#\" class=\"julfian-loc-card\"><span class=\"julfian-loc-name\">Bintaro<\/span><span class=\"julfian-loc-sub\">Tangerang Selatan<\/span><\/a>\r\n <a href=\"#\" class=\"julfian-loc-card\"><span class=\"julfian-loc-name\">Serpong<\/span><span class=\"julfian-loc-sub\">Tangerang Selatan<\/span><\/a>\r\n <a href=\"#\" class=\"julfian-loc-card\"><span class=\"julfian-loc-name\">Tangerang Kota<\/span><span class=\"julfian-loc-sub\">Banten<\/span><\/a>\r\n <a href=\"#\" class=\"julfian-loc-card\"><span class=\"julfian-loc-name\">Jakarta<\/span><span class=\"julfian-loc-sub\">DKI Jakarta<\/span><\/a>\r\n <a href=\"#\" class=\"julfian-loc-card\"><span class=\"julfian-loc-name\">Bogor<\/span><span class=\"julfian-loc-sub\">Jawa Barat<\/span><\/a>\r\n <a href=\"#\" class=\"julfian-loc-card\"><span class=\"julfian-loc-name\">Bekasi<\/span><span class=\"julfian-loc-sub\">Jawa Barat<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TRUST -->\r\n <section class=\"julfian-trust-section\">\r\n <div class=\"julfian-container\">\r\n <div class=\"julfian-section-header\">\r\n <h2 class=\"julfian-title-center\">Mengapa Mencari Properti di Julfian?<\/h2>\r\n <p class=\"julfian-subtitle-center\">Layanan konsultasi properti terpercaya untuk membantu Anda menemukan investasi dan hunian terbaik.<\/p>\r\n <\/div>\r\n <div class=\"julfian-trust-grid\">\r\n <div class=\"julfian-trust-card\"><div class=\"julfian-trust-icon\">\u2b50<\/div><h3>Properti Pilihan<\/h3><p>Listing properti yang dikurasi secara teliti berdasarkan kebutuhan pencari properti dan nilai investasi jangka panjang.<\/p><\/div>\r\n <div class=\"julfian-trust-card\"><div class=\"julfian-trust-icon\">\ud83d\udccb<\/div><h3>Informasi Properti<\/h3><p>Informasi properti disusun secara detail dan transparan agar calon pembeli atau penyewa lebih mudah mengambil keputusan.<\/p><\/div>\r\n <div class=\"julfian-trust-card\"><div class=\"julfian-trust-icon\">\ud83e\udd1d<\/div><h3>Bantuan Konsultasi<\/h3><p>Hubungi tim Julfian untuk mendapatkan pendampingan negosiasi, pengurusan berkas legalitas, hingga skema KPR perbankan.<\/p><\/div>\r\n <div class=\"julfian-trust-card\"><div class=\"julfian-trust-icon\">\u26a1<\/div><h3>Proses Lebih Praktis<\/h3><p>Cari properti berdasarkan lokasi, tipe, harga, dan kebutuhan Anda dengan antarmuka pencarian yang cepat dan mobile-friendly.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section class=\"julfian-faq-section\">\r\n <div class=\"julfian-container\">\r\n <div class=\"julfian-section-header\">\r\n <h2 class=\"julfian-title-center\">Pertanyaan Umum (FAQ)<\/h2>\r\n <p class=\"julfian-subtitle-center\">Pertanyaan yang sering diajukan seputar jual beli dan sewa properti melalui Julfian.<\/p>\r\n <\/div>\r\n <div class=\"julfian-faq-list\">\r\n <div class=\"julfian-faq-item\"><button type=\"button\" class=\"julfian-faq-trigger\"><span>Bagaimana cara mencari properti di Julfian?<\/span><span class=\"julfian-faq-arrow\">+<\/span><\/button><div class=\"julfian-faq-content\"><p>Gunakan kolom pencarian di bagian atas halaman. Anda dapat mengetik kata kunci kawasan, memilih tipe properti, atau mengatur rentang harga yang diinginkan.<\/p><\/div><\/div>\r\n <div class=\"julfian-faq-item\"><button type=\"button\" class=\"julfian-faq-trigger\"><span>Apakah properti tersedia untuk dijual dan disewa?<\/span><span class=\"julfian-faq-arrow\">+<\/span><\/button><div class=\"julfian-faq-content\"><p>Ya, Julfian menyediakan listing lengkap untuk status DIJUAL maupun DISEWA di kawasan Jabodetabek khususnya Tangerang dan sekitarnya.<\/p><\/div><\/div>\r\n <div class=\"julfian-faq-item\"><button type=\"button\" class=\"julfian-faq-trigger\"><span>Apa saja tipe properti yang tersedia?<\/span><span class=\"julfian-faq-arrow\">+<\/span><\/button><div class=\"julfian-faq-content\"><p>Tersedia rumah tinggal, apartemen, ruko komersial, tanah kavling, kantor, gudang, hingga villa.<\/p><\/div><\/div>\r\n <div class=\"julfian-faq-item\"><button type=\"button\" class=\"julfian-faq-trigger\"><span>Bagaimana cara mengetahui harga properti?<\/span><span class=\"julfian-faq-arrow\">+<\/span><\/button><div class=\"julfian-faq-content\"><p>Setiap kartu listing menampilkan harga riil secara transparan. Untuk negosiasi atau simulasi KPR, klik tombol WhatsApp.<\/p><\/div><\/div>\r\n <div class=\"julfian-faq-item\"><button type=\"button\" class=\"julfian-faq-trigger\"><span>Bagaimana cara menghubungi agen properti?<\/span><span class=\"julfian-faq-arrow\">+<\/span><\/button><div class=\"julfian-faq-content\"><p>Cukup klik tombol \"WhatsApp\" pada kartu properti yang Anda minati. Pesan otomatis akan siap terkirim.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA -->\r\n <section class=\"julfian-cta-section\">\r\n <div class=\"julfian-container\">\r\n <div class=\"julfian-cta-box\">\r\n <h2 class=\"julfian-cta-title\">Belum Menemukan Properti yang Anda Cari?<\/h2>\r\n <p class=\"julfian-cta-sub\">Ceritakan kebutuhan properti Anda dan tim Julfian siap membantu mencarikan unit terbaik yang paling pas dengan budget dan rencana Anda.<\/p>\r\n <div class=\"julfian-cta-btns\">\r\n <a href=\"https:\/\/wa.me\/6281234567890?text=Halo%20Julfian\" target=\"_blank\" rel=\"noopener\" class=\"julfian-btn-cta-primary\">Hubungi Julfian via WhatsApp<\/a>\r\n <button type=\"button\" class=\"julfian-btn-cta-secondary\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\">Lihat Semua Properti<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n const WHATSAPP_NUMBER = \"6281234567890\";\r\n\r\n \/\/ ===== FALLBACK SVG GENERATOR (jika gambar eksternal gagal) =====\r\n function generateFallbackImage(type, title, color1, color2) {\r\n const svg = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800\" height=\"600\" viewBox=\"0 0 800 600\">\r\n <defs>\r\n <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n <stop offset=\"0%\" style=\"stop-color:${color1}\"\/>\r\n <stop offset=\"100%\" style=\"stop-color:${color2}\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <rect width=\"800\" height=\"600\" fill=\"url(#bg)\"\/>\r\n <circle cx=\"650\" cy=\"120\" r=\"60\" fill=\"#fef08a\" opacity=\"0.7\"\/>\r\n <rect x=\"0\" y=\"420\" width=\"800\" height=\"180\" fill=\"#4ade80\"\/>\r\n <rect x=\"200\" y=\"260\" width=\"400\" height=\"180\" fill=\"#ffffff\" stroke=\"#94a3b8\" stroke-width=\"3\"\/>\r\n <polygon points=\"180,260 400,140 620,260\" fill=\"#dc2626\"\/>\r\n <rect x=\"240\" y=\"310\" width=\"70\" height=\"70\" fill=\"#7dd3fc\" stroke=\"#0369a1\" stroke-width=\"2\"\/>\r\n <rect x=\"490\" y=\"310\" width=\"70\" height=\"70\" fill=\"#7dd3fc\" stroke=\"#0369a1\" stroke-width=\"2\"\/>\r\n <rect x=\"360\" y=\"360\" width=\"80\" height=\"80\" fill=\"#78350f\"\/>\r\n <text x=\"400\" y=\"580\" font-family=\"Arial, sans-serif\" font-size=\"22\" font-weight=\"bold\" fill=\"#ffffff\" text-anchor=\"middle\">${title.replace(\/[<>&'\"]\/g, '')}<\/text>\r\n <\/svg>`;\r\n return \"data:image\/svg+xml;charset=utf-8,\" + encodeURIComponent(svg);\r\n }\r\n\r\n \/\/ ===== DATA PROPERTI DENGAN GAMBAR PEXELS =====\r\n const propertiesData = [\r\n {\r\n id: 1,\r\n title: \"Rumah Modern 2 Lantai BSD\",\r\n slug: \"rumah-modern-2-lantai-bsd\",\r\n status: \"sale\", type: \"house\", typeName: \"Rumah\",\r\n location: \"BSD City, Tangerang Selatan\",\r\n price: 3200000000, priceFormatted: \"Rp 3,2 Miliar\",\r\n bedrooms: 4, bathrooms: 3, landArea: 120, buildingArea: 180,\r\n image: \"https:\/\/images.pexels.com\/photos\/106399\/pexels-photo-106399.jpeg?auto=compress&cs=tinysrgb&w=800\",\r\n color1: \"#38bdf8\", color2: \"#0ea5e9\", featured: true\r\n },\r\n {\r\n id: 2,\r\n title: \"Ruko Strategis Gading Serpong\",\r\n slug: \"ruko-strategis-gading-serpong\",\r\n status: \"sale\", type: \"shophouse\", typeName: \"Ruko\",\r\n location: \"Gading Serpong, Tangerang\",\r\n price: 7500000000, priceFormatted: \"Rp 7,5 Miliar\",\r\n bedrooms: 3, bathrooms: 3, landArea: 90, buildingArea: 225,\r\n image: \"https:\/\/images.pexels.com\/photos\/264636\/pexels-photo-264636.jpeg?auto=compress&cs=tinysrgb&w=800\",\r\n color1: \"#fbbf24\", color2: \"#f59e0b\", featured: true\r\n },\r\n {\r\n id: 3,\r\n title: \"Apartemen Premium Alam Sutera\",\r\n slug: \"apartemen-premium-alam-sutera\",\r\n status: \"sale\", type: \"apartment\", typeName: \"Apartemen\",\r\n location: \"Alam Sutera, Tangerang\",\r\n price: 1800000000, priceFormatted: \"Rp 1,8 Miliar\",\r\n bedrooms: 2, bathrooms: 1, landArea: 55, buildingArea: 55,\r\n image: \"https:\/\/images.pexels.com\/photos\/1918291\/pexels-photo-1918291.jpeg?auto=compress&cs=tinysrgb&w=800\",\r\n color1: \"#a78bfa\", color2: \"#8b5cf6\", featured: false\r\n },\r\n {\r\n id: 4,\r\n title: \"Tanah Komersial BSD\",\r\n slug: \"tanah-komersial-bsd\",\r\n status: \"sale\", type: \"land\", typeName: \"Tanah\",\r\n location: \"BSD, Tangerang Selatan\",\r\n price: 12000000000, priceFormatted: \"Rp 12 Miliar\",\r\n bedrooms: 0, bathrooms: 0, landArea: 500, buildingArea: 0,\r\n image: \"https:\/\/images.pexels.com\/photos\/280221\/pexels-photo-280221.jpeg?auto=compress&cs=tinysrgb&w=800\",\r\n color1: \"#67e8f9\", color2: \"#06b6d4\", featured: true\r\n },\r\n {\r\n id: 5,\r\n title: \"Rumah Cluster Modern Alam Sutera\",\r\n slug: \"rumah-cluster-modern-alam-sutera\",\r\n status: \"sale\", type: \"house\", typeName: \"Rumah\",\r\n location: \"Alam Sutera, Tangerang\",\r\n price: 4500000000, priceFormatted: \"Rp 4,5 Miliar\",\r\n bedrooms: 4, bathrooms: 3, landArea: 180, buildingArea: 240,\r\n image: \"https:\/\/images.pexels.com\/photos\/1396122\/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800\",\r\n color1: \"#fb923c\", color2: \"#ea580c\", featured: false\r\n },\r\n {\r\n id: 6,\r\n title: \"Ruko Commercial Area Serpong\",\r\n slug: \"ruko-commercial-area\",\r\n status: \"sale\", type: \"shophouse\", typeName: \"Ruko\",\r\n location: \"Gading Serpong, Tangerang\",\r\n price: 5800000000, priceFormatted: \"Rp 5,8 Miliar\",\r\n bedrooms: 2, bathrooms: 2, landArea: 80, buildingArea: 200,\r\n image: \"https:\/\/images.pexels.com\/photos\/273209\/pexels-photo-273209.jpeg?auto=compress&cs=tinysrgb&w=800\",\r\n color1: \"#f472b6\", color2: \"#ec4899\", featured: false\r\n },\r\n {\r\n id: 7,\r\n title: \"Apartemen Strategis Jakarta Barat\",\r\n slug: \"apartemen-strategis-jakarta-barat\",\r\n status: \"sale\", type: \"apartment\", typeName: \"Apartemen\",\r\n location: \"Jakarta Barat\",\r\n price: 1200000000, priceFormatted: \"Rp 1,2 Miliar\",\r\n bedrooms: 2, bathrooms: 1, landArea: 48, buildingArea: 48,\r\n image: \"https:\/\/images.pexels.com\/photos\/323780\/pexels-photo-323780.jpeg?auto=compress&cs=tinysrgb&w=800\",\r\n color1: \"#60a5fa\", color2: \"#3b82f6\", featured: false\r\n },\r\n {\r\n id: 8,\r\n title: \"Rumah Premium Bintaro\",\r\n slug: \"rumah-premium-bintaro\",\r\n status: \"sale\", type: \"house\", typeName: \"Rumah\",\r\n location: \"Bintaro, Tangerang Selatan\",\r\n price: 3800000000, priceFormatted: \"Rp 3,8 Miliar\",\r\n bedrooms: 4, bathrooms: 3, landArea: 144, buildingArea: 200,\r\n image: \"https:\/\/images.pexels.com\/photos\/2102587\/pexels-photo-2102587.jpeg?auto=compress&cs=tinysrgb&w=800\",\r\n color1: \"#34d399\", color2: \"#10b981\", featured: true\r\n },\r\n {\r\n id: 9,\r\n title: \"Tanah Strategis Serpong\",\r\n slug: \"tanah-strategis-serpong\",\r\n status: \"sale\", type: \"land\", typeName: \"Tanah\",\r\n location: \"Serpong, Tangerang Selatan\",\r\n price: 8500000000, priceFormatted: \"Rp 8,5 Miliar\",\r\n bedrooms: 0, bathrooms: 0, landArea: 800, buildingArea: 0,\r\n image: \"https:\/\/images.pexels.com\/photos\/280222\/pexels-photo-280222.jpeg?auto=compress&cs=tinysrgb&w=800\",\r\n color1: \"#fde047\", color2: \"#eab308\", featured: false\r\n }\r\n ];\r\n\r\n \/\/ ===== STATE =====\r\n const filterState = {\r\n keyword: \"\", status: \"all\", type: \"all\",\r\n minPrice: 0, maxPrice: Infinity,\r\n bedrooms: 0, bathrooms: 0,\r\n sortBy: \"newest\", view: \"grid\"\r\n };\r\n\r\n \/\/ ===== RENDER =====\r\n function renderPropertyCards(items) {\r\n const grid = document.getElementById(\"julfianPropertyGrid\");\r\n const countEl = document.getElementById(\"julfianResultCount\");\r\n const emptyEl = document.getElementById(\"julfianEmptyState\");\r\n if (!grid) return;\r\n\r\n if (countEl) countEl.textContent = \"Menampilkan \" + items.length + \" properti pilihan\";\r\n\r\n if (items.length === 0) {\r\n grid.innerHTML = \"\";\r\n if (emptyEl) emptyEl.style.display = \"block\";\r\n return;\r\n }\r\n if (emptyEl) emptyEl.style.display = \"none\";\r\n\r\n let html = \"\";\r\n items.forEach(function(item) {\r\n const statusLabel = item.status === \"sale\" ? \"DIJUAL\" : \"DISEWA\";\r\n const statusClass = item.status;\r\n const featBadge = item.featured ? '<span class=\"julfian-badge-feat\">FEATURED<\/span>' : '';\r\n const waMsg = encodeURIComponent(\"Halo Julfian, saya tertarik dengan properti \" + item.title + \". Mohon informasi harga dan detail lengkapnya.\");\r\n const waLink = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + waMsg;\r\n const fallback = generateFallbackImage(item.type, item.title, item.color1, item.color2);\r\n\r\n html += `\r\n <article class=\"julfian-card\" data-id=\"${item.id}\">\r\n <div class=\"julfian-card-media\">\r\n <img decoding=\"async\" src=\"${item.image}\"\r\n alt=\"${item.title}\"\r\n loading=\"lazy\"\r\n onerror=\"this.onerror=null;this.src='${fallback}';\" \/>\r\n <div class=\"julfian-badges\">\r\n <span class=\"julfian-badge-status ${statusClass}\">${statusLabel}<\/span>\r\n ${featBadge}\r\n <\/div>\r\n <\/div>\r\n <div class=\"julfian-card-body\">\r\n <div class=\"julfian-card-price\">${item.priceFormatted}<\/div>\r\n <h3 class=\"julfian-card-title\">${item.title}<\/h3>\r\n <div class=\"julfian-card-loc\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n <span>${item.location}<\/span>\r\n <\/div>\r\n <div class=\"julfian-specs\">\r\n <div class=\"julfian-spec-item\"><strong>${item.bedrooms}<\/strong> KT<\/div>\r\n <div class=\"julfian-spec-item\"><strong>${item.bathrooms}<\/strong> KM<\/div>\r\n <div class=\"julfian-spec-item\"><strong>${item.landArea}<\/strong> m\u00b2 LT<\/div>\r\n <div class=\"julfian-spec-item\"><strong>${item.buildingArea}<\/strong> m\u00b2 LB<\/div>\r\n <\/div>\r\n <div class=\"julfian-card-footer\">\r\n <span class=\"julfian-brand-agent\">Julfian Property<\/span>\r\n <div class=\"julfian-card-btns\">\r\n <a href=\"#\" class=\"julfian-btn-detail\">Detail<\/a>\r\n <a href=\"${waLink}\" target=\"_blank\" rel=\"noopener\" class=\"julfian-btn-wa\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.582 2.128 2.182-.573c.978.58 1.911.928 3.145.929 3.178 0 5.767-2.587 5.768-5.766 0-3.18-2.587-5.771-5.764-5.771zm3.392 8.244c-.144.405-.837.774-1.17.824-.312.045-.694.062-2.123-.531-1.825-.758-2.996-2.618-3.087-2.739-.091-.121-.736-.98-.736-1.87 0-.89.467-1.328.633-1.507.166-.179.363-.224.484-.224.12 0 .241.002.347.007.112.005.263-.042.411.316.155.374.529 1.294.575 1.388.046.094.077.204.015.327-.061.123-.092.2-.184.307-.091.108-.192.241-.274.324-.092.093-.188.193-.081.377.107.183.475.784 1.02 1.269.702.625 1.294.819 1.477.91.183.091.291.077.4-.046.108-.123.467-.544.591-.73.123-.185.247-.154.414-.093.167.062 1.058.499 1.24.59.182.091.303.136.348.213.045.076.045.442-.099.847z\"\/><\/svg>\r\n <span>WA<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n `;\r\n });\r\n grid.innerHTML = html;\r\n }\r\n\r\n function applyFilters() {\r\n let filtered = propertiesData.filter(function(item) {\r\n if (filterState.status !== \"all\" && item.status !== filterState.status) return false;\r\n if (filterState.type !== \"all\" && item.type !== filterState.type) return false;\r\n if (filterState.keyword.trim() !== \"\") {\r\n const kw = filterState.keyword.toLowerCase();\r\n if (!item.title.toLowerCase().includes(kw) && !item.location.toLowerCase().includes(kw)) return false;\r\n }\r\n if (item.price < filterState.minPrice) return false;\r\n if (item.price > filterState.maxPrice) return false;\r\n if (filterState.bedrooms > 0 && item.bedrooms < filterState.bedrooms) return false;\r\n if (filterState.bathrooms > 0 && item.bathrooms < filterState.bathrooms) return false;\r\n return true;\r\n });\r\n\r\n if (filterState.sortBy === \"price-asc\") filtered.sort((a, b) => a.price - b.price);\r\n else if (filterState.sortBy === \"price-desc\") filtered.sort((a, b) => b.price - a.price);\r\n else filtered.sort((a, b) => b.id - a.id);\r\n\r\n renderPropertyCards(filtered);\r\n }\r\n\r\n \/\/ ===== EVENTS =====\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n applyFilters();\r\n\r\n const tabSale = document.getElementById(\"heroTabSale\");\r\n const tabRent = document.getElementById(\"heroTabRent\");\r\n if (tabSale && tabRent) {\r\n tabSale.addEventListener(\"click\", function() {\r\n tabSale.classList.add(\"active\"); tabRent.classList.remove(\"active\");\r\n filterState.status = \"sale\"; applyFilters();\r\n });\r\n tabRent.addEventListener(\"click\", function() {\r\n tabRent.classList.add(\"active\"); tabSale.classList.remove(\"active\");\r\n filterState.status = \"rent\"; applyFilters();\r\n });\r\n }\r\n\r\n const heroBtn = document.getElementById(\"heroSearchBtn\");\r\n const heroInput = document.getElementById(\"heroSearchInput\");\r\n const heroType = document.getElementById(\"heroTypeSelect\");\r\n const heroPrice = document.getElementById(\"heroPriceSelect\");\r\n if (heroBtn) {\r\n heroBtn.addEventListener(\"click\", function() {\r\n if (heroInput) filterState.keyword = heroInput.value;\r\n if (heroType) filterState.type = heroType.value;\r\n if (heroPrice && heroPrice.value !== \"all\") {\r\n const parts = heroPrice.value.split(\"-\");\r\n filterState.minPrice = parseInt(parts[0], 10) || 0;\r\n filterState.maxPrice = parseInt(parts[1], 10) || Infinity;\r\n } else {\r\n filterState.minPrice = 0; filterState.maxPrice = Infinity;\r\n }\r\n applyFilters();\r\n const sec = document.getElementById(\"julfianListingSection\");\r\n if (sec) sec.scrollIntoView({ behavior: \"smooth\" });\r\n });\r\n }\r\n\r\n const catChips = document.querySelectorAll(\".julfian-cat-chip\");\r\n catChips.forEach(function(chip) {\r\n chip.addEventListener(\"click\", function() {\r\n catChips.forEach(c => c.classList.remove(\"active\"));\r\n chip.classList.add(\"active\");\r\n filterState.type = chip.getAttribute(\"data-type\") || \"all\";\r\n applyFilters();\r\n });\r\n });\r\n\r\n const sortSelect = document.getElementById(\"julfianSortSelect\");\r\n if (sortSelect) {\r\n sortSelect.addEventListener(\"change\", function(e) {\r\n filterState.sortBy = e.target.value; applyFilters();\r\n });\r\n }\r\n\r\n const gridBtn = document.getElementById(\"julfianGridViewBtn\");\r\n const listBtn = document.getElementById(\"julfianListViewBtn\");\r\n const propertyGrid = document.getElementById(\"julfianPropertyGrid\");\r\n if (gridBtn && listBtn && propertyGrid) {\r\n gridBtn.addEventListener(\"click\", function() {\r\n gridBtn.classList.add(\"active\"); listBtn.classList.remove(\"active\");\r\n propertyGrid.classList.remove(\"list-view\"); propertyGrid.classList.add(\"grid-view\");\r\n });\r\n listBtn.addEventListener(\"click\", function() {\r\n listBtn.classList.add(\"active\"); gridBtn.classList.remove(\"active\");\r\n propertyGrid.classList.remove(\"grid-view\"); propertyGrid.classList.add(\"list-view\");\r\n });\r\n }\r\n\r\n const bedPills = document.querySelectorAll(\"#sidebarBedroomPills .julfian-pill\");\r\n bedPills.forEach(function(pill) {\r\n pill.addEventListener(\"click\", function() {\r\n bedPills.forEach(p => p.classList.remove(\"active\"));\r\n pill.classList.add(\"active\");\r\n filterState.bedrooms = parseInt(pill.getAttribute(\"data-bed\"), 10) || 0;\r\n });\r\n });\r\n\r\n const bathPills = document.querySelectorAll(\"#sidebarBathroomPills .julfian-pill\");\r\n bathPills.forEach(function(pill) {\r\n pill.addEventListener(\"click\", function() {\r\n bathPills.forEach(p => p.classList.remove(\"active\"));\r\n pill.classList.add(\"active\");\r\n filterState.bathrooms = parseInt(pill.getAttribute(\"data-bath\"), 10) || 0;\r\n });\r\n });\r\n\r\n function resetAll() {\r\n filterState.keyword = \"\"; filterState.status = \"all\"; filterState.type = \"all\";\r\n filterState.minPrice = 0; filterState.maxPrice = Infinity;\r\n filterState.bedrooms = 0; filterState.bathrooms = 0;\r\n if (heroInput) heroInput.value = \"\";\r\n const sideLoc = document.getElementById(\"sidebarLocationInput\");\r\n if (sideLoc) sideLoc.value = \"\";\r\n const minP = document.getElementById(\"sidebarMinPrice\");\r\n if (minP) minP.value = \"\";\r\n const maxP = document.getElementById(\"sidebarMaxPrice\");\r\n if (maxP) maxP.value = \"\";\r\n bedPills.forEach((p, i) => p.classList.toggle(\"active\", i === 0));\r\n bathPills.forEach((p, i) => p.classList.toggle(\"active\", i === 0));\r\n catChips.forEach((c, i) => c.classList.toggle(\"active\", i === 0));\r\n applyFilters();\r\n }\r\n\r\n const applyBtn = document.getElementById(\"sidebarApplyBtn\");\r\n const resetBtn = document.getElementById(\"sidebarResetBtn\");\r\n const emptyReset = document.getElementById(\"emptyResetBtn\");\r\n\r\n if (applyBtn) {\r\n applyBtn.addEventListener(\"click\", function() {\r\n const sideLoc = document.getElementById(\"sidebarLocationInput\");\r\n if (sideLoc) filterState.keyword = sideLoc.value;\r\n const minP = document.getElementById(\"sidebarMinPrice\");\r\n const maxP = document.getElementById(\"sidebarMaxPrice\");\r\n if (minP && minP.value) filterState.minPrice = parseFloat(minP.value) || 0;\r\n if (maxP && maxP.value) filterState.maxPrice = parseFloat(maxP.value) || Infinity;\r\n const sidebar = document.getElementById(\"julfianSidebar\");\r\n if (sidebar) sidebar.classList.remove(\"open\");\r\n applyFilters();\r\n });\r\n }\r\n if (resetBtn) resetBtn.addEventListener(\"click\", resetAll);\r\n if (emptyReset) emptyReset.addEventListener(\"click\", resetAll);\r\n\r\n const openMobile = document.getElementById(\"julfianOpenFilterMobile\");\r\n const closeMobile = document.getElementById(\"julfianCloseFilterMobile\");\r\n const sidebar = document.getElementById(\"julfianSidebar\");\r\n if (openMobile && sidebar) openMobile.addEventListener(\"click\", () => sidebar.classList.add(\"open\"));\r\n if (closeMobile && sidebar) closeMobile.addEventListener(\"click\", () => sidebar.classList.remove(\"open\"));\r\n\r\n const faqItems = document.querySelectorAll(\".julfian-faq-item\");\r\n faqItems.forEach(function(item) {\r\n const trigger = item.querySelector(\".julfian-faq-trigger\");\r\n if (trigger) {\r\n trigger.addEventListener(\"click\", function() {\r\n const isOpen = item.classList.contains(\"open\");\r\n faqItems.forEach(i => i.classList.remove(\"open\"));\r\n if (!isOpen) item.classList.add(\"open\");\r\n });\r\n }\r\n });\r\n\r\n const pageBtns = document.querySelectorAll(\".julfian-page-btn\");\r\n pageBtns.forEach(function(btn) {\r\n btn.addEventListener(\"click\", function() {\r\n pageBtns.forEach(b => b.classList.remove(\"active\"));\r\n btn.classList.add(\"active\");\r\n const sec = document.getElementById(\"julfianListingSection\");\r\n if (sec) window.scrollTo({ top: sec.offsetTop - 40, behavior: \"smooth\" });\r\n });\r\n });\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Julfian Property Search & Listing Cari Properti Impian Anda Temukan rumah, apartemen, ruko, tanah, dan properti pilihan untuk dijual maupun disewa di kawasan strategis. DIJUAL DISEWA Lokasi \/ Properti Tipe Properti Semua TipeRumahApartemenRukoTanahKantorGudangVillaKavling Kisaran Harga Semua HargaDi bawah Rp500 JutaRp500 Juta \u2013 Rp1 MiliarRp1 Miliar \u2013 Rp2 MiliarRp2 Miliar \u2013 Rp5 MiliarRp5 Miliar \u2013 Rp10 […]<\/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-9826","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.5 (Yoast SEO v28.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Jual Sewa Properti<\/title>\n<meta name=\"description\" content=\"Jual Sewa Properti\" \/>\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\/jual-sewa-properti\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jual Sewa Properti\" \/>\n<meta property=\"og:description\" content=\"Jual Sewa Properti\" \/>\n<meta property=\"og:url\" content=\"https:\/\/julfian.com\/en\/jual-sewa-properti\/\" \/>\n<meta property=\"og:site_name\" content=\"Julfian Property Expert\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-22T16:09:27+00:00\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/julfian.com\\\/jual-sewa-properti\\\/\",\"url\":\"https:\\\/\\\/julfian.com\\\/jual-sewa-properti\\\/\",\"name\":\"Jual Sewa Properti\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/#website\"},\"datePublished\":\"2026-09-22T15:50:52+00:00\",\"dateModified\":\"2026-09-22T16:09:27+00:00\",\"description\":\"Jual Sewa Properti\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/jual-sewa-properti\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/julfian.com\\\/jual-sewa-properti\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/julfian.com\\\/jual-sewa-properti\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/julfian.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jual Sewa Properti\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/julfian.com\\\/#website\",\"url\":\"https:\\\/\\\/julfian.com\\\/\",\"name\":\"Julfian | Executive Property Advisor\",\"description\":\"Properti Alam Sutera, BSD & 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":"Jual Sewa Properti","description":"Jual Sewa Properti","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\/jual-sewa-properti\/","og_locale":"en_US","og_type":"article","og_title":"Jual Sewa Properti","og_description":"Jual Sewa Properti","og_url":"https:\/\/julfian.com\/en\/jual-sewa-properti\/","og_site_name":"Julfian Property Expert","article_modified_time":"2026-09-22T16:09:27+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/julfian.com\/jual-sewa-properti\/","url":"https:\/\/julfian.com\/jual-sewa-properti\/","name":"Jual Sewa Properti","isPartOf":{"@id":"https:\/\/julfian.com\/#website"},"datePublished":"2026-09-22T15:50:52+00:00","dateModified":"2026-09-22T16:09:27+00:00","description":"Jual Sewa Properti","breadcrumb":{"@id":"https:\/\/julfian.com\/jual-sewa-properti\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/julfian.com\/jual-sewa-properti\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/julfian.com\/jual-sewa-properti\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/julfian.com\/"},{"@type":"ListItem","position":2,"name":"Jual Sewa Properti"}]},{"@type":"WebSite","@id":"https:\/\/julfian.com\/#website","url":"https:\/\/julfian.com\/","name":"Julfian | Executive Property Advisor","description":"Properti Alam Sutera, BSD & 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\/9826","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=9826"}],"version-history":[{"count":13,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/9826\/revisions"}],"predecessor-version":[{"id":9842,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/9826\/revisions\/9842"}],"wp:attachment":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/media?parent=9826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}