{"id":8864,"date":"2026-08-30T06:27:02","date_gmt":"2026-08-30T06:27:02","guid":{"rendered":"https:\/\/julfian.com\/?page_id=8864"},"modified":"2026-09-23T02:07:45","modified_gmt":"2026-09-23T02:07:45","slug":"jasa-desain-interior","status":"publish","type":"page","link":"https:\/\/julfian.com\/en\/jasa-desain-interior\/","title":{"rendered":"Jasa Desain Interior"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8864\" class=\"elementor elementor-8864\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bec65c e-con-full e-flex e-con e-parent\" data-id=\"1bec65c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cbcb02 elementor-widget elementor-widget-html\" data-id=\"6cbcb02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n JULFIAN.COM - HERO SECTION\r\n Desain: Warm Luxury Interior\r\n Kompatibel: WordPress + Elementor HTML Widget\r\n ========================================================= -->\r\n\r\n<style>\r\n\/* ===============================\r\n   JULFIAN DESIGN SYSTEM\r\n================================ *\/\r\n\r\n#julfian-hero-section {\r\n  --jf-brown: #94683e;\r\n  --jf-brown-dark: #2c211b;\r\n  --jf-brown-text: #5c4a3c;\r\n  --jf-muted: #8c7565;\r\n  --jf-border: #e9dfd2;\r\n  --jf-soft: #faf6f0;\r\n  --jf-white: #ffffff;\r\n\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  background: var(--jf-white);\r\n  color: var(--jf-brown-dark);\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n#julfian-hero-section *,\r\n#julfian-hero-section *::before,\r\n#julfian-hero-section *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#julfian-hero-section .jf-container {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n}\r\n\r\n\/* ===============================\r\n   HERO MAIN\r\n================================ *\/\r\n\r\n#julfian-hero-section .jf-hero {\r\n  padding: 24px 0 0;\r\n}\r\n\r\n#julfian-hero-section .jf-hero-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.9fr);\r\n  gap: 38px;\r\n  align-items: center;\r\n}\r\n\r\n\/* ===============================\r\n   BADGE\r\n================================ *\/\r\n\r\n#julfian-hero-section .jf-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  padding: 5px 12px;\r\n  margin-bottom: 21px;\r\n\r\n  border: 1px solid #eadbc8;\r\n  border-radius: 999px;\r\n  background: #faf6f0;\r\n\r\n  color: #8c6239;\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n}\r\n\r\n#julfian-hero-section .jf-badge-dot {\r\n  width: 5px;\r\n  height: 5px;\r\n  flex-shrink: 0;\r\n  border-radius: 50%;\r\n  background: #c6a17b;\r\n}\r\n\r\n\/* ===============================\r\n   TYPOGRAPHY\r\n================================ *\/\r\n\r\n#julfian-hero-section .jf-heading {\r\n  margin: 0 0 17px;\r\n\r\n  color: #21170f;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(34px, 3.5vw, 43px);\r\n  font-weight: 700;\r\n  letter-spacing: -1.25px;\r\n  line-height: 1.08;\r\n}\r\n\r\n#julfian-hero-section .jf-description {\r\n  max-width: 505px;\r\n  margin: 0 0 23px;\r\n\r\n  color: #6b594c;\r\n  font-size: 13.5px;\r\n  line-height: 1.75;\r\n}\r\n\r\n#julfian-hero-section .jf-description strong {\r\n  color: #2f241c;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* ===============================\r\n   BENEFITS\r\n================================ *\/\r\n\r\n#julfian-hero-section .jf-benefits {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 10px 25px;\r\n  max-width: 480px;\r\n  margin-bottom: 27px;\r\n}\r\n\r\n#julfian-hero-section .jf-benefit {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n\r\n  color: #6d5645;\r\n  font-size: 11px;\r\n  line-height: 1.5;\r\n}\r\n\r\n#julfian-hero-section .jf-check {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 12px;\r\n  height: 12px;\r\n  flex-shrink: 0;\r\n\r\n  border: 1px solid #9d754c;\r\n  border-radius: 50%;\r\n  color: #8c6239;\r\n  font-size: 8px;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* ===============================\r\n   BUTTONS\r\n================================ *\/\r\n\r\n#julfian-hero-section .jf-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 11px;\r\n}\r\n\r\n#julfian-hero-section .jf-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n\r\n  min-height: 37px;\r\n  padding: 10px 19px;\r\n\r\n  border-radius: 9px;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    background-color 0.2s ease,\r\n    border-color 0.2s ease,\r\n    transform 0.2s ease;\r\n}\r\n\r\n#julfian-hero-section .jf-btn-primary {\r\n  background: #94683e;\r\n  border: 1px solid #94683e;\r\n  color: #ffffff;\r\n  box-shadow: 0 4px 8px rgba(74, 46, 22, 0.13);\r\n}\r\n\r\n#julfian-hero-section .jf-btn-primary:hover {\r\n  background: #75502f;\r\n  border-color: #75502f;\r\n  color: #ffffff;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n#julfian-hero-section .jf-btn-secondary {\r\n  background: #ffffff;\r\n  border: 1px solid #e1d3c3;\r\n  color: #765334;\r\n}\r\n\r\n#julfian-hero-section .jf-btn-secondary:hover {\r\n  background: #faf6f0;\r\n  border-color: #b79776;\r\n  color: #765334;\r\n}\r\n\r\n#julfian-hero-section .jf-arrow {\r\n  font-size: 14px;\r\n  line-height: 1;\r\n}\r\n\r\n#julfian-hero-section .jf-btn-icon {\r\n  font-size: 12px;\r\n  opacity: 0.75;\r\n}\r\n\r\n\/* ===============================\r\n   HERO IMAGE\r\n================================ *\/\r\n\r\n#julfian-hero-section .jf-image-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 355px;\r\n  margin: 0 auto;\r\n}\r\n\r\n#julfian-hero-section .jf-image {\r\n  display: block;\r\n  width: 100%;\r\n  height: 378px;\r\n  object-fit: cover;\r\n  object-position: center;\r\n\r\n  border: 1px solid #e6dbcd;\r\n  border-radius: 17px;\r\n\r\n  box-shadow: 0 9px 22px rgba(50, 35, 22, 0.10);\r\n}\r\n\r\n\/* ===============================\r\n   GUARANTEE CARD\r\n================================ *\/\r\n\r\n#julfian-hero-section .jf-guarantee {\r\n  position: absolute;\r\n  right: 10px;\r\n  bottom: 10px;\r\n  left: 10px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  min-height: 58px;\r\n  padding: 10px 13px;\r\n\r\n  border: 1px solid rgba(232, 221, 207, 0.8);\r\n  border-radius: 12px;\r\n  background: rgba(255, 255, 255, 0.96);\r\n  box-shadow: 0 3px 12px rgba(45, 31, 18, 0.06);\r\n}\r\n\r\n#julfian-hero-section .jf-guarantee-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 36px;\r\n  height: 36px;\r\n  flex-shrink: 0;\r\n\r\n  border-radius: 10px;\r\n  background: #94683e;\r\n  color: #ffffff;\r\n  font-size: 16px;\r\n}\r\n\r\n#julfian-hero-section .jf-guarantee-title {\r\n  margin: 0 0 3px;\r\n  color: #4b3828;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n}\r\n\r\n#julfian-hero-section .jf-guarantee-text {\r\n  margin: 0;\r\n  color: #8b7a6b;\r\n  font-size: 8px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* ===============================\r\n   STATS\r\n================================ *\/\r\n\r\n#julfian-hero-section .jf-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  border-top: 1px solid #e9e0d6;\r\n  margin-top: 19px;\r\n  padding: 19px 0 17px;\r\n}\r\n\r\n#julfian-hero-section .jf-stat {\r\n  min-width: 0;\r\n  padding: 0 17px;\r\n  border-right: 1px solid #e6dbcf;\r\n}\r\n\r\n#julfian-hero-section .jf-stat:first-child {\r\n  padding-left: 0;\r\n}\r\n\r\n#julfian-hero-section .jf-stat:last-child {\r\n  padding-right: 0;\r\n  border-right: 0;\r\n}\r\n\r\n#julfian-hero-section .jf-stat-number {\r\n  margin: 0 0 2px;\r\n\r\n  color: #2d2119;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  line-height: 1.1;\r\n}\r\n\r\n#julfian-hero-section .jf-stat-label {\r\n  margin: 0;\r\n\r\n  color: #947b67;\r\n  font-size: 9px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* ===============================\r\n   RESPONSIVE\r\n================================ *\/\r\n\r\n@media (max-width: 900px) {\r\n  #julfian-hero-section .jf-hero-grid {\r\n    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.85fr);\r\n    gap: 25px;\r\n  }\r\n\r\n  #julfian-hero-section .jf-heading {\r\n    font-size: 34px;\r\n  }\r\n\r\n  #julfian-hero-section .jf-image {\r\n    height: 340px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #julfian-hero-section .jf-container {\r\n    padding-left: 16px;\r\n    padding-right: 16px;\r\n  }\r\n\r\n  #julfian-hero-section .jf-hero {\r\n    padding-top: 20px;\r\n  }\r\n\r\n  #julfian-hero-section .jf-hero-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n  }\r\n\r\n  #julfian-hero-section .jf-heading {\r\n    font-size: clamp(32px, 8.5vw, 42px);\r\n    letter-spacing: -0.8px;\r\n    line-height: 1.08;\r\n  }\r\n\r\n  #julfian-hero-section .jf-description {\r\n    max-width: none;\r\n    font-size: 13px;\r\n  }\r\n\r\n  #julfian-hero-section .jf-benefits {\r\n    gap: 10px;\r\n    max-width: none;\r\n  }\r\n\r\n  #julfian-hero-section .jf-benefit {\r\n    font-size: 10px;\r\n  }\r\n\r\n  #julfian-hero-section .jf-buttons {\r\n    gap: 9px;\r\n  }\r\n\r\n  #julfian-hero-section .jf-btn {\r\n    padding: 11px 14px;\r\n    font-size: 10px;\r\n  }\r\n\r\n  #julfian-hero-section .jf-image-wrap {\r\n    max-width: none;\r\n  }\r\n\r\n  #julfian-hero-section .jf-image {\r\n    height: 330px;\r\n  }\r\n\r\n  #julfian-hero-section .jf-stats {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 20px 0;\r\n  }\r\n\r\n  #julfian-hero-section .jf-stat:nth-child(2) {\r\n    border-right: 0;\r\n  }\r\n\r\n  #julfian-hero-section .jf-stat:nth-child(3) {\r\n    padding-left: 0;\r\n  }\r\n\r\n  #julfian-hero-section .jf-stat:nth-child(4) {\r\n    padding-left: 17px;\r\n    border-right: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n  #julfian-hero-section .jf-benefits {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #julfian-hero-section .jf-buttons {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n\r\n  #julfian-hero-section .jf-btn {\r\n    width: 100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- =========================================================\r\n HERO SECTION\r\n========================================================= -->\r\n\r\n<section id=\"julfian-hero-section\" aria-labelledby=\"julfian-hero-title\">\r\n  <div class=\"jf-container\">\r\n\r\n    <div class=\"jf-hero\">\r\n      <div class=\"jf-hero-grid\">\r\n\r\n        <!-- HERO TEXT -->\r\n        <div class=\"jf-hero-content\">\r\n\r\n          <div class=\"jf-badge\">\r\n            <span class=\"jf-badge-dot\"><\/span>\r\n            <span>Workshop Fabrikasi Sendiri & Bebas Makelar<\/span>\r\n          <\/div>\r\n\r\n          <h1 id=\"julfian-hero-title\" class=\"jf-heading\">\r\n            Jasa Desain Interior Profesional & Custom Furniture Bergaransi\r\n          <\/h1>\r\n\r\n          <p class=\"jf-description\">\r\n            Wujudkan rumah, apartemen, kantor, dan cafe impian Anda bersama\r\n            <strong>Julfian.com<\/strong>. Desain fungsional estetik bernuansa hangat,\r\n            rancangan arsitek berlisensi, dan pengerjaan mebel presisi tanpa biaya siluman.\r\n          <\/p>\r\n\r\n          <div class=\"jf-benefits\">\r\n            <div class=\"jf-benefit\">\r\n              <span class=\"jf-check\">\u2713<\/span>\r\n              <span>Gratis Konsultasi & Survei Lokasi<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"jf-benefit\">\r\n              <span class=\"jf-check\">\u2713<\/span>\r\n              <span>Desain 3D Photorealistic Gratis*<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"jf-benefit\">\r\n              <span class=\"jf-check\">\u2713<\/span>\r\n              <span>Multiplek Meranti 18mm Anti Rayap<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"jf-benefit\">\r\n              <span class=\"jf-check\">\u2713<\/span>\r\n              <span>Garansi Resmi Tertulis 3 Tahun<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"jf-buttons\">\r\n            <a\r\n              href=\"https:\/\/wa.me\/6281234567890\"\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              class=\"jf-btn jf-btn-primary\"\r\n            >\r\n              Konsultasi & Survei Gratis\r\n              <span class=\"jf-arrow\">\u2192<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"#kalkulator-rab\" class=\"jf-btn jf-btn-secondary\">\r\n              <span class=\"jf-btn-icon\">\u25a3<\/span>\r\n              Hitung Estimasi Biaya (RAB)\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- HERO IMAGE -->\r\n        <div class=\"jf-image-column\">\r\n          <div class=\"jf-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              class=\"jf-image\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=1200&q=85\"\r\n              alt=\"Interior ruang keluarga bergaya modern hangat\"\r\n              loading=\"eager\"\r\n            \/>\r\n\r\n            <div class=\"jf-guarantee\">\r\n              <div class=\"jf-guarantee-icon\">\u2662<\/div>\r\n\r\n              <div>\r\n                <p class=\"jf-guarantee-title\">\r\n                  Garansi Resmi Bebas Rayap & Melengkung\r\n                <\/p>\r\n\r\n                <p class=\"jf-guarantee-text\">\r\n                  Menggunakan Multiplek Meranti 18mm + Finishing HPL Taco \/ Duco\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- STATS -->\r\n    <div class=\"jf-stats\">\r\n\r\n      <div class=\"jf-stat\">\r\n        <p class=\"jf-stat-number\">450<span style=\"font-size: 12px;\">+<\/span><\/p>\r\n        <p class=\"jf-stat-label\">Proyek Selesai<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"jf-stat\">\r\n        <p class=\"jf-stat-number\">12<span style=\"font-size: 12px;\">+<\/span><\/p>\r\n        <p class=\"jf-stat-label\">Tahun Pengalaman<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"jf-stat\">\r\n        <p class=\"jf-stat-number\">4.9<span style=\"font-size: 12px;\">\u2605<\/span><\/p>\r\n        <p class=\"jf-stat-label\">Google Reviews<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"jf-stat\">\r\n        <p class=\"jf-stat-number\">1.200<span style=\"font-size: 12px;\">m\u00b2<\/span><\/p>\r\n        <p class=\"jf-stat-label\">Workshop Mandiri<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aadd620 e-flex e-con-boxed e-con e-parent\" data-id=\"aadd620\" 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-3c516e0 elementor-widget elementor-widget-html\" data-id=\"3c516e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- JULFIAN AEO \/ AI OVERVIEW SNAPSHOT -->\r\n<div id=\"julfian-aeo-box\" class=\"max-w-4xl mx-auto my-12\">\r\n\r\n  <!-- TAB NAVIGATION -->\r\n  <div class=\"flex flex-wrap items-center gap-1.5 mb-3 px-0\">\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"julfian-tab active\"\r\n      data-tab=\"price\"\r\n      aria-selected=\"true\">\r\n      Price Inquiry \/ AI Overview Snapshot\r\n    <\/button>\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"julfian-tab\"\r\n      data-tab=\"workflow\"\r\n      aria-selected=\"false\">\r\n      Workflow \/ Process Explanation\r\n    <\/button>\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"julfian-tab\"\r\n      data-tab=\"trust\"\r\n      aria-selected=\"false\">\r\n      Value Proposition & Trust Signals\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n  <!-- TAB CONTENT WRAPPER -->\r\n  <div class=\"bg-[#FFFFFF] border border-[#DCCDBD] rounded-2xl p-5 sm:p-7 shadow-sm\">\r\n\r\n    <!-- TAB 1: PRICE INQUIRY -->\r\n    <div\r\n      id=\"julfian-tab-price\"\r\n      class=\"julfian-tab-content\"\r\n      role=\"tabpanel\">\r\n\r\n      <!-- HEADER -->\r\n      <div class=\"flex flex-wrap items-center justify-between gap-3 mb-3\">\r\n\r\n        <h3 class=\"flex items-center gap-2 font-serif text-base sm:text-lg font-bold text-[#2C211B]\">\r\n          <span class=\"text-[#8C6239] text-sm\">\u2723<\/span>\r\n          Berapa estimasi biaya jasa desain interior per meter persegi?\r\n        <\/h3>\r\n\r\n        <span class=\"inline-flex items-center gap-1.5 shrink-0 bg-[#F7F2EB] border border-[#EDE3D8] rounded-full px-3 py-1.5 text-[9px] font-semibold text-[#8C7562]\">\r\n          <span>\ud83d\udd0a<\/span>\r\n          Audio Snippet Ready\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n      <!-- AI OVERVIEW SUMMARY -->\r\n      <div class=\"bg-[#FAF7F2] border border-[#E5DACD] rounded-xl p-4 mb-4\">\r\n\r\n        <p class=\"text-xs sm:text-sm text-[#4A392D] leading-relaxed\">\r\n          Biaya jasa desain interior berkisar antara\r\n          <strong>Rp 150.000 hingga Rp 350.000 per meter persegi<\/strong>\r\n          untuk jasa gambar dan konsultasi desain 3D. Sedangkan untuk paket\r\n          all-in (desain + produksi custom furniture + instalasi fit-out),\r\n          estimasi biayanya rata-rata Rp 2.500.000 hingga Rp 5.000.000\r\n          per meter persegi tergantung spesifikasi material finishing\r\n          (HPL Taco atau Duco) dan kompleksitas tata ruang.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <!-- SECTION LABEL -->\r\n      <div class=\"mb-2.5\">\r\n        <span class=\"text-[9px] sm:text-[10px] font-bold uppercase tracking-wide text-[#A06F43]\">\r\n          RINCIAN SPESIFIKASI & DATA KUNCI:\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- PRICE DETAILS GRID -->\r\n      <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2.5\">\r\n\r\n        <!-- ITEM 1 -->\r\n        <div class=\"flex items-start gap-2 border border-[#E9E0D7] rounded-lg px-3 py-2.5 bg-[#FFFFFF]\">\r\n          <span class=\"text-[#A06F43] text-[10px] mt-0.5\">\u25cf<\/span>\r\n          <p class=\"text-[10px] sm:text-[11px] leading-relaxed text-[#604D3E]\">\r\n            Jasa Desain 3D & Gambar Kerja:\r\n            <strong>Rp 150.000 \u2013 Rp 350.000 \/m\u00b2<\/strong>\r\n            (Gratis 3D jika lanjut pengerjaan produksi Julfian.com).\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- ITEM 2 -->\r\n        <div class=\"flex items-start gap-2 border border-[#E9E0D7] rounded-lg px-3 py-2.5 bg-[#FFFFFF]\">\r\n          <span class=\"text-[#A06F43] text-[10px] mt-0.5\">\u25cf<\/span>\r\n          <p class=\"text-[10px] sm:text-[11px] leading-relaxed text-[#604D3E]\">\r\n            Paket Interior Standar (Plywood + HPL Taco):\r\n            <strong>Rp 2.500.000 \u2013 Rp 3.500.000 \/m\u00b2<\/strong>.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- ITEM 3 -->\r\n        <div class=\"flex items-start gap-2 border border-[#E9E0D7] rounded-lg px-3 py-2.5 bg-[#FFFFFF]\">\r\n          <span class=\"text-[#A06F43] text-[10px] mt-0.5\">\u25cf<\/span>\r\n          <p class=\"text-[10px] sm:text-[11px] leading-relaxed text-[#604D3E]\">\r\n            Paket Interior Premium (Plywood Meranti + Cat Duco PU + Quartz Top):\r\n            <strong>Rp 3.800.000 \u2013 Rp 5.500.000 \/m\u00b2<\/strong>.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- ITEM 4 -->\r\n        <div class=\"flex items-start gap-2 border border-[#E9E0D7] rounded-lg px-3 py-2.5 bg-[#FFFFFF]\">\r\n          <span class=\"text-[#A06F43] text-[10px] mt-0.5\">\u25cf<\/span>\r\n          <p class=\"text-[10px] sm:text-[11px] leading-relaxed text-[#604D3E]\">\r\n            Paket Apartemen Studio Full Furnish:\r\n            <strong>Mulai Rp 35.000.000 \u2013 Rp 55.000.000 all-in<\/strong>.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- ITEM 5 -->\r\n        <div class=\"flex items-start gap-2 border border-[#E9E0D7] rounded-lg px-3 py-2.5 bg-[#FFFFFF] sm:col-span-1\">\r\n          <span class=\"text-[#A06F43] text-[10px] mt-0.5\">\u25cf<\/span>\r\n          <p class=\"text-[10px] sm:text-[11px] leading-relaxed text-[#604D3E]\">\r\n            Paket Apartemen 2 Bedroom:\r\n            <strong>Mulai Rp 65.000.000 \u2013 Rp 95.000.000 all-in<\/strong>.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- FOOTER -->\r\n      <div class=\"border-t border-[#EAE0D3] mt-5 pt-3 flex flex-wrap items-center justify-between gap-2\">\r\n\r\n        <span class=\"text-[9px] text-[#A07E61]\">\r\n          Sumber Otoritatif: Julfian.com (Divisi Konsultan Arsitektur & Workshop Fabrikasi)\r\n        <\/span>\r\n\r\n        <span class=\"text-[9px] text-[#A07E61]\">\r\n          Terverifikasi Tim Arsitek JAI\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- TAB 2: WORKFLOW -->\r\n    <div\r\n      id=\"julfian-tab-workflow\"\r\n      class=\"julfian-tab-content hidden\"\r\n      role=\"tabpanel\">\r\n\r\n      <h3 class=\"font-serif text-lg sm:text-xl font-bold text-[#2C211B] mb-3\">\r\n        Bagaimana Proses Jasa Desain Interior Julfian?\r\n      <\/h3>\r\n\r\n      <p class=\"text-sm text-[#4A392D] leading-relaxed mb-5\">\r\n        Proses desain interior Julfian mencakup konsultasi awal,\r\n        pengembangan konsep, visualisasi 3D, gambar kerja teknis,\r\n        hingga koordinasi produksi dan instalasi sesuai kebutuhan proyek.\r\n      <\/p>\r\n\r\n      <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\r\n\r\n        <div class=\"border border-[#E9E0D7] rounded-lg p-3\">\r\n          <strong class=\"text-xs text-[#604D3E]\">01. Konsultasi Awal<\/strong>\r\n          <p class=\"text-xs text-[#8C7562] mt-1\">\r\n            Diskusi kebutuhan, ukuran ruang, dan anggaran.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"border border-[#E9E0D7] rounded-lg p-3\">\r\n          <strong class=\"text-xs text-[#604D3E]\">02. Konsep & 3D Design<\/strong>\r\n          <p class=\"text-xs text-[#8C7562] mt-1\">\r\n            Pengembangan konsep desain dan visualisasi tiga dimensi.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"border border-[#E9E0D7] rounded-lg p-3\">\r\n          <strong class=\"text-xs text-[#604D3E]\">03. Gambar Kerja<\/strong>\r\n          <p class=\"text-xs text-[#8C7562] mt-1\">\r\n            Penyusunan detail teknis untuk kebutuhan pengerjaan.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"border border-[#E9E0D7] rounded-lg p-3\">\r\n          <strong class=\"text-xs text-[#604D3E]\">04. Produksi & Instalasi<\/strong>\r\n          <p class=\"text-xs text-[#8C7562] mt-1\">\r\n            Produksi furniture custom dan pelaksanaan instalasi.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- TAB 3: TRUST SIGNALS -->\r\n    <div\r\n      id=\"julfian-tab-trust\"\r\n      class=\"julfian-tab-content hidden\"\r\n      role=\"tabpanel\">\r\n\r\n      <h3 class=\"font-serif text-lg sm:text-xl font-bold text-[#2C211B] mb-3\">\r\n        Apa Keunggulan Jasa Interior Julfian?\r\n      <\/h3>\r\n\r\n      <p class=\"text-sm text-[#4A392D] leading-relaxed mb-5\">\r\n        Julfian menawarkan layanan desain interior yang menggabungkan\r\n        konsultasi desain, visualisasi, dan produksi furniture custom\r\n        untuk mendukung kebutuhan proyek interior.\r\n      <\/p>\r\n\r\n      <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\r\n\r\n        <div class=\"flex items-start gap-2 border border-[#E9E0D7] rounded-lg p-3\">\r\n          <span class=\"text-[#A06F43]\">\u2713<\/span>\r\n          <span class=\"text-xs text-[#604D3E]\">\r\n            Konsultasi dan perencanaan interior.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"flex items-start gap-2 border border-[#E9E0D7] rounded-lg p-3\">\r\n          <span class=\"text-[#A06F43]\">\u2713<\/span>\r\n          <span class=\"text-xs text-[#604D3E]\">\r\n            Visualisasi 3D dan gambar kerja teknis.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"flex items-start gap-2 border border-[#E9E0D7] rounded-lg p-3\">\r\n          <span class=\"text-[#A06F43]\">\u2713<\/span>\r\n          <span class=\"text-xs text-[#604D3E]\">\r\n            Produksi furniture custom di workshop.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"flex items-start gap-2 border border-[#E9E0D7] rounded-lg p-3\">\r\n          <span class=\"text-[#A06F43]\">\u2713<\/span>\r\n          <span class=\"text-xs text-[#604D3E]\">\r\n            Informasi material dan estimasi biaya proyek.\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- TAB STYLING -->\r\n<style>\r\n  #julfian-aeo-box {\r\n    font-family: inherit;\r\n  }\r\n\r\n  #julfian-aeo-box .julfian-tab {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 6px 12px;\r\n    border: 1px solid #E5DACD;\r\n    border-radius: 7px;\r\n    background: #FFFFFF;\r\n    color: #8C7562;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    text-align: center;\r\n  }\r\n\r\n  #julfian-aeo-box .julfian-tab:hover {\r\n    background: #F7F2EB;\r\n    color: #604D3E;\r\n  }\r\n\r\n  #julfian-aeo-box .julfian-tab.active {\r\n    background: #3B2D24;\r\n    border-color: #3B2D24;\r\n    color: #FFFFFF;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #julfian-aeo-box .julfian-tab-content.hidden {\r\n    display: none;\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    #julfian-aeo-box .julfian-tab {\r\n      font-size: 9px;\r\n      padding: 6px 9px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- TAB FUNCTIONALITY -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const container = document.getElementById(\"julfian-aeo-box\");\r\n\r\n    if (!container) return;\r\n\r\n    const tabs = container.querySelectorAll(\".julfian-tab\");\r\n    const contents = container.querySelectorAll(\".julfian-tab-content\");\r\n\r\n    tabs.forEach(function (tab) {\r\n\r\n      tab.addEventListener(\"click\", function () {\r\n\r\n        const target = tab.getAttribute(\"data-tab\");\r\n\r\n        \/\/ Update active tab\r\n        tabs.forEach(function (item) {\r\n          const isActive = item === tab;\r\n\r\n          item.classList.toggle(\"active\", isActive);\r\n          item.setAttribute(\"aria-selected\", String(isActive));\r\n        });\r\n\r\n        \/\/ Show selected content\r\n        contents.forEach(function (content) {\r\n          const isTarget = content.id === \"julfian-tab-\" + target;\r\n\r\n          content.classList.toggle(\"hidden\", !isTarget);\r\n        });\r\n\r\n      });\r\n\r\n    });\r\n\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ba8460 e-con-full e-flex e-con e-parent\" data-id=\"9ba8460\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da455d0 elementor-widget elementor-widget-html\" data-id=\"da455d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section style=\"\r\nwidth:100%;\r\nbackground:#ffffff;\r\npadding:40px 16px;\r\nfont-family:Arial,Helvetica,sans-serif;\r\nbox-sizing:border-box;\r\n\">\r\n\r\n  <style>\r\n    \/* ===== RESPONSIVE GRID ===== *\/\r\n    .julfian-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 22px;\r\n      width: 100%;\r\n    }\r\n\r\n    \/* Tablet *\/\r\n    @media (max-width: 900px) {\r\n      .julfian-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 18px;\r\n      }\r\n    }\r\n\r\n    \/* Mobile *\/\r\n    @media (max-width: 600px) {\r\n      .julfian-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n      }\r\n\r\n      .julfian-section {\r\n        padding: 32px 14px !important;\r\n      }\r\n\r\n      .julfian-title {\r\n        font-size: 24px !important;\r\n        line-height: 1.25 !important;\r\n      }\r\n\r\n      .julfian-desc {\r\n        font-size: 14px !important;\r\n        line-height: 1.65 !important;\r\n      }\r\n\r\n      .julfian-badge-header {\r\n        font-size: 9px !important;\r\n        letter-spacing: 1px !important;\r\n        padding: 6px 11px !important;\r\n      }\r\n\r\n      .julfian-card-img {\r\n        height: 180px !important;\r\n      }\r\n\r\n      .julfian-card-img img {\r\n        height: 180px !important;\r\n      }\r\n\r\n      .julfian-card-content {\r\n        padding: 16px 16px 14px !important;\r\n      }\r\n\r\n      .julfian-card-title {\r\n        font-size: 16px !important;\r\n      }\r\n\r\n      .julfian-card-footer {\r\n        gap: 12px !important;\r\n      }\r\n    }\r\n\r\n    \/* Mobile kecil *\/\r\n    @media (max-width: 380px) {\r\n      .julfian-title {\r\n        font-size: 21px !important;\r\n      }\r\n\r\n      .julfian-card-img,\r\n      .julfian-card-img img {\r\n        height: 160px !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <div style=\"\r\n  width:100%;\r\n  max-width:1100px;\r\n  margin:0 auto;\r\n  box-sizing:border-box;\r\n  \">\r\n\r\n\r\n    <!-- ================= HEADER ================= -->\r\n\r\n    <div style=\"\r\n    text-align:center;\r\n    margin-bottom:32px;\r\n    \">\r\n\r\n      <div class=\"julfian-badge-header\" style=\"\r\n      display:inline-block;\r\n      background:#f7f0e8;\r\n      color:#96704f;\r\n      font-size:10px;\r\n      font-weight:700;\r\n      letter-spacing:1.2px;\r\n      padding:7px 13px;\r\n      border-radius:30px;\r\n      margin-bottom:13px;\r\n      \">\r\n        LAYANAN INTERIOR JULFIAN.COM\r\n      <\/div>\r\n\r\n\r\n      <h2 class=\"julfian-title\" style=\"\r\n      margin:0 0 14px 0;\r\n      padding:0;\r\n      color:#2c211b;\r\n      font-family:Georgia,'Times New Roman',serif;\r\n      font-size:32px;\r\n      line-height:1.15;\r\n      font-weight:700;\r\n      \">\r\n        Jasa Desain Interior & Custom Furniture\r\n        <br>\r\n        Lengkap\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"julfian-desc\" style=\"\r\n      max-width:720px;\r\n      margin:0 auto;\r\n      color:#66584e;\r\n      font-size:15px;\r\n      line-height:1.7;\r\n      \">\r\n        Siap wujudkan ruang idaman yang fungsional dan berkelas?\r\n        Dari hunian hingga ruang komersial, kami membantu menciptakan\r\n        desain dan furnitur yang nyaman serta tahan lama.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ================= GRID ================= -->\r\n\r\n    <div class=\"julfian-grid\">\r\n\r\n\r\n      <!-- =====================================================\r\n           CARD 1\r\n      ====================================================== -->\r\n\r\n      <div style=\"\r\n      border:1px solid #dfd5ca;\r\n      border-radius:10px;\r\n      overflow:hidden;\r\n      background:#ffffff;\r\n      box-sizing:border-box;\r\n      display:flex;\r\n      flex-direction:column;\r\n      \">\r\n\r\n        <!-- IMAGE -->\r\n\r\n        <div class=\"julfian-card-img\" style=\"\r\n        position:relative;\r\n        width:100%;\r\n        height:140px;\r\n        overflow:hidden;\r\n        flex-shrink:0;\r\n        \">\r\n\r\n          <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=900&q=85\"\r\n          alt=\"Jasa Desain Interior Rumah Mewah dan Minimalis\"\r\n          style=\"\r\n          display:block;\r\n          width:100%;\r\n          height:140px;\r\n          object-fit:cover;\r\n          \"\r\n          >\r\n\r\n          <span style=\"\r\n          position:absolute;\r\n          top:10px;\r\n          left:10px;\r\n          background:rgba(255,255,255,.95);\r\n          color:#594536;\r\n          font-size:10px;\r\n          font-weight:700;\r\n          padding:6px 9px;\r\n          border-radius:4px;\r\n          \">\r\n            Paling Populer\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CONTENT -->\r\n\r\n        <div class=\"julfian-card-content\" style=\"padding:17px 17px 15px;display:flex;flex-direction:column;flex:1;\">\r\n\r\n          <div style=\"\r\n          color:#9a7653;\r\n          font-size:9px;\r\n          font-weight:700;\r\n          letter-spacing:.3px;\r\n          margin-bottom:7px;\r\n          text-transform:uppercase;\r\n          \">\r\n            JASA DESAIN INTERIOR RUMAH\r\n          <\/div>\r\n\r\n\r\n          <h3 class=\"julfian-card-title\" style=\"\r\n          margin:0 0 9px 0;\r\n          color:#2c211b;\r\n          font-family:Georgia,'Times New Roman',serif;\r\n          font-size:17px;\r\n          line-height:1.3;\r\n          font-weight:700;\r\n          \">\r\n            Jasa Desain Interior Rumah Mewah & Minimalis\r\n          <\/h3>\r\n\r\n\r\n          <p style=\"\r\n          margin:0 0 13px 0;\r\n          color:#6d6057;\r\n          font-size:13px;\r\n          line-height:1.6;\r\n          \">\r\n            Perancangan ruang yang fungsional sehingga hunian\r\n            nyaman, elegan dan memiliki karakter sesuai kebutuhan.\r\n          <\/p>\r\n\r\n\r\n          <!-- BENEFITS -->\r\n\r\n          <div style=\"\r\n          color:#6d6057;\r\n          font-size:12px;\r\n          line-height:1.8;\r\n          margin-bottom:15px;\r\n          \">\r\n\r\n            <div>\u2713 Konsep desain sesuai karakter ruang<\/div>\r\n            <div>\u2713 Layout & zoning ruang ergonomis<\/div>\r\n            <div>\u2713 Furniture custom sesuai kebutuhan<\/div>\r\n            <div>\u2713 Visualisasi 3D sebelum pengerjaan<\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- FOOTER -->\r\n\r\n          <div class=\"julfian-card-footer\" style=\"\r\n          border-top:1px solid #eee7df;\r\n          padding-top:12px;\r\n          display:flex;\r\n          justify-content:space-between;\r\n          align-items:flex-end;\r\n          gap:10px;\r\n          margin-top:auto;\r\n          \">\r\n\r\n            <div>\r\n\r\n              <div style=\"\r\n              color:#998a7e;\r\n              font-size:10px;\r\n              margin-bottom:3px;\r\n              \">\r\n                Mulai dari\r\n              <\/div>\r\n\r\n              <div style=\"\r\n              color:#8c623d;\r\n              font-size:12px;\r\n              font-weight:700;\r\n              \">\r\n                Rp2.800.000 \/ area\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a\r\n            href=\"#konsultasi\"\r\n            style=\"\r\n            color:#44372e;\r\n            font-size:12px;\r\n            font-weight:700;\r\n            text-decoration:none;\r\n            white-space:nowrap;\r\n            \">\r\n              Konsultasi \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           CARD 2\r\n      ====================================================== -->\r\n\r\n      <div style=\"\r\n      border:1px solid #dfd5ca;\r\n      border-radius:10px;\r\n      overflow:hidden;\r\n      background:#ffffff;\r\n      display:flex;\r\n      flex-direction:column;\r\n      \">\r\n\r\n        <div class=\"julfian-card-img\" style=\"\r\n        position:relative;\r\n        width:100%;\r\n        height:140px;\r\n        overflow:hidden;\r\n        flex-shrink:0;\r\n        \">\r\n\r\n          <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=900&q=85\"\r\n          alt=\"Jasa Desain Interior Apartemen\"\r\n          style=\"\r\n          display:block;\r\n          width:100%;\r\n          height:140px;\r\n          object-fit:cover;\r\n          \"\r\n          >\r\n\r\n          <span style=\"\r\n          position:absolute;\r\n          top:10px;\r\n          left:10px;\r\n          background:rgba(255,255,255,.95);\r\n          color:#594536;\r\n          font-size:10px;\r\n          font-weight:700;\r\n          padding:6px 9px;\r\n          border-radius:4px;\r\n          \">\r\n            Best Seller\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"julfian-card-content\" style=\"padding:17px 17px 15px;display:flex;flex-direction:column;flex:1;\">\r\n\r\n          <div style=\"\r\n          color:#9a7653;\r\n          font-size:9px;\r\n          font-weight:700;\r\n          margin-bottom:7px;\r\n          \">\r\n            JASA DESAIN INTERIOR APARTEMEN\r\n          <\/div>\r\n\r\n\r\n          <h3 class=\"julfian-card-title\" style=\"\r\n          margin:0 0 9px;\r\n          color:#2c211b;\r\n          font-family:Georgia,'Times New Roman',serif;\r\n          font-size:17px;\r\n          line-height:1.3;\r\n          \">\r\n            Jasa Desain Interior Apartemen Studio & 2BR\r\n          <\/h3>\r\n\r\n\r\n          <p style=\"\r\n          margin:0 0 13px;\r\n          color:#6d6057;\r\n          font-size:13px;\r\n          line-height:1.6;\r\n          \">\r\n            Solusi compact living untuk ruang terbatas agar tetap\r\n            nyaman, fungsional dan memiliki tampilan modern.\r\n          <\/p>\r\n\r\n\r\n          <div style=\"\r\n          color:#6d6057;\r\n          font-size:12px;\r\n          line-height:1.8;\r\n          margin-bottom:15px;\r\n          \">\r\n\r\n            <div>\u2713 Layout optimal ruang terbatas<\/div>\r\n            <div>\u2713 Furniture multifungsi & custom<\/div>\r\n            <div>\u2713 Storage lebih efisien<\/div>\r\n            <div>\u2713 Konsep modern & minimalis<\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"julfian-card-footer\" style=\"\r\n          border-top:1px solid #eee7df;\r\n          padding-top:12px;\r\n          display:flex;\r\n          justify-content:space-between;\r\n          align-items:flex-end;\r\n          gap:10px;\r\n          margin-top:auto;\r\n          \">\r\n\r\n            <div>\r\n\r\n              <div style=\"color:#998a7e;font-size:10px;margin-bottom:3px;\">\r\n                Mulai dari\r\n              <\/div>\r\n\r\n              <div style=\"color:#8c623d;font-size:12px;font-weight:700;\">\r\n                Rp1.800.000 \/ area\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a href=\"#konsultasi\"\r\n            style=\"\r\n            color:#44372e;\r\n            font-size:12px;\r\n            font-weight:700;\r\n            text-decoration:none;\r\n            white-space:nowrap;\r\n            \">\r\n              Konsultasi \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           CARD 3\r\n      ====================================================== -->\r\n\r\n      <div style=\"\r\n      border:1px solid #dfd5ca;\r\n      border-radius:10px;\r\n      overflow:hidden;\r\n      background:#ffffff;\r\n      display:flex;\r\n      flex-direction:column;\r\n      \">\r\n\r\n        <div class=\"julfian-card-img\" style=\"\r\n        position:relative;\r\n        width:100%;\r\n        height:140px;\r\n        overflow:hidden;\r\n        flex-shrink:0;\r\n        \">\r\n\r\n          <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1556912167-f556f1f39fdf?auto=format&fit=crop&w=900&q=85\"\r\n          alt=\"Jasa Pembuatan Kitchen Set Custom\"\r\n          style=\"\r\n          display:block;\r\n          width:100%;\r\n          height:140px;\r\n          object-fit:cover;\r\n          \"\r\n          >\r\n\r\n          <span style=\"\r\n          position:absolute;\r\n          top:10px;\r\n          left:10px;\r\n          background:rgba(255,255,255,.95);\r\n          color:#594536;\r\n          font-size:10px;\r\n          font-weight:700;\r\n          padding:6px 9px;\r\n          border-radius:4px;\r\n          \">\r\n            Custom & Modular\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"julfian-card-content\" style=\"padding:17px 17px 15px;display:flex;flex-direction:column;flex:1;\">\r\n\r\n          <div style=\"color:#9a7653;font-size:9px;font-weight:700;margin-bottom:7px;\">\r\n            CUSTOM FURNITURE & KITCHEN\r\n          <\/div>\r\n\r\n\r\n          <h3 class=\"julfian-card-title\" style=\"\r\n          margin:0 0 9px;\r\n          color:#2c211b;\r\n          font-family:Georgia,'Times New Roman',serif;\r\n          font-size:17px;\r\n          line-height:1.3;\r\n          \">\r\n            Jasa Pembuatan Kitchen Set & Dapur Custom\r\n          <\/h3>\r\n\r\n\r\n          <p style=\"\r\n          margin:0 0 13px;\r\n          color:#6d6057;\r\n          font-size:13px;\r\n          line-height:1.6;\r\n          \">\r\n            Dapur dirancang ergonomis dengan prinsip segitiga kerja\r\n            sehingga aktivitas memasak menjadi lebih nyaman.\r\n          <\/p>\r\n\r\n\r\n          <div style=\"\r\n          color:#6d6057;\r\n          font-size:12px;\r\n          line-height:1.8;\r\n          margin-bottom:15px;\r\n          \">\r\n\r\n            <div>\u2713 Multiple pilihan layout kitchen<\/div>\r\n            <div>\u2713 Material sesuai kebutuhan<\/div>\r\n            <div>\u2713 Hardware & fitting berkualitas<\/div>\r\n            <div>\u2713 Custom ukuran sesuai ruang<\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"julfian-card-footer\" style=\"\r\n          border-top:1px solid #eee7df;\r\n          padding-top:12px;\r\n          display:flex;\r\n          justify-content:space-between;\r\n          align-items:flex-end;\r\n          gap:10px;\r\n          margin-top:auto;\r\n          \">\r\n\r\n            <div>\r\n\r\n              <div style=\"color:#998a7e;font-size:10px;margin-bottom:3px;\">\r\n                Mulai dari\r\n              <\/div>\r\n\r\n              <div style=\"color:#8c623d;font-size:12px;font-weight:700;\">\r\n                Rp4.500.000 \/ meter\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a href=\"#konsultasi\"\r\n            style=\"\r\n            color:#44372e;\r\n            font-size:12px;\r\n            font-weight:700;\r\n            text-decoration:none;\r\n            white-space:nowrap;\r\n            \">\r\n              Konsultasi \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           CARD 4\r\n      ====================================================== -->\r\n\r\n      <div style=\"\r\n      border:1px solid #dfd5ca;\r\n      border-radius:10px;\r\n      overflow:hidden;\r\n      background:#ffffff;\r\n      display:flex;\r\n      flex-direction:column;\r\n      \">\r\n\r\n        <div class=\"julfian-card-img\" style=\"position:relative;width:100%;height:140px;overflow:hidden;flex-shrink:0;\">\r\n\r\n          <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=900&q=85\"\r\n          alt=\"Jasa Desain Kamar Tidur Utama\"\r\n          style=\"display:block;width:100%;height:140px;object-fit:cover;\"\r\n          >\r\n\r\n          <span style=\"\r\n          position:absolute;\r\n          top:10px;\r\n          left:10px;\r\n          background:rgba(255,255,255,.95);\r\n          color:#594536;\r\n          font-size:10px;\r\n          font-weight:700;\r\n          padding:6px 9px;\r\n          border-radius:4px;\r\n          \">\r\n            Premium\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"julfian-card-content\" style=\"padding:17px 17px 15px;display:flex;flex-direction:column;flex:1;\">\r\n\r\n          <div style=\"color:#9a7653;font-size:9px;font-weight:700;margin-bottom:7px;\">\r\n            INTERIOR KAMAR TIDUR UTAMA\r\n          <\/div>\r\n\r\n\r\n          <h3 class=\"julfian-card-title\" style=\"\r\n          margin:0 0 9px;\r\n          color:#2c211b;\r\n          font-family:Georgia,'Times New Roman',serif;\r\n          font-size:17px;\r\n          line-height:1.3;\r\n          \">\r\n            Jasa Desain Kamar Tidur Utama (Master Bedroom)\r\n          <\/h3>\r\n\r\n\r\n          <p style=\"margin:0 0 13px;color:#6d6057;font-size:13px;line-height:1.6;\">\r\n            Menciptakan ruang istirahat yang nyaman dengan perpaduan\r\n            pencahayaan hangat, furniture custom dan storage efisien.\r\n          <\/p>\r\n\r\n\r\n          <div style=\"color:#6d6057;font-size:12px;line-height:1.8;margin-bottom:15px;\">\r\n            <div>\u2713 Mood & ambience kamar<\/div>\r\n            <div>\u2713 Custom wardrobe & storage<\/div>\r\n            <div>\u2713 Lighting design<\/div>\r\n            <div>\u2713 Material premium<\/div>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"julfian-card-footer\" style=\"border-top:1px solid #eee7df;padding-top:12px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;\">\r\n\r\n            <div>\r\n              <div style=\"color:#998a7e;font-size:10px;margin-bottom:3px;\">Mulai dari<\/div>\r\n              <div style=\"color:#8c623d;font-size:12px;font-weight:700;\">Rp2.700.000 \/ area<\/div>\r\n            <\/div>\r\n\r\n            <a href=\"#konsultasi\" style=\"color:#44372e;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;\">\r\n              Konsultasi \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           CARD 5\r\n      ====================================================== -->\r\n\r\n      <div style=\"\r\n      border:1px solid #dfd5ca;\r\n      border-radius:10px;\r\n      overflow:hidden;\r\n      background:#ffffff;\r\n      display:flex;\r\n      flex-direction:column;\r\n      \">\r\n\r\n        <div class=\"julfian-card-img\" style=\"position:relative;width:100%;height:140px;overflow:hidden;flex-shrink:0;\">\r\n\r\n          <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=85\"\r\n          alt=\"Jasa Desain Interior Kantor\"\r\n          style=\"display:block;width:100%;height:140px;object-fit:cover;\"\r\n          >\r\n\r\n          <span style=\"\r\n          position:absolute;\r\n          top:10px;\r\n          left:10px;\r\n          background:rgba(255,255,255,.95);\r\n          color:#594536;\r\n          font-size:10px;\r\n          font-weight:700;\r\n          padding:6px 9px;\r\n          border-radius:4px;\r\n          \">\r\n            Produktivitas Tinggi\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"julfian-card-content\" style=\"padding:17px 17px 15px;display:flex;flex-direction:column;flex:1;\">\r\n\r\n          <div style=\"color:#9a7653;font-size:9px;font-weight:700;margin-bottom:7px;\">\r\n            JASA DESAIN INTERIOR KANTOR\r\n          <\/div>\r\n\r\n\r\n          <h3 class=\"julfian-card-title\" style=\"\r\n          margin:0 0 9px;\r\n          color:#2c211b;\r\n          font-family:Georgia,'Times New Roman',serif;\r\n          font-size:17px;\r\n          line-height:1.3;\r\n          \">\r\n            Jasa Desain Interior Kantor & Workspace\r\n          <\/h3>\r\n\r\n\r\n          <p style=\"margin:0 0 13px;color:#6d6057;font-size:13px;line-height:1.6;\">\r\n            Tata ruang kantor modern yang ergonomis untuk mendukung\r\n            produktivitas, kolaborasi dan kenyamanan karyawan.\r\n          <\/p>\r\n\r\n\r\n          <div style=\"color:#6d6057;font-size:12px;line-height:1.8;margin-bottom:15px;\">\r\n            <div>\u2713 Zoning ruang kerja<\/div>\r\n            <div>\u2713 Meeting room & private room<\/div>\r\n            <div>\u2713 Ergonomic workstation<\/div>\r\n            <div>\u2713 Storage & cable management<\/div>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"julfian-card-footer\" style=\"border-top:1px solid #eee7df;padding-top:12px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;\">\r\n\r\n            <div>\r\n              <div style=\"color:#998a7e;font-size:10px;margin-bottom:3px;\">Mulai dari<\/div>\r\n              <div style=\"color:#8c623d;font-size:12px;font-weight:700;\">Rp2.300.000 \/ m\u00b2<\/div>\r\n            <\/div>\r\n\r\n            <a href=\"#konsultasi\" style=\"color:#44372e;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;\">\r\n              Konsultasi \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           CARD 6\r\n      ====================================================== -->\r\n\r\n      <div style=\"\r\n      border:1px solid #dfd5ca;\r\n      border-radius:10px;\r\n      overflow:hidden;\r\n      background:#ffffff;\r\n      display:flex;\r\n      flex-direction:column;\r\n      \">\r\n\r\n        <div class=\"julfian-card-img\" style=\"position:relative;width:100%;height:140px;overflow:hidden;flex-shrink:0;\">\r\n\r\n          <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1556740738-b6a63e27c4df?auto=format&fit=crop&w=900&q=85\"\r\n          alt=\"Jasa Desain Interior Cafe Resto dan Komersial\"\r\n          style=\"display:block;width:100%;height:140px;object-fit:cover;\"\r\n          >\r\n\r\n          <span style=\"\r\n          position:absolute;\r\n          top:10px;\r\n          left:10px;\r\n          background:rgba(255,255,255,.95);\r\n          color:#594536;\r\n          font-size:10px;\r\n          font-weight:700;\r\n          padding:6px 9px;\r\n          border-radius:4px;\r\n          \">\r\n            Konsep Instagramable\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"julfian-card-content\" style=\"padding:17px 17px 15px;display:flex;flex-direction:column;flex:1;\">\r\n\r\n          <div style=\"color:#9a7653;font-size:9px;font-weight:700;margin-bottom:7px;\">\r\n            JASA DESAIN INTERIOR CAFE\r\n          <\/div>\r\n\r\n\r\n          <h3 class=\"julfian-card-title\" style=\"\r\n          margin:0 0 9px;\r\n          color:#2c211b;\r\n          font-family:Georgia,'Times New Roman',serif;\r\n          font-size:17px;\r\n          line-height:1.3;\r\n          \">\r\n            Jasa Desain Interior Cafe, Resto & Komersial\r\n          <\/h3>\r\n\r\n\r\n          <p style=\"margin:0 0 13px;color:#6d6057;font-size:13px;line-height:1.6;\">\r\n            Desain komersial yang menarik pelanggan sekaligus\r\n            memperkuat identitas dan karakter brand.\r\n          <\/p>\r\n\r\n\r\n          <div style=\"color:#6d6057;font-size:12px;line-height:1.8;margin-bottom:15px;\">\r\n            <div>\u2713 Konsep sesuai karakter brand<\/div>\r\n            <div>\u2713 Customer flow & zoning<\/div>\r\n            <div>\u2713 Area foto & focal point<\/div>\r\n            <div>\u2713 Furniture & dekorasi custom<\/div>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"julfian-card-footer\" style=\"border-top:1px solid #eee7df;padding-top:12px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;\">\r\n\r\n            <div>\r\n              <div style=\"color:#998a7e;font-size:10px;margin-bottom:3px;\">Mulai dari<\/div>\r\n              <div style=\"color:#8c623d;font-size:12px;font-weight:700;\">Rp2.500.000 \/ m\u00b2<\/div>\r\n            <\/div>\r\n\r\n            <a href=\"#konsultasi\" style=\"color:#44372e;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;\">\r\n              Konsultasi \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be41f73 e-con-full e-flex e-con e-parent\" data-id=\"be41f73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0aced8 elementor-widget elementor-widget-html\" data-id=\"d0aced8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CASE STUDY \/ PORTFOLIO BEFORE AFTER\r\n     Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<section id=\"julfian-before-after\">\r\n\r\n  <div class=\"jba-container\">\r\n\r\n    <!-- ================= HEADER ================= -->\r\n\r\n    <div class=\"jba-header\">\r\n\r\n      <span class=\"jba-eyebrow\">\r\n        \u2726 BUKTI NYATA & PENGALAMAN PROYEK\r\n      <\/span>\r\n\r\n      <h2>\r\n        Transformasi Sebelum & Sesudah Renovasi\r\n      <\/h2>\r\n\r\n      <p>\r\n        Lihat hasil nyata pekerjaan renovasi dan desain interior\r\n        yang dikerjakan oleh tim profesional kami dari kondisi awal\r\n        hingga hasil akhir.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ================= PROJECT TABS ================= -->\r\n\r\n    <div class=\"jba-tabs\" role=\"tablist\">\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"jba-tab active\"\r\n        data-project=\"rumah\"\r\n        role=\"tab\"\r\n      >\r\n        <strong>Rumah Tinggal<\/strong>\r\n        <span>98 m\u00b2<\/span>\r\n      <\/button>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"jba-tab\"\r\n        data-project=\"apartemen\"\r\n        role=\"tab\"\r\n      >\r\n        <strong>Apartemen<\/strong>\r\n        <span>46 m\u00b2<\/span>\r\n      <\/button>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"jba-tab\"\r\n        data-project=\"kantor\"\r\n        role=\"tab\"\r\n      >\r\n        <strong>Kantor<\/strong>\r\n        <span>185 m\u00b2<\/span>\r\n      <\/button>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"jba-tab\"\r\n        data-project=\"cafe\"\r\n        role=\"tab\"\r\n      >\r\n        <strong>Caf\u00e9 & Resto<\/strong>\r\n        <span>120 m\u00b2<\/span>\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ================= CASE STUDY ================= -->\r\n\r\n    <div class=\"jba-case-study\">\r\n\r\n\r\n      <!-- ========== LEFT : BEFORE AFTER ========== -->\r\n\r\n      <div class=\"jba-visual\">\r\n\r\n        <div class=\"jba-image-box\">\r\n\r\n          <!-- BEFORE -->\r\n\r\n          <img decoding=\"async\"\r\n            id=\"jba-before-image\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=1400&q=85\"\r\n            alt=\"Kondisi rumah sebelum renovasi\"\r\n            class=\"jba-img jba-before\"\r\n          >\r\n\r\n\r\n          <!-- AFTER -->\r\n\r\n          <div\r\n            class=\"jba-after-wrapper\"\r\n            id=\"jba-after-wrapper\"\r\n          >\r\n\r\n            <img decoding=\"async\"\r\n              id=\"jba-after-image\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1400&q=85\"\r\n              alt=\"Hasil renovasi rumah\"\r\n              class=\"jba-img jba-after\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- LABEL BEFORE -->\r\n\r\n          <span class=\"jba-label jba-label-before\">\r\n            KONDISI AWAL\r\n          <\/span>\r\n\r\n\r\n          <!-- LABEL AFTER -->\r\n\r\n          <span class=\"jba-label jba-label-after\">\r\n            \u2726 HASIL AKHIR\r\n          <\/span>\r\n\r\n\r\n          <!-- SLIDER LINE -->\r\n\r\n          <div\r\n            class=\"jba-slider-line\"\r\n            id=\"jba-slider-line\"\r\n          ><\/div>\r\n\r\n\r\n          <!-- SLIDER BUTTON -->\r\n\r\n          <div\r\n            class=\"jba-slider-button\"\r\n            id=\"jba-slider-button\"\r\n          >\r\n            \u2194\r\n          <\/div>\r\n\r\n\r\n          <!-- RANGE -->\r\n\r\n          <input\r\n            type=\"range\"\r\n            min=\"0\"\r\n            max=\"100\"\r\n            value=\"50\"\r\n            class=\"jba-range\"\r\n            id=\"jba-range\"\r\n            aria-label=\"Geser untuk melihat kondisi sebelum dan sesudah\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jba-caption\">\r\n          <span>\u2726<\/span>\r\n          Geser slider untuk melihat perubahan kondisi sebelum dan sesudah renovasi.\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ========== RIGHT : PROJECT INFO ========== -->\r\n\r\n      <article class=\"jba-info\">\r\n\r\n\r\n        <!-- LOCATION -->\r\n\r\n        <div\r\n          class=\"jba-location\"\r\n          id=\"jba-location\"\r\n        >\r\n          RUMAH TINGGAL \u2022 CITRAGARDEN CITY, JAKARTA BARAT\r\n        <\/div>\r\n\r\n\r\n        <!-- TITLE -->\r\n\r\n        <h3 id=\"jba-title\">\r\n          Modern Japandi Living & Dining Residence\r\n        <\/h3>\r\n\r\n\r\n        <!-- DESCRIPTION -->\r\n\r\n        <p\r\n          class=\"jba-description\"\r\n          id=\"jba-description\"\r\n        >\r\n          Renovasi menyeluruh area living dan dining dengan konsep\r\n          open-space. Menggabungkan elemen kayu, warna warm tone,\r\n          dan built-in furniture untuk menciptakan ruang yang\r\n          nyaman, modern, dan fungsional.\r\n        <\/p>\r\n\r\n\r\n        <!-- META -->\r\n\r\n        <div class=\"jba-meta\">\r\n\r\n          <div class=\"jba-meta-item\">\r\n\r\n            <div class=\"jba-meta-icon\">\r\n              \u25c8\r\n            <\/div>\r\n\r\n            <div>\r\n              <small>Luas Proyek<\/small>\r\n\r\n              <strong id=\"jba-area\">\r\n                98 m\u00b2\r\n              <\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"jba-meta-item\">\r\n\r\n            <div class=\"jba-meta-icon\">\r\n              \u25f7\r\n            <\/div>\r\n\r\n            <div>\r\n              <small>Durasi Pengerjaan<\/small>\r\n\r\n              <strong id=\"jba-duration\">\r\n                32 Hari Kerja\r\n              <\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MATERIAL -->\r\n\r\n        <div class=\"jba-material\">\r\n\r\n          <strong>\r\n            \u25c7 Spesifikasi Material Terpasang\r\n          <\/strong>\r\n\r\n          <ul id=\"jba-material-list\">\r\n\r\n            <li>Multiplek Marine 18 mm<\/li>\r\n            <li>HPL Taco Warm Oak<\/li>\r\n            <li>Top Table White Carrara Quartz<\/li>\r\n            <li>Hardware Soft Closing<\/li>\r\n\r\n          <\/ul>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BUDGET -->\r\n\r\n        <div class=\"jba-budget\">\r\n\r\n          <span>\r\n            Estimasi \/ Realisasi Anggaran\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <strong id=\"jba-budget\">\r\n              Rp 145.000.000\r\n            <\/strong>\r\n\r\n            <small id=\"jba-budget-note\">\r\n              Full Furnish + Lighting\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n          <em>\r\n            \u2713 RAB transparan sesuai lingkup pekerjaan\r\n          <\/em>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CTA -->\r\n\r\n        <a\r\n          href=\"#konsultasi\"\r\n          class=\"jba-button\"\r\n        >\r\n          Konsultasikan Proyek Serupa\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ================= TRUST ================= -->\r\n\r\n    <div class=\"jba-trust\">\r\n\r\n      <div>\r\n        <span>\u2713<\/span>\r\n        Survey & Konsultasi\r\n      <\/div>\r\n\r\n      <div>\r\n        <span>\u2713<\/span>\r\n        RAB Transparan\r\n      <\/div>\r\n\r\n      <div>\r\n        <span>\u2713<\/span>\r\n        Tim Berpengalaman\r\n      <\/div>\r\n\r\n      <div>\r\n        <span>\u2713<\/span>\r\n        Quality Control\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n#julfian-before-after {\r\n\r\n  --dark: #2c211b;\r\n  --brown: #4a3728;\r\n  --gold: #a77a45;\r\n  --gold-dark: #8c6338;\r\n\r\n  --cream: #f9f6f0;\r\n  --border: #e4d9cc;\r\n  --text: #5f5147;\r\n  --muted: #7c7067;\r\n\r\n  background: var(--cream);\r\n\r\n  padding: 80px 20px;\r\n\r\n  font-family:\r\n    \"Plus Jakarta Sans\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  color: var(--dark);\r\n\r\n}\r\n\r\n#julfian-before-after *,\r\n#julfian-before-after *::before,\r\n#julfian-before-after *::after {\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.jba-container {\r\n\r\n  max-width: 1200px;\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.jba-header {\r\n\r\n  max-width: 780px;\r\n\r\n  margin: 0 auto 35px;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n.jba-eyebrow {\r\n\r\n  display: inline-block;\r\n\r\n  padding: 7px 13px;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  background: #eee5d8;\r\n\r\n  border-radius: 30px;\r\n\r\n  color: #8a6845;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1px;\r\n\r\n}\r\n\r\n.jba-header h2 {\r\n\r\n  margin: 0 0 14px;\r\n\r\n  font-family:\r\n    \"Playfair Display\",\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 38px;\r\n\r\n  line-height: 1.2;\r\n\r\n  font-weight: 700;\r\n\r\n  color: var(--dark);\r\n\r\n}\r\n\r\n.jba-header p {\r\n\r\n  max-width: 700px;\r\n\r\n  margin: 0 auto;\r\n\r\n  font-size: 15px;\r\n\r\n  line-height: 1.8;\r\n\r\n  color: var(--muted);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABS\r\n========================================================= *\/\r\n\r\n.jba-tabs {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4, 1fr);\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 25px;\r\n\r\n}\r\n\r\n.jba-tab {\r\n\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 6px;\r\n\r\n  min-height: 58px;\r\n\r\n  padding: 10px 15px;\r\n\r\n  border: 1px solid var(--border);\r\n\r\n  border-radius: 8px;\r\n\r\n  background: #ffffff;\r\n\r\n  color: var(--brown);\r\n\r\n  cursor: pointer;\r\n\r\n  font-family:\r\n    \"Plus Jakarta Sans\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  transition:\r\n    background .25s ease,\r\n    color .25s ease,\r\n    border .25s ease,\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n.jba-tab strong {\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n.jba-tab span {\r\n\r\n  font-size: 13px;\r\n\r\n  color: #8b7c70;\r\n\r\n}\r\n\r\n.jba-tab:hover {\r\n\r\n  border-color: var(--gold);\r\n\r\n  transform: translateY(-1px);\r\n\r\n}\r\n\r\n.jba-tab.active {\r\n\r\n  background: var(--gold-dark);\r\n\r\n  border-color: var(--gold-dark);\r\n\r\n  color: #ffffff;\r\n\r\n}\r\n\r\n.jba-tab.active span {\r\n\r\n  color: #f4e8d8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CASE STUDY\r\n========================================================= *\/\r\n\r\n.jba-case-study {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.7fr)\r\n    minmax(350px, .8fr);\r\n\r\n  gap: 22px;\r\n\r\n  align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.jba-image-box {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio: 16 \/ 9;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 12px;\r\n\r\n  border: 1px solid #ddd0c2;\r\n\r\n  background: #ddd;\r\n\r\n  box-shadow:\r\n    0 18px 45px rgba(44,33,27,.10);\r\n\r\n}\r\n\r\n.jba-img {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  display: block;\r\n\r\n}\r\n\r\n.jba-before {\r\n\r\n  z-index: 1;\r\n\r\n}\r\n\r\n.jba-after-wrapper {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 2;\r\n\r\n  top: 0;\r\n\r\n  right: 0;\r\n\r\n  bottom: 0;\r\n\r\n  width: 50%;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n.jba-after-wrapper .jba-after {\r\n\r\n  width: 200%;\r\n\r\n  max-width: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.jba-label {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 8;\r\n\r\n  top: 14px;\r\n\r\n  padding: 7px 10px;\r\n\r\n  border-radius: 4px;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .4px;\r\n\r\n  color: #fff;\r\n\r\n}\r\n\r\n.jba-label-before {\r\n\r\n  left: 14px;\r\n\r\n  background:\r\n    rgba(44,33,27,.85);\r\n\r\n}\r\n\r\n.jba-label-after {\r\n\r\n  right: 14px;\r\n\r\n  background:\r\n    rgba(140,99,56,.92);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n========================================================= *\/\r\n\r\n.jba-slider-line {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 6;\r\n\r\n  top: 0;\r\n\r\n  bottom: 0;\r\n\r\n  left: 50%;\r\n\r\n  width: 2px;\r\n\r\n  background: #ffffff;\r\n\r\n  transform: translateX(-50%);\r\n\r\n  box-shadow:\r\n    0 0 8px rgba(0,0,0,.25);\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n.jba-slider-button {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 7;\r\n\r\n  left: 50%;\r\n\r\n  top: 50%;\r\n\r\n  width: 42px;\r\n\r\n  height: 42px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border: 2px solid #fff;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--gold-dark);\r\n\r\n  color: #fff;\r\n\r\n  font-size: 17px;\r\n\r\n  transform:\r\n    translate(-50%, -50%);\r\n\r\n  box-shadow:\r\n    0 4px 14px rgba(0,0,0,.25);\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n.jba-range {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 10;\r\n\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  margin: 0;\r\n\r\n  opacity: 0;\r\n\r\n  cursor: ew-resize;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAPTION\r\n========================================================= *\/\r\n\r\n.jba-caption {\r\n\r\n  padding-top: 12px;\r\n\r\n  text-align: center;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.6;\r\n\r\n  color: #81746a;\r\n\r\n}\r\n\r\n.jba-caption span {\r\n\r\n  color: var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFORMATION CARD\r\n========================================================= *\/\r\n\r\n.jba-info {\r\n\r\n  padding: 25px;\r\n\r\n  background: #ffffff;\r\n\r\n  border: 1px solid var(--border);\r\n\r\n  border-radius: 12px;\r\n\r\n  box-shadow:\r\n    0 8px 28px rgba(44,33,27,.05);\r\n\r\n}\r\n\r\n.jba-location {\r\n\r\n  display: inline-block;\r\n\r\n  padding: 7px 9px;\r\n\r\n  margin-bottom: 12px;\r\n\r\n  border-radius: 4px;\r\n\r\n  background: #f5eee5;\r\n\r\n  color: #8b6948;\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.4;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .3px;\r\n\r\n}\r\n\r\n.jba-info h3 {\r\n\r\n  margin: 0 0 12px;\r\n\r\n  font-family:\r\n    \"Playfair Display\",\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 24px;\r\n\r\n  line-height: 1.3;\r\n\r\n  color: var(--dark);\r\n\r\n}\r\n\r\n.jba-description {\r\n\r\n  margin: 0 0 20px;\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.75;\r\n\r\n  color: var(--text);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   META\r\n========================================================= *\/\r\n\r\n.jba-meta {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2, 1fr);\r\n\r\n  gap: 9px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n}\r\n\r\n.jba-meta-item {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  padding: 12px;\r\n\r\n  border: 1px solid #e9dfd4;\r\n\r\n  border-radius: 7px;\r\n\r\n}\r\n\r\n.jba-meta-icon {\r\n\r\n  font-size: 17px;\r\n\r\n  color: var(--gold);\r\n\r\n}\r\n\r\n.jba-meta-item small {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 3px;\r\n\r\n  font-size: 10px;\r\n\r\n  color: #8c8077;\r\n\r\n}\r\n\r\n.jba-meta-item strong {\r\n\r\n  display: block;\r\n\r\n  font-size: 14px;\r\n\r\n  color: var(--brown);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MATERIAL\r\n========================================================= *\/\r\n\r\n.jba-material {\r\n\r\n  margin-bottom: 20px;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.6;\r\n\r\n  color: var(--text);\r\n\r\n}\r\n\r\n.jba-material > strong {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 7px;\r\n\r\n  font-size: 12px;\r\n\r\n  color: var(--brown);\r\n\r\n}\r\n\r\n.jba-material ul {\r\n\r\n  margin: 0;\r\n\r\n  padding-left: 18px;\r\n\r\n}\r\n\r\n.jba-material li {\r\n\r\n  margin-bottom: 4px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUDGET\r\n========================================================= *\/\r\n\r\n.jba-budget {\r\n\r\n  padding: 14px;\r\n\r\n  margin-bottom: 12px;\r\n\r\n  border: 1px solid #e2d4c3;\r\n\r\n  border-radius: 7px;\r\n\r\n  background: #f7f1e9;\r\n\r\n}\r\n\r\n.jba-budget > span {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 4px;\r\n\r\n  font-size: 10px;\r\n\r\n  color: #817267;\r\n\r\n}\r\n\r\n.jba-budget strong {\r\n\r\n  font-size: 19px;\r\n\r\n  color: #5d422c;\r\n\r\n}\r\n\r\n.jba-budget small {\r\n\r\n  margin-left: 4px;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 600;\r\n\r\n  color: #6e5947;\r\n\r\n}\r\n\r\n.jba-budget em {\r\n\r\n  display: block;\r\n\r\n  margin-top: 6px;\r\n\r\n  font-size: 10px;\r\n\r\n  font-style: normal;\r\n\r\n  color: #837466;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.jba-button {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 9px;\r\n\r\n  width: 100%;\r\n\r\n  padding: 13px 16px;\r\n\r\n  border-radius: 6px;\r\n\r\n  background: #3b2c23;\r\n\r\n  color: #ffffff !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n\r\n  transition:\r\n    background .25s ease,\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n.jba-button:hover {\r\n\r\n  background: var(--gold-dark);\r\n\r\n  transform: translateY(-1px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST\r\n========================================================= *\/\r\n\r\n.jba-trust {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4, 1fr);\r\n\r\n  gap: 10px;\r\n\r\n  margin-top: 20px;\r\n\r\n}\r\n\r\n.jba-trust div {\r\n\r\n  padding: 13px;\r\n\r\n  background: rgba(255,255,255,.65);\r\n\r\n  border: 1px solid var(--border);\r\n\r\n  border-radius: 7px;\r\n\r\n  text-align: center;\r\n\r\n  font-size: 11px;\r\n\r\n  color: #71645b;\r\n\r\n}\r\n\r\n.jba-trust span {\r\n\r\n  margin-right: 5px;\r\n\r\n  color: var(--gold);\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .jba-case-study {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n  }\r\n\r\n  .jba-info {\r\n\r\n    max-width: 700px;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0 auto;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  #julfian-before-after {\r\n\r\n    padding: 55px 15px;\r\n\r\n  }\r\n\r\n  .jba-header h2 {\r\n\r\n    font-size: 30px;\r\n\r\n  }\r\n\r\n  .jba-header p {\r\n\r\n    font-size: 14px;\r\n\r\n  }\r\n\r\n  .jba-tabs {\r\n\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n\r\n  }\r\n\r\n  .jba-tab {\r\n\r\n    min-height: 55px;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 2px;\r\n\r\n  }\r\n\r\n  .jba-tab strong {\r\n\r\n    font-size: 13px;\r\n\r\n  }\r\n\r\n  .jba-tab span {\r\n\r\n    font-size: 11px;\r\n\r\n  }\r\n\r\n  .jba-image-box {\r\n\r\n    aspect-ratio: 4 \/ 3;\r\n\r\n  }\r\n\r\n  .jba-info {\r\n\r\n    padding: 20px;\r\n\r\n  }\r\n\r\n  .jba-info h3 {\r\n\r\n    font-size: 22px;\r\n\r\n  }\r\n\r\n  .jba-description {\r\n\r\n    font-size: 13px;\r\n\r\n  }\r\n\r\n  .jba-meta-item strong {\r\n\r\n    font-size: 13px;\r\n\r\n  }\r\n\r\n  .jba-trust {\r\n\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n  .jba-header h2 {\r\n\r\n    font-size: 27px;\r\n\r\n  }\r\n\r\n  .jba-meta {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n  }\r\n\r\n  .jba-info {\r\n\r\n    padding: 17px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n  const section =\r\n    document.querySelector(\"#julfian-before-after\");\r\n\r\n  if (!section) return;\r\n\r\n\r\n  \/* =======================================================\r\n     PROJECT DATA\r\n  ======================================================= *\/\r\n\r\n  const projects = {\r\n\r\n    rumah: {\r\n\r\n      location:\r\n        \"RUMAH TINGGAL \u2022 CITRAGARDEN CITY, JAKARTA BARAT\",\r\n\r\n      title:\r\n        \"Modern Japandi Living & Dining Residence\",\r\n\r\n      description:\r\n        \"Renovasi menyeluruh area living dan dining dengan konsep open-space. Menggabungkan elemen kayu, warna warm tone, dan built-in furniture untuk menciptakan ruang yang nyaman, modern, dan fungsional.\",\r\n\r\n      area:\r\n        \"98 m\u00b2\",\r\n\r\n      duration:\r\n        \"32 Hari Kerja\",\r\n\r\n      budget:\r\n        \"Rp 145.000.000\",\r\n\r\n      budgetNote:\r\n        \"Full Furnish + Lighting\",\r\n\r\n      before:\r\n        \"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=1400&q=85\",\r\n\r\n      after:\r\n        \"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1400&q=85\",\r\n\r\n      materials: [\r\n        \"Multiplek Marine 18 mm\",\r\n        \"HPL Taco Warm Oak\",\r\n        \"Top Table White Carrara Quartz\",\r\n        \"Hardware Soft Closing\"\r\n      ]\r\n\r\n    },\r\n\r\n\r\n    apartemen: {\r\n\r\n      location:\r\n        \"APARTEMEN \u2022 JAKARTA SELATAN\",\r\n\r\n      title:\r\n        \"Modern Minimalist Apartment Residence\",\r\n\r\n      description:\r\n        \"Penataan ulang interior apartemen dengan pendekatan minimalis modern untuk memaksimalkan fungsi ruang, storage, pencahayaan, dan kenyamanan penghuni.\",\r\n\r\n      area:\r\n        \"46 m\u00b2\",\r\n\r\n      duration:\r\n        \"24 Hari Kerja\",\r\n\r\n      budget:\r\n        \"Rp 82.000.000\",\r\n\r\n      budgetNote:\r\n        \"Interior & Built-in\",\r\n\r\n      before:\r\n        \"https:\/\/images.unsplash.com\/photo-1617104678098-de229db51175?auto=format&fit=crop&w=1400&q=85\",\r\n\r\n      after:\r\n        \"https:\/\/images.unsplash.com\/photo-1615529162924-f8605388461d?auto=format&fit=crop&w=1400&q=85\",\r\n\r\n      materials: [\r\n        \"Multiplek 18 mm\",\r\n        \"HPL Premium\",\r\n        \"Quartz Countertop\",\r\n        \"Soft Closing Hardware\"\r\n      ]\r\n\r\n    },\r\n\r\n\r\n    kantor: {\r\n\r\n      location:\r\n        \"KANTOR \u2022 JAKARTA PUSAT\",\r\n\r\n      title:\r\n        \"Contemporary Office Renovation\",\r\n\r\n      description:\r\n        \"Renovasi ruang kantor dengan konsep contemporary yang mengutamakan alur kerja, area meeting, pencahayaan, dan tampilan profesional untuk kebutuhan bisnis.\",\r\n\r\n      area:\r\n        \"185 m\u00b2\",\r\n\r\n      duration:\r\n        \"45 Hari Kerja\",\r\n\r\n      budget:\r\n        \"Rp 285.000.000\",\r\n\r\n      budgetNote:\r\n        \"Interior & Fit-Out\",\r\n\r\n      before:\r\n        \"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1400&q=85\",\r\n\r\n      after:\r\n        \"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1400&q=85\",\r\n\r\n      materials: [\r\n        \"Acoustic Panel\",\r\n        \"HPL Wood Texture\",\r\n        \"Glass Partition\",\r\n        \"Commercial Lighting\"\r\n      ]\r\n\r\n    },\r\n\r\n\r\n    cafe: {\r\n\r\n      location:\r\n        \"CAF\u00c9 & RESTO \u2022 TANGERANG\",\r\n\r\n      title:\r\n        \"Warm Contemporary Caf\u00e9 & Dining\",\r\n\r\n      description:\r\n        \"Transformasi ruang komersial menjadi caf\u00e9 dan resto dengan karakter warm contemporary, layout fungsional, serta ambience yang mendukung pengalaman pelanggan.\",\r\n\r\n      area:\r\n        \"120 m\u00b2\",\r\n\r\n      duration:\r\n        \"38 Hari Kerja\",\r\n\r\n      budget:\r\n        \"Rp 210.000.000\",\r\n\r\n      budgetNote:\r\n        \"Interior & Fit-Out\",\r\n\r\n      before:\r\n        \"https:\/\/images.unsplash.com\/photo-1556740758-90de374c12ad?auto=format&fit=crop&w=1400&q=85\",\r\n\r\n      after:\r\n        \"https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1400&q=85\",\r\n\r\n      materials: [\r\n        \"Wood Panel\",\r\n        \"Decorative Wall Finish\",\r\n        \"Quartz Countertop\",\r\n        \"Commercial Lighting\"\r\n      ]\r\n\r\n    }\r\n\r\n  };\r\n\r\n\r\n  \/* =======================================================\r\n     ELEMENTS\r\n  ======================================================= *\/\r\n\r\n  const tabs =\r\n    section.querySelectorAll(\".jba-tab\");\r\n\r\n  const beforeImage =\r\n    section.querySelector(\"#jba-before-image\");\r\n\r\n  const afterImage =\r\n    section.querySelector(\"#jba-after-image\");\r\n\r\n  const location =\r\n    section.querySelector(\"#jba-location\");\r\n\r\n  const title =\r\n    section.querySelector(\"#jba-title\");\r\n\r\n  const description =\r\n    section.querySelector(\"#jba-description\");\r\n\r\n  const area =\r\n    section.querySelector(\"#jba-area\");\r\n\r\n  const duration =\r\n    section.querySelector(\"#jba-duration\");\r\n\r\n  const budget =\r\n    section.querySelector(\"#jba-budget\");\r\n\r\n  const budgetNote =\r\n    section.querySelector(\"#jba-budget-note\");\r\n\r\n  const materialList =\r\n    section.querySelector(\"#jba-material-list\");\r\n\r\n\r\n  \/* =======================================================\r\n     CHANGE PROJECT\r\n  ======================================================= *\/\r\n\r\n  function loadProject(projectName) {\r\n\r\n    const project =\r\n      projects[projectName];\r\n\r\n    if (!project) return;\r\n\r\n\r\n    \/* Text *\/\r\n\r\n    location.textContent =\r\n      project.location;\r\n\r\n    title.textContent =\r\n      project.title;\r\n\r\n    description.textContent =\r\n      project.description;\r\n\r\n    area.textContent =\r\n      project.area;\r\n\r\n    duration.textContent =\r\n      project.duration;\r\n\r\n    budget.textContent =\r\n      project.budget;\r\n\r\n    budgetNote.textContent =\r\n      project.budgetNote;\r\n\r\n\r\n    \/* Images *\/\r\n\r\n    beforeImage.src =\r\n      project.before;\r\n\r\n    afterImage.src =\r\n      project.after;\r\n\r\n\r\n    \/* Alt *\/\r\n\r\n    beforeImage.alt =\r\n      project.title +\r\n      \" sebelum renovasi\";\r\n\r\n    afterImage.alt =\r\n      project.title +\r\n      \" setelah renovasi\";\r\n\r\n\r\n    \/* Materials *\/\r\n\r\n    materialList.innerHTML = \"\";\r\n\r\n    project.materials.forEach(function (material) {\r\n\r\n      const li =\r\n        document.createElement(\"li\");\r\n\r\n      li.textContent =\r\n        material;\r\n\r\n      materialList.appendChild(li);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     TAB CLICK\r\n  ======================================================= *\/\r\n\r\n  tabs.forEach(function (tab) {\r\n\r\n    tab.addEventListener(\"click\", function () {\r\n\r\n      tabs.forEach(function (item) {\r\n\r\n        item.classList.remove(\"active\");\r\n\r\n        item.setAttribute(\r\n          \"aria-selected\",\r\n          \"false\"\r\n        );\r\n\r\n      });\r\n\r\n\r\n      this.classList.add(\"active\");\r\n\r\n      this.setAttribute(\r\n        \"aria-selected\",\r\n        \"true\"\r\n      );\r\n\r\n\r\n      const projectName =\r\n        this.getAttribute(\"data-project\");\r\n\r\n\r\n      loadProject(projectName);\r\n\r\n\r\n      \/* Reset slider *\/\r\n\r\n      range.value = 50;\r\n\r\n      updateSlider(50);\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  \/* =======================================================\r\n     BEFORE AFTER SLIDER\r\n  ======================================================= *\/\r\n\r\n  const range =\r\n    section.querySelector(\"#jba-range\");\r\n\r\n  const afterWrapper =\r\n    section.querySelector(\"#jba-after-wrapper\");\r\n\r\n  const sliderLine =\r\n    section.querySelector(\"#jba-slider-line\");\r\n\r\n  const sliderButton =\r\n    section.querySelector(\"#jba-slider-button\");\r\n\r\n\r\n  function updateSlider(value) {\r\n\r\n    afterWrapper.style.width =\r\n      value + \"%\";\r\n\r\n    sliderLine.style.left =\r\n      value + \"%\";\r\n\r\n    sliderButton.style.left =\r\n      value + \"%\";\r\n\r\n  }\r\n\r\n\r\n  range.addEventListener(\r\n    \"input\",\r\n    function () {\r\n\r\n      updateSlider(this.value);\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* Initial *\/\r\n\r\n  updateSlider(50);\r\n\r\n  loadProject(\"rumah\");\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7578b17 e-con-full e-flex e-con e-parent\" data-id=\"7578b17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eae8b35 elementor-widget elementor-widget-html\" data-id=\"eae8b35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"kalkulator-rab\">\r\n\r\n  <style>\r\n    \/* =========================================\r\n       KALKULATOR RAB - BASE\r\n    ========================================= *\/\r\n\r\n    #kalkulator-rab {\r\n      --brown: #8c6239;\r\n      --brown-dark: #392b22;\r\n      --brown-card: #4d3a2d;\r\n      --brown-light: #a97949;\r\n\r\n      --cream: #faf7f2;\r\n      --cream-2: #fcfaf7;\r\n      --border: #e5dbcf;\r\n\r\n      --text: #3d2e24;\r\n      --muted: #806f61;\r\n\r\n      width: 100%;\r\n      box-sizing: border-box;\r\n\r\n      background: #ffffff;\r\n      padding: 52px 20px 65px;\r\n\r\n      border-bottom: 1px solid #f0eae1;\r\n\r\n      font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n      color: var(--text);\r\n    }\r\n\r\n\r\n    #kalkulator-rab *,\r\n    #kalkulator-rab *::before,\r\n    #kalkulator-rab *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       HEADER\r\n    ========================================= *\/\r\n\r\n    .rab-header {\r\n      width: 100%;\r\n      max-width: 900px;\r\n\r\n      margin: 0 auto 34px;\r\n\r\n      text-align: center;\r\n    }\r\n\r\n\r\n    .rab-header-label {\r\n      display: block;\r\n\r\n      color: #9b7a5c;\r\n\r\n      font-size: 13px;\r\n      line-height: 1;\r\n\r\n      letter-spacing: 1.2px;\r\n\r\n      text-transform: uppercase;\r\n\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n\r\n    .rab-header h2 {\r\n      margin: 0 0 10px;\r\n\r\n      color: #2c211b;\r\n\r\n      font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n      font-size: 34px;\r\n      line-height: 1.2;\r\n\r\n      font-weight: 700;\r\n    }\r\n\r\n\r\n    .rab-header p {\r\n      max-width: 720px;\r\n\r\n      margin: 0 auto;\r\n\r\n      color: #88796d;\r\n\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       MAIN GRID\r\n    ========================================= *\/\r\n\r\n    .rab-container {\r\n      width: 100%;\r\n      max-width: 1060px;\r\n\r\n      margin: 0 auto;\r\n\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        minmax(0, 1.5fr)\r\n        minmax(330px, 0.95fr);\r\n\r\n      gap: 20px;\r\n\r\n      align-items: start;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       LEFT PANEL\r\n    ========================================= *\/\r\n\r\n    .rab-form {\r\n      background: var(--cream-2);\r\n\r\n      border: 1px solid #e5ddd3;\r\n\r\n      border-radius: 11px;\r\n\r\n      padding: 20px 22px 18px;\r\n    }\r\n\r\n\r\n    .rab-step {\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    .rab-step:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n\r\n    .rab-step-title {\r\n      display: flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 7px;\r\n\r\n      margin-bottom: 8px;\r\n\r\n      color: #4a3a2e;\r\n\r\n      font-size: 13px;\r\n      line-height: 1.3;\r\n\r\n      font-weight: 700;\r\n\r\n      text-transform: uppercase;\r\n    }\r\n\r\n\r\n    .rab-step-number {\r\n      width: 22px;\r\n      height: 22px;\r\n\r\n      flex: 0 0 22px;\r\n\r\n      display: flex;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      border-radius: 50%;\r\n\r\n      background: var(--brown);\r\n\r\n      color: #ffffff;\r\n\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       PROPERTY OPTIONS\r\n    ========================================= *\/\r\n\r\n    .rab-property-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(4, minmax(0, 1fr));\r\n\r\n      gap: 7px;\r\n    }\r\n\r\n\r\n    .rab-property {\r\n      min-height: 82px;\r\n\r\n      padding: 10px 9px;\r\n\r\n      background: #ffffff;\r\n\r\n      border: 1px solid #ddd3c8;\r\n\r\n      border-radius: 8px;\r\n\r\n      cursor: pointer;\r\n\r\n      text-align: left;\r\n\r\n      transition:\r\n        border-color .2s ease,\r\n        background .2s ease,\r\n        transform .15s ease;\r\n\r\n      color: #403329;\r\n    }\r\n\r\n\r\n    .rab-property:hover {\r\n      border-color: #b88b5c;\r\n    }\r\n\r\n\r\n    .rab-property.active {\r\n      background: #9a6b3e;\r\n\r\n      border-color: #9a6b3e;\r\n\r\n      color: #ffffff;\r\n    }\r\n\r\n\r\n    .rab-property-name {\r\n      display: block;\r\n\r\n      margin-bottom: 5px;\r\n\r\n      font-size: 12px;\r\n      line-height: 1.2;\r\n\r\n      font-weight: 700;\r\n    }\r\n\r\n\r\n    .rab-property-desc {\r\n      display: block;\r\n\r\n      font-size: 10px;\r\n      line-height: 1.35;\r\n\r\n      opacity: .9;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       AREA\r\n    ========================================= *\/\r\n\r\n    .rab-area-head {\r\n      display: flex;\r\n\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n\r\n    .rab-area-value {\r\n      min-width: 60px;\r\n\r\n      padding: 5px 8px;\r\n\r\n      border: 1px solid #ded5ca;\r\n\r\n      border-radius: 6px;\r\n\r\n      background: #ffffff;\r\n\r\n      color: #6e5846;\r\n\r\n      font-size: 13px;\r\n\r\n      text-align: center;\r\n    }\r\n\r\n\r\n    #rab-luas {\r\n      width: 100%;\r\n\r\n      height: 6px;\r\n\r\n      margin: 4px 0 4px;\r\n\r\n      appearance: none;\r\n\r\n      -webkit-appearance: none;\r\n\r\n      background: #ddd6cf;\r\n\r\n      border-radius: 10px;\r\n\r\n      cursor: pointer;\r\n\r\n      accent-color: var(--brown);\r\n    }\r\n\r\n\r\n    #rab-luas::-webkit-slider-thumb {\r\n      appearance: none;\r\n\r\n      -webkit-appearance: none;\r\n\r\n      width: 16px;\r\n      height: 16px;\r\n\r\n      border-radius: 50%;\r\n\r\n      background: var(--brown);\r\n\r\n      border: 2px solid #ffffff;\r\n\r\n      box-shadow: 0 0 0 1px var(--brown);\r\n\r\n      cursor: pointer;\r\n    }\r\n\r\n\r\n    #rab-luas::-moz-range-thumb {\r\n      width: 16px;\r\n      height: 16px;\r\n\r\n      border-radius: 50%;\r\n\r\n      background: var(--brown);\r\n\r\n      border: 2px solid #ffffff;\r\n\r\n      cursor: pointer;\r\n    }\r\n\r\n\r\n    .rab-area-labels {\r\n      display: flex;\r\n\r\n      justify-content: space-between;\r\n\r\n      gap: 10px;\r\n\r\n      color: #96877b;\r\n\r\n      font-size: 10px;\r\n\r\n      line-height: 1.3;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       STYLE OPTIONS\r\n    ========================================= *\/\r\n\r\n    .rab-style-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n      gap: 7px;\r\n    }\r\n\r\n\r\n    .rab-style {\r\n      min-height: 62px;\r\n\r\n      padding: 9px;\r\n\r\n      border: 1px solid #ddd3c8;\r\n\r\n      border-radius: 8px;\r\n\r\n      background: #ffffff;\r\n\r\n      text-align: left;\r\n\r\n      cursor: pointer;\r\n\r\n      color: #403329;\r\n\r\n      transition: .2s ease;\r\n    }\r\n\r\n\r\n    .rab-style:hover {\r\n      border-color: #b88b5c;\r\n    }\r\n\r\n\r\n    .rab-style.active {\r\n      border: 2px solid var(--brown);\r\n\r\n      padding: 8px;\r\n    }\r\n\r\n\r\n    .rab-option-head {\r\n      display: flex;\r\n\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      gap: 10px;\r\n    }\r\n\r\n\r\n    .rab-option-name {\r\n      font-size: 12px;\r\n\r\n      font-weight: 700;\r\n\r\n      line-height: 1.25;\r\n    }\r\n\r\n\r\n    .rab-option-check {\r\n      color: var(--brown);\r\n\r\n      font-size: 14px;\r\n\r\n      line-height: 1;\r\n\r\n      opacity: 0;\r\n    }\r\n\r\n\r\n    .active .rab-option-check {\r\n      opacity: 1;\r\n    }\r\n\r\n\r\n    .rab-option-desc {\r\n      display: block;\r\n\r\n      margin-top: 5px;\r\n\r\n      color: #817467;\r\n\r\n      font-size: 10px;\r\n\r\n      line-height: 1.3;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       MATERIAL\r\n    ========================================= *\/\r\n\r\n    .rab-material-list {\r\n      display: flex;\r\n\r\n      flex-direction: column;\r\n\r\n      gap: 6px;\r\n    }\r\n\r\n\r\n    .rab-material {\r\n      width: 100%;\r\n\r\n      min-height: 56px;\r\n\r\n      padding: 9px 10px;\r\n\r\n      border: 1px solid #ddd3c8;\r\n\r\n      border-radius: 8px;\r\n\r\n      background: #ffffff;\r\n\r\n      text-align: left;\r\n\r\n      cursor: pointer;\r\n\r\n      color: #403329;\r\n\r\n      transition: .2s ease;\r\n    }\r\n\r\n\r\n    .rab-material:hover {\r\n      border-color: #b88b5c;\r\n    }\r\n\r\n\r\n    .rab-material.active {\r\n      border: 2px solid var(--brown);\r\n\r\n      padding: 8px 9px;\r\n    }\r\n\r\n\r\n    .rab-material .rab-option-desc {\r\n      margin-top: 4px;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       PROMO\r\n    ========================================= *\/\r\n\r\n    .rab-promo {\r\n      display: flex;\r\n\r\n      align-items: flex-start;\r\n\r\n      gap: 7px;\r\n\r\n      margin-top: 13px;\r\n\r\n      padding: 9px 10px;\r\n\r\n      background: #fff9ef;\r\n\r\n      border: 1px solid #e8d9c2;\r\n\r\n      border-radius: 7px;\r\n\r\n      color: #67584c;\r\n\r\n      font-size: 10.5px;\r\n\r\n      line-height: 1.45;\r\n    }\r\n\r\n\r\n    .rab-promo input {\r\n      width: 14px;\r\n      height: 14px;\r\n\r\n      flex: 0 0 14px;\r\n\r\n      margin: 1px 0 0;\r\n\r\n      accent-color: var(--brown);\r\n    }\r\n\r\n\r\n    .rab-promo strong {\r\n      color: var(--brown);\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       RIGHT SUMMARY\r\n    ========================================= *\/\r\n\r\n    .rab-summary {\r\n      position: sticky;\r\n\r\n      top: 20px;\r\n\r\n      background: var(--brown-dark);\r\n\r\n      border-radius: 11px;\r\n\r\n      padding: 20px;\r\n\r\n      color: #ffffff;\r\n\r\n      box-shadow:\r\n        0 7px 22px rgba(44,33,27,.14);\r\n    }\r\n\r\n\r\n    .rab-summary-label {\r\n      display: inline-block;\r\n\r\n      padding: 5px 7px;\r\n\r\n      margin-bottom: 9px;\r\n\r\n      background: #604634;\r\n\r\n      border-radius: 3px;\r\n\r\n      color: #d5a06b;\r\n\r\n      font-size: 10px;\r\n\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .7px;\r\n\r\n      text-transform: uppercase;\r\n    }\r\n\r\n\r\n    .rab-summary h3 {\r\n      margin: 0 0 5px;\r\n\r\n      font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n      font-size: 25px;\r\n\r\n      line-height: 1.15;\r\n\r\n      font-weight: 700;\r\n    }\r\n\r\n\r\n    .rab-summary-subtitle {\r\n      margin: 0 0 13px;\r\n\r\n      color: #c9b8aa;\r\n\r\n      font-size: 11px;\r\n\r\n      line-height: 1.5;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       TOTAL CARD\r\n    ========================================= *\/\r\n\r\n    .rab-total-card {\r\n      padding: 13px;\r\n\r\n      margin-bottom: 15px;\r\n\r\n      background: var(--brown-card);\r\n\r\n      border: 1px solid #624b39;\r\n\r\n      border-radius: 8px;\r\n    }\r\n\r\n\r\n    .rab-total-label {\r\n      display: block;\r\n\r\n      margin-bottom: 4px;\r\n\r\n      color: #c9b8aa;\r\n\r\n      font-size: 10px;\r\n    }\r\n\r\n\r\n    #rab-total {\r\n      color: #dfa66d;\r\n\r\n      font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n      font-size: 32px;\r\n\r\n      line-height: 1.1;\r\n\r\n      font-weight: 700;\r\n    }\r\n\r\n\r\n    .rab-average {\r\n      display: block;\r\n\r\n      margin-top: 4px;\r\n\r\n      color: #c9b8aa;\r\n\r\n      font-size: 10px;\r\n    }\r\n\r\n\r\n    .rab-average strong {\r\n      color: #e0d0c3;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       BREAKDOWN\r\n    ========================================= *\/\r\n\r\n    .rab-breakdown-title {\r\n      padding-bottom: 7px;\r\n\r\n      margin-bottom: 9px;\r\n\r\n      border-bottom: 1px solid #5b4638;\r\n\r\n      color: #ffffff;\r\n\r\n      font-size: 11px;\r\n\r\n      font-weight: 700;\r\n\r\n      text-transform: uppercase;\r\n    }\r\n\r\n\r\n    .rab-breakdown {\r\n      display: flex;\r\n\r\n      flex-direction: column;\r\n\r\n      gap: 8px;\r\n\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n\r\n    .rab-breakdown-row {\r\n      display: flex;\r\n\r\n      justify-content: space-between;\r\n\r\n      align-items: flex-start;\r\n\r\n      gap: 10px;\r\n\r\n      color: #c9b8aa;\r\n\r\n      font-size: 10.5px;\r\n\r\n      line-height: 1.35;\r\n    }\r\n\r\n\r\n    .rab-breakdown-row strong {\r\n      flex: 0 0 auto;\r\n\r\n      color: #ffffff;\r\n\r\n      font-size: 10.5px;\r\n\r\n      white-space: nowrap;\r\n    }\r\n\r\n\r\n    .rab-free {\r\n      color: #00d99a;\r\n\r\n      font-size: 10px;\r\n\r\n      font-weight: 700;\r\n\r\n      white-space: nowrap;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       GUARANTEE\r\n    ========================================= *\/\r\n\r\n    .rab-guarantee {\r\n      display: flex;\r\n\r\n      align-items: flex-start;\r\n\r\n      gap: 8px;\r\n\r\n      padding: 10px;\r\n\r\n      margin-bottom: 13px;\r\n\r\n      background: #30241d;\r\n\r\n      border: 1px solid #49372b;\r\n\r\n      border-radius: 8px;\r\n    }\r\n\r\n\r\n    .rab-guarantee-icon {\r\n      color: #00d99a;\r\n\r\n      font-size: 14px;\r\n\r\n      line-height: 1;\r\n    }\r\n\r\n\r\n    .rab-guarantee-title {\r\n      display: block;\r\n\r\n      margin-bottom: 3px;\r\n\r\n      color: #ffffff;\r\n\r\n      font-size: 10.5px;\r\n\r\n      font-weight: 700;\r\n    }\r\n\r\n\r\n    .rab-guarantee-text {\r\n      margin: 0;\r\n\r\n      color: #bcaea3;\r\n\r\n      font-size: 9.5px;\r\n\r\n      line-height: 1.45;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       WHATSAPP\r\n    ========================================= *\/\r\n\r\n    .rab-whatsapp {\r\n      display: flex;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 7px;\r\n\r\n      width: 100%;\r\n\r\n      min-height: 45px;\r\n\r\n      padding: 10px 12px;\r\n\r\n      background: #dba76d;\r\n\r\n      border-radius: 7px;\r\n\r\n      color: #30231b;\r\n\r\n      text-decoration: none;\r\n\r\n      font-size: 12px;\r\n\r\n      font-weight: 700;\r\n\r\n      transition:\r\n        background .2s ease,\r\n        transform .2s ease;\r\n    }\r\n\r\n\r\n    .rab-whatsapp:hover {\r\n      background: #e5b47d;\r\n\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n\r\n    .rab-whatsapp-arrow {\r\n      font-size: 16px;\r\n\r\n      line-height: 1;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       RESPONSIVE\r\n    ========================================= *\/\r\n\r\n    @media (max-width: 850px) {\r\n\r\n      #kalkulator-rab {\r\n        padding: 40px 15px 50px;\r\n      }\r\n\r\n\r\n      .rab-container {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n\r\n      .rab-summary {\r\n        position: relative;\r\n\r\n        top: auto;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @media (max-width: 600px) {\r\n\r\n      .rab-header h2 {\r\n        font-size: 28px;\r\n      }\r\n\r\n\r\n      .rab-header p {\r\n        font-size: 13px;\r\n      }\r\n\r\n\r\n      .rab-form {\r\n        padding: 16px;\r\n      }\r\n\r\n\r\n      .rab-property-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n\r\n      .rab-style-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n\r\n      .rab-area-labels span:nth-child(2),\r\n      .rab-area-labels span:nth-child(3) {\r\n        display: none;\r\n      }\r\n\r\n\r\n      .rab-summary {\r\n        padding: 17px;\r\n      }\r\n\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <!-- =========================================\r\n       HEADER\r\n  ========================================== -->\r\n\r\n  <div class=\"rab-header\">\r\n\r\n    <span class=\"rab-header-label\">\r\n      KALKULATOR ESTIMASI RAB\r\n    <\/span>\r\n\r\n    <h2>\r\n      Kalkulator Estimasi RAB Jasa Desain Interior\r\n    <\/h2>\r\n\r\n    <p>\r\n      Dapatkan simulasi anggaran realistis dalam 30 detik tanpa biaya tersembunyi.\r\n      Perhitungan disesuaikan dengan tipe ruang, luas area, gaya desain,\r\n      serta spesifikasi material pilihan Anda.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =========================================\r\n       CONTENT\r\n  ========================================== -->\r\n\r\n  <div class=\"rab-container\">\r\n\r\n\r\n    <!-- ======================================\r\n         FORM\r\n    ======================================= -->\r\n\r\n    <div class=\"rab-form\">\r\n\r\n\r\n      <!-- STEP 1 -->\r\n      <div class=\"rab-step\">\r\n\r\n        <div class=\"rab-step-title\">\r\n          <span class=\"rab-step-number\">1<\/span>\r\n          <span>Pilih Tipe Properti & Ruangan<\/span>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"rab-property-grid\">\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"rab-property active\"\r\n            data-name=\"Rumah Tinggal\"\r\n            data-price=\"2800000\">\r\n\r\n            <span class=\"rab-property-name\">\r\n              Rumah Tinggal\r\n            <\/span>\r\n\r\n            <span class=\"rab-property-desc\">\r\n              Living room, kitchen set,\r\n              master bedroom & lainnya\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"rab-property\"\r\n            data-name=\"Apartemen\"\r\n            data-price=\"3200000\">\r\n\r\n            <span class=\"rab-property-name\">\r\n              Apartemen\r\n            <\/span>\r\n\r\n            <span class=\"rab-property-desc\">\r\n              Studio \/ 2BR compact\r\n              smart storage & custom\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"rab-property\"\r\n            data-name=\"Kantor \/ Komersial\"\r\n            data-price=\"3000000\">\r\n\r\n            <span class=\"rab-property-name\">\r\n              Kantor \/ Komersial\r\n            <\/span>\r\n\r\n            <span class=\"rab-property-desc\">\r\n              Workstation ergonomis,\r\n              ruang meeting & office\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"rab-property\"\r\n            data-name=\"Cafe & Resto\"\r\n            data-price=\"3500000\">\r\n\r\n            <span class=\"rab-property-name\">\r\n              Cafe & Resto\r\n            <\/span>\r\n\r\n            <span class=\"rab-property-desc\">\r\n              Bar counter, display,\r\n              seating area & spot foto\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- STEP 2 -->\r\n      <div class=\"rab-step\">\r\n\r\n        <div class=\"rab-area-head\">\r\n\r\n          <div class=\"rab-step-title\" style=\"margin-bottom:0\">\r\n            <span class=\"rab-step-number\">2<\/span>\r\n            <span>Perkiraan Luas Area Ruangan (M\u00b2)<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"rab-area-value\">\r\n            <span id=\"rab-luas-value\">45<\/span> m\u00b2\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <input\r\n          id=\"rab-luas\"\r\n          type=\"range\"\r\n          min=\"15\"\r\n          max=\"200\"\r\n          value=\"45\"\r\n        >\r\n\r\n\r\n        <div class=\"rab-area-labels\">\r\n\r\n          <span>\r\n            15 m\u00b2 (Studio \/ Kamar)\r\n          <\/span>\r\n\r\n          <span>\r\n            60 m\u00b2 (Apartemen 2BR)\r\n          <\/span>\r\n\r\n          <span>\r\n            120 m\u00b2 (Rumah 1 Lantai)\r\n          <\/span>\r\n\r\n          <span>\r\n            200 m\u00b2 (Villa \/ Kantor)\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- STEP 3 -->\r\n      <div class=\"rab-step\">\r\n\r\n        <div class=\"rab-step-title\">\r\n          <span class=\"rab-step-number\">3<\/span>\r\n          <span>Pilihan Gaya Desain Interior<\/span>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"rab-style-grid\">\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"rab-style active\"\r\n            data-name=\"Japandi Natural\"\r\n            data-multiplier=\"1\">\r\n\r\n            <div class=\"rab-option-head\">\r\n\r\n              <span class=\"rab-option-name\">\r\n                Japandi Natural\r\n              <\/span>\r\n\r\n              <span class=\"rab-option-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <span class=\"rab-option-desc\">\r\n              Kayu hangat, palet krem netral,\r\n              minim profil\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"rab-style\"\r\n            data-name=\"Modern Minimalis\"\r\n            data-multiplier=\"1.08\">\r\n\r\n            <div class=\"rab-option-head\">\r\n\r\n              <span class=\"rab-option-name\">\r\n                Modern Minimalis\r\n              <\/span>\r\n\r\n              <span class=\"rab-option-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <span class=\"rab-option-desc\">\r\n              Garis geometris tegas,\r\n              indirect lighting LED\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"rab-style\"\r\n            data-name=\"Modern Luxury Classic\"\r\n            data-multiplier=\"1.25\">\r\n\r\n            <div class=\"rab-option-head\">\r\n\r\n              <span class=\"rab-option-name\">\r\n                Modern Luxury Classic\r\n              <\/span>\r\n\r\n              <span class=\"rab-option-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <span class=\"rab-option-desc\">\r\n              Cat duco PU oven,\r\n              profil elegan & aksen marmer\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"rab-style\"\r\n            data-name=\"Warm Industrial\"\r\n            data-multiplier=\"1.12\">\r\n\r\n            <div class=\"rab-option-head\">\r\n\r\n              <span class=\"rab-option-name\">\r\n                Warm Industrial\r\n              <\/span>\r\n\r\n              <span class=\"rab-option-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <span class=\"rab-option-desc\">\r\n              Kombinasi besi hollow hitam\r\n              & kayu solid\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- STEP 4 -->\r\n      <div class=\"rab-step\">\r\n\r\n        <div class=\"rab-step-title\">\r\n          <span class=\"rab-step-number\">4<\/span>\r\n          <span>Tingkat Spesifikasi Material & Hardware<\/span>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"rab-material-list\">\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"rab-material active\"\r\n            data-name=\"Standard (Plywood + HPL TACO)\"\r\n            data-multiplier=\"1\">\r\n\r\n            <div class=\"rab-option-head\">\r\n\r\n              <div>\r\n\r\n                <span class=\"rab-option-name\">\r\n                  Standard\r\n                  <span style=\"font-weight:400\">\r\n                    (Plywood + HPL TACO)\r\n                  <\/span>\r\n                <\/span>\r\n\r\n                <span class=\"rab-option-desc\">\r\n                  Multiple 18mm, TACO HPL,\r\n                  engsel-soft close standard\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n              <span class=\"rab-option-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"rab-material\"\r\n            data-name=\"Premium (Plywood Meranti + HPL + Blum)\"\r\n            data-multiplier=\"1.18\">\r\n\r\n            <div class=\"rab-option-head\">\r\n\r\n              <div>\r\n\r\n                <span class=\"rab-option-name\">\r\n                  Premium\r\n                  <span style=\"font-weight:400\">\r\n                    (Plywood Meranti + HPL + Blum)\r\n                  <\/span>\r\n                <\/span>\r\n\r\n                <span class=\"rab-option-desc\">\r\n                  Multiple Meranti Grade A,\r\n                  HPL tekstur, rel tandem & engsel Blum\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n              <span class=\"rab-option-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"rab-material\"\r\n            data-name=\"Luxury (Cat Duco PU + Quartz Top Table)\"\r\n            data-multiplier=\"1.35\">\r\n\r\n            <div class=\"rab-option-head\">\r\n\r\n              <div>\r\n\r\n                <span class=\"rab-option-name\">\r\n                  Luxury\r\n                  <span style=\"font-weight:400\">\r\n                    (Cat Duco PU + Quartz Top Table)\r\n                  <\/span>\r\n                <\/span>\r\n\r\n                <span class=\"rab-option-desc\">\r\n                  Full cat duco semi oven,\r\n                  top meja quartzstone tahan gores\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n              <span class=\"rab-option-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PROMO -->\r\n\r\n        <label class=\"rab-promo\">\r\n\r\n          <input\r\n            type=\"checkbox\"\r\n            checked\r\n          >\r\n\r\n          <span>\r\n\r\n            <strong>\r\n              Promo Design 3D GRATIS 100%:\r\n            <\/strong>\r\n\r\n            Biaya render 3D bernilai\r\n            <strong>Rp 9.000.000<\/strong>\r\n            otomatis gratis jika dilanjutkan\r\n            ke kontrak produksi interior di Julfian.com.\r\n\r\n          <\/span>\r\n\r\n        <\/label>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ======================================\r\n         SUMMARY\r\n    ======================================= -->\r\n\r\n    <div class=\"rab-summary\">\r\n\r\n\r\n      <span class=\"rab-summary-label\">\r\n        Simulasi RAB Real-Time\r\n      <\/span>\r\n\r\n\r\n      <h3>\r\n        Estimasi Total Pekerjaan\r\n      <\/h3>\r\n\r\n\r\n      <p class=\"rab-summary-subtitle\">\r\n\r\n        Untuk\r\n        <span id=\"rab-property-name\">\r\n          Rumah Tinggal\r\n        <\/span>\r\n        seluas\r\n        <span id=\"rab-summary-area\">\r\n          45\r\n        <\/span>\r\n        m\u00b2 dengan spesifikasi terpilih.\r\n\r\n      <\/p>\r\n\r\n\r\n      <!-- TOTAL -->\r\n\r\n      <div class=\"rab-total-card\">\r\n\r\n        <span class=\"rab-total-label\">\r\n          Perkiraan Biaya Produksi+Jasa\r\n        <\/span>\r\n\r\n        <div id=\"rab-total\">\r\n          Rp 126.000.000\r\n        <\/div>\r\n\r\n        <span class=\"rab-average\">\r\n\r\n          Rata-rata:\r\n          <strong id=\"rab-price-meter\">\r\n            Rp 2.800.000\r\n          <\/strong>\r\n          \/m\u00b2\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- BREAKDOWN -->\r\n\r\n      <div class=\"rab-breakdown-title\">\r\n        Alokasi Anggaran Rekomendasi:\r\n      <\/div>\r\n\r\n\r\n      <div class=\"rab-breakdown\">\r\n\r\n\r\n        <div class=\"rab-breakdown-row\">\r\n\r\n          <span>\r\n            Custom Furniture (Plywood 18mm + HPL)\r\n          <\/span>\r\n\r\n          <strong id=\"rab-furniture\">\r\n            Rp 69.300.000\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"rab-breakdown-row\">\r\n\r\n          <span>\r\n            Finishing Dinding, Backdrop & Papan\r\n          <\/span>\r\n\r\n          <strong id=\"rab-finishing\">\r\n            Rp 31.500.000\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"rab-breakdown-row\">\r\n\r\n          <span>\r\n            Pencahayaan & Electrical Ambient LED\r\n          <\/span>\r\n\r\n          <strong id=\"rab-lighting\">\r\n            Rp 15.120.000\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"rab-breakdown-row\">\r\n\r\n          <span>\r\n            Instalasi Bersih, Pengiriman & Garansi\r\n          <\/span>\r\n\r\n          <strong id=\"rab-installation\">\r\n            Rp 10.080.000\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"rab-breakdown-row\">\r\n\r\n          <span>\r\n            Jasa Desain 3D & Gambar Kerja\r\n          <\/span>\r\n\r\n          <span class=\"rab-free\">\r\n            GRATIS\r\n            <span style=\"font-weight:400\">\r\n              (Hemat Rp 9.000.000)\r\n            <\/span>\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- GUARANTEE -->\r\n\r\n      <div class=\"rab-guarantee\">\r\n\r\n        <div class=\"rab-guarantee-icon\">\r\n          \u2713\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <span class=\"rab-guarantee-title\">\r\n            Garansi Resmi Mebel Kayu 36 Bulan\r\n          <\/span>\r\n\r\n          <p class=\"rab-guarantee-text\">\r\n            RAB final akan diukur ulang secara presisi\r\n            saat survei gratis ke lokasi Anda.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- WHATSAPP -->\r\n\r\n      <a\r\n        class=\"rab-whatsapp\"\r\n        id=\"rab-whatsapp\"\r\n        href=\"https:\/\/wa.me\/6287878938096?text=Halo%20Julfian%2C%20saya%20ingin%20mendapatkan%20simulasi%20RAB%20interior.\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n      >\r\n\r\n        Kirim Hasil Simulasi ke WhatsApp Arsitek\r\n\r\n        <span class=\"rab-whatsapp-arrow\">\r\n          \u2192\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =========================================\r\n       JAVASCRIPT\r\n  ========================================== -->\r\n\r\n  <script>\r\n    (function () {\r\n\r\n      const root =\r\n        document.getElementById(\"kalkulator-rab\");\r\n\r\n      if (!root) return;\r\n\r\n\r\n      let propertyPrice = 2800000;\r\n      let propertyName = \"Rumah Tinggal\";\r\n\r\n      let styleName = \"Japandi Natural\";\r\n      let styleMultiplier = 1;\r\n\r\n      let materialName = \"Standard (Plywood + HPL TACO)\";\r\n      let materialMultiplier = 1;\r\n\r\n\r\n      const luas =\r\n        root.querySelector(\"#rab-luas\");\r\n\r\n\r\n      function rupiah(value) {\r\n\r\n        return \"Rp \" +\r\n          Math.round(value)\r\n            .toLocaleString(\"id-ID\");\r\n\r\n      }\r\n\r\n\r\n      function calculate() {\r\n\r\n        const area =\r\n          Number(luas.value);\r\n\r\n\r\n        const pricePerMeter =\r\n          Math.round(\r\n            propertyPrice *\r\n            styleMultiplier *\r\n            materialMultiplier\r\n          );\r\n\r\n\r\n        const total =\r\n          area * pricePerMeter;\r\n\r\n\r\n        const furniture = total * .55;\r\n        const finishing = total * .25;\r\n        const lighting  = total * .12;\r\n        const installation = total * .08;\r\n\r\n\r\n        root.querySelector(\"#rab-luas-value\")\r\n          .textContent = area;\r\n\r\n\r\n        root.querySelector(\"#rab-summary-area\")\r\n          .textContent = area;\r\n\r\n\r\n        root.querySelector(\"#rab-property-name\")\r\n          .textContent = propertyName;\r\n\r\n\r\n        root.querySelector(\"#rab-total\")\r\n          .textContent = rupiah(total);\r\n\r\n\r\n        root.querySelector(\"#rab-price-meter\")\r\n          .textContent = rupiah(pricePerMeter);\r\n\r\n\r\n        root.querySelector(\"#rab-furniture\")\r\n          .textContent = rupiah(furniture);\r\n\r\n\r\n        root.querySelector(\"#rab-finishing\")\r\n          .textContent = rupiah(finishing);\r\n\r\n\r\n        root.querySelector(\"#rab-lighting\")\r\n          .textContent = rupiah(lighting);\r\n\r\n\r\n        root.querySelector(\"#rab-installation\")\r\n          .textContent = rupiah(installation);\r\n\r\n\r\n        \/* =====================================\r\n           UPDATE WHATSAPP LINK OTOMATIS\r\n        ===================================== *\/\r\n\r\n        const pesan =\r\n\r\n          \"Halo Julfian, saya ingin konsultasi RAB interior.\\n\\n\" +\r\n\r\n          \"Berikut hasil simulasi kalkulator RAB saya:\\n\\n\" +\r\n\r\n          \"*Tipe Properti:* \" + propertyName + \"\\n\" +\r\n          \"*Luas Area:* \" + area + \" m\u00b2\\n\" +\r\n          \"*Gaya Desain:* \" + styleName + \"\\n\" +\r\n          \"*Spesifikasi Material:* \" + materialName + \"\\n\\n\" +\r\n\r\n          \"*ESTIMASI TOTAL:* \" + rupiah(total) + \"\\n\" +\r\n          \"*Harga per m\u00b2:* \" + rupiah(pricePerMeter) + \"\\n\\n\" +\r\n\r\n          \"*Rincian Alokasi Anggaran:*\\n\" +\r\n          \"- Custom Furniture: \" + rupiah(furniture) + \"\\n\" +\r\n          \"- Finishing Dinding & Backdrop: \" + rupiah(finishing) + \"\\n\" +\r\n          \"- Pencahayaan & Electrical: \" + rupiah(lighting) + \"\\n\" +\r\n          \"- Instalasi & Pengiriman: \" + rupiah(installation) + \"\\n\" +\r\n          \"- Jasa Desain 3D: GRATIS (Hemat Rp 9.000.000)\\n\\n\" +\r\n\r\n          \"Mohon informasi lebih lanjut mengenai proses survei dan kontrak produksinya. Terima kasih.\";\r\n\r\n\r\n        const wa =\r\n          root.querySelector(\"#rab-whatsapp\");\r\n\r\n\r\n        wa.href =\r\n          \"https:\/\/wa.me\/6287878938096?text=\" +\r\n          encodeURIComponent(pesan);\r\n\r\n      }\r\n\r\n\r\n      \/* PROPERTY *\/\r\n\r\n      root\r\n        .querySelectorAll(\".rab-property\")\r\n        .forEach(function (button) {\r\n\r\n          button.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n              root\r\n                .querySelectorAll(\".rab-property\")\r\n                .forEach(function (item) {\r\n\r\n                  item.classList.remove(\"active\");\r\n\r\n                });\r\n\r\n\r\n              this.classList.add(\"active\");\r\n\r\n\r\n              propertyName =\r\n                this.dataset.name;\r\n\r\n\r\n              propertyPrice =\r\n                Number(this.dataset.price);\r\n\r\n\r\n              calculate();\r\n\r\n            });\r\n\r\n        });\r\n\r\n\r\n      \/* STYLE *\/\r\n\r\n      root\r\n        .querySelectorAll(\".rab-style\")\r\n        .forEach(function (button) {\r\n\r\n          button.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n              root\r\n                .querySelectorAll(\".rab-style\")\r\n                .forEach(function (item) {\r\n\r\n                  item.classList.remove(\"active\");\r\n\r\n                });\r\n\r\n\r\n              this.classList.add(\"active\");\r\n\r\n\r\n              styleName =\r\n                this.dataset.name;\r\n\r\n\r\n              styleMultiplier =\r\n                Number(this.dataset.multiplier);\r\n\r\n\r\n              calculate();\r\n\r\n            });\r\n\r\n        });\r\n\r\n\r\n      \/* MATERIAL *\/\r\n\r\n      root\r\n        .querySelectorAll(\".rab-material\")\r\n        .forEach(function (button) {\r\n\r\n          button.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n              root\r\n                .querySelectorAll(\".rab-material\")\r\n                .forEach(function (item) {\r\n\r\n                  item.classList.remove(\"active\");\r\n\r\n                });\r\n\r\n\r\n              this.classList.add(\"active\");\r\n\r\n\r\n              materialName =\r\n                this.dataset.name;\r\n\r\n\r\n              materialMultiplier =\r\n                Number(this.dataset.multiplier);\r\n\r\n\r\n              calculate();\r\n\r\n            });\r\n\r\n        });\r\n\r\n\r\n      \/* SLIDER *\/\r\n\r\n      luas.addEventListener(\r\n        \"input\",\r\n        calculate\r\n      );\r\n\r\n\r\n      calculate();\r\n\r\n    })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-554d6f8 e-con-full e-flex e-con e-parent\" data-id=\"554d6f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f949db elementor-widget elementor-widget-html\" data-id=\"5f949db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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>Spesifikasi Material Custom Furniture<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap');\r\n        \r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            background-color: #FDFBF9;\r\n            color: #2C211B;\r\n        }\r\n        .font-serif-custom {\r\n            font-family: 'Playfair Display', serif;\r\n        }\r\n        .bg-brown-primary { background-color: #8C6239; }\r\n        .text-brown-primary { color: #8C6239; }\r\n        .border-light { border-color: #EAE1D5; }\r\n        .bg-table-stripe { background-color: #FAF8F5; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"py-16 px-4 sm:px-8\">\r\n\r\n    <div class=\"max-w-5xl mx-auto\">\r\n        \r\n        <!-- ========================================== -->\r\n        <!-- HEADER SECTION -->\r\n        <!-- ========================================== -->\r\n        <div class=\"text-center mb-12\">\r\n            <div class=\"inline-flex items-center gap-2 mb-4 bg-[#F9F6F0] px-3 py-1.5 rounded-full border border-[#EAE1D5]\">\r\n                <svg class=\"w-4 h-4 text-brown-primary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg>\r\n                <span class=\"text-brown-primary font-bold tracking-widest text-[10px] uppercase\">Standar Mutu & Ketahanan Kayu<\/span>\r\n            <\/div>\r\n            <h1 class=\"font-serif-custom text-4xl sm:text-5xl font-bold text-[#2C211B] mb-5 leading-tight\">\r\n                Spesifikasi Material Custom Furniture<br>Berkualitas\r\n            <\/h1>\r\n            <p class=\"text-[#665445] text-sm sm:text-base max-w-2xl mx-auto leading-relaxed\">\r\n                Keindahan desain interior akan sia-sia jika furniture lapuk dalam 1-2 tahun. Julfian.com secara ketat hanya menggunakan kayu lapis multiplek padat dan aksesoris bersertifikat internasional.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- ========================================== -->\r\n        <!-- TOP SECTION: ACCORDION & DETAILS -->\r\n        <!-- ========================================== -->\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-6 mb-12\">\r\n            \r\n            <!-- KOLOM KIRI: Daftar Material -->\r\n            <div class=\"lg:col-span-5 flex flex-col gap-3\">\r\n                <div class=\"bg-brown-primary rounded-lg p-5 text-white shadow-sm flex justify-between items-center cursor-pointer\">\r\n                    <div>\r\n                        <h3 class=\"font-bold text-sm\">Multiplek Meranti Grade A (Plywood)<\/h3>\r\n                        <p class=\"text-white\/70 text-xs mt-1\">Bahan Dasar Utama (Core)<\/p>\r\n                    <\/div>\r\n                    <svg class=\"w-4 h-4 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"bg-white rounded-lg p-5 border border-light shadow-sm flex justify-between items-center cursor-pointer hover:border-brown-primary transition\">\r\n                    <div>\r\n                        <h3 class=\"font-bold text-[#2C211B] text-sm\">Laminasi HPL Taco & Arborite<\/h3>\r\n                        <p class=\"text-[#665445] text-xs mt-1\">Finishing Permukaan Luar<\/p>\r\n                    <\/div>\r\n                    <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"bg-white rounded-lg p-5 border border-light shadow-sm flex justify-between items-center cursor-pointer hover:border-brown-primary transition\">\r\n                    <div>\r\n                        <h3 class=\"font-bold text-[#2C211B] text-sm\">Cat Duco Polyurethane (PU Oven)<\/h3>\r\n                        <p class=\"text-[#665445] text-xs mt-1\">Finishing Cat Semprot Mewah<\/p>\r\n                    <\/div>\r\n                    <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"bg-white rounded-lg p-5 border border-light shadow-sm flex justify-between items-center cursor-pointer hover:border-brown-primary transition\">\r\n                    <div>\r\n                        <h3 class=\"font-bold text-[#2C211B] text-sm\">Quartz Stone & Granit Alam<\/h3>\r\n                        <p class=\"text-[#665445] text-xs mt-1\">Top Table Countertop Dapur<\/p>\r\n                    <\/div>\r\n                    <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"bg-white rounded-lg p-5 border border-light shadow-sm flex justify-between items-center cursor-pointer hover:border-brown-primary transition\">\r\n                    <div>\r\n                        <h3 class=\"font-bold text-[#2C211B] text-sm\">Fitting Engsel & Rel Laci Soft-Closing<\/h3>\r\n                        <p class=\"text-[#665445] text-xs mt-1\">Hardware Mekanikal<\/p>\r\n                    <\/div>\r\n                    <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- KOLOM KANAN: Detail Spesifikasi -->\r\n            <div class=\"lg:col-span-7 bg-white rounded-lg border border-light p-6 shadow-sm\">\r\n                <div class=\"flex justify-between items-end mb-6\">\r\n                    <div>\r\n                        <span class=\"text-brown-primary font-bold text-[10px] tracking-wider uppercase block mb-1\">Bahan Dasar Utama (Core)<\/span>\r\n                        <h2 class=\"font-serif-custom text-2xl font-bold text-[#2C211B]\">Multiplek Meranti Grade A (Plywood)<\/h2>\r\n                    <\/div>\r\n                    <div class=\"text-right\">\r\n                        <span class=\"text-[#665445] text-[10px] block mb-0.5\">Rekomendasi Merk Resmi:<\/span>\r\n                        <p class=\"font-bold text-[#2C211B] text-xs\">Kayu Lapis Meranti Kalimantan \/ Palem Prima<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-2 gap-6 mb-8\">\r\n                    <div>\r\n                        <h3 class=\"text-brown-primary font-bold text-[10px] tracking-wider uppercase mb-2\">Standar Grade Teknis:<\/h3>\r\n                        <div class=\"bg-[#F9F6F0] rounded-md p-3 text-[#2C211B] text-xs font-medium\">\r\n                            Tebal 18mm & 15mm Padat Tanpa Rongga\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-brown-primary font-bold text-[10px] tracking-wider uppercase mb-2\">Aplikasi Ruangan:<\/h3>\r\n                        <div class=\"bg-[#F9F6F0] rounded-md p-3 text-[#2C211B] text-xs font-medium leading-relaxed\">\r\n                            Bod\u00ee lemari, rangka kitchen set, partisi dinding, ambalan laci kuat\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h3 class=\"text-brown-primary font-bold text-[10px] tracking-wider uppercase mb-3\">Keunggulan & Ketahanan Teruji:<\/h3>\r\n                    <div class=\"grid grid-cols-3 gap-3\">\r\n                        <div class=\"flex items-center gap-2 border border-light rounded-md p-3 bg-white\">\r\n                            <svg class=\"w-4 h-4 text-green-600 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                            <p class=\"text-[#2C211B] text-[11px] font-medium leading-tight\">Tahan lembap & anti melengkung<\/p>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-2 border border-light rounded-md p-3 bg-white\">\r\n                            <svg class=\"w-4 h-4 text-green-600 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                            <p class=\"text-[#2C211B] text-[11px] font-medium leading-tight\">Daya cengkeram sekrup sangat kuat<\/p>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-2 border border-light rounded-md p-3 bg-white\">\r\n                            <svg class=\"w-4 h-4 text-green-600 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                            <p class=\"text-[#2C211B] text-[11px] font-medium leading-tight\">Bebas bahan daur ulang lapuk<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ========================================== -->\r\n        <!-- BOTTOM SECTION: TABEL KOMPARASI -->\r\n        <!-- ========================================== -->\r\n        <div class=\"bg-white rounded-lg border border-light shadow-sm overflow-hidden\">\r\n            <!-- Header Tabel -->\r\n            <div class=\"bg-[#2C211B] p-4 flex justify-between items-center\">\r\n                <!-- PERUBAHAN DI SINI: Menambahkan text-white pada h2 -->\r\n                <h2 class=\"text-white font-bold text-xs flex items-center gap-2\">\r\n                    <svg class=\"w-4 h-4 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path><\/svg>\r\n                    Tabel Komparasi Material: Standar Julfian vs Vendor Murahan\r\n                <\/h2>\r\n                <span class=\"text-[#A89F91] text-[10px]\">Diverifikasi Lead QC Workshop<\/span>\r\n            <\/div>\r\n\r\n            <!-- Tabel -->\r\n            <div class=\"overflow-x-auto\">\r\n                <table class=\"w-full text-left border-collapse\">\r\n                    <thead>\r\n                        <tr class=\"bg-[#FAF8F5] text-[#665445] text-[10px] uppercase tracking-wider border-b border-light\">\r\n                            <th class=\"p-4 font-bold w-1\/4\">Komponen Interior<\/th>\r\n                            <th class=\"p-4 font-bold w-2\/5\">Standar Bengkel Julfian.com<\/th>\r\n                            <th class=\"p-4 font-bold w-1\/3\">Vendor Murahan \/ Tukang Harian<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody class=\"text-[#2C211B] text-xs\">\r\n                        \r\n                        <!-- Baris 1 -->\r\n                        <tr class=\"border-b border-light bg-white\">\r\n                            <td class=\"p-4 font-semibold align-top\">Material Bodi Dasar<\/td>\r\n                            <td class=\"p-4 align-top\">\r\n                                <div class=\"flex items-start gap-2 mb-2\">\r\n                                    <svg class=\"w-4 h-4 text-green-600 shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                                    <span class=\"font-medium\">Multiplek Meranti 18mm Padat Anti Rayap<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-start gap-2\">\r\n                                    <svg class=\"w-4 h-4 text-red-500 shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                                    <span class=\"text-[#665445]\">Serbuk MDF \/ Particle Board Mudah Rontok<\/span>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"p-4 align-top\"><\/td>\r\n                        <\/tr>\r\n\r\n                        <!-- Baris 2 -->\r\n                        <tr class=\"border-b border-light bg-table-stripe\">\r\n                            <td class=\"p-4 font-semibold align-top\">Mesin Edging Tepi<\/td>\r\n                            <td class=\"p-4 align-top\">\r\n                                <div class=\"flex items-start gap-2 mb-2\">\r\n                                    <svg class=\"w-4 h-4 text-green-600 shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                                    <span class=\"font-medium\">Automatic Edge Bander Hot-Melt Mulus<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-start gap-2\">\r\n                                    <svg class=\"w-4 h-4 text-red-500 shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                                    <span class=\"text-[#665445]\">Lem Kuning Manual Cepat Mengelupas<\/span>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"p-4 align-top\"><\/td>\r\n                        <\/tr>\r\n\r\n                        <!-- Baris 3 -->\r\n                        <tr class=\"border-b border-light bg-white\">\r\n                            <td class=\"p-4 font-semibold align-top\">Hardware & Engsel<\/td>\r\n                            <td class=\"p-4 align-top\">\r\n                                <div class=\"flex items-start gap-2 mb-2\">\r\n                                    <svg class=\"w-4 h-4 text-green-600 shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                                    <span class=\"font-medium\">Blum \/ Hafele Slow Motion Bergaransi<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-start gap-2\">\r\n                                    <svg class=\"w-4 h-4 text-red-500 shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                                    <span class=\"text-[#665445]\">Engsel Non-Brand Berkarat & Berisik<\/span>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"p-4 align-top\"><\/td>\r\n                        <\/tr>\r\n\r\n                        <!-- Baris 4 -->\r\n                        <tr class=\"bg-table-stripe\">\r\n                            <td class=\"p-4 font-semibold align-top\">Garansi Mebel<\/td>\r\n                            <td class=\"p-4 align-top\">\r\n                                <div class=\"flex items-start gap-2 mb-2\">\r\n                                    <svg class=\"w-4 h-4 text-green-600 shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                                    <span class=\"font-medium\">Garansi Resmi Tertulis 3 Tahun<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-start gap-2\">\r\n                                    <svg class=\"w-4 h-4 text-red-500 shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                                    <span class=\"text-[#665445]\">Tanpa Garansi \/ Lepas Tangan<\/span>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"p-4 align-top\"><\/td>\r\n                        <\/tr>\r\n\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c5aaa5 e-con-full e-flex e-con e-parent\" data-id=\"2c5aaa5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28c22d1 elementor-widget elementor-widget-html\" data-id=\"28c22d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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>6 Tahapan Pengerjaan Interior<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap');\r\n        \r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            background-color: #FDFBF9; \/* Warna latar krem muda *\/\r\n            color: #2C211B;\r\n        }\r\n        .font-serif-custom {\r\n            font-family: 'Playfair Display', serif;\r\n        }\r\n        .bg-brown-primary { background-color: #8C6239; }\r\n        .text-brown-primary { color: #8C6239; }\r\n        .border-light { border-color: #EAE1D5; }\r\n        .bg-card { background-color: #FFFFFF; }\r\n        .bg-badge { background-color: #F9F6F0; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"py-16 px-4 sm:px-8\">\r\n\r\n    <div class=\"max-w-6xl mx-auto\">\r\n        \r\n        <!-- ========================================== -->\r\n        <!-- HEADER SECTION -->\r\n        <!-- ========================================== -->\r\n        <div class=\"text-center mb-12\">\r\n            <span class=\"text-[#8C6239] font-bold tracking-widest text-[10px] uppercase block mb-3\">Transparansi Alur Kerja<\/span>\r\n            <h1 class=\"font-serif-custom text-3xl sm:text-4xl md:text-5xl font-bold text-[#2C211B] mb-5 leading-tight\">\r\n                6 Tahapan Pengerjaan Interior dari Konsep<br>hingga Serah Terima\r\n            <\/h1>\r\n            <p class=\"text-[#665445] text-sm sm:text-base max-w-2xl mx-auto leading-relaxed\">\r\n                Menghubungkan setiap entitas secara terstruktur: Konsultan Interior \u2022 Desain 3D \u2022 Custom Furniture<br>\u2022 Material Finishing \u2022 RAB Transparan \u2022 Serah Terima Bergaransi.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- ========================================== -->\r\n        <!-- GRID CARDS SECTION -->\r\n        <!-- ========================================== -->\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12\">\r\n            \r\n            <!-- Card 01 -->\r\n            <div class=\"bg-card border border-light rounded-xl p-6 shadow-sm flex flex-col h-full\">\r\n                <div class=\"flex justify-between items-center mb-5\">\r\n                    <div class=\"w-8 h-8 rounded-md bg-[#8C6239] text-white flex items-center justify-center text-sm font-bold\">01<\/div>\r\n                    <span class=\"bg-badge text-[#665445] text-[10px] font-semibold px-2.5 py-1 rounded-full border border-light\">Hari ke 1 - 3<\/span>\r\n                <\/div>\r\n                <span class=\"text-[#8C6239] font-bold text-[10px] tracking-wider uppercase block mb-2\">Entiti: Konsultan Interior<\/span>\r\n                <h3 class=\"font-bold text-lg text-[#2C211B] mb-3 leading-snug\">Konsultasi Awal & Survei Lokasi<\/h3>\r\n                <p class=\"text-[#665445] text-xs leading-relaxed mb-6 flex-grow\">\r\n                    Diskusi menyeluruh mengenai kebutuhan fungsional ruang, preferensi estetika, dan pengukuran presisi langsung di lokasi Anda.\r\n                <\/p>\r\n                <div class=\"border-t border-light pt-4 mt-auto\">\r\n                    <span class=\"text-[#8C6239] text-[10px] font-bold block mb-0.5\">Deliverable:<\/span>\r\n                    <span class=\"text-[#2C211B] text-xs font-medium\">Data dimensi akurat & brief desain<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 02 -->\r\n            <div class=\"bg-card border border-light rounded-xl p-6 shadow-sm flex flex-col h-full\">\r\n                <div class=\"flex justify-between items-center mb-5\">\r\n                    <div class=\"w-8 h-8 rounded-md bg-[#8C6239] text-white flex items-center justify-center text-sm font-bold\">02<\/div>\r\n                    <span class=\"bg-badge text-[#665445] text-[10px] font-semibold px-2.5 py-1 rounded-full border border-light\">Hari ke 4 - 7<\/span>\r\n                <\/div>\r\n                <span class=\"text-[#8C6239] font-bold text-[10px] tracking-wider uppercase block mb-2\">Entiti: Jasa Desain (Aplikasi\/Moodboard)<\/span>\r\n                <h3 class=\"font-bold text-lg text-[#2C211B] mb-3 leading-snug\">Desain 2D & Skema Moodboard<\/h3>\r\n                <p class=\"text-[#665445] text-xs leading-relaxed mb-6 flex-grow\">\r\n                    Penyusunan zonasi tata ruang awal, sketsa ergonomis, serta kurasi palet warna, motif, dan referensi tekstur kayu.\r\n                <\/p>\r\n                <div class=\"border-t border-light pt-4 mt-auto\">\r\n                    <span class=\"text-[#8C6239] text-[10px] font-bold block mb-0.5\">Deliverable:<\/span>\r\n                    <span class=\"text-[#2C211B] text-xs font-medium\">Layout denah 2D & konsep material<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 03 -->\r\n            <div class=\"bg-card border border-light rounded-xl p-6 shadow-sm flex flex-col h-full\">\r\n                <div class=\"flex justify-between items-center mb-5\">\r\n                    <div class=\"w-8 h-8 rounded-md bg-[#8C6239] text-white flex items-center justify-center text-sm font-bold\">03<\/div>\r\n                    <span class=\"bg-badge text-[#665445] text-[10px] font-semibold px-2.5 py-1 rounded-full border border-light\">Hari ke 8 - 14<\/span>\r\n                <\/div>\r\n                <span class=\"text-[#8C6239] font-bold text-[10px] tracking-wider uppercase block mb-2\">Entiti: Jasa Desain Interior 3D<\/span>\r\n                <h3 class=\"font-bold text-lg text-[#2C211B] mb-3 leading-snug\">Visualisasi 3D Photorealistic<\/h3>\r\n                <p class=\"text-[#665445] text-xs leading-relaxed mb-6 flex-grow\">\r\n                    Pembuatan render 3D resolusi tinggi dengan pencahayaan dan pantulan tekstur material yang halus, jadi aslinya.\r\n                <\/p>\r\n                <div class=\"border-t border-light pt-4 mt-auto\">\r\n                    <span class=\"text-[#8C6239] text-[10px] font-bold block mb-0.5\">Deliverable:<\/span>\r\n                    <span class=\"text-[#2C211B] text-xs font-medium\">3D Render & revisi desain fleksibel<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 04 -->\r\n            <div class=\"bg-card border border-light rounded-xl p-6 shadow-sm flex flex-col h-full\">\r\n                <div class=\"flex justify-between items-center mb-5\">\r\n                    <div class=\"w-8 h-8 rounded-md bg-[#8C6239] text-white flex items-center justify-center text-sm font-bold\">04<\/div>\r\n                    <span class=\"bg-badge text-[#665445] text-[10px] font-semibold px-2.5 py-1 rounded-full border border-light\">Hari ke 15 - 17<\/span>\r\n                <\/div>\r\n                <span class=\"text-[#8C6239] font-bold text-[10px] tracking-wider uppercase block mb-2\">Entiti: Perencanaan RAB & Konstruksi<\/span>\r\n                <h3 class=\"font-bold text-lg text-[#2C211B] mb-3 leading-snug\">Penyusunan RAB Transparan & SPK<\/h3>\r\n                <p class=\"text-[#665445] text-xs leading-relaxed mb-6 flex-grow\">\r\n                    Rincian biaya harga per titik komponen, spesifikasi material yang digunakan, dan penyusunan Surat Perintah Kerja (SPK).\r\n                <\/p>\r\n                <div class=\"border-t border-light pt-4 mt-auto\">\r\n                    <span class=\"text-[#8C6239] text-[10px] font-bold block mb-0.5\">Deliverable:<\/span>\r\n                    <span class=\"text-[#2C211B] text-xs font-medium\">Surat Kontrak Kerja berstempel<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 05 -->\r\n            <div class=\"bg-card border border-light rounded-xl p-6 shadow-sm flex flex-col h-full\">\r\n                <div class=\"flex justify-between items-center mb-5\">\r\n                    <div class=\"w-8 h-8 rounded-md bg-[#8C6239] text-white flex items-center justify-center text-sm font-bold\">05<\/div>\r\n                    <span class=\"bg-badge text-[#665445] text-[10px] font-semibold px-2.5 py-1 rounded-full border border-light\">Hari ke 18 - 35<\/span>\r\n                <\/div>\r\n                <span class=\"text-[#8C6239] font-bold text-[10px] tracking-wider uppercase block mb-2\">Entiti: Custom Furniture & Finishing<\/span>\r\n                <h3 class=\"font-bold text-lg text-[#2C211B] mb-3 leading-snug\">Fabrikasi di Workshop Mandiri<\/h3>\r\n                <p class=\"text-[#665445] text-xs leading-relaxed mb-6 flex-grow\">\r\n                    Pengerjaan presisi multiplek, perakitan HPL\/Taco, Duco oven, dan pemasangan aksesoris hardware dengan QC ketat.\r\n                <\/p>\r\n                <div class=\"border-t border-light pt-4 mt-auto\">\r\n                    <span class=\"text-[#8C6239] text-[10px] font-bold block mb-0.5\">Deliverable:<\/span>\r\n                    <span class=\"text-[#2C211B] text-xs font-medium\">Laporan progres video mingguan<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 06 -->\r\n            <div class=\"bg-card border border-light rounded-xl p-6 shadow-sm flex flex-col h-full\">\r\n                <div class=\"flex justify-between items-center mb-5\">\r\n                    <div class=\"w-8 h-8 rounded-md bg-[#8C6239] text-white flex items-center justify-center text-sm font-bold\">06<\/div>\r\n                    <span class=\"bg-badge text-[#665445] text-[10px] font-semibold px-2.5 py-1 rounded-full border border-light\">Hari ke 36 - 40<\/span>\r\n                <\/div>\r\n                <span class=\"text-[#8C6239] font-bold text-[10px] tracking-wider uppercase block mb-2\">Entiti: Serah Terima Produk & Garansi<\/span>\r\n                <h3 class=\"font-bold text-lg text-[#2C211B] mb-3 leading-snug\">Instalasi On-Site & Serah Terima<\/h3>\r\n                <p class=\"text-[#665445] text-xs leading-relaxed mb-6 flex-grow\">\r\n                    Pemasangan bersih di lokasi Anda, uji fungsi seluruh laci & pintu, serta penyerahan sertifikat garansi.\r\n                <\/p>\r\n                <div class=\"border-t border-light pt-4 mt-auto\">\r\n                    <span class=\"text-[#8C6239] text-[10px] font-bold block mb-0.5\">Deliverable:<\/span>\r\n                    <span class=\"text-[#2C211B] text-xs font-medium\">Kartu Garansi Resmi 3 Tahun<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ========================================== -->\r\n        <!-- CTA SECTION -->\r\n        <!-- ========================================== -->\r\n        <div class=\"text-center\">\r\n            <!-- Tombol WhatsApp dengan Link ke Nomor +6287878938096 -->\r\n            <a href=\"https:\/\/wa.me\/6287878938096\" target=\"_blank\" class=\"inline-block bg-[#8C6239] hover:bg-[#704e2e] text-white font-bold text-sm sm:text-base px-8 py-4 rounded-full shadow-md transition duration-300 transform hover:-translate-y-1\">\r\n                Mulai Tahap 1: Jadwalkan Survei & Konsultasi Gratis Sekarang\r\n            <\/a>\r\n            <p class=\"text-[#665445] text-[10px] mt-4 opacity-80\">\r\n                *Tahapan dapat disesuaikan dengan skala proyek Anda. Hubungi kami untuk info lebih lanjut.\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc1644a e-con-full e-flex e-con e-parent\" data-id=\"dc1644a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76348e3 elementor-widget elementor-widget-html\" data-id=\"76348e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"julfian-eeat\" class=\"w-full bg-[#3D2E24] text-white py-20 px-4 sm:px-8 font-sans\">\r\n  <div class=\"max-w-7xl mx-auto\">\r\n    \r\n    <!-- HEADER SECTION -->\r\n    <div class=\"text-center mb-12 max-w-4xl mx-auto\">\r\n      <!-- Badge Top -->\r\n      <div class=\"inline-flex items-center gap-2 bg-[#D4A373]\/20 text-[#D4A373] px-4 py-1.5 rounded-full text-xs font-semibold tracking-wide mb-6 border border-[#D4A373]\/30\">\r\n        <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path><\/svg>\r\n        STANDAR E-E-A-T & KREDIBILITAS SUMBER\r\n      <\/div>\r\n      \r\n      <!-- Main Title -->\r\n      <h2 class=\"font-serif text-3xl sm:text-4xl lg:text-5xl font-bold text-[#FAF7F2] mb-6 leading-tight\">\r\n        Dikelola Langsung oleh Arsitek Berlisensi &<br class=\"hidden sm:block\" \/> Fasilitas Workshop Mandiri\r\n      <\/h2>\r\n      \r\n      <!-- Subtitle -->\r\n      <p class=\"text-sm sm:text-base text-[#DDD3C8] leading-relaxed max-w-3xl mx-auto\">\r\n        Kami membangun kepercayaan melalui transparansi penuh. Setiap proyek ditangani langsung oleh arsitek berlisensi, didukung fasilitas workshop mandiri, keanggotaan resmi di IAI & HDII, serta jaminan garansi tertulis yang mengikat secara hukum.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- CONTENT GRID -->\r\n    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12\">\r\n      \r\n      <!-- LEFT COLUMN: TIM PERANCANG & PENULIS KONTEN -->\r\n      <div>\r\n        <h3 class=\"flex items-center gap-3 text-lg font-bold text-[#FAF7F2] mb-6 border-b border-[#5C4533] pb-3\">\r\n          <svg class=\"w-5 h-5 text-[#D4A373]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\r\n          Tim Perancang & Penulis Konten\r\n        <\/h3>\r\n        \r\n        <div class=\"space-y-6\">\r\n          <!-- Card 1: Julfian -->\r\n          <div class=\"bg-[#4A392D] p-6 rounded-2xl border border-[#5C4533]\">\r\n            <div class=\"flex flex-col sm:flex-row justify-between items-start gap-4 mb-4\">\r\n              <div>\r\n                <h4 class=\"font-bold text-lg text-[#FAF7F2]\">Julfian<\/h4>\r\n                <p class=\"text-sm text-[#D4A373] font-medium\">Principal Interior Architect & Founder<\/p>\r\n              <\/div>\r\n              <div class=\"text-right text-xs text-[#DDD3C8] bg-[#3D2E24]\/50 px-3 py-1.5 rounded-lg border border-[#5C4533]\/50\">\r\n                12+ Tahun Pengalaman Desain & Ril. Out Hunian Komersial\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"inline-flex items-center gap-2 bg-[#3D2E24] text-[#DDD3C8] text-[10px] px-3 py-1.5 rounded-full mb-4 border border-[#5C4533]\">\r\n              <svg class=\"w-3 h-3 text-[#D4A373]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n              Sertifikasi: Ikatatan Arsitek Indonesia (IAI) & Himpunan Desainer Interior Indonesia (HDII)\r\n            <\/div>\r\n            \r\n            <p class=\"text-xs text-[#DDD3C8] leading-relaxed\">\r\n              Telah menimpini lebih dari 450+ proyek desain interior residensial dan komersial dengan fokus pada ergonomi ruang tropis dan ketahanan material mebel custom.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <!-- Card 2: Dian -->\r\n          <div class=\"bg-[#4A392D] p-6 rounded-2xl border border-[#5C4533]\">\r\n            <div class=\"flex flex-col sm:flex-row justify-between items-start gap-4 mb-4\">\r\n              <div>\r\n                <h4 class=\"font-bold text-lg text-[#FAF7F2]\">Awan Darmawan<\/h4>\r\n                <p class=\"text-sm text-[#D4A373] font-medium\">Lead 3D Visualizer & Material Specialist<\/p>\r\n              <\/div>\r\n              <div class=\"text-right text-xs text-[#DDD3C8] bg-[#3D2E24]\/50 px-3 py-1.5 rounded-lg border border-[#5C4533]\/50\">\r\n                8+ Tahun dalam Render Fotorealistik & Ergonomi Dapur Modern\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"inline-flex items-center gap-2 bg-[#3D2E24] text-[#DDD3C8] text-[10px] px-3 py-1.5 rounded-full mb-4 border border-[#5C4533]\">\r\n              <svg class=\"w-3 h-3 text-[#D4A373]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n              Sertifikasi: Magister Desain Interior ITB, Autodesk Certified Professional\r\n            <\/div>\r\n            \r\n            <p class=\"text-xs text-[#DDD3C8] leading-relaxed\">\r\n              Spesialis dalam optimasi pencahayaan ambient dan pemilihan material tahan lembap untuk iklim tropis Indonesia.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT COLUMN: FASILITAS WORKSHOP & FABRIKASI MANDIRI -->\r\n      <div>\r\n        <h3 class=\"flex items-center gap-3 text-lg font-bold text-[#FAF7F2] mb-6 border-b border-[#5C4533] pb-3\">\r\n          <svg class=\"w-5 h-5 text-[#D4A373]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg>\r\n          Fasilitas Workshop & Fabrikasi Mandiri\r\n        <\/h3>\r\n        \r\n        <div class=\"space-y-6\">\r\n          <!-- Card 3: Workshop Address -->\r\n          <div class=\"bg-[#4A392D] p-6 rounded-2xl border border-[#5C4533]\">\r\n            <div class=\"flex items-start gap-3 mb-4\">\r\n              <svg class=\"w-5 h-5 text-[#D4A373] mt-0.5 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\r\n              <div>\r\n                <p class=\"text-sm text-[#FAF7F2] font-semibold mb-1\">ALAMAT WORKSHOP RESMI:<\/p>\r\n                <p class=\"text-sm text-[#D4A373] font-medium\">Cityzen Park East 5 No.0021 Park Serpong, Legok, Kab. Tangerang, Banten<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <p class=\"text-xs text-[#DDD3C8] leading-relaxed mb-4\">\r\n              Area workshop 1.200 m\u00b2 dilengkapi mesin Sliding Table Saw, Panel Saw Press, Mesin Edging Otomatis, dan Ruang Spray Booth Oven Khusus Cat Duco PU\r\n            <\/p>\r\n            \r\n            <div class=\"bg-[#3D2E24]\/50 p-4 rounded-xl border border-[#5C4533]\/50\">\r\n              <p class=\"text-xs text-[#DDD3C8] leading-relaxed\">\r\n                <strong class=\"text-[#FAF7F2]\">Cakupan Operasional:<\/strong> Jakarta, Bogor, Depok, Tangerang, Bekasi (Jabodetabek), Bandung, Surabaya, serta pengiriman & instalasi custom furniture seluruh kota besar Indonesia\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Card 4: Komitmen Garansi -->\r\n          <div class=\"bg-[#4A392D] p-6 rounded-2xl border border-[#5C4533]\">\r\n            <div class=\"space-y-3\">\r\n              <div class=\"flex items-start gap-3\">\r\n                <svg class=\"w-5 h-5 text-[#D4A373] mt-0.5 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path><\/svg>\r\n                <p class=\"text-xs text-[#DDD3C8]\"><strong class=\"text-[#FAF7F2]\">4 KOMITMEN GARANSI RESMI TERTULIS (SPK):<\/strong><\/p>\r\n              <\/div>\r\n              \r\n              <ul class=\"space-y-2 text-xs text-[#DDD3C8] pl-8\">\r\n                <li class=\"flex items-start gap-2\">\r\n                  <span class=\"text-[#D4A373] mt-0.5\">\u2022<\/span>\r\n                  <span>Garansi Struktural Kayu Plywood: 3 Tahun (Bebas Rayap & Melembung)<\/span>\r\n                <\/li>\r\n                <li class=\"flex items-start gap-2\">\r\n                  <span class=\"text-[#D4A373] mt-0.5\">\u2022<\/span>\r\n                  <span>Garansi Aksesoris Hardware (Engsel & Rel Laci): 1 Tahun Rusak Blm \/ Hafele<\/span>\r\n                <\/li>\r\n                <li class=\"flex items-start gap-2\">\r\n                  <span class=\"text-[#D4A373] mt-0.5\">\u2022<\/span>\r\n                  <span>Garansi Servis & Perawatan Pasca Serah Terima: 6 Bulan Pemeliharaan Rutin Gratis<\/span>\r\n                <\/li>\r\n                <li class=\"flex items-start gap-2\">\r\n                  <span class=\"text-[#D4A373] mt-0.5\">\u2022<\/span>\r\n                  <span>Komitmen Tepat Waktu: Kompensasi denda harian jika pengejaan terlambat dari SPK<\/span>\r\n                <\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n\r\n    <!-- FOOTER SECTION -->\r\n    <div class=\"mt-12 flex flex-col sm:flex-row justify-between items-center gap-4 border-t border-[#5C4533] pt-6\">\r\n      \r\n      <!-- Left Side: Portfolio & Certification -->\r\n      <div class=\"flex flex-wrap items-center gap-4 text-xs text-[#DDD3C8]\">\r\n        <div class=\"flex items-center gap-2 bg-[#4A392D] px-4 py-2 rounded-lg border border-[#5C4533]\">\r\n          <svg class=\"w-4 h-4 text-[#D4A373]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n          Portfolio & Konten Diperbarui: September 2026\r\n        <\/div>\r\n        <span class=\"text-[#D4A373] font-medium\">Tinjauan Arsitektur Terverifikasi<\/span>\r\n      <\/div>\r\n\r\n      <!-- Right Side: Google Reviews -->\r\n      <div class=\"flex items-center gap-4 bg-[#4A392D] px-4 py-2 rounded-lg border border-[#5C4533]\">\r\n        <div class=\"flex items-center gap-1\">\r\n          <div class=\"flex text-[#D4A373]\">\r\n            <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\r\n            <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\r\n            <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\r\n            <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\r\n            <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\r\n          <\/div>\r\n          <span class=\"text-sm font-bold text-[#FAF7F2] ml-1\">4.9\/5.0<\/span>\r\n        <\/div>\r\n        <div class=\"text-[10px] text-[#DDD3C8] border-l border-[#5C4533] pl-4\">\r\n          Berdasarkan 180+ Ulasan Asli Terverifikasi Google Reviews\r\n        <\/div>\r\n        <span class=\"bg-[#D4A373] text-[#3D2E24] text-[10px] font-bold px-2 py-1 rounded\">Terverifikasi<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d56d3b e-con-full e-flex e-con e-parent\" data-id=\"9d56d3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff63bb3 elementor-widget elementor-widget-html\" data-id=\"ff63bb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"julfian-faq\" class=\"w-full bg-[#FDFBF9] py-16 px-4 sm:px-8 font-sans\">\r\n  <div class=\"max-w-3xl mx-auto\">\r\n    \r\n    <!-- Header Section -->\r\n    <div class=\"text-center mb-10\">\r\n      <!-- Badge Atas -->\r\n      <div class=\"inline-flex items-center gap-1.5 px-3 py-1 rounded-full border border-[#E8DCCF] bg-[#FDFBF9] text-[#A68A6B] text-[10px] font-semibold tracking-wider uppercase mb-4\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg>\r\n        PERTANYAAN POPULER\r\n      <\/div>\r\n\r\n      <h2 class=\"font-serif text-2xl sm:text-3xl font-bold text-[#3E2C23] mb-3\">\r\n        Tanya Jawab Seputar Jasa Desain Interior\r\n      <\/h2>\r\n      <p class=\"text-xs sm:text-sm text-[#7A6A5C] max-w-xl mx-auto leading-relaxed\">\r\n        Format jawaban ringkas dan terstruktur yang siap dibaca oleh mesin pencari suara (Voice Search AEO) dan calon klien yang membutuhkan kepastian cepat.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- FAQ List -->\r\n    <div class=\"space-y-3\">\r\n      \r\n      <!-- Item 1 (Terbuka) -->\r\n      <details class=\"group bg-[#FDFBF9] rounded-xl border border-[#D6C5B3] shadow-sm overflow-hidden\" open>\r\n        <summary class=\"flex justify-between items-center p-4 sm:p-5 cursor-pointer list-none\">\r\n          <h3 class=\"font-serif font-bold text-sm sm:text-base text-[#3E2C23] pr-4\">\r\n            Berapa estimasi biaya jasa desain interior per meter persegi di julfian.com?\r\n          <\/h3>\r\n          <span class=\"flex-shrink-0 w-6 h-6 rounded-full bg-[#A68A6B] text-white flex items-center justify-center transition-transform duration-300 group-open:rotate-180\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\r\n          <\/span>\r\n        <\/summary>\r\n        <div class=\"px-4 pb-5 sm:px-5 text-xs sm:text-sm text-[#5C4533] leading-relaxed border-t border-[#F0EAE1] pt-4 mt-2\">\r\n          <p class=\"mb-2\">\r\n            <span class=\"inline-block align-middle mr-1 text-[#A68A6B]\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <\/span>\r\n            Biaya perencanaan desain 3D & gambar kerja berkisar antara Rp 150.000 hingga Rp 350.000 per meter persegi (GRATIS jika lanjut pengerjaan produksi furniture di Julfian). Untuk paket all-in renovasi dan custom furniture, kisaran biaya berkisar Rp 2.500.000 - Rp 4.500.000 \/m\u00b2 tergantung material finishing yang Anda tentukan (HPL, Taco atau Cat Duco PU).\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <!-- Item 2 -->\r\n      <details class=\"group bg-[#FDFBF9] rounded-xl border border-[#EAE1D5] overflow-hidden\">\r\n        <summary class=\"flex justify-between items-center p-4 sm:p-5 cursor-pointer list-none\">\r\n          <h3 class=\"font-serif font-bold text-sm sm:text-base text-[#3E2C23] pr-4\">\r\n            Apakah biaya survei lokasi dan konsultasi awal dikenakan biaya?\r\n          <\/h3>\r\n          <span class=\"flex-shrink-0 w-6 h-6 rounded-full bg-[#F0EAE1] text-[#A68A6B] flex items-center justify-center transition-transform duration-300 group-open:rotate-180\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/summary>\r\n        <div class=\"px-4 pb-5 sm:px-5 text-xs sm:text-sm text-[#5C4533] leading-relaxed border-t border-[#F0EAE1] pt-4 mt-2\">\r\n          <p>Konsultasi awal via WhatsApp atau di kantor kami 100% gratis. Untuk survei lokasi dan pengukuran awal area Jabodetabek juga tidak dipungut biaya bagi calon klien yang ingin berkonsultasi langsung.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <!-- Item 3 -->\r\n      <details class=\"group bg-[#FDFBF9] rounded-xl border border-[#EAE1D5] overflow-hidden\">\r\n        <summary class=\"flex justify-between items-center p-4 sm:p-5 cursor-pointer list-none\">\r\n          <h3 class=\"font-serif font-bold text-sm sm:text-base text-[#3E2C23] pr-4\">\r\n            Berapa lama estimasi waktu pengerjaan interior untuk 1 unit hunian?\r\n          <\/h3>\r\n          <span class=\"flex-shrink-0 w-6 h-6 rounded-full bg-[#F0EAE1] text-[#A68A6B] flex items-center justify-center transition-transform duration-300 group-open:rotate-180\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/summary>\r\n        <div class=\"px-4 pb-5 sm:px-5 text-xs sm:text-sm text-[#5C4533] leading-relaxed border-t border-[#F0EAE1] pt-4 mt-2\">\r\n          <p>Waktu pengerjaan bervariasi tergantung luas dan kompleksitas desain, umumnya memakan waktu 4-8 minggu setelah desain disetujui.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <!-- Item 4 -->\r\n      <details class=\"group bg-[#FDFBF9] rounded-xl border border-[#EAE1D5] overflow-hidden\">\r\n        <summary class=\"flex justify-between items-center p-4 sm:p-5 cursor-pointer list-none\">\r\n          <h3 class=\"font-serif font-bold text-sm sm:text-base text-[#3E2C23] pr-4\">\r\n            Apa perbedaan material Multiplek Meranti Julfian dengan partikel board mebel pabrikan?\r\n          <\/h3>\r\n          <span class=\"flex-shrink-0 w-6 h-6 rounded-full bg-[#F0EAE1] text-[#A68A6B] flex items-center justify-center transition-transform duration-300 group-open:rotate-180\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/summary>\r\n        <div class=\"px-4 pb-5 sm:px-5 text-xs sm:text-sm text-[#5C4533] leading-relaxed border-t border-[#F0EAE1] pt-4 mt-2\">\r\n          <p>Multiplek Meranti memiliki kekuatan dan daya tahan air yang lebih baik dibandingkan partikel board, serta lebih tahan terhadap perubahan suhu dan kelembapan.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <!-- Item 5 -->\r\n      <details class=\"group bg-[#FDFBF9] rounded-xl border border-[#EAE1D5] overflow-hidden\">\r\n        <summary class=\"flex justify-between items-center p-4 sm:p-5 cursor-pointer list-none\">\r\n          <h3 class=\"font-serif font-bold text-sm sm:text-base text-[#3E2C23] pr-4\">\r\n            Apakah Julfian.com memiliki workshop fabrikasi mebel sendiri?\r\n          <\/h3>\r\n          <span class=\"flex-shrink-0 w-6 h-6 rounded-full bg-[#F0EAE1] text-[#A68A6B] flex items-center justify-center transition-transform duration-300 group-open:rotate-180\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/summary>\r\n        <div class=\"px-4 pb-5 sm:px-5 text-xs sm:text-sm text-[#5C4533] leading-relaxed border-t border-[#F0EAE1] pt-4 mt-2\">\r\n          <p>Ya, kami memiliki workshop fabrikasi sendiri untuk memastikan kualitas produksi dan kontrol penuh atas setiap detail pengerjaan.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <!-- Item 6 -->\r\n      <details class=\"group bg-[#FDFBF9] rounded-xl border border-[#EAE1D5] overflow-hidden\">\r\n        <summary class=\"flex justify-between items-center p-4 sm:p-5 cursor-pointer list-none\">\r\n          <h3 class=\"font-serif font-bold text-sm sm:text-base text-[#3E2C23] pr-4\">\r\n            Bagaimana sistem garansi dan perlindungan setelah serah terima proyek?\r\n          <\/h3>\r\n          <span class=\"flex-shrink-0 w-6 h-6 rounded-full bg-[#F0EAE1] text-[#A68A6B] flex items-center justify-center transition-transform duration-300 group-open:rotate-180\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/summary>\r\n        <div class=\"px-4 pb-5 sm:px-5 text-xs sm:text-sm text-[#5C4533] leading-relaxed border-t border-[#F0EAE1] pt-4 mt-2\">\r\n          <p>Kami memberikan garansi untuk setiap pengerjaan furniture dan instalasi, dengan ketentuan yang akan dijelaskan secara transparan dalam kontrak kerja.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <!-- Item 7 -->\r\n      <details class=\"group bg-[#FDFBF9] rounded-xl border border-[#EAE1D5] overflow-hidden\">\r\n        <summary class=\"flex justify-between items-center p-4 sm:p-5 cursor-pointer list-none\">\r\n          <h3 class=\"font-serif font-bold text-sm sm:text-base text-[#3E2C23] pr-4\">\r\n            Apakah desain dapat disesuaikan dengan batas anggaran (budget) yang saya miliki?\r\n          <\/h3>\r\n          <span class=\"flex-shrink-0 w-6 h-6 rounded-full bg-[#F0EAE1] text-[#A68A6B] flex items-center justify-center transition-transform duration-300 group-open:rotate-180\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/summary>\r\n        <div class=\"px-4 pb-5 sm:px-5 text-xs sm:text-sm text-[#5C4533] leading-relaxed border-t border-[#F0EAE1] pt-4 mt-2\">\r\n          <p>Tentu, kami akan menyesuaikan desain dan pemilihan material dengan budget yang Anda miliki tanpa mengurangi kualitas fungsional ruangan.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a354862 e-con-full e-flex e-con e-parent\" data-id=\"a354862\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2e271f elementor-widget elementor-widget-html\" data-id=\"e2e271f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Container Full Width -->\r\n<div id=\"julfian-final-cta\" class=\"w-full bg-[#71533B] text-white py-16 px-4 sm:px-6 text-center shadow-xl font-sans\">\r\n  \r\n  <!-- Inner Container (Agar konten tetap rapi di tengah) -->\r\n  <div class=\"max-w-5xl mx-auto\">\r\n    \r\n    <!-- Badge Atas -->\r\n    <div class=\"inline-block border border-white\/30 rounded-full px-4 py-1 mb-6\">\r\n      <span class=\"text-[10px] sm:text-xs font-semibold uppercase tracking-widest text-[#E8DCCF]\">KUOTA TERBATAS BULAN INI<\/span>\r\n    <\/div>\r\n\r\n    <!-- Judul Utama -->\r\n    <h2 class=\"font-serif text-3xl sm:text-5xl font-bold mb-6 text-[#FDFBF7] leading-tight max-w-3xl mx-auto\">\r\n      Siap Mengubah Ruangan Anda Menjadi Mahakarya Nyaman?\r\n    <\/h2>\r\n\r\n    <!-- Deskripsi -->\r\n    <p class=\"text-sm sm:text-base text-[#E8DCCF] max-w-3xl mx-auto mb-10 font-normal leading-relaxed\">\r\n      Dapatkan sesi konsultasi langsung bersama arsitek Julfian.com dan gratis survei pengukuran ke lokasi hunian Anda. Tanpa komitmen dan tanpa biaya tersembunyi.\r\n    <\/p>\r\n\r\n    <!-- Tombol Aksi (CTA) -->\r\n    <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 mb-12\">\r\n      <!-- Tombol 1: Jadwalkan Survei -->\r\n      <a href=\"#\" class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-white hover:bg-gray-100 text-[#2C1E15] px-6 py-4 rounded-xl font-bold text-sm shadow-md transition-all\">\r\n        <!-- Icon Calendar -->\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"\/><line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"\/><line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"\/><\/svg>\r\n        Jadwalkan Survei Gratis Sekarang\r\n      <\/a>\r\n\r\n      <!-- Tombol 2: Hubungi via WhatsApp -->\r\n      <a href=\"https:\/\/wa.me\/6287878938096\" target=\"_blank\" class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-[#4A3222] hover:bg-[#38251A] text-white border border-white\/20 px-6 py-4 rounded-xl font-bold text-sm shadow-md transition-all\">\r\n        <!-- Icon WhatsApp -->\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n        Hubungi via WhatsApp (0878-7893-8096)\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Trust Badges (Fitur Bawah) -->\r\n    <div class=\"flex flex-wrap items-center justify-center gap-4 sm:gap-6 text-[11px] sm:text-xs text-[#D3C4B4] font-medium\">\r\n      <div class=\"flex items-center gap-1.5\">\r\n        <!-- Icon Shield -->\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><\/svg>\r\n        Garansi Resmi 1 Tahun\r\n      <\/div>\r\n      <div class=\"hidden sm:block text-white\/30\">\u2022<\/div>\r\n      <div class=\"flex items-center gap-1.5\">\r\n        <!-- Icon Users -->\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n        Workshop Mandiri 1.200m\u00b2\r\n      <\/div>\r\n      <div class=\"hidden sm:block text-white\/30\">\u2022<\/div>\r\n      <div class=\"flex items-center gap-1.5\">\r\n        <!-- Icon FileText -->\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" x2=\"8\" y1=\"13\" y2=\"13\"\/><line x1=\"16\" x2=\"8\" y1=\"17\" y2=\"17\"\/><line x1=\"10\" x2=\"8\" y1=\"9\" y2=\"9\"\/><\/svg>\r\n        RAB Transparan Ber-SPK\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c3c5fa e-con-full e-flex e-con e-parent\" data-id=\"1c3c5fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5347da7 elementor-widget elementor-widget-html\" data-id=\"5347da7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<footer id=\"julfian-footer\" class=\"w-full bg-[#2A1F18] text-[#FAF7F2] py-16 px-4 sm:px-8 font-sans\">\r\n  <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 mb-12\">\r\n    \r\n    <!-- Kolom 1: Brand & Alamat -->\r\n    <div>\r\n      <div class=\"flex items-center gap-3 mb-4\">\r\n        <div class=\"bg-[#D4A373] text-[#2A1F18] font-serif text-2xl font-bold w-10 h-10 flex items-center justify-center rounded-sm\">J<\/div>\r\n        <div class=\"font-serif text-2xl tracking-tight font-bold text-[#FAF7F2]\">JULFIAN<span class=\"text-[#D4A373]\">.COM<\/span><\/div>\r\n      <\/div>\r\n      <p class=\"text-sm text-[#BFAFA2] leading-relaxed mb-6\">\r\n        Jasa Desain Interior dan Kontraktor Fit-Out Bergaransi Resmi. Beroperasi sejak 2012 dengan fasilitas workshop custom furniture mandiri dan tim arsitek bersertifikat IAI & HDII.\r\n      <\/p>\r\n      <ul class=\"text-sm text-[#BFAFA2] space-y-4\">\r\n        <li class=\"flex gap-3\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 text-[#D4A373] shrink-0 mt-0.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n          <span>Cityzen Park East 5 No.0021 Park Serpong, Legok, Kab. Tangerang, Banten<\/span>\r\n        <\/li>\r\n        <li class=\"flex gap-3\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 text-[#D4A373] shrink-0 mt-0.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n          <span><a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors\">+62 878-7893-8096 (Customer Care 24\/7)<\/a><\/span>\r\n        <\/li>\r\n        <li class=\"flex gap-3\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 text-[#D4A373] shrink-0 mt-0.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n          <span>hello@julfian.com<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Kolom 2: Layanan Desain Ruang (Link ke WhatsApp) -->\r\n    <div>\r\n      <h4 class=\"font-serif font-bold text-lg text-[#FAF7F2] mb-5\">Layanan Desain Ruang<\/h4>\r\n      <ul class=\"text-sm text-[#BFAFA2] space-y-3\">\r\n        <li><a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors\">Jasa Desain Interior Rumah<\/a><\/li>\r\n        <li><a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors\">Jasa Desain Interior Apartemen<\/a><\/li>\r\n        <li><a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors\">Kitchen Set Custom Anti Rayap<\/a><\/li>\r\n        <li><a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors\">Interior Kamar Tidur Utama<\/a><\/li>\r\n        <li><a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors\">Tata Ruang Kantor & Akustik<\/a><\/li>\r\n        <li><a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors\">Desain Interior Cafe & Resto<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Kolom 3: Informasi (Link ke WhatsApp) -->\r\n    <div>\r\n      <h4 class=\"font-serif font-bold text-lg text-[#FAF7F2] mb-5\">Informasi<\/h4>\r\n      <ul class=\"text-sm text-[#BFAFA2] space-y-4\">\r\n        <li>\r\n          <a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors leading-tight\">Jasa Desain Interior Rumah Mewah & Minimalis<\/a>\r\n        <\/li>\r\n        <li>\r\n          <a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors leading-tight\">Jasa Desain Interior Apartemen Siap Huni & Sewa<\/a>\r\n        <\/li>\r\n        <li>\r\n          <a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors leading-tight\">Jasa Pembuatan Kitchen Set & Dapur Custom<\/a>\r\n        <\/li>\r\n        <li>\r\n          <a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors leading-tight\">Workshop Pembuatan Custom Furniture<\/a>\r\n        <\/li>\r\n        <li>\r\n          <a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors leading-tight\">Simulasi & Panduan Perhitungan RAB Desain Interior<\/a>\r\n        <\/li>\r\n        <li>\r\n          <a href=\"https:\/\/wa.me\/6287878938096\" class=\"hover:text-white transition-colors leading-tight\">Gaya Desain Interior: Japandi, Modern Minimalist, Scandinavian<\/a>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Kolom 4: Legalitas -->\r\n    <div>\r\n      <h4 class=\"font-serif font-bold text-lg text-[#FAF7F2] mb-5\">Legalitas<\/h4>\r\n      <div class=\"space-y-4\">\r\n        <div class=\"border border-[#3D2E24] rounded-sm p-4 bg-[#211812]\">\r\n          <h5 class=\"font-serif font-bold text-[#FAF7F2] text-sm mb-1\">PT Winara Nexa Utama<\/h5>\r\n          <p class=\"text-xs text-[#BFAFA2]\">NIB & TDP Resmi Terdaftar<\/p>\r\n        <\/div>\r\n        <div class=\"border border-[#3D2E24] rounded-sm p-4 bg-[#211812]\">\r\n          <h5 class=\"font-serif font-bold text-[#FAF7F2] text-sm mb-1\">Anggota Resmi<\/h5>\r\n          <p class=\"text-xs text-[#BFAFA2]\">IAI & HDII Indonesia<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Garis Pemisah -->\r\n  <div class=\"max-w-7xl mx-auto pt-8 border-t border-[#3D2E24]\">\r\n    <div class=\"flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-[#8C7B6F]\">\r\n      <p>\u00a9 2026 Julfian.com - Jasa Desain Interior & Kontraktor Fit-Out Bergaransi Resmi. Hak Cipta Dilindungi Undang-Undang.<\/p>\r\n      <div class=\"flex items-center gap-1\">\r\n        <span>Dibuat dengan dedikasi<\/span>\r\n        <span class=\"text-[#D4A373]\">juaniyuna<\/span>\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3 h-3 text-[#D4A373]\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Workshop Fabrikasi Sendiri &#038; Bebas Makelar Jasa Desain Interior Profesional &#038; Custom Furniture Bergaransi Wujudkan rumah, apartemen, kantor, dan cafe impian Anda bersama Julfian.com. Desain fungsional estetik bernuansa hangat, rancangan arsitek berlisensi, dan pengerjaan mebel presisi tanpa biaya siluman. \u2713 Gratis Konsultasi &#038; Survei Lokasi \u2713 Desain 3D Photorealistic Gratis* \u2713 Multiplek Meranti 18mm Anti [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8864","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.5 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Jasa Desain Interior<\/title>\n<meta name=\"description\" content=\"Jasa Desain Interior\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/julfian.com\/en\/jasa-desain-interior\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jasa Desain Interior\" \/>\n<meta property=\"og:description\" content=\"Jasa Desain Interior\" \/>\n<meta property=\"og:url\" content=\"https:\/\/julfian.com\/en\/jasa-desain-interior\/\" \/>\n<meta property=\"og:site_name\" content=\"Julfian Property Expert\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-23T02:07:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/julfian.com\\\/jasa-desain-interior\\\/\",\"url\":\"https:\\\/\\\/julfian.com\\\/jasa-desain-interior\\\/\",\"name\":\"Jasa Desain Interior\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/#website\"},\"datePublished\":\"2026-08-30T06:27:02+00:00\",\"dateModified\":\"2026-09-23T02:07:45+00:00\",\"description\":\"Jasa Desain Interior\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/jasa-desain-interior\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/julfian.com\\\/jasa-desain-interior\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/julfian.com\\\/jasa-desain-interior\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/julfian.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jasa Desain Interior\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/julfian.com\\\/#website\",\"url\":\"https:\\\/\\\/julfian.com\\\/\",\"name\":\"Julfian | Executive Property Advisor\",\"description\":\"Properti Alam Sutera, BSD &amp; Gading Serpong\",\"publisher\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/#\\\/schema\\\/person\\\/c4fa8cf9a29c54dbc2c66d7f080a968d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/julfian.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/julfian.com\\\/#\\\/schema\\\/person\\\/c4fa8cf9a29c54dbc2c66d7f080a968d\",\"name\":\"Juaniyuna\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Julfian.jpeg\",\"url\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Julfian.jpeg\",\"contentUrl\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Julfian.jpeg\",\"width\":1000,\"height\":1000,\"caption\":\"Juaniyuna\"},\"logo\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Julfian.jpeg\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Jasa Desain Interior","description":"Jasa Desain Interior","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/julfian.com\/en\/jasa-desain-interior\/","og_locale":"en_US","og_type":"article","og_title":"Jasa Desain Interior","og_description":"Jasa Desain Interior","og_url":"https:\/\/julfian.com\/en\/jasa-desain-interior\/","og_site_name":"Julfian Property Expert","article_modified_time":"2026-09-23T02:07:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/julfian.com\/jasa-desain-interior\/","url":"https:\/\/julfian.com\/jasa-desain-interior\/","name":"Jasa Desain Interior","isPartOf":{"@id":"https:\/\/julfian.com\/#website"},"datePublished":"2026-08-30T06:27:02+00:00","dateModified":"2026-09-23T02:07:45+00:00","description":"Jasa Desain Interior","breadcrumb":{"@id":"https:\/\/julfian.com\/jasa-desain-interior\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/julfian.com\/jasa-desain-interior\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/julfian.com\/jasa-desain-interior\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/julfian.com\/"},{"@type":"ListItem","position":2,"name":"Jasa Desain Interior"}]},{"@type":"WebSite","@id":"https:\/\/julfian.com\/#website","url":"https:\/\/julfian.com\/","name":"Julfian | Executive Property Advisor","description":"Properti Alam Sutera, BSD &amp; Gading Serpong","publisher":{"@id":"https:\/\/julfian.com\/#\/schema\/person\/c4fa8cf9a29c54dbc2c66d7f080a968d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/julfian.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/julfian.com\/#\/schema\/person\/c4fa8cf9a29c54dbc2c66d7f080a968d","name":"Juaniyuna","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/05\/Julfian.jpeg","url":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/05\/Julfian.jpeg","contentUrl":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/05\/Julfian.jpeg","width":1000,"height":1000,"caption":"Juaniyuna"},"logo":{"@id":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/05\/Julfian.jpeg"}}]}},"_links":{"self":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/8864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/comments?post=8864"}],"version-history":[{"count":85,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/8864\/revisions"}],"predecessor-version":[{"id":9869,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/8864\/revisions\/9869"}],"wp:attachment":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/media?parent=8864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}