{"id":576,"date":"2026-07-28T04:28:02","date_gmt":"2026-07-28T04:28:02","guid":{"rendered":"https:\/\/sanfai.site\/?page_id=576"},"modified":"2026-08-21T09:45:33","modified_gmt":"2026-08-21T09:45:33","slug":"sanfaideveloper","status":"publish","type":"page","link":"https:\/\/sanfai.site\/?page_id=576","title":{"rendered":"SanfaiDeveloper"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"576\" class=\"elementor elementor-576\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4769d83 e-con e-atomic-element e-flexbox-base e-195604e \" data-id=\"4769d83\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4769d83\" id=\"beranda\">\n    \t\t<div class=\"elementor-element elementor-element-2950133 elementor-widget elementor-widget-html\" data-id=\"2950133\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .sanfai-dev-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    overflow-x: hidden;\r\n    overflow: hidden;\r\n    border-radius: 0;\r\n    font-family: 'Segoe UI', Arial, sans-serif;\r\n    background: linear-gradient(135deg, #0D1B3D 0%, #14453A 50%, #1B6F4A 100%);\r\n  }\r\n\r\n  .sanfai-dev-wrapper *,\r\n  .sanfai-dev-wrapper *:before,\r\n  .sanfai-dev-wrapper *:after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* ---------- NAVBAR ---------- *\/\r\n  .sanfai-dev-wrapper .sanfai-nav-wrap {\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 100;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-navbar {\r\n    width: 100%;\r\n    background-color: #ffffff;\r\n    border-bottom: 1px solid rgba(226, 232, 240, 0.8);\r\n    padding: 14px 45px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    position: relative;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-brand {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-brand-logo {\r\n    height: 38px;\r\n    width: auto;\r\n    object-fit: contain;\r\n    display: block;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-brand-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    line-height: 1.15;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-brand-text strong {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #0D1B3D;\r\n    letter-spacing: -0.2px;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-brand-text small {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: #64748b;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-nav-menu {\r\n    display: flex;\r\n    gap: 30px;\r\n    list-style: none;\r\n    margin: 0 0 0 auto;\r\n    padding: 0;\r\n    align-items: center;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-nav-menu a {\r\n    text-decoration: none;\r\n    color: #0D1B3D;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n    transition: color 0.2s;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-nav-menu a:hover {\r\n    color: #1B6F4A;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-nav-toggle {\r\n    display: none;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n    padding: 5px;\r\n    margin-left: auto;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-nav-toggle span {\r\n    display: block;\r\n    width: 25px;\r\n    height: 3px;\r\n    background-color: #0D1B3D;\r\n    border-radius: 2px;\r\n    transition: 0.3s;\r\n  }\r\n\r\n  \/* ---------- HERO BODY ---------- *\/\r\n  .sanfai-dev-wrapper .sanfai-hero-body {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 520px;\r\n    background: linear-gradient(rgba(13, 27, 61, 0.25), rgba(27, 111, 74, 0.25)), url('https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/DPGFAR3.jpg') center\/cover no-repeat;\r\n    padding: 80px 50px;\r\n    color: #1a1a1a;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-hero-body::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(to right, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 35%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 65%),\r\n      linear-gradient(to top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-main-layout {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-content-left {\r\n    min-width: 0;\r\n    max-width: 600px;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: #F2ECE2;\r\n    color: #0D1B3D;\r\n    font-size: 12px;\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: 18px;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-title-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-icon-box {\r\n    width: 56px;\r\n    height: 56px;\r\n    background: #ffffff;\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 6px 18px rgba(13, 27, 61, 0.18);\r\n    flex-shrink: 0;\r\n    padding: 8px;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-icon-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-title-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    line-height: 1.15;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-title-text h1 {\r\n    font-size: 36px;\r\n    line-height: 1.15;\r\n    color: #0d2818;\r\n    font-weight: 800;\r\n    margin: 0;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-title-text span {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: #1B6F4A;\r\n    margin-top: 4px;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-content-left p {\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n    color: #334155;\r\n    margin: 22px 0 32px 0;\r\n    font-weight: 500;\r\n    max-width: 550px;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-action-buttons {\r\n    display: flex;\r\n    gap: 15px;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-btn-green,\r\n  .sanfai-dev-wrapper .sanfai-btn-white {\r\n    padding: 13px 26px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    transition: all 0.2s ease;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-btn-green {\r\n    background: linear-gradient(135deg, #0D1B3D 0%, #1B6F4A 100%);\r\n    color: #ffffff;\r\n    box-shadow: 0 4px 15px rgba(13, 27, 61, 0.2);\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-btn-green:hover {\r\n    opacity: 0.92;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-btn-white {\r\n    background-color: #ffffff;\r\n    color: #0d2818;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.04);\r\n    border: 1.5px solid #1B6F4A;\r\n  }\r\n\r\n  .sanfai-dev-wrapper .sanfai-btn-white:hover {\r\n    border-color: #0D1B3D;\r\n    background-color: #f8fafc;\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width: 992px) {\r\n    .sanfai-dev-wrapper .sanfai-navbar {\r\n      padding: 14px 20px;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-nav-toggle {\r\n      display: flex;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-nav-menu {\r\n      display: none;\r\n      position: absolute;\r\n      top: 100%;\r\n      left: 0;\r\n      width: 100%;\r\n      background-color: #ffffff;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      padding: 20px;\r\n      gap: 16px;\r\n      border-bottom: 1px solid rgba(226, 232, 240, 0.8);\r\n      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n      z-index: 99;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-nav-menu.active {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .sanfai-dev-wrapper .sanfai-hero-body {\r\n      padding: 60px 25px;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-title-text h1 {\r\n      font-size: 30px;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-content-left p {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .sanfai-dev-wrapper .sanfai-hero-body {\r\n      padding: 44px 18px;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-eyebrow {\r\n      font-size: 11px;\r\n      padding: 5px 12px;\r\n      margin-bottom: 14px;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-title-text h1 {\r\n      font-size: 25px;\r\n      line-height: 1.25;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-title-text span {\r\n      font-size: 13px;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-content-left p {\r\n      font-size: 15px;\r\n      line-height: 1.6;\r\n      margin: 16px 0 22px 0;\r\n      max-width: 100%;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-title-row {\r\n      gap: 12px;\r\n      margin-bottom: 4px;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-icon-box {\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 12px;\r\n      padding: 6px;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-action-buttons {\r\n      flex-direction: column;\r\n      width: 100%;\r\n      gap: 10px;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-btn-green,\r\n    .sanfai-dev-wrapper .sanfai-btn-white {\r\n      width: 100%;\r\n      padding: 12px 16px;\r\n      font-size: 13.5px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 576px) {\r\n    .sanfai-dev-wrapper .sanfai-brand-text strong {\r\n      font-size: 14px;\r\n    }\r\n    .sanfai-dev-wrapper .sanfai-brand-logo {\r\n      height: 32px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .sanfai-dev-wrapper .sanfai-title-text h1 {\r\n      font-size: 22px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"sanfai-dev-wrapper\">\r\n\r\n  <!-- Navbar Putih Solid -->\r\n  <div class=\"sanfai-nav-wrap\">\r\n    <nav class=\"sanfai-navbar\">\r\n      <a href=\"#\" class=\"sanfai-brand\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/cropped-cropped-logosanfai.jpg\" alt=\"Logo SanFai\" class=\"sanfai-brand-logo\">\r\n      <\/a>\r\n\r\n      <button class=\"sanfai-nav-toggle\" onclick=\"toggleMobileNav()\" aria-label=\"Menu\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/button>\r\n\r\n      <ul class=\"sanfai-nav-menu\" id=\"sanfaiNavMenu\">\r\n        <li><a href=\"https:\/\/sanfai.site\/\">Menu Utama<\/a><\/li>\r\n        <li><a href=\"#tentang\">Tentang<\/a><\/li>\r\n        <li><a href=\"#keunggulan\">Keunggulan<\/a><\/li>\r\n        <li><a href=\"#proyek\">Proyek<\/a><\/li>\r\n        <li><a href=\"#kontak\">Kontak<\/a><\/li>\r\n      <\/ul>\r\n    <\/nav>\r\n  <\/div>\r\n\r\n  <!-- Hero Body Section -->\r\n  <div class=\"sanfai-hero-body\">\r\n    <div class=\"sanfai-main-layout\">\r\n      <div class=\"sanfai-content-left\">\r\n\r\n        <div class=\"sanfai-eyebrow\">Pengembang Kawasan Hunian<\/div>\r\n\r\n        <div class=\"sanfai-title-row\">\r\n          <div class=\"sanfai-icon-box\">\r\n            <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/sanfairemove.png\" alt=\"Logo SanFai Developer\">\r\n          <\/div>\r\n          <div class=\"sanfai-title-text\">\r\n            <h1>SanFai Developer<\/h1>\r\n            <span>by SanFai Property<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p>\r\n          Mengembangkan kawasan hunian islami modern dengan desain yang fungsional, fasilitas lengkap, dan lingkungan terintegrasi. Setiap proyek kami rancang dengan perencanaan matang, lokasi strategis, serta legalitas yang jelas dan aman, agar keluarga Anda mendapatkan hunian yang nyaman untuk jangka panjang.\r\n        <\/p>\r\n\r\n        <div class=\"sanfai-action-buttons\">\r\n          <a href=\"#proyek\" class=\"sanfai-btn-green\">\r\n            Lihat Proyek Kami\r\n          <\/a>\r\n          <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281227711189&amp;text=Halo%20SanFai%20Property!,%20Saya%20Ingin%20Konsultasi%20Tentang%20SanFai%20Developer.%20Mohon%20Dijelaskan%20detailnya%20ya\u263a\ufe0f\" class=\"sanfai-btn-white\" target=\"_blank\" rel=\"noopener\">\r\n            Konsultasi Proyek\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  function toggleMobileNav() {\r\n    var menu = document.getElementById('sanfaiNavMenu');\r\n    if (menu) {\r\n      menu.classList.toggle('active');\r\n    }\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-babc410 e-con e-atomic-element e-flexbox-base e-8ba59e6 \" data-id=\"babc410\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"babc410\" id=\"tentang\">\n    \t\t<div class=\"elementor-element elementor-element-8aa64db elementor-widget elementor-widget-html\" data-id=\"8aa64db\" 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 Developer - Tentang Kami & Statistik<\/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 *\/\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 UTAMA TENTANG KAMI *\/\r\n    .sanfai-about-section {\r\n      width: 100%;\r\n      padding: 40px 5% 80px 5%;\r\n      background-color: #ffffff;\r\n    }\r\n\r\n    .sanfai-about-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 50px;\r\n    }\r\n\r\n    \/* BAGIAN ATAS: TEKS & 4 ICON KEUNGGULAN *\/\r\n    .sanfai-about-top {\r\n      display: grid;\r\n      grid-template-columns: 1.1fr 0.9fr;\r\n      gap: 40px;\r\n      align-items: center;\r\n    }\r\n\r\n    .sanfai-about-text {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n    }\r\n\r\n    .sanfai-about-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      background-color: rgba(27, 111, 74, 0.08);\r\n      color: #1B6F4A;\r\n      padding: 6px 14px;\r\n      border-radius: 30px;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      width: max-content;\r\n      letter-spacing: 0.5px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .sanfai-about-text h2 {\r\n      font-size: clamp(26px, 2.5vw, 34px);\r\n      font-weight: 800;\r\n      color: #0d2818;\r\n      margin: 0;\r\n      letter-spacing: -0.5px;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .sanfai-about-text p {\r\n      font-size: clamp(14px, 1.05vw, 15.5px);\r\n      line-height: 1.7;\r\n      color: #556270;\r\n      margin: 0;\r\n      font-weight: 500;\r\n    }\r\n\r\n    \/* GRID 4 ICON KEUNGGULAN KANAN *\/\r\n    .sanfai-features-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n      background: #fcfcfc;\r\n      border: 1px solid #eaeaea;\r\n      border-radius: 20px;\r\n      padding: 24px;\r\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\r\n    }\r\n\r\n    .sanfai-feature-item {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      text-align: left;\r\n      gap: 12px;\r\n      padding: 16px;\r\n      background: #ffffff;\r\n      border: 1px solid #eaeaea;\r\n      border-radius: 14px;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .sanfai-feature-item:hover {\r\n      border-color: #1B6F4A;\r\n      box-shadow: 0 6px 20px rgba(27, 111, 74, 0.06);\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .sanfai-feature-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      background-color: rgba(27, 111, 74, 0.08);\r\n      border-radius: 12px;\r\n      color: #1B6F4A;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .sanfai-feature-icon svg {\r\n      width: 24px;\r\n      height: 24px;\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    .sanfai-feature-content h4 {\r\n      font-size: 14.5px;\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    .sanfai-feature-content p {\r\n      font-size: 12.5px;\r\n      color: #556270;\r\n      line-height: 1.45;\r\n      margin: 0;\r\n      font-weight: 500;\r\n    }\r\n\r\n    \/* BAGIAN BAWAH: KOTAK STATISTIK GRADASI *\/\r\n    .sanfai-stats-box {\r\n      background: linear-gradient(135deg, #0D1B3D 0%, #14453A 50%, #1B6F4A 100%);\r\n      border-radius: 20px;\r\n      padding: 40px;\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 24px;\r\n      align-items: center;\r\n      box-shadow: 0 12px 35px rgba(13, 27, 61, 0.15);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .sanfai-stat-card {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n      position: relative;\r\n    }\r\n\r\n    .sanfai-stat-card:not(:last-child)::after {\r\n      content: '';\r\n      position: absolute;\r\n      right: -12px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      height: 45px;\r\n      width: 1px;\r\n      background-color: rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .sanfai-stat-icon {\r\n      width: 50px;\r\n      height: 50px;\r\n      background: rgba(255, 255, 255, 0.1);\r\n      border-radius: 14px;\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      backdrop-filter: blur(4px);\r\n    }\r\n\r\n    .sanfai-stat-icon svg {\r\n      width: 26px;\r\n      height: 26px;\r\n      stroke: #ffffff;\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    .sanfai-stat-info {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .sanfai-stat-number {\r\n      font-size: clamp(24px, 2vw, 30px);\r\n      font-weight: 800;\r\n      color: #ffffff;\r\n      line-height: 1.1;\r\n      margin-bottom: 4px;\r\n      letter-spacing: -0.5px;\r\n    }\r\n\r\n    .sanfai-stat-label {\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      color: rgba(255, 255, 255, 0.85);\r\n      line-height: 1.3;\r\n    }\r\n\r\n    \/* RESPONSIVE DESIGN *\/\r\n    @media (max-width: 1024px) {\r\n      .sanfai-about-top {\r\n        grid-template-columns: 1fr;\r\n        gap: 35px;\r\n      }\r\n      .sanfai-stats-box {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 30px;\r\n        padding: 35px;\r\n      }\r\n      .sanfai-stat-card:nth-child(even)::after {\r\n        display: none;\r\n      }\r\n      .sanfai-stat-card:nth-child(odd)::after {\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .sanfai-about-section {\r\n        padding: 30px 16px 50px 16px;\r\n      }\r\n      .sanfai-about-container {\r\n        gap: 30px;\r\n      }\r\n      .sanfai-features-grid {\r\n        grid-template-columns: 1fr;\r\n        padding: 16px;\r\n        gap: 14px;\r\n      }\r\n      .sanfai-stats-box {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 24px;\r\n        padding: 25px 20px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .sanfai-stats-box {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n        padding: 24px;\r\n      }\r\n      .sanfai-stat-card::after {\r\n        display: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"sanfai-about-section\">\r\n  <div class=\"sanfai-about-container\">\r\n    \r\n    <!-- Bagian Atas: Deskripsi & 4 Fitur Keunggulan -->\r\n    <div class=\"sanfai-about-top\">\r\n      <div class=\"sanfai-about-text\">\r\n        <span class=\"sanfai-about-badge\">Tentang Kami<\/span>\r\n        <h2>Membangun Hunian Modern Berkualitas Tinggi<\/h2>\r\n        <p>SanFai Developer hadir sebagai pengembang properti terpercaya yang berfokus pada penyediaan kawasan hunian modern, nyaman, dan ramah keluarga. Setiap proyek yang kami kembangkan dirancang secara matang untuk mengintegrasikan keindahan arsitektur, keamanan lingkungan, serta tata ruang yang fungsional demi mewujudkan kualitas hidup terbaik bagi Anda dan keluarga tercinta.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sanfai-features-grid\">\r\n        <!-- Fitur 1 -->\r\n        <div class=\"sanfai-feature-item\">\r\n          <div class=\"sanfai-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 21V5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1\"><\/path><\/svg>\r\n          <\/div>\r\n          <div class=\"sanfai-feature-content\">\r\n            <h4>Desain Modern<\/h4>\r\n            <p>Tata ruang estetis, elegan, dan fungsional.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Fitur 2 -->\r\n        <div class=\"sanfai-feature-item\">\r\n          <div class=\"sanfai-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><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          <\/div>\r\n          <div class=\"sanfai-feature-content\">\r\n            <h4>Fasilitas Lengkap<\/h4>\r\n            <p>Pendukung kenyamanan harian keluarga.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Fitur 3 -->\r\n        <div class=\"sanfai-feature-item\">\r\n          <div class=\"sanfai-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><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          <\/div>\r\n          <div class=\"sanfai-feature-content\">\r\n            <h4>Kawasan Terintegrasi<\/h4>\r\n            <p>Lingkungan harmonis & ramah anak.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Fitur 4 -->\r\n        <div class=\"sanfai-feature-item\">\r\n          <div class=\"sanfai-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n          <\/div>\r\n          <div class=\"sanfai-feature-content\">\r\n            <h4>Legalitas Aman<\/h4>\r\n            <p>Dokumen terjamin & transparan.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bagian Bawah: Statistik Box Lengkap -->\r\n    <div class=\"sanfai-stats-box\">\r\n      <!-- Statistik 1 -->\r\n      <div class=\"sanfai-stat-card\">\r\n        <div class=\"sanfai-stat-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=\"sanfai-stat-info\">\r\n          <div class=\"sanfai-stat-number\">20+<\/div>\r\n          <div class=\"sanfai-stat-label\">Proyek Selesai<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Statistik 2 -->\r\n      <div class=\"sanfai-stat-card\">\r\n        <div class=\"sanfai-stat-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18M5 21V7l8-4v18M19 21V11l-6-4\"><\/path><path d=\"M9 9h1M9 13h1M9 17h1\"><\/path><\/svg>\r\n        <\/div>\r\n        <div class=\"sanfai-stat-info\">\r\n          <div class=\"sanfai-stat-number\">500+<\/div>\r\n          <div class=\"sanfai-stat-label\">Unit Terbangun<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Statistik 3 -->\r\n      <div class=\"sanfai-stat-card\">\r\n        <div class=\"sanfai-stat-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <div class=\"sanfai-stat-info\">\r\n          <div class=\"sanfai-stat-number\">10+<\/div>\r\n          <div class=\"sanfai-stat-label\">Tahun Pengalaman<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Statistik 4 -->\r\n      <div class=\"sanfai-stat-card\">\r\n        <div class=\"sanfai-stat-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"><\/path><\/svg>\r\n        <\/div>\r\n        <div class=\"sanfai-stat-info\">\r\n          <div class=\"sanfai-stat-number\">98%<\/div>\r\n          <div class=\"sanfai-stat-label\">Kepuasan Klien<\/div>\r\n        <\/div>\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-0a7e8b4 e-con e-atomic-element e-flexbox-base e-e5799fe \" data-id=\"0a7e8b4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0a7e8b4\" id=\"keunggulan\">\n    \t\t<div class=\"elementor-element elementor-element-970839a elementor-widget elementor-widget-html\" data-id=\"970839a\" 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 Developer - Keunggulan 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 - MENGHILANGKAN MARGIN\/PADDING AGAR 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: #fcfcfc;\r\n    }\r\n\r\n    *, *:before, *:after {\r\n      box-sizing: inherit;\r\n    }\r\n\r\n    \/* SECTION KEUNGGULAN KAMI - PADDING ATAS 0 *\/\r\n    .sanfai-advantages-section {\r\n      width: 100%;\r\n      padding: 0 5% 80px 5%;\r\n      background-color: #fcfcfc;\r\n    }\r\n\r\n    .sanfai-advantages-container {\r\n      width: 100%;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 40px;\r\n    }\r\n\r\n    .sanfai-section-title {\r\n      font-size: clamp(24px, 2.5vw, 32px);\r\n      font-weight: 800;\r\n      color: #0d2818;\r\n      margin: 0 !important;\r\n      letter-spacing: -0.3px;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    \/* GRID RESPONSIF FLEKSIBEL (Karena tersisa 3 card, otomatis jadi 3 kolom) *\/\r\n    .sanfai-cards-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    .sanfai-advantage-card {\r\n      background-color: #ffffff;\r\n      border: 1px solid #eaeaea;\r\n      border-radius: 16px;\r\n      padding: 32px 24px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      text-align: center;\r\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\r\n      transition: all 0.3s ease;\r\n      height: 100%;\r\n    }\r\n\r\n    .sanfai-advantage-card:hover {\r\n      border-color: #1B6F4A;\r\n      box-shadow: 0 8px 30px rgba(27, 111, 74, 0.08);\r\n      transform: translateY(-4px);\r\n    }\r\n\r\n    .sanfai-card-icon {\r\n      width: 72px;\r\n      height: 72px;\r\n      background-color: rgba(27, 111, 74, 0.06);\r\n      border-radius: 20px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 24px;\r\n      color: #1B6F4A;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .sanfai-card-icon svg {\r\n      width: 36px;\r\n      height: 36px;\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    .sanfai-advantage-card h3 {\r\n      font-size: clamp(16px, 1.2vw, 17.5px);\r\n      font-weight: 700;\r\n      color: #0d2818;\r\n      line-height: 1.35;\r\n      margin: 0 0 14px 0;\r\n    }\r\n\r\n    .sanfai-advantage-card p {\r\n      font-size: clamp(13px, 1vw, 14px);\r\n      line-height: 1.55;\r\n      color: #556270;\r\n      margin: 0;\r\n      font-weight: 500;\r\n    }\r\n\r\n    \/* MEDIA QUERIES UNTUK SEMUA DEVICE *\/\r\n    @media (max-width: 1024px) {\r\n      .sanfai-cards-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .sanfai-advantages-section {\r\n        padding: 0 16px 50px 16px;\r\n      }\r\n      .sanfai-advantages-container {\r\n        gap: 28px;\r\n      }\r\n      .sanfai-cards-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n      }\r\n      .sanfai-advantage-card {\r\n        padding: 24px 20px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"sanfai-advantages-section\">\r\n  <div class=\"sanfai-advantages-container\">\r\n    <h2 class=\"sanfai-section-title\">Keunggulan Kami<\/h2>\r\n    \r\n    <div class=\"sanfai-cards-grid\">\r\n      \r\n      <!-- Card 1: Desain Eksklusif & Fungsional -->\r\n      <div class=\"sanfai-advantage-card\">\r\n        <div class=\"sanfai-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <h3>Desain Eksklusif & Fungsional<\/h3>\r\n        <p>Desain modern elegan dan fungsional bisa disesuaikan dengan kebutuhan<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Lokasi Strategis -->\r\n      <div class=\"sanfai-advantage-card\">\r\n        <div class=\"sanfai-card-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        <h3>Lokasi Strategis<\/h3>\r\n        <p>Terletak di kawasan berkembang yang dekat dengan pusat perkotaan, fasilitas publik, akses transportasi, dan jalan utama<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Legalitas Aman & Transparan -->\r\n      <div class=\"sanfai-advantage-card\">\r\n        <div class=\"sanfai-card-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        <h3>Legalitas Aman & Transparan<\/h3>\r\n        <p>Dokumen lengkap dan proses legalitas yang terjamin aman, bisa dilihat langsung saat survey<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\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-aacfa3b e-con e-atomic-element e-flexbox-base e-d508c13 \" data-id=\"aacfa3b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aacfa3b\" id=\"proyek\">\n    \t\t<div class=\"elementor-element elementor-element-264eedf elementor-widget elementor-widget-html\" data-id=\"264eedf\" 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 Developer - Proyek Unggulan<\/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: #fcfcfc;\r\n    }\r\n\r\n    *, *:before, *:after {\r\n      box-sizing: inherit;\r\n    }\r\n\r\n    \/* SECTION PROYEK UNGGULAN - PADDING ATAS 0 *\/\r\n    .sanfai-projects-section {\r\n      width: 100%;\r\n      padding: 0 5% 70px 5%;\r\n      background-color: #fcfcfc;\r\n      position: relative;\r\n    }\r\n\r\n    .sanfai-projects-container {\r\n      width: 100%;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* HEADER SECTION *\/\r\n    .sanfai-projects-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .sanfai-section-title {\r\n      font-size: clamp(24px, 2.5vw, 32px);\r\n      font-weight: 800;\r\n      color: #0d2818;\r\n      margin: 0;\r\n      letter-spacing: -0.3px;\r\n    }\r\n\r\n    \/* CAROUSEL WRAPPER & SLIDER (MENGGUNAKAN SCROLL SNAP) *\/\r\n    .sanfai-carousel-wrapper {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      width: 100%;\r\n    }\r\n\r\n    .sanfai-projects-grid {\r\n      display: flex;\r\n      gap: 24px;\r\n      width: 100%;\r\n      overflow-x: auto;\r\n      scroll-snap-type: x mandatory;\r\n      scroll-behavior: smooth;\r\n      scrollbar-width: none; \/* Firefox *\/\r\n      -ms-overflow-style: none; \/* IE\/Edge *\/\r\n      padding: 4px 2px 12px 2px;\r\n    }\r\n\r\n    .sanfai-projects-grid::-webkit-scrollbar {\r\n      display: none; \/* Chrome\/Safari\/Opera *\/\r\n    }\r\n\r\n    \/* KARTU PROYEK *\/\r\n    .sanfai-project-card {\r\n      position: relative;\r\n      background-color: #1e1e1e;\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      flex: 0 0 calc((100% - 48px) \/ 3);\r\n      aspect-ratio: 4 \/ 3.3;\r\n      box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-end;\r\n      border: 1px solid #eaeaea;\r\n      scroll-snap-align: start;\r\n      cursor: pointer;\r\n      text-decoration: none;\r\n    }\r\n\r\n    .sanfai-project-image {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 0.5s ease;\r\n    }\r\n\r\n    .sanfai-project-card:hover .sanfai-project-image {\r\n      transform: scale(1.06);\r\n    }\r\n\r\n    \/* OVERLAY GELAP DENGAN CAHAYA PUTIH ELEGAN (TANPA HIJAU) *\/\r\n    .sanfai-project-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(to top, rgba(10, 15, 25, 0.92) 0%, rgba(10, 15, 25, 0.45) 50%, rgba(10, 15, 25, 0.1) 100%);\r\n      z-index: 1;\r\n      transition: background 0.4s ease;\r\n    }\r\n\r\n    .sanfai-project-card:hover .sanfai-project-overlay {\r\n      background: linear-gradient(to top, rgba(15, 23, 42, 0.95) 0%, rgba(255, 255, 255, 0.12) 60%, rgba(255, 255, 255, 0.04) 100%);\r\n    }\r\n\r\n    \/* KONTEN DALAM KARTU *\/\r\n    .sanfai-project-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      padding: 24px;\r\n      color: #ffffff;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 4px;\r\n      transition: transform 0.4s ease;\r\n    }\r\n\r\n    .sanfai-project-card:hover .sanfai-project-content {\r\n      transform: translateY(-6px);\r\n    }\r\n\r\n    .sanfai-project-title {\r\n      font-size: clamp(17px, 1.3vw, 20px);\r\n      font-weight: 700;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .sanfai-project-location {\r\n      font-size: clamp(13px, 1vw, 14.5px);\r\n      color: rgba(255, 255, 255, 0.85);\r\n      margin: 0 0 6px 0;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .sanfai-project-units {\r\n      display: inline-block;\r\n      font-size: clamp(12px, 0.95vw, 13.5px);\r\n      font-weight: 600;\r\n      color: #ffffff;\r\n      background: rgba(255, 255, 255, 0.18);\r\n      backdrop-filter: blur(4px);\r\n      padding: 4px 10px;\r\n      border-radius: 6px;\r\n      width: fit-content;\r\n    }\r\n\r\n    \/* ELEMEN HOVER: \"KLIK UNTUK LIHAT SELENGKAPNYA\" *\/\r\n    .sanfai-project-hover-action {\r\n      position: absolute;\r\n      top: 20px;\r\n      right: 20px;\r\n      z-index: 3;\r\n      background: rgba(255, 255, 255, 0.2);\r\n      backdrop-filter: blur(6px);\r\n      color: #ffffff;\r\n      padding: 8px 14px;\r\n      border-radius: 30px;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.3px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      opacity: 0;\r\n      transform: translateY(-10px);\r\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .sanfai-project-hover-action svg {\r\n      width: 14px;\r\n      height: 14px;\r\n      stroke: currentColor;\r\n      fill: none;\r\n      stroke-width: 2.5;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .sanfai-project-card:hover .sanfai-project-hover-action {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* RESPONSIVE DESIGN UNTUK SEMUA DEVICE *\/\r\n    @media (max-width: 1024px) {\r\n      .sanfai-project-card {\r\n        flex: 0 0 calc((100% - 20px) \/ 2);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .sanfai-projects-section {\r\n        padding: 0 16px 50px 16px;\r\n      }\r\n      .sanfai-project-card {\r\n        flex: 0 0 85%;\r\n      }\r\n      .sanfai-project-content {\r\n        padding: 20px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .sanfai-project-card {\r\n        flex: 0 0 90%;\r\n        aspect-ratio: 4 \/ 3.5;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"sanfai-projects-section\">\r\n  <div class=\"sanfai-projects-container\">\r\n    \r\n    <!-- Header Proyek Unggulan -->\r\n    <div class=\"sanfai-projects-header\">\r\n      <h2 class=\"sanfai-section-title\">Proyek Unggulan<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Carousel Container -->\r\n    <div class=\"sanfai-carousel-wrapper\">\r\n      \r\n      <!-- Grid \/ Slider Kartu Proyek -->\r\n      <div class=\"sanfai-projects-grid\" id=\"projectsGrid\">\r\n        \r\n        <!-- Card 1 -->\r\n        <a href=\"https:\/\/sanfai.site\/?page_id=1018\" class=\"sanfai-project-card\">\r\n          <div class=\"sanfai-project-hover-action\">\r\n            <span>Klik untuk lihat selengkapnya<\/span>\r\n            <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n          <\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/sanfai.site\/wp-content\/uploads\/2026\/07\/GFARWP.jpg\" alt=\"Griya Fairus Ar-Rahman\" class=\"sanfai-project-image\">\r\n          <div class=\"sanfai-project-overlay\"><\/div>\r\n          <div class=\"sanfai-project-content\">\r\n            <h3 class=\"sanfai-project-title\">Griya Fairus Ar-Rahman<\/h3>\r\n            <p class=\"sanfai-project-location\">Cilodong, Kota Depok<\/p>\r\n            <span class=\"sanfai-project-units\">35 Unit<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- Card 2 -->\r\n        <a href=\"https:\/\/sanfai.site\/?page_id=791\" class=\"sanfai-project-card\">\r\n          <div class=\"sanfai-project-hover-action\">\r\n            <span>Klik untuk lihat selengkapnya<\/span>\r\n            <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n          <\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFALWP.jpg\" alt=\"Griya Fairus Al-Faruq\" class=\"sanfai-project-image\">\r\n          <div class=\"sanfai-project-overlay\"><\/div>\r\n          <div class=\"sanfai-project-content\">\r\n            <h3 class=\"sanfai-project-title\">Griya Fairus Al-Farouq<\/h3>\r\n            <p class=\"sanfai-project-location\">Sawangan, Kota Depok<\/p>\r\n            <span class=\"sanfai-project-units\">26 Unit<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- Card 3 -->\r\n        <a href=\"https:\/\/sanfai.site\/?page_id=821\" class=\"sanfai-project-card\">\r\n          <div class=\"sanfai-project-hover-action\">\r\n            <span>Klik untuk lihat selengkapnya<\/span>\r\n            <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n          <\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GRAFWP.jpg\" alt=\"Griya Fairus Rafani\" class=\"sanfai-project-image\">\r\n          <div class=\"sanfai-project-overlay\"><\/div>\r\n          <div class=\"sanfai-project-content\">\r\n            <h3 class=\"sanfai-project-title\">Griya Fairus Rafani<\/h3>\r\n            <p class=\"sanfai-project-location\">Bojongsari, Kota Depok<\/p>\r\n            <span class=\"sanfai-project-units\">16 Unit<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\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-5d91ea2 e-con e-atomic-element e-flexbox-base e-4c355f6 \" data-id=\"5d91ea2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5d91ea2\" id=\"kontak\">\n    \t\t<div class=\"elementor-element elementor-element-6c03911 elementor-widget elementor-widget-html\" data-id=\"6c03911\" 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 Developer - Call to Action<\/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: #fcfcfc;\r\n    }\r\n\r\n    *, *:before, *:after {\r\n      box-sizing: inherit;\r\n    }\r\n\r\n    \/* SECTION BANNER CTA - PADDING ATAS 0 *\/\r\n    .sanfai-cta-section {\r\n      width: 100%;\r\n      padding: 0 5% 40px 5%; \/* top right bottom left - top jadi 0 *\/\r\n      background-color: #fcfcfc;\r\n    }\r\n\r\n    .sanfai-cta-container {\r\n      width: 100%;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* BANNER UTAMA DENGAN BACKGROUND GAMBAR & GRADASI *\/\r\n    .sanfai-cta-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 OVERLAY GRADASI BIRU-IJO (KEMBALI KE TEMA SEBELUMNYA) *\/\r\n    .sanfai-cta-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.15) 40%, rgba(13, 40, 24, 0.3) 70%, transparent 100%), \r\n                        url('https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/DPGFAR3.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-cta-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 620px;\r\n    }\r\n\r\n    .sanfai-cta-title {\r\n      font-size: clamp(20px, 2.2vw, 28px);\r\n      font-weight: 800;\r\n      color: #0d2818;\r\n      margin: 0 0 12px 0;\r\n      letter-spacing: -0.3px;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .sanfai-cta-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 AKSI *\/\r\n    .sanfai-cta-action {\r\n      position: relative;\r\n      z-index: 2;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .sanfai-btn-primary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\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-primary: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    \/* MEDIA QUERIES UNTUK TAMPILAN MOBILE & TABLET *\/\r\n    @media (max-width: 900px) {\r\n      .sanfai-cta-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-cta-banner::before {\r\n        width: 100%;\r\n        opacity: 0.25;\r\n      }\r\n      .sanfai-cta-action {\r\n        width: 100%;\r\n      }\r\n      .sanfai-btn-primary {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"sanfai-cta-section\">\r\n  <div class=\"sanfai-cta-container\">\r\n    \r\n    <div class=\"sanfai-cta-banner\">\r\n      <div class=\"sanfai-cta-content\">\r\n        <h2 class=\"sanfai-cta-title\">Punya Lahan untuk Dikembangkan?<\/h2>\r\n        <p class=\"sanfai-cta-desc\">Bersama SanFai Developer, wujudkan kawasan hunian bernilai investasi tinggi dan membawa keberkahan.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"sanfai-cta-action\">\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281227711189&amp;text=Halo%20Sanfai%20Developer%20saya%20ingin%20ajukan%20kerja%20sama\" class=\"sanfai-btn-primary\" target=\"_blank\" rel=\"noopener\">Ajukan Kerja Sama<\/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-d88d91b e-con e-atomic-element e-flexbox-base e-2f6c055 \" data-id=\"d88d91b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d88d91b\">\n    \t\t<div class=\"elementor-element elementor-element-813344d elementor-widget elementor-widget-html\" data-id=\"813344d\" 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=\"#beranda\">Beranda<\/a><\/li>\r\n        <li><a href=\"#tentang\">Tentang<\/a><\/li>\r\n        <li><a href=\"#keunggulan\">Keunggulan<\/a><\/li>\r\n        <li><a href=\"#proyek\">Proyek<\/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        <li><a href=\"https:\/\/sanfai.site\/?page_id=1018\">Griya Fairus Ar-Rahman<\/a><\/li>\r\n        <li><a href=\"https:\/\/sanfai.site\/?page_id=791\">Griya Fairus Al-Farouq<\/a><\/li>\r\n        <li><a href=\"https:\/\/sanfai.site\/?page_id=815\">Griya Fairus El-Fany<\/a><\/li>\r\n        <li><a href=\"https:\/\/sanfai.site\/?page_id=821\">Griya Fairus Rafani<\/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        <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\/95bW32N9r47J7H3X9\" 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\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Menu Utama Tentang Keunggulan Proyek Kontak Pengembang Kawasan Hunian SanFai Developer by SanFai Property Mengembangkan kawasan hunian islami modern dengan desain yang fungsional, fasilitas lengkap, dan lingkungan terintegrasi. Setiap proyek kami rancang dengan perencanaan matang, lokasi strategis, serta legalitas yang jelas dan aman, agar keluarga Anda mendapatkan hunian yang nyaman untuk jangka panjang. Lihat Proyek [&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-576","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/576","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=576"}],"version-history":[{"count":127,"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/576\/revisions"}],"predecessor-version":[{"id":2450,"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/576\/revisions\/2450"}],"wp:attachment":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}