{"id":638,"date":"2026-07-28T08:17:59","date_gmt":"2026-07-28T08:17:59","guid":{"rendered":"https:\/\/sanfai.site\/?page_id=638"},"modified":"2026-09-02T09:51:29","modified_gmt":"2026-09-02T09:51:29","slug":"sanfaihousing","status":"publish","type":"page","link":"https:\/\/sanfai.site\/?page_id=638","title":{"rendered":"SanfaiHousing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"638\" class=\"elementor elementor-638\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46305ea e-con e-atomic-element e-flexbox-base e-6f82065 \" data-id=\"46305ea\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"46305ea\" id=\"beranda\">\n    \t\t<div class=\"elementor-element elementor-element-b24c936 elementor-widget elementor-widget-html\" data-id=\"b24c936\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SanFai Housing \u2014 Hero Section Widget\r\n     ============================================================ -->\r\n<div class=\"sfh-wrapper\">\r\n\r\n  <!-- ============ HEADER \/ NAVBAR ============ -->\r\n  <header class=\"sfh-header\">\r\n    <div class=\"sfh-header-inner\">\r\n      <a href=\"#\" class=\"sfh-brand\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/cropped-cropped-logosanfai.jpg\" alt=\"SanFai Housing\" class=\"sfh-brand-logo\">\r\n        <span class=\"sfh-brand-text\">\r\n          <strong>SanFai Housing<\/strong>\r\n          <small>by SanFai Property<\/small>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <nav class=\"sfh-nav\">\r\n        <a href=\"https:\/\/sanfai.site\/\">Menu Utama<\/a>\r\n        <a href=\"#keunggulan\">Keunggulan<\/a>\r\n        <a href=\"#keuntungan\">Keuntungan<\/a>\r\n        <a href=\"#unit\">Pilihan Unit<\/a>\r\n        <a href=\"#kontak\">Kontak<\/a>\r\n      <\/nav>\r\n\r\n      <button class=\"sfh-burger\" aria-label=\"Menu\" onclick=\"document.querySelector('.sfh-nav').classList.toggle('sfh-nav-open')\">\r\n        <span><\/span><span><\/span><span><\/span>\r\n      <\/button>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ============ HERO ============ -->\r\n  <section class=\"sfh-hero\">\r\n    <div class=\"sfh-hero-bg\" style=\"background-image:url('https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/housing.jpg');\"><\/div>\r\n    <div class=\"sfh-hero-overlay\"><\/div>\r\n    <div class=\"sfh-hero-bottom-fade\"><\/div>\r\n\r\n    <div class=\"sfh-hero-content\">\r\n\r\n      <div class=\"sfh-eyebrow\">Hunian & Sewa Terpercaya<\/div>\r\n\r\n      <h1 class=\"sfh-title\">SanFai Housing<\/h1>\r\n      <p class=\"sfh-subtitle\">by SanFai Property<\/p>\r\n\r\n      <p class=\"sfh-desc\">\r\n        Membantu mewujudkan impian memiliki rumah melalui solusi kepemilikan yang mudah, aman, dan sesuai syariah. Tersedia juga pilihan sewa hunian untuk kebutuhan jangka pendek maupun panjang, dengan proses transparan dan didampingi tim profesional dari awal hingga serah terima.\r\n      <\/p>\r\n\r\n      <div class=\"sfh-cta-row\">\r\n        <a href=\"#unit\" class=\"sfh-btn sfh-btn-primary\">\r\n          <span class=\"sfh-btn-text\">Lihat Unit Tersedia<\/span>\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- ============ FEATURE ROW ============ -->\r\n      <div class=\"sfh-features\">\r\n\r\n        <div class=\"sfh-feature\">\r\n          <span class=\"sfh-feature-icon\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"><\/path><\/svg>\r\n          <\/span>\r\n          <span class=\"sfh-feature-text\">\r\n            <strong>Sesuai Syariah<\/strong>\r\n            <small>Akad jelas &amp; bebas riba<\/small>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sfh-feature\">\r\n          <span class=\"sfh-feature-icon\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><\/svg>\r\n          <\/span>\r\n          <span class=\"sfh-feature-text\">\r\n            <strong>Proses Mudah &amp; Transparan<\/strong>\r\n            <small>Tanpa biaya tersembunyi<\/small>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sfh-feature\">\r\n          <span class=\"sfh-feature-icon\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 0 1-2.827 0l-4.244-4.243a8 8 0 1 1 11.314 0z\"><\/path><path d=\"M15 11a3 3 0 1 1-6 0 3 3 0 0 1 6 0z\"><\/path><\/svg>\r\n          <\/span>\r\n          <span class=\"sfh-feature-text\">\r\n            <strong>Lokasi Strategis &amp; Nyaman<\/strong>\r\n            <small>Akses mudah ke fasilitas umum<\/small>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sfh-feature\">\r\n          <span class=\"sfh-feature-icon\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11z\"><\/path><\/svg>\r\n          <\/span>\r\n          <span class=\"sfh-feature-text\">\r\n            <strong>Lingkungan Islami &amp; Aman<\/strong>\r\n            <small>Nyaman untuk keluarga<\/small>\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- ============ GABUNGAN CSS ============ -->\r\n<style>\r\n  .sfh-wrapper{\r\n    --sfh-green-dark:#0D2818;\r\n    --sfh-green:#1B6F4A;\r\n    --sfh-green-light:#E8F2EC;\r\n    --sfh-text:#1B2420;\r\n    --sfh-muted:#64748b;\r\n    --sfh-btn-grad-start:#0D1B3D;\r\n    --sfh-btn-grad-end:#1B6F4A;\r\n    font-family:'Segoe UI', Arial, sans-serif;\r\n    color:var(--sfh-text);\r\n    box-sizing:border-box;\r\n    width:100%;\r\n  }\r\n  .sfh-wrapper *,.sfh-wrapper *::before,.sfh-wrapper *::after{box-sizing:inherit;}\r\n  .sfh-wrapper a{text-decoration:none;color:inherit;}\r\n  .sfh-wrapper img{max-width:100%;display:block;}\r\n\r\n  \/* ---------- HEADER ---------- *\/\r\n  .sfh-header{background:#fff;border-bottom:1px solid #e9eef0;position:relative;z-index:20;}\r\n  .sfh-header-inner{max-width:1400px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}\r\n  .sfh-brand{display:flex;align-items:center;gap:12px;}\r\n  .sfh-brand-logo{width:42px;height:42px;object-fit:contain;flex-shrink:0;}\r\n  .sfh-brand-text{display:flex;flex-direction:column;line-height:1.2;}\r\n  .sfh-brand-text strong{font-size:19px;color:var(--sfh-green-dark);font-weight:800;}\r\n  .sfh-brand-text small{font-size:12px;color:var(--sfh-muted);font-weight:500;}\r\n\r\n  .sfh-nav{display:flex;align-items:center;justify-content:flex-end;gap:30px;flex:1;}\r\n  .sfh-nav a{font-size:15px;font-weight:600;color:#2a332e;transition:color .2s;white-space:nowrap;}\r\n  .sfh-nav a:hover{color:var(--sfh-green);}\r\n\r\n  .sfh-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}\r\n  .sfh-burger span{width:24px;height:2px;background:var(--sfh-green-dark);border-radius:2px;}\r\n\r\n  \/* ---------- HERO ---------- *\/\r\n  .sfh-hero{position:relative;overflow:hidden;padding:70px 32px 60px;}\r\n  .sfh-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;}\r\n  .sfh-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.92) 32%, rgba(255,255,255,.55) 55%, rgba(255,255,255,.15) 72%, rgba(255,255,255,0) 100%);z-index:1;}\r\n  .sfh-hero-bottom-fade{position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 35%, rgba(255,255,255,.92) 70%, rgba(255,255,255,1) 100%);z-index:1;pointer-events:none;}\r\n  .sfh-hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;}\r\n\r\n  .sfh-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--sfh-green-light);color:var(--sfh-green-dark);font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;letter-spacing:.4px;text-transform:uppercase;margin-bottom:20px;}\r\n\r\n  .sfh-title{font-size:56px;font-weight:800;color:var(--sfh-green-dark);line-height:1.05;margin:0 0 6px;max-width:680px;}\r\n  .sfh-subtitle{font-size:20px;font-weight:700;color:var(--sfh-green);margin:0 0 22px;}\r\n\r\n  .sfh-desc{font-size:18px;color:#37473d;line-height:1.65;max-width:560px;margin:0 0 30px;}\r\n\r\n  .sfh-cta-row{display:flex;gap:14px;margin-bottom:44px;flex-wrap:wrap;}\r\n  .sfh-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;border-radius:10px;font-size:15px;font-weight:700;transition:transform .15s ease, box-shadow .15s ease;}\r\n  .sfh-btn:hover{transform:translateY(-2px);}\r\n  .sfh-btn-primary{background:linear-gradient(90deg, var(--sfh-btn-grad-start) 0%, var(--sfh-btn-grad-end) 100%);box-shadow:0 6px 16px rgba(13,27,61,.28);}\r\n  .sfh-btn-primary,\r\n  .sfh-btn-primary *,\r\n  .sfh-btn-primary .sfh-btn-text{\r\n    color:#ffffff !important;\r\n  }\r\n  .sfh-btn-secondary{background:#fff;color:var(--sfh-green-dark);border:1px solid #d8e0da;}\r\n\r\n  \/* ---------- FEATURES ---------- *\/\r\n  .sfh-features{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:28px;border-top:1px solid rgba(13,40,24,.12);}\r\n  .sfh-feature{display:flex;align-items:flex-start;gap:12px;}\r\n  .sfh-feature-icon{width:42px;height:42px;background:var(--sfh-green-light);color:var(--sfh-green);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n  .sfh-feature-text{display:flex;flex-direction:column;gap:3px;}\r\n  .sfh-feature-text strong{font-size:15px;color:var(--sfh-text);}\r\n  .sfh-feature-text small{font-size:13.5px;color:var(--sfh-muted);line-height:1.4;}\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width:1200px){\r\n    .sfh-title{font-size:48px;}\r\n  }\r\n\r\n  @media (max-width:1100px){\r\n    .sfh-title{font-size:42px;}\r\n    .sfh-features{grid-template-columns:repeat(2,1fr);}\r\n    .sfh-nav{gap:20px;}\r\n  }\r\n\r\n  @media (max-width:880px){\r\n    .sfh-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px 16px;box-shadow:0 12px 20px rgba(0,0,0,.08);}\r\n    .sfh-nav.sfh-nav-open{display:flex;}\r\n    .sfh-nav a{padding:12px 0;width:100%;border-bottom:1px solid #eef2ef;}\r\n    .sfh-burger{display:flex;}\r\n    .sfh-hero-overlay{background:rgba(255,255,255,.93);}\r\n    .sfh-title{max-width:100%;}\r\n    .sfh-desc{max-width:100%;}\r\n  }\r\n\r\n  @media (max-width:700px){\r\n    .sfh-header-inner{padding:12px 18px;}\r\n    .sfh-hero{padding:40px 18px 40px;}\r\n    .sfh-title{font-size:32px;}\r\n    .sfh-subtitle{font-size:16px;}\r\n    .sfh-desc{font-size:16px;}\r\n    .sfh-features{grid-template-columns:1fr;}\r\n    .sfh-cta-row{width:100%;}\r\n    .sfh-btn{flex:1;justify-content:center;}\r\n  }\r\n\r\n  @media (max-width:420px){\r\n    .sfh-brand-text strong{font-size:16px;}\r\n    .sfh-title{font-size:26px;}\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-98819ea e-con e-atomic-element e-flexbox-base e-aff2c55 \" data-id=\"98819ea\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"98819ea\" id=\"keuntungan\">\n    \t\t<div class=\"elementor-element elementor-element-f489afc elementor-widget elementor-widget-html\" data-id=\"f489afc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .sfh-benefits-section {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 0 40px 70px 40px;\r\n    background-color: #ffffff;\r\n    font-family: 'Segoe UI', Arial, sans-serif;\r\n  }\r\n\r\n  .sfh-benefits-section *,\r\n  .sfh-benefits-section *:before,\r\n  .sfh-benefits-section *:after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sfh-benefits-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* KOTAK UTAMA BACKGROUND HIJAU GELAP *\/\r\n  .sfh-benefits-box {\r\n    background: linear-gradient(135deg, #0D2818 0%, #123B24 100%);\r\n    border-radius: 24px;\r\n    padding: 44px 48px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 30px;\r\n    box-shadow: 0 12px 32px rgba(13, 40, 24, 0.18);\r\n  }\r\n\r\n  .sfh-benefits-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    color: #ffffff;\r\n    font-size: 11.5px;\r\n    font-weight: 700;\r\n    padding: 6px 14px;\r\n    border-radius: 20px;\r\n    letter-spacing: 0.4px;\r\n    text-transform: uppercase;\r\n    width: fit-content;\r\n  }\r\n\r\n  .sfh-benefits-title {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: -12px 0 4px 0;\r\n    letter-spacing: -0.2px;\r\n  }\r\n\r\n  \/* GRID 3 KEUNTUNGAN *\/\r\n  .sfh-benefits-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .sfh-benefit-card {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    padding: 18px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 14px;\r\n    transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;\r\n  }\r\n\r\n  .sfh-benefit-card:hover {\r\n    background: rgba(255, 255, 255, 0.09);\r\n    border-color: rgba(255, 255, 255, 0.22);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .sfh-benefit-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    background: rgba(255, 255, 255, 0.12);\r\n    border-radius: 12px;\r\n    color: #ffffff;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .sfh-benefit-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    stroke: #ffffff;\r\n    fill: none;\r\n    stroke-width: 1.9;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .sfh-benefit-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .sfh-benefit-heading {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin-bottom: 4px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .sfh-benefit-desc {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: rgba(255, 255, 255, 0.72);\r\n    line-height: 1.45;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN *\/\r\n  @media (max-width: 1024px) {\r\n    .sfh-benefits-section {\r\n      padding: 0 30px 50px 30px;\r\n    }\r\n    .sfh-benefits-box {\r\n      padding: 36px 30px;\r\n    }\r\n    .sfh-benefits-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 16px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .sfh-benefits-section {\r\n      padding: 0 20px 40px 20px;\r\n    }\r\n    .sfh-benefits-box {\r\n      padding: 30px 20px;\r\n      gap: 24px;\r\n    }\r\n    .sfh-benefits-title {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .sfh-benefits-section {\r\n      padding: 0 16px 32px 16px;\r\n    }\r\n    .sfh-benefits-box {\r\n      padding: 26px 18px;\r\n      border-radius: 18px;\r\n    }\r\n    .sfh-benefits-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sfh-benefits-section\">\r\n  <div class=\"sfh-benefits-container\">\r\n    \r\n    <div class=\"sfh-benefits-box\">\r\n      <div class=\"sfh-benefits-eyebrow\">Kenapa Bersama Kami<\/div>\r\n      <h3 class=\"sfh-benefits-title\">Keuntungan Bersama SanFai Housing<\/h3>\r\n\r\n      <div class=\"sfh-benefits-grid\">\r\n        <!-- Keuntungan 1: Tanpa Riba -->\r\n        <div class=\"sfh-benefit-card\">\r\n          <div class=\"sfh-benefit-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\r\n          <\/div>\r\n          <div class=\"sfh-benefit-info\">\r\n            <div class=\"sfh-benefit-heading\">Tanpa Riba<\/div>\r\n            <div class=\"sfh-benefit-desc\">Sistem pembiayaan sesuai syariah<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Keuntungan 2: Legalitas Aman -->\r\n        <div class=\"sfh-benefit-card\">\r\n          <div class=\"sfh-benefit-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\r\n          <\/div>\r\n          <div class=\"sfh-benefit-info\">\r\n            <div class=\"sfh-benefit-heading\">Legalitas Aman<\/div>\r\n            <div class=\"sfh-benefit-desc\">Dokumen lengkap dan terpercaya<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Keuntungan 3: Siap Huni -->\r\n        <div class=\"sfh-benefit-card\">\r\n          <div class=\"sfh-benefit-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\r\n          <\/div>\r\n          <div class=\"sfh-benefit-info\">\r\n            <div class=\"sfh-benefit-heading\">Siap Huni<\/div>\r\n            <div class=\"sfh-benefit-desc\">Bangunan berkualitas dan terawat<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3f0e306 e-con e-atomic-element e-flexbox-base e-0db3c93 \" data-id=\"3f0e306\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3f0e306\" id=\"unit\">\n    \t\t<div class=\"elementor-element elementor-element-37a5f5b elementor-widget elementor-widget-html\" data-id=\"37a5f5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .sfh-units-section {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 0 40px 70px 40px;\r\n    background-color: #ffffff;\r\n    font-family: 'Segoe UI', Arial, sans-serif;\r\n  }\r\n\r\n  .sfh-units-section *,\r\n  .sfh-units-section *:before,\r\n  .sfh-units-section *:after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sfh-units-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* HEADER: BADGE, JUDUL & TEKS TAMBAHAN *\/\r\n  .sfh-units-header {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-bottom: 32px;\r\n    margin-top: 0;\r\n  }\r\n\r\n  .sfh-units-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: #E8F2EC;\r\n    color: #0D2818;\r\n    font-size: 11.5px;\r\n    font-weight: 700;\r\n    padding: 6px 14px;\r\n    border-radius: 20px;\r\n    letter-spacing: 0.4px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .sfh-units-title {\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    color: #0D2818;\r\n    margin: 0 0 8px 0;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  .sfh-units-subtitle {\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: #1B6F4A;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* GRID KARTU UNIT (DESKTOP\/TABLET) *\/\r\n  .sfh-units-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* KARTU UNIT *\/\r\n  .sfh-unit-card {\r\n    background-color: #ffffff;\r\n    border: 1px solid #eaeaea;\r\n    border-radius: 20px;\r\n    padding: 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 4px 20px rgba(13, 40, 24, 0.04);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  .sfh-unit-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 10px 26px rgba(13, 40, 24, 0.1);\r\n  }\r\n\r\n  \/* GAMBAR KARTU + OVERLAY STATUS SAAT HOVER *\/\r\n  .sfh-unit-img-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 180px;\r\n    border-radius: 14px;\r\n    overflow: hidden;\r\n    margin-bottom: 16px;\r\n    background-color: #f4f7f5;\r\n  }\r\n\r\n  .sfh-unit-img-wrap img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.35s ease;\r\n  }\r\n\r\n  .sfh-unit-card:hover .sfh-unit-img-wrap img {\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  .sfh-unit-status-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(13, 40, 24, 0.55);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sfh-unit-card:hover .sfh-unit-status-overlay {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* TEKS STATUS POLOS, TANPA BENTUK TOMBOL *\/\r\n  .sfh-unit-status-text {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2px;\r\n  }\r\n\r\n  \/* Kartu unit yang tidak tersedia (misal sedang closing) *\/\r\n  .sfh-unit-card--unavailable .sfh-unit-status-overlay {\r\n    background: rgba(75, 85, 99, 0.6);\r\n  }\r\n\r\n  .sfh-unit-status-text svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    stroke: #ffffff;\r\n    fill: none;\r\n    stroke-width: 2.5;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* KONTEN TEKS UNIT *\/\r\n  .sfh-unit-name {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #0D2818;\r\n    margin: 0 0 4px 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .sfh-unit-location {\r\n    font-size: 13px;\r\n    color: #556270;\r\n    margin: 0 0 16px 0;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .sfh-unit-price {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: #0D2818;\r\n    margin: 0 0 16px 0;\r\n  }\r\n\r\n  \/* SPESIFIKASI (LUAS, KT, KM) *\/\r\n  .sfh-unit-specs {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    padding-top: 12px;\r\n    padding-bottom: 16px;\r\n    border-top: 1px solid #f0f0f0;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #556270;\r\n  }\r\n\r\n  .sfh-spec-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n  }\r\n\r\n  .sfh-spec-item svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    stroke: #1B6F4A;\r\n    fill: none;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* TOMBOL WHATSAPP DI BAWAH KARTU (AKTIF) *\/\r\n  .sfh-unit-wa-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    width: 100%;\r\n    margin-top: auto;\r\n    background: linear-gradient(90deg, #0D1B3D 0%, #1B6F4A 100%);\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    padding: 12px 16px;\r\n    border-radius: 10px;\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    box-shadow: 0 4px 12px rgba(13, 27, 61, 0.2);\r\n    transition: transform 0.2s ease, opacity 0.2s ease;\r\n  }\r\n\r\n  .sfh-unit-wa-btn:hover {\r\n    opacity: 0.92;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .sfh-unit-wa-btn svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: #ffffff;\r\n    fill: none;\r\n    stroke-width: 2;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* TOMBOL NON-AKTIF (UNIT SEDANG TIDAK TERSEDIA) *\/\r\n  .sfh-unit-wa-btn--disabled {\r\n    background: #9ca3af;\r\n    box-shadow: none;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sfh-unit-wa-btn--disabled:hover {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN *\/\r\n  @media (max-width: 1024px) {\r\n    .sfh-units-section {\r\n      padding: 0 30px 50px 30px;\r\n    }\r\n    .sfh-units-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .sfh-units-section {\r\n      padding: 0 20px 40px 20px;\r\n    }\r\n    .sfh-units-title {\r\n      font-size: 23px;\r\n    }\r\n    .sfh-units-subtitle {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  \/* DI HP: GRID DIUBAH JADI SLIDER GESER HORIZONTAL *\/\r\n  @media (max-width: 640px) {\r\n    .sfh-units-section {\r\n      padding: 0 0 32px 0;\r\n    }\r\n    .sfh-units-header {\r\n      padding: 0 16px;\r\n    }\r\n    .sfh-units-grid {\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n      overflow-x: auto;\r\n      scroll-snap-type: x mandatory;\r\n      -webkit-overflow-scrolling: touch;\r\n      gap: 16px;\r\n      padding: 4px 16px 12px 16px;\r\n      scrollbar-width: none;\r\n    }\r\n    .sfh-units-grid::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n    .sfh-unit-card {\r\n      flex: 0 0 82%;\r\n      max-width: 300px;\r\n      scroll-snap-align: start;\r\n    }\r\n    .sfh-unit-specs {\r\n      gap: 10px;\r\n      font-size: 11.5px;\r\n    }\r\n    \/* Di layar sentuh (HP), overlay status tetap terlihat samar tanpa perlu hover *\/\r\n    .sfh-unit-status-overlay {\r\n      opacity: 0.85;\r\n      background: rgba(13, 40, 24, 0.35);\r\n    }\r\n    .sfh-unit-card--unavailable .sfh-unit-status-overlay {\r\n      background: rgba(75, 85, 99, 0.4);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sfh-units-section\">\r\n  <div class=\"sfh-units-container\">\r\n    \r\n    <!-- Header Bagian Atas -->\r\n    <div class=\"sfh-units-header\">\r\n      <div class=\"sfh-units-eyebrow\">Unit Pilihan<\/div>\r\n      <h2 class=\"sfh-units-title\">Unit Rekomendasi<\/h2>\r\n      <p class=\"sfh-units-subtitle\">Ayo segera hubungi kami sekarang juga untuk amankan unit pilihanmu<\/p>\r\n    <\/div>\r\n\r\n    <!-- Grid Unit Tersedia -->\r\n    <div class=\"sfh-units-grid\">\r\n      \r\n      <!-- Unit 1: Griya Fairus Annisa (TERSEDIA) -->\r\n      <div class=\"sfh-unit-card\">\r\n        <div class=\"sfh-unit-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFANEW.jpg\" alt=\"Griya Fairus Annisa\">\r\n          <div class=\"sfh-unit-status-overlay\">\r\n            <span class=\"sfh-unit-status-text\">\r\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n              Tersedia\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <h3 class=\"sfh-unit-name\">Griya Fairus Annisa<\/h3>\r\n        <p class=\"sfh-unit-location\">Cilodong, Depok<\/p>\r\n        <div class=\"sfh-unit-price\">Rp 900.000\/bln<\/div>\r\n        <div class=\"sfh-unit-specs\">\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\r\n            90 m\u00b2\r\n          <\/div>\r\n          <span>\u2022<\/span>\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><\/svg>\r\n            1 KT\r\n          <\/div>\r\n          <span>\u2022<\/span>\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><path d=\"M22 10H2\"><\/path><\/svg>\r\n            1 KM\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285290655610&amp;text=Halo%20SanFai!,%20Saya%20dari%20Website%20minta%20tolong%20kirimkan%20dan%20jelaskan%20detail%20tentang%20Sewa GF Annisa%20ya\ud83d\ude0a\" target=\"_blank\" class=\"sfh-unit-wa-btn\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"><\/path><\/svg>\r\n          Chat via WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Unit 2: Nifarro Park Apartment (TIDAK TERSEDIA - CLOSING 2 BULAN) -->\r\n      <div class=\"sfh-unit-card sfh-unit-card--unavailable\">\r\n        <div class=\"sfh-unit-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/niffaro.jpg\" alt=\"Nifarro Park Apartment\">\r\n          <div class=\"sfh-unit-status-overlay\">\r\n            <span class=\"sfh-unit-status-text\">\r\n              <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\r\n              Tidak Tersedia\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <h3 class=\"sfh-unit-name\">Nifarro Park Apartment<\/h3>\r\n        <p class=\"sfh-unit-location\">Ps. Minggu, Kota Jakarta Selatan<\/p>\r\n        <div class=\"sfh-unit-price\">Rp 6.900.000\/bln<\/div>\r\n        <div class=\"sfh-unit-specs\">\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\r\n            51 m\u00b2\r\n          <\/div>\r\n          <span>\u2022<\/span>\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><\/svg>\r\n            2 KT\r\n          <\/div>\r\n          <span>\u2022<\/span>\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><path d=\"M22 10H2\"><\/path><\/svg>\r\n            1 KM\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"sfh-unit-wa-btn sfh-unit-wa-btn--disabled\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"><\/path><\/svg>\r\n          Sedang Tidak Tersedia\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- Unit 3: Pavillion (TERSEDIA) -->\r\n      <div class=\"sfh-unit-card\">\r\n        <div class=\"sfh-unit-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/PAVILLION.jpg\" alt=\"Pavillion\">\r\n          <div class=\"sfh-unit-status-overlay\">\r\n            <span class=\"sfh-unit-status-text\">\r\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n              Tersedia\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <h3 class=\"sfh-unit-name\">Pavillion<\/h3>\r\n        <p class=\"sfh-unit-location\">Sawangan, Depok<\/p>\r\n        <div class=\"sfh-unit-price\">Rp 2.200.000\/bln<\/div>\r\n        <div class=\"sfh-unit-specs\">\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\r\n            72 m\u00b2\r\n          <\/div>\r\n          <span>\u2022<\/span>\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><\/svg>\r\n            1 Ruang luas\r\n          <\/div>\r\n          <span>\u2022<\/span>\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><path d=\"M22 10H2\"><\/path><\/svg>\r\n            1 KM\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285290655610&amp;text=Halo%20SanFai!,%20Saya%20dari%20Website%20minta%20tolong%20kirimkan%20dan%20jelaskan%20detail%20tentang%20Sewa Pavillion%20ya\ud83d\ude0a\" target=\"_blank\" class=\"sfh-unit-wa-btn\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"><\/path><\/svg>\r\n          Chat via WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Unit 4: Menteng Park -->\r\n      <div class=\"sfh-unit-card\">\r\n        <div class=\"sfh-unit-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/09\/MPfiks.jpg\" alt=\"Griya Fairus Ar-Rahman\">\r\n          <div class=\"sfh-unit-status-overlay\">\r\n            <span class=\"sfh-unit-status-text\">\r\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n              Tersedia\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <h3 class=\"sfh-unit-name\">Menteng Park Apartment<\/h3>\r\n        <p class=\"sfh-unit-location\">Cikini Raya, Jakarta Pusat<\/p>\r\n        <div class=\"sfh-unit-price\">Rp 7.500.000\/bln<\/div>\r\n        <div class=\"sfh-unit-specs\">\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\r\n            35 m\u00b2\r\n          <\/div>\r\n          <span>\u2022<\/span>\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><\/svg>\r\n            1 KT Type Studio\r\n          <\/div>\r\n          <span>\u2022<\/span>\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><path d=\"M22 10H2\"><\/path><\/svg>\r\n            1 KM\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285290655610&amp;text=Halo%20SanFai!,%20Saya%20dari%20Website%20minta%20tolong%20kirimkan%20dan%20jelaskan%20detail%20tentang%20Sewa Menteng Park%20ya\ud83d\ude0a\" target=\"_blank\" class=\"sfh-unit-wa-btn\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"><\/path><\/svg>\r\n          Chat via WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Unit 5: Griya Fairus Exclusive -->\r\n      <div class=\"sfh-unit-card\">\r\n        <div class=\"sfh-unit-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/09\/gfexfiks.jpg\">\r\n          <div class=\"sfh-unit-status-overlay\">\r\n            <span class=\"sfh-unit-status-text\">\r\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n              Tersedia\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <h3 class=\"sfh-unit-name\">Griya Fairus Exclusive<\/h3>\r\n        <p class=\"sfh-unit-location\">Cilodong, Depok<\/p>\r\n        <div class=\"sfh-unit-price\">Rp 1.500.000\/bln<\/div>\r\n        <div class=\"sfh-unit-specs\">\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\r\n            26 m\u00b2\r\n          <\/div>\r\n          <span>\u2022<\/span>\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><\/svg>\r\n            2 KT\r\n          <\/div>\r\n          <span>\u2022<\/span>\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><path d=\"M22 10H2\"><\/path><\/svg>\r\n            1 KM\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285290655610&amp;text=Halo%20SanFai!,%20Saya%20dari%20Website%20minta%20tolong%20kirimkan%20dan%20jelaskan%20detail%20tentang%20Sewa Griya%20Fairus%20Exclusive%20ya\ud83d\ude0a\" target=\"_blank\" class=\"sfh-unit-wa-btn\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"><\/path><\/svg>\r\n          Chat via WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Unit 6: Griya Fairus Diamond -->\r\n      <div class=\"sfh-unit-card\">\r\n        <div class=\"sfh-unit-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/GFDWP.jpg\" alt=\"Griya Fairus El-Fany\">\r\n          <div class=\"sfh-unit-status-overlay\">\r\n            <span class=\"sfh-unit-status-text\">\r\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n              Tersedia\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <h3 class=\"sfh-unit-name\">Griya Fairus Diamond<\/h3>\r\n        <p class=\"sfh-unit-location\">Tajur Halang, Bogor<\/p>\r\n        <div class=\"sfh-unit-price\">Rp 1.500.000\/bln<\/div>\r\n        <div class=\"sfh-unit-specs\">\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\r\n            31 m\u00b2\r\n          <\/div>\r\n          <span>\u2022<\/span>\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><\/svg>\r\n            2 KT\r\n          <\/div>\r\n          <span>\u2022<\/span>\r\n          <div class=\"sfh-spec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><path d=\"M22 10H2\"><\/path><\/svg>\r\n            1 KM\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285290655610&amp;text=Halo%20SanFai!,%20Saya%20dari%20Website%20minta%20tolong%20kirimkan%20dan%20jelaskan%20detail%20tentang%20Sewa Griya%20Fairus%20Diamond%20ya\ud83d\ude0a\" target=\"_blank\" class=\"sfh-unit-wa-btn\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"><\/path><\/svg>\r\n          Chat via WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d5c15dc e-con e-atomic-element e-flexbox-base e-d6529ae \" data-id=\"d5c15dc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d5c15dc\" id=\"kontak\">\n    \t\t<div class=\"elementor-element elementor-element-91283e5 elementor-widget elementor-widget-html\" data-id=\"91283e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>SanFai Housing - Hubungi Kami<\/title>\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    \/* RESET HALAMAN & KONSISTENSI UKURAN - MENTOK ATAS *\/\r\n    html, body {\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n      width: 100% !important;\r\n      overflow-x: hidden !important;\r\n      box-sizing: border-box;\r\n      font-family: 'Plus Jakarta Sans', sans-serif;\r\n      background-color: #ffffff;\r\n    }\r\n\r\n    *, *:before, *:after {\r\n      box-sizing: inherit;\r\n    }\r\n\r\n    \/* SECTION BANNER WA - PADDING ATAS 0 *\/\r\n    .sanfai-wa-section {\r\n      width: 100%;\r\n      padding: 0 40px 70px 40px;\r\n      background-color: #ffffff;\r\n    }\r\n\r\n    .sanfai-wa-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* BANNER UTAMA DENGAN BACKGROUND GAMBAR & OVERLAY *\/\r\n    .sanfai-wa-banner {\r\n      position: relative;\r\n      width: 100%;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      background-color: #f4f7f5;\r\n      border: 1px solid #eaeaea;\r\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: 48px 56px;\r\n      gap: 30px;\r\n    }\r\n\r\n    \/* BACKGROUND GAMBAR DENGAN GRADASI HALUS *\/\r\n    .sanfai-wa-banner::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 60%;\r\n      height: 100%;\r\n      background-image: linear-gradient(to right, #f4f7f5 0%, rgba(27, 111, 74, 0.12) 40%, rgba(13, 40, 24, 0.25) 70%, transparent 100%), \r\n                        url('https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/housing.jpg');\r\n      background-size: cover;\r\n      background-position: center;\r\n      z-index: 1;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* KONTEN TEKS *\/\r\n    .sanfai-wa-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 540px;\r\n    }\r\n\r\n    .sanfai-wa-title {\r\n      font-size: clamp(20px, 2.2vw, 26px);\r\n      font-weight: 800;\r\n      color: #0d2818;\r\n      margin: 0 0 10px 0;\r\n      letter-spacing: -0.3px;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .sanfai-wa-desc {\r\n      font-size: clamp(13px, 1.05vw, 15px);\r\n      line-height: 1.6;\r\n      color: #556270;\r\n      margin: 0;\r\n      font-weight: 500;\r\n    }\r\n\r\n    \/* TOMBOL WHATSAPP *\/\r\n    .sanfai-wa-action {\r\n      position: relative;\r\n      z-index: 2;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .sanfai-btn-wa {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      background: linear-gradient(135deg, #0d2818 0%, #1B6F4A 100%);\r\n      color: #ffffff;\r\n      font-size: clamp(14px, 1.1vw, 15px);\r\n      font-weight: 700;\r\n      padding: 16px 32px;\r\n      border-radius: 12px;\r\n      text-decoration: none;\r\n      box-shadow: 0 6px 20px rgba(27, 111, 74, 0.25);\r\n      transition: all 0.3s ease;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .sanfai-btn-wa:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 8px 25px rgba(27, 111, 74, 0.35);\r\n      filter: brightness(1.05);\r\n    }\r\n\r\n    .sanfai-btn-wa svg {\r\n      width: 20px;\r\n      height: 20px;\r\n      stroke: currentColor;\r\n      fill: none;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    \/* MEDIA QUERIES UNTUK TAMPILAN MOBILE & TABLET *\/\r\n    @media (max-width: 900px) {\r\n      .sanfai-wa-section {\r\n        padding: 0 30px 50px 30px;\r\n      }\r\n      .sanfai-wa-banner {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        padding: 36px 28px;\r\n        gap: 24px;\r\n      }\r\n      .sanfai-wa-banner::before {\r\n        width: 100%;\r\n        opacity: 0.25;\r\n      }\r\n      .sanfai-wa-action {\r\n        width: 100%;\r\n      }\r\n      .sanfai-btn-wa {\r\n        width: 100%;\r\n        justify-content: center;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .sanfai-wa-section {\r\n        padding: 0 16px 30px 16px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"sanfai-wa-section\">\r\n  <div class=\"sanfai-wa-container\">\r\n    \r\n    <div class=\"sanfai-wa-banner\">\r\n      <div class=\"sanfai-wa-content\">\r\n        <h2 class=\"sanfai-wa-title\">Temukan Hunian Nyamanmu, Yuk Sewa Sekarang!<\/h2>\r\n        <p class=\"sanfai-wa-desc\">Jangan sampai kehabisan unit yang kamu incar. Hubungi tim kami sekarang! <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"sanfai-wa-action\">\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285280655610&amp;text=Halo%20SanFai!,%20Tolong%20jelaskan%20dan%20kirimkan%20detail%20unit%20yang%20tersedia\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sanfai-btn-wa\">\r\n          <!-- Icon WhatsApp SVG -->\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\r\n          Hubungi Kami via WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e21c112 e-flex e-con-boxed e-con e-parent\" data-id=\"e21c112\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ba190f elementor-widget elementor-widget-html\" data-id=\"3ba190f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n  \/* RESET & KONSISTENSI UKURAN LEBAR FULL SCREEN *\/\r\n  html, body {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    width: 100% !important;\r\n    overflow-x: hidden !important;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  *, *:before, *:after {\r\n    box-sizing: inherit;\r\n  }\r\n\r\n  \/* WRAPPER UTAMA FOOTER (Gradasi dengan warna #0D1B3D dan #1B6F4A) *\/\r\n  .sanfai-footer-wrapper {\r\n    width: 100vw !important;\r\n    position: relative !important;\r\n    left: 50% !important;\r\n    right: 50% !important;\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n    background: linear-gradient(135deg, #0D1B3D 0%, #14453A 50%, #1B6F4A 100%);\r\n    color: #ffffff;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    padding: 50px 40px 25px 40px;\r\n    box-shadow: none !important;\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n  }\r\n\r\n  \/* GRID UTAMA TETAP 5 KOLOM KONSISTEN DI SEMUA DEVICE *\/\r\n  .sanfai-footer-container {\r\n    display: grid;\r\n    grid-template-columns: 1.4fr 0.9fr 1.1fr 1.3fr 1.6fr;\r\n    gap: 20px;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    align-items: start;\r\n  }\r\n\r\n  .sanfai-footer-col {\r\n    min-width: 0;\r\n  }\r\n\r\n  \/* Kolom 1: Logo & Deskripsi *\/\r\n  .sanfai-footer-col-brand .sanfai-footer-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .sanfai-footer-logo img {\r\n    height: 34px; \/* Ukuran tinggi logo disesuaikan *\/\r\n    width: auto;\r\n    object-fit: contain;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sanfai-footer-logo-text {\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .sanfai-footer-logo-text span {\r\n    display: block;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: #cbd5e1;\r\n  }\r\n\r\n  .sanfai-footer-col-brand p {\r\n    font-size: 11.5px;\r\n    color: #cbd5e1;\r\n    line-height: 1.5;\r\n    margin: 0 0 15px 0;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* Sosial Media Ikon *\/\r\n  .sanfai-footer-socials {\r\n    display: flex;\r\n    gap: 8px;\r\n  }\r\n\r\n  .sanfai-social-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-decoration: none;\r\n    transition: background 0.2s, transform 0.2s;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sanfai-social-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: #0D1B3D;\r\n    transition: fill 0.2s;\r\n  }\r\n\r\n  .sanfai-social-icon:hover {\r\n    background: #d4af37;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .sanfai-social-icon:hover svg {\r\n    fill: #ffffff;\r\n  }\r\n\r\n  \/* Heading Kolom Lainnya *\/\r\n  .sanfai-footer-col h4 {\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 12px 0;\r\n    letter-spacing: -0.2px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* List Tautan \/ Menu *\/\r\n  .sanfai-footer-col ul {\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  .sanfai-footer-col ul li a {\r\n    font-size: 11.5px;\r\n    color: #cbd5e1;\r\n    text-decoration: none;\r\n    transition: color 0.2s;\r\n    font-weight: 400;\r\n    display: block;\r\n  }\r\n\r\n  .sanfai-footer-col ul li a:hover {\r\n    color: #ffffff;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  \/* Kontak List *\/\r\n  .sanfai-footer-contact-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .sanfai-footer-contact-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 6px;\r\n    font-size: 11.5px;\r\n    color: #cbd5e1;\r\n    line-height: 1.4;\r\n    word-break: break-word;\r\n  }\r\n\r\n  .sanfai-footer-contact-item svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: #cbd5e1;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  \/* Kolom Peta Lokasi Kami *\/\r\n  .sanfai-footer-map-box {\r\n    background: #ffffff;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    padding: 3px;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .sanfai-footer-map-box iframe {\r\n    width: 100%;\r\n    height: 95px;\r\n    border: 0;\r\n    border-radius: 7px;\r\n    display: block;\r\n  }\r\n\r\n  .sanfai-map-btn-container {\r\n    padding: 5px;\r\n    text-align: center;\r\n  }\r\n\r\n  .sanfai-map-btn {\r\n    background-color: #0D1B3D;\r\n    color: #ffffff;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    padding: 5px 10px;\r\n    border-radius: 5px;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    transition: background 0.2s;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .sanfai-map-btn:hover {\r\n    background-color: #1B6F4A;\r\n  }\r\n\r\n  \/* Garis Pemisah Bawah *\/\r\n  .sanfai-footer-divider {\r\n    max-width: 1300px;\r\n    margin: 30px auto 15px auto;\r\n    border: none;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  \/* Hak Cipta & Link Bawah *\/\r\n  .sanfai-footer-bottom {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    font-size: 11px;\r\n    color: #94a3b8;\r\n  }\r\n\r\n  .sanfai-footer-bottom-links {\r\n    display: flex;\r\n    gap: 12px;\r\n  }\r\n\r\n  .sanfai-footer-bottom-links a {\r\n    color: #94a3b8;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .sanfai-footer-bottom-links a:hover {\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* ========================================================\r\n     RESPONSIF HP\/TABLET: 5 KOLOM TETAP BERJEJER KE SAMPING\r\n     ======================================================== *\/\r\n  @media (max-width: 768px) {\r\n    .sanfai-footer-wrapper {\r\n      padding: 20px 8px 15px 8px;\r\n    }\r\n    .sanfai-footer-container {\r\n      gap: 8px;\r\n    }\r\n    .sanfai-footer-col h4 {\r\n      font-size: 10.5px;\r\n      margin-bottom: 6px;\r\n    }\r\n    .sanfai-footer-logo img {\r\n      height: 26px;\r\n    }\r\n    .sanfai-footer-logo-text {\r\n      font-size: 12px;\r\n    }\r\n    .sanfai-footer-logo-text span {\r\n      font-size: 8.5px;\r\n    }\r\n    .sanfai-footer-col-brand p,\r\n    .sanfai-footer-col ul li a,\r\n    .sanfai-footer-contact-item {\r\n      font-size: 9px;\r\n      line-height: 1.35;\r\n    }\r\n    .sanfai-footer-socials {\r\n      gap: 4px;\r\n    }\r\n    .sanfai-social-icon {\r\n      width: 22px;\r\n      height: 22px;\r\n    }\r\n    .sanfai-social-icon svg {\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n    .sanfai-footer-map-box iframe {\r\n      height: 55px;\r\n    }\r\n    .sanfai-map-btn {\r\n      font-size: 8px;\r\n      padding: 3px 6px;\r\n    }\r\n    .sanfai-footer-bottom {\r\n      font-size: 9px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .sanfai-footer-wrapper {\r\n      padding: 15px 5px 10px 5px;\r\n    }\r\n    .sanfai-footer-container {\r\n      gap: 5px;\r\n    }\r\n    .sanfai-footer-col h4 {\r\n      font-size: 9px;\r\n      margin-bottom: 5px;\r\n    }\r\n    .sanfai-footer-logo img {\r\n      height: 22px;\r\n    }\r\n    .sanfai-footer-logo-text {\r\n      font-size: 10.5px;\r\n    }\r\n    .sanfai-footer-col-brand p,\r\n    .sanfai-footer-col ul li a,\r\n    .sanfai-footer-contact-item {\r\n      font-size: 8px;\r\n      line-height: 1.3;\r\n    }\r\n    .sanfai-footer-bottom {\r\n      flex-direction: column;\r\n      gap: 4px;\r\n      text-align: center;\r\n      font-size: 8px;\r\n    }\r\n    .sanfai-footer-divider {\r\n      margin: 12px auto 8px auto;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- STRUKTUR HTML FOOTER -->\r\n<footer class=\"sanfai-footer-wrapper\">\r\n  <div class=\"sanfai-footer-container\">\r\n    \r\n    <!-- Kolom 1: Logo & Tentang -->\r\n    <div class=\"sanfai-footer-col sanfai-footer-col-brand\">\r\n      <div class=\"sanfai-footer-logo\">\r\n        <!-- Logo Putih Baru dari URL -->\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/sanfaiwhite-2.png\" alt=\"SanFai Property Logo\">\r\n        <div class=\"sanfai-footer-logo-text\">\r\n          SanFai <span>Property<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p>SanFai Property hadir untuk menyediakan hunian Islami modern dengan kualitas terbaik dan harga terjangkau.<\/p>\r\n      \r\n      <!-- Sosial Media dengan Ikon SVG -->\r\n      <div class=\"sanfai-footer-socials\">\r\n        <!-- Facebook -->\r\n        <a href=\"https:\/\/www.facebook.com\/SanFaiProperty\" class=\"sanfai-social-icon\" title=\"Facebook\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12c0-5.523-4.477-10-10-10z\"\/><\/svg>\r\n        <\/a>\r\n        <!-- Instagram -->\r\n        <a href=\"https:\/\/www.instagram.com\/sanfai.property\/\" class=\"sanfai-social-icon\" title=\"Instagram\" target=\"_blank\" rel=\"noopener\">\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        <!-- YouTube -->\r\n        <a href=\"https:\/\/www.youtube.com\/@sanfaiproperty223\" class=\"sanfai-social-icon\" title=\"YouTube\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\r\n        <\/a>\r\n        <!-- TikTok -->\r\n        <a href=\"https:\/\/www.tiktok.com\/@sanfaiproperty?lang=id-ID\" class=\"sanfai-social-icon\" title=\"TikTok\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Kolom 2: Menu -->\r\n    <div class=\"sanfai-footer-col\">\r\n      <h4>Menu<\/h4>\r\n      <ul>\r\n        <li><a href=\"https:\/\/sanfai.site\/\">Beranda<\/a><\/li>\r\n        <li><a href=\"#keunggulan\">Keunggulan<\/a><\/li>\r\n        <li><a href=\"#keuntungn\">Keuntungan<\/a><\/li>\r\n        <li><a href=\"#unit\">Pilihan Unit<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Kolom 3: Proyek -->\r\n    <div class=\"sanfai-footer-col\">\r\n      <h4>Proyek<\/h4>\r\n      <ul>\r\n       \r\n        <li><a href=\"https:\/\/sanfai.site\/?page_id=638\">Sanfai Housing<\/a><\/li>\r\n        <li><a href=\"https:\/\/sanfai.site\/?page_id=576\">Sanfai Developer<\/a><\/li>\r\n        <li><a href=\"https:\/\/sanfai.site\/?page_id=625\">Sanfai Kontraktor<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Kolom 4: Kontak -->\r\n    <div class=\"sanfai-footer-col\">\r\n      <h4>Kontak<\/h4>\r\n      <div class=\"sanfai-footer-contact-list\">\r\n        <div class=\"sanfai-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          <span>0812-2771-1189<\/span>\r\n        <\/div>\r\n        <div class=\"sanfai-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 4-8 5-8-8V6l8 5 8-5v2z\"\/><\/svg>\r\n          <span>sanfai.property@gmail.com<\/span>\r\n        <\/div>\r\n        <div class=\"sanfai-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>Jl. Meran Gg. Salpinah No.rt 005\/005, Cilodong, Kota Depok, Jawa Barat 16414<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Kolom 5: Lokasi Kami (Google Maps Embed) -->\r\n    <div class=\"sanfai-footer-col sanfai-footer-col-map\">\r\n      <h4>Lokasi Kami<\/h4>\r\n      <div class=\"sanfai-footer-map-box\">\r\n        <!-- Menggunakan URL embed Google Maps yang sesuai dengan link yang diberikan -->\r\n        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d574.9676303867442!2d106.83769966140103!3d-6.429755676358177!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69ebf4433ba673%3A0x6db4dd5229e8dcd4!2sGriya%20Fairus%20Ar%20Rahman!5e1!3m2!1sid!2sid!4v1785204208002!5m2!1sid!2sid\"  allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n        <div class=\"sanfai-map-btn-container\">\r\n          <a href=\"https:\/\/maps.app.goo.gl\/qQJ6K3Dt3JNgk5ZQ6\" target=\"_blank\" class=\"sanfai-map-btn\" rel=\"noopener\">Lihat di Google Maps<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Garis Pemisah -->\r\n  <hr class=\"sanfai-footer-divider\">\r\n\r\n  <!-- Bagian Hak Cipta & Link Privasi -->\r\n  <div class=\"sanfai-footer-bottom\">\r\n    <div class=\"sanfai-footer-copyright\">\r\n      \u00a9 2026 SanFai Property. All Rights Reserved.\r\n    <\/div>\r\n    <div class=\"sanfai-footer-bottom-links\">\r\n      <a href=\"#\">Kebijakan Privasi<\/a>\r\n      <span>|<\/span>\r\n      <a href=\"#\">Syarat & Ketentuan<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\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>SanFai Housing by SanFai Property Menu Utama Keunggulan Keuntungan Pilihan Unit Kontak Hunian &#038; Sewa Terpercaya SanFai Housing by SanFai Property Membantu mewujudkan impian memiliki rumah melalui solusi kepemilikan yang mudah, aman, dan sesuai syariah. Tersedia juga pilihan sewa hunian untuk kebutuhan jangka pendek maupun panjang, dengan proses transparan dan didampingi tim profesional dari awal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-638","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sanfai.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=638"}],"version-history":[{"count":142,"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/638\/revisions"}],"predecessor-version":[{"id":2910,"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/638\/revisions\/2910"}],"wp:attachment":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}