{"id":1361,"date":"2026-04-07T13:28:04","date_gmt":"2026-04-07T13:28:04","guid":{"rendered":"http:\/\/yieou.com\/?page_id=1361"},"modified":"2026-09-11T03:39:33","modified_gmt":"2026-09-11T03:39:33","slug":"projects","status":"publish","type":"page","link":"https:\/\/yieou.com\/id\/projects\/","title":{"rendered":"Proyek"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1361\" class=\"elementor elementor-1361\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f325ed e-con-full e-flex e-con e-parent\" data-id=\"9f325ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a73b936 elementor-widget elementor-widget-html\" data-id=\"a73b936\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"projects-hero\">\r\n  <style>\r\n    .projects-hero{\r\n      position:relative;\r\n      overflow:hidden;\r\n      padding:90px 30px;\r\n      border-radius:30px;\r\n      background:\r\n        linear-gradient(135deg, rgba(15,25,58,0.95), rgba(41,60,125,0.95)),\r\n        url('https:\/\/images.unsplash.com\/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=1600&q=80') center\/cover no-repeat;\r\n      color:#fff;\r\n      font-family:Arial,sans-serif;\r\n    }\r\n    .projects-hero:before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:linear-gradient(90deg, rgba(14,24,55,0.88) 0%, rgba(14,24,55,0.62) 45%, rgba(14,24,55,0.20) 100%);\r\n    }\r\n    .projects-hero-wrap{\r\n      position:relative;\r\n      z-index:2;\r\n      max-width:1280px;\r\n      margin:0 auto;\r\n      display:grid;\r\n      grid-template-columns:1.1fr 0.9fr;\r\n      gap:30px;\r\n      align-items:center;\r\n    }\r\n    .projects-hero-tag{\r\n      display:inline-block;\r\n      padding:8px 14px;\r\n      border-radius:999px;\r\n      border:1px solid rgba(255,255,255,0.18);\r\n      background:rgba(255,255,255,0.08);\r\n      font-size:12px;\r\n      text-transform:uppercase;\r\n      letter-spacing:1.6px;\r\n      margin-bottom:18px;\r\n      color:#fff;\r\n    }\r\n    .projects-hero h1{\r\n      margin:0 0 18px;\r\n      font-size:52px;\r\n      line-height:1.08;\r\n      font-weight:700;\r\n      max-width:760px;\r\n      color:#fff;\r\n    }\r\n    .projects-hero p{\r\n      margin:0 0 28px;\r\n      max-width:760px;\r\n      color:rgba(255,255,255,0.86);\r\n      font-size:16px;\r\n      line-height:1.9;\r\n    }\r\n    .projects-hero-btns{\r\n      display:flex;\r\n      gap:14px;\r\n      flex-wrap:wrap;\r\n    }\r\n    .projects-hero-btns a{\r\n      display:inline-block;\r\n      text-decoration:none;\r\n      padding:14px 24px;\r\n      border-radius:999px;\r\n      font-size:14px;\r\n      font-weight:700;\r\n      transition:all .3s ease;\r\n    }\r\n    .projects-hero-btns .btn-white{\r\n      background:#fff;\r\n      color:#293C7D;\r\n    }\r\n    .projects-hero-btns .btn-white:hover{\r\n      transform:translateY(-3px);\r\n      box-shadow:0 12px 28px rgba(0,0,0,0.18);\r\n    }\r\n    .projects-hero-btns .btn-line{\r\n      border:1px solid rgba(255,255,255,0.22);\r\n      color:#fff;\r\n      background:rgba(255,255,255,0.05);\r\n    }\r\n    .projects-hero-btns .btn-line:hover{\r\n      transform:translateY(-3px);\r\n      background:rgba(255,255,255,0.12);\r\n    }\r\n    .projects-hero-panel{\r\n      display:grid;\r\n      grid-template-columns:1fr 1fr;\r\n      gap:16px;\r\n    }\r\n    .projects-hero-card{\r\n      padding:24px 22px;\r\n      border-radius:22px;\r\n      background:rgba(255,255,255,0.08);\r\n      border:1px solid rgba(255,255,255,0.10);\r\n      backdrop-filter:blur(10px);\r\n      color:#fff;\r\n    }\r\n    .projects-hero-card strong{\r\n      display:block;\r\n      font-size:30px;\r\n      line-height:1;\r\n      margin-bottom:10px;\r\n      color:#fff;\r\n    }\r\n    .projects-hero-card span{\r\n      display:block;\r\n      font-size:14px;\r\n      line-height:1.7;\r\n      color:rgba(255,255,255,0.82);\r\n    }\r\n    @media(max-width:991px){\r\n      .projects-hero-wrap{grid-template-columns:1fr;}\r\n      .projects-hero h1{font-size:38px;}\r\n    }\r\n    @media(max-width:640px){\r\n      .projects-hero-panel{grid-template-columns:1fr;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"projects-hero-wrap\">\r\n    <div>\r\n      <span class=\"projects-hero-tag\">Proyek &amp; Dukungan Teknik<\/span>\r\n      <h1>Solusi Proyek Dibangun untuk Kebutuhan Distribusi Daya yang Nyata<\/h1>\r\n      <p>\r\n        Mulai dari sambungan kabel dan distribusi cabang hingga koordinasi isolasi dan dukungan proteksi, kami bekerja sama dengan pelanggan untuk memenuhi kebutuhan berbasis proyek yang menuntut keandalan, kejelasan teknis, dan pengiriman produk yang stabil.\r\n      <\/p>\r\n      <div class=\"projects-hero-btns\">\r\n        <a class=\"btn-white\" href=\"\/id\/contact-us\/\">Mulai Proyek Anda<\/a>\r\n        <a class=\"btn-line\" href=\"\/id\/solutions\/\">Lihat Solusi<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"projects-hero-panel\">\r\n      <div class=\"projects-hero-card\">\r\n        <strong>Kustom<\/strong>\r\n        <span>Pencocokan proyek berdasarkan kelas tegangan, kondisi instalasi, dan persyaratan sistem.<\/span>\r\n      <\/div>\r\n      <div class=\"projects-hero-card\">\r\n        <strong>Dapat diandalkan<\/strong>\r\n        <span>Manufaktur terstruktur dan dukungan teknis untuk pengiriman proyek yang lebih konsisten.<\/span>\r\n      <\/div>\r\n      <div class=\"projects-hero-card\">\r\n        <strong>Fleksibel<\/strong>\r\n        <span>Dukungan untuk pasokan standar, kebutuhan OEM, dan koordinasi teknik praktis.<\/span>\r\n      <\/div>\r\n      <div class=\"projects-hero-card\">\r\n        <strong>Responsif<\/strong>\r\n        <span>Dari kutipan hingga pengiriman dan komunikasi purna jual, respons proyek tetap selaras.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5257792 e-con-full e-flex e-con e-parent\" data-id=\"5257792\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0527cbf elementor-widget elementor-widget-html\" data-id=\"0527cbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"project-cats\">\r\n  <style>\r\n    .project-cats{\r\n      padding:85px 20px;\r\n      background:#f7f9fc;\r\n      font-family:Arial,sans-serif;\r\n    }\r\n    .project-cats-wrap{\r\n      max-width:1280px;\r\n      margin:0 auto;\r\n    }\r\n    .project-cats-head{\r\n      max-width:780px;\r\n      margin:0 auto 46px;\r\n      text-align:center;\r\n    }\r\n    .project-cats-head span{\r\n      display:inline-block;\r\n      margin-bottom:14px;\r\n      padding:7px 14px;\r\n      border-radius:999px;\r\n      background:rgba(41,60,125,0.08);\r\n      color:#293C7D;\r\n      font-size:12px;\r\n      font-weight:700;\r\n      letter-spacing:1.3px;\r\n      text-transform:uppercase;\r\n    }\r\n    .project-cats-head h2{\r\n      margin:0 0 14px;\r\n      font-size:40px;\r\n      line-height:1.15;\r\n      color:#1f2940;\r\n    }\r\n    .project-cats-head p{\r\n      margin:0;\r\n      color:#65738d;\r\n      font-size:16px;\r\n      line-height:1.9;\r\n    }\r\n    .project-cats-grid{\r\n      display:grid;\r\n      grid-template-columns:repeat(3,1fr);\r\n      gap:24px;\r\n    }\r\n    .project-cat{\r\n      position:relative;\r\n      border-radius:26px;\r\n      overflow:hidden;\r\n      min-height:360px;\r\n      display:flex;\r\n      align-items:flex-end;\r\n      background:#ddd;\r\n      box-shadow:0 14px 34px rgba(18,34,70,0.08);\r\n    }\r\n    .project-cat:before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:linear-gradient(180deg, rgba(10,17,40,0.08) 0%, rgba(10,17,40,0.82) 100%);\r\n    }\r\n    .project-cat:nth-child(1){\r\n      background:url('https:\/\/images.unsplash.com\/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\r\n    }\r\n    .project-cat:nth-child(2){\r\n      background:url('https:\/\/images.unsplash.com\/photo-1581092919535-7146ff1a590e?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\r\n    }\r\n    .project-cat:nth-child(3){\r\n      background:url('https:\/\/images.unsplash.com\/photo-1565008447742-97f6f38c985c?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\r\n    }\r\n    .project-cat-content{\r\n      position:relative;\r\n      z-index:2;\r\n      padding:28px;\r\n      color:#fff;\r\n    }\r\n    .project-cat small{\r\n      display:inline-block;\r\n      margin-bottom:12px;\r\n      font-size:12px;\r\n      letter-spacing:1.3px;\r\n      text-transform:uppercase;\r\n      color:rgba(255,255,255,0.76);\r\n    }\r\n    .project-cat h3{\r\n      margin:0 0 12px;\r\n      font-size:26px;\r\n      line-height:1.2;\r\n    }\r\n    .project-cat p{\r\n      margin:0;\r\n      font-size:15px;\r\n      line-height:1.85;\r\n      color:rgba(255,255,255,0.84);\r\n    }\r\n    @media(max-width:991px){\r\n      .project-cats-grid{grid-template-columns:1fr;}\r\n      .project-cats-head h2{font-size:32px;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"project-cats-wrap\">\r\n    <div class=\"project-cats-head\">\r\n      <span>Fokus Proyek<\/span>\r\n      <h2>Kategori Proyek yang Umum Kami Dukung<\/h2>\r\n      <p>\r\n        Proyek yang berbeda meminta prioritas yang berbeda pula. Beberapa berfokus pada keandalan koneksi kabel, beberapa pada koordinasi proteksi, dan yang lainnya pada struktur distribusi, integrasi penutup, atau stabilitas isolasi jangka panjang.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"project-cats-grid\">\r\n      <div class=\"project-cat\">\r\n        <div class=\"project-cat-content\">\r\n          <small>01 \/ Jaringan Utilitas<\/small>\r\n          <h3>Proyek Koneksi &amp; Distribusi Kabel<\/h3>\r\n          <p>Cocok untuk aplikasi yang membutuhkan aksesori kabel yang andal, dukungan distribusi cabang, dan koordinasi praktis di titik sambungan tegangan menengah dan tinggi.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-cat\">\r\n        <div class=\"project-cat-content\">\r\n          <small>02 \/ Sistem Industri<\/small>\r\n          <h3>Proyek Dukungan Perlindungan &amp; Isolasi<\/h3>\r\n          <p>Dirancang untuk proyek-proyek di mana perlindungan lonjakan arus, komponen isolasi, dan koneksi sisi peralatan yang aman sangat penting untuk operasi sistem yang stabil.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-cat\">\r\n        <div class=\"project-cat-content\">\r\n          <small>03 \/ Infrastruktur<\/small>\r\n          <h3>Pasokan yang Disesuaikan &amp; Pengiriman Terpadu<\/h3>\r\n          <p>Untuk pelanggan yang membutuhkan lebih dari sekadar produk tunggal, termasuk logika pasokan terkoordinasi, dukungan OEM, dan respons manufaktur berorientasi proyek.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd96dfe e-con-full e-flex e-con e-parent\" data-id=\"fd96dfe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51eb073 elementor-widget elementor-widget-html\" data-id=\"51eb073\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"project-timeline\">\r\n  <style>\r\n    .project-timeline{\r\n      padding:90px 20px;\r\n      background:#fff;\r\n      font-family:Arial,sans-serif;\r\n    }\r\n    .project-timeline-wrap{\r\n      max-width:1280px;\r\n      margin:0 auto;\r\n    }\r\n    .project-timeline-head{\r\n      display:grid;\r\n      grid-template-columns:0.9fr 1.1fr;\r\n      gap:30px;\r\n      align-items:end;\r\n      margin-bottom:50px;\r\n    }\r\n    .project-timeline-head h2{\r\n      margin:0;\r\n      font-size:40px;\r\n      line-height:1.15;\r\n      color:#1f2940;\r\n    }\r\n    .project-timeline-head p{\r\n      margin:0;\r\n      color:#66748f;\r\n      font-size:15px;\r\n      line-height:1.9;\r\n      max-width:760px;\r\n    }\r\n    .project-line{\r\n      position:relative;\r\n      display:grid;\r\n      gap:24px;\r\n      padding-left:34px;\r\n    }\r\n    .project-line:before{\r\n      content:\"\";\r\n      position:absolute;\r\n      left:9px;\r\n      top:0;\r\n      bottom:0;\r\n      width:2px;\r\n      background:linear-gradient(180deg,#293C7D 0%, rgba(41,60,125,0.12) 100%);\r\n    }\r\n    .project-step{\r\n      position:relative;\r\n      background:#f8faff;\r\n      border:1px solid rgba(41,60,125,0.08);\r\n      border-radius:24px;\r\n      padding:28px 28px 28px 34px;\r\n      box-shadow:0 10px 24px rgba(16,30,64,0.05);\r\n    }\r\n    .project-step:before{\r\n      content:\"\";\r\n      position:absolute;\r\n      left:-34px;\r\n      top:32px;\r\n      width:18px;\r\n      height:18px;\r\n      border-radius:50%;\r\n      background:#293C7D;\r\n      box-shadow:0 0 0 6px rgba(41,60,125,0.12);\r\n    }\r\n    .project-step small{\r\n      display:inline-block;\r\n      margin-bottom:8px;\r\n      color:#293C7D;\r\n      font-size:12px;\r\n      font-weight:700;\r\n      letter-spacing:1px;\r\n      text-transform:uppercase;\r\n    }\r\n    .project-step h3{\r\n      margin:0 0 10px;\r\n      font-size:23px;\r\n      color:#1f2940;\r\n    }\r\n    .project-step p{\r\n      margin:0;\r\n      color:#67748e;\r\n      font-size:15px;\r\n      line-height:1.9;\r\n    }\r\n    @media(max-width:991px){\r\n      .project-timeline-head{grid-template-columns:1fr;}\r\n      .project-timeline-head h2{font-size:32px;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"project-timeline-wrap\">\r\n    <div class=\"project-timeline-head\">\r\n      <h2>Bagaimana Proyek Khas Bergerak Maju Bersama Kami<\/h2>\r\n      <p>\r\n        Proyek distribusi daya yang sukses bergantung pada lebih dari sekadar pasokan produk. Proyek ini membutuhkan keselarasan teknis sejak dini, pencocokan yang tepat, produksi yang terkontrol, dan komunikasi yang lancar dari pertanyaan hingga pengiriman.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"project-line\">\r\n      <div class=\"project-step\">\r\n        <small>Langkah 01<\/small>\r\n        <h3>Tinjauan Persyaratan Proyek<\/h3>\r\n        <p>Kami mulai dengan memahami rentang tegangan, lingkungan aplikasi, struktur kabel, ekspektasi produk, dan kendala proyek khusus apa pun sebelum mengonfirmasi arah solusi.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"project-step\">\r\n        <small>Langkah 02<\/small>\r\n        <h3>Pencocokan Solusi &amp; Penawaran<\/h3>\r\n        <p>Produk dan aksesori yang relevan dipasangkan menjadi paket pasokan yang lebih praktis, membantu mengurangi risiko ketidakcocokan dan meningkatkan kejelasan pengadaan.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"project-step\">\r\n        <small>Langkah 03<\/small>\r\n        <h3>Koordinasi Produksi<\/h3>\r\n        <p>Setelah dikonfirmasi, pesanan akan masuk ke penjadwalan produksi dan kontrol inspeksi, dengan perhatian pada konsistensi kualitas dan ketepatan waktu pengiriman yang andal.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"project-step\">\r\n        <small>Langkah 04<\/small>\r\n        <h3>Pengiriman &amp; Dukungan Tindak Lanjut<\/h3>\r\n        <p>Setelah pengiriman, kami terus membantu dengan klarifikasi teknis, dukungan komunikasi, dan koordinasi purna jual untuk membantu proyek berjalan lebih lancar.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d075f58 e-con-full e-flex e-con e-parent\" data-id=\"d075f58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68e5051 elementor-widget elementor-widget-html\" data-id=\"68e5051\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"project-proof\">\r\n  <style>\r\n    .project-proof{\r\n      padding:85px 20px;\r\n      background:linear-gradient(135deg,#1f2f5f 0%,#293C7D 55%,#3d56a5 100%);\r\n      font-family:Arial,sans-serif;\r\n      color:#fff;\r\n      border-radius:28px;\r\n      overflow:hidden;\r\n      position:relative;\r\n    }\r\n    .project-proof:before{\r\n      content:\"\";\r\n      position:absolute;\r\n      width:380px;\r\n      height:380px;\r\n      border:1px solid rgba(255,255,255,0.10);\r\n      border-radius:50%;\r\n      right:-120px;\r\n      top:-120px;\r\n    }\r\n    .project-proof-wrap{\r\n      position:relative;\r\n      z-index:2;\r\n      max-width:1280px;\r\n      margin:0 auto;\r\n    }\r\n    .project-proof-head{\r\n      max-width:760px;\r\n      margin-bottom:38px;\r\n    }\r\n    .project-proof-head span{\r\n      display:inline-block;\r\n      margin-bottom:14px;\r\n      color:rgba(255,255,255,0.75);\r\n      font-size:12px;\r\n      letter-spacing:1.5px;\r\n      text-transform:uppercase;\r\n    }\r\n    .project-proof-head h2{\r\n      margin:0 0 14px;\r\n      font-size:40px;\r\n      line-height:1.15;\r\n      color:#fff;\r\n    }\r\n    .project-proof-head p{\r\n      margin:0;\r\n      color:rgba(255,255,255,0.82);\r\n      font-size:15px;\r\n      line-height:1.9;\r\n    }\r\n    .project-proof-grid{\r\n      display:grid;\r\n      grid-template-columns:repeat(4,1fr);\r\n      gap:18px;\r\n    }\r\n    .project-proof-item{\r\n      background:rgba(255,255,255,0.08);\r\n      border:1px solid rgba(255,255,255,0.10);\r\n      border-radius:22px;\r\n      padding:26px 22px;\r\n      backdrop-filter:blur(10px);\r\n    }\r\n    .project-proof-item strong{\r\n      display:block;\r\n      font-size:30px;\r\n      margin-bottom:12px;\r\n      line-height:1;\r\n      color:#fff;\r\n    }\r\n    .project-proof-item h3{\r\n      margin:0 0 8px;\r\n      font-size:18px;\r\n      color:#fff;\r\n    }\r\n    .project-proof-item p{\r\n      margin:0;\r\n      color:rgba(255,255,255,0.74);\r\n      font-size:14px;\r\n      line-height:1.8;\r\n    }\r\n    @media(max-width:991px){\r\n      .project-proof-grid{grid-template-columns:1fr 1fr;}\r\n      .project-proof-head h2{font-size:32px;}\r\n    }\r\n    @media(max-width:640px){\r\n      .project-proof-grid{grid-template-columns:1fr;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"project-proof-wrap\">\r\n    <div class=\"project-proof-head\">\r\n      <span>Kekuatan Proyek<\/span>\r\n      <h2>Apa yang Membuat Pemasok Proyek Lebih Andal<\/h2>\r\n      <p>\r\n        Untuk proyek rekayasa dan distribusi, pelanggan biasanya peduli lebih dari sekadar harga. Mereka juga membutuhkan keyakinan dalam kontrol manufaktur, respons teknis, pemahaman standar, dan konsistensi pasokan.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"project-proof-grid\">\r\n      <div class=\"project-proof-item\">\r\n        <strong>Teknik<\/strong>\r\n        <h3>Koordinasi Teknis<\/h3>\r\n        <p>Dukungan untuk diskusi proyek, pencocokan produk, dan klarifikasi persyaratan di seluruh proses pemesanan.<\/p>\r\n      <\/div>\r\n      <div class=\"project-proof-item\">\r\n        <strong>Kualitas<\/strong>\r\n        <h3>Kesadaran Inspeksi<\/h3>\r\n        <p>Logika produksi dan pengujian yang dirancang untuk mendukung kinerja kualitas yang lebih stabil dan keyakinan pengiriman.<\/p>\r\n      <\/div>\r\n      <div class=\"project-proof-item\">\r\n        <strong>Fleksibel<\/strong>\r\n        <h3>Kesiapan OEM \/ ODM<\/h3>\r\n        <p>Cocok untuk pelanggan dengan branding khusus, adaptasi proyek, atau ekspektasi pasokan yang lebih spesifik.<\/p>\r\n      <\/div>\r\n      <div class=\"project-proof-item\">\r\n        <strong>Layanan<\/strong>\r\n        <h3>Komunikasi Responsif<\/h3>\r\n        <p>Dari tahap penawaran hingga tindak lanjut purna jual, komunikasi tetap praktis dan berorientasi pada proyek.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07c2a30 e-con-full e-flex e-con e-parent\" data-id=\"07c2a30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2b4374 elementor-widget elementor-widget-html\" data-id=\"e2b4374\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"project-gallery\">\r\n  <style>\r\n    .project-gallery{\r\n      padding:90px 20px;\r\n      background:#fff;\r\n      font-family:Arial,sans-serif;\r\n    }\r\n    .project-gallery-wrap{\r\n      max-width:1280px;\r\n      margin:0 auto;\r\n    }\r\n    .project-gallery-head{\r\n      text-align:center;\r\n      max-width:780px;\r\n      margin:0 auto 46px;\r\n    }\r\n    .project-gallery-head span{\r\n      display:inline-block;\r\n      margin-bottom:12px;\r\n      color:#293C7D;\r\n      font-size:12px;\r\n      font-weight:700;\r\n      letter-spacing:1.3px;\r\n      text-transform:uppercase;\r\n    }\r\n    .project-gallery-head h2{\r\n      margin:0 0 14px;\r\n      font-size:40px;\r\n      color:#1f2940;\r\n      line-height:1.15;\r\n    }\r\n    .project-gallery-head p{\r\n      margin:0;\r\n      color:#67748e;\r\n      font-size:15px;\r\n      line-height:1.9;\r\n    }\r\n    .project-masonry{\r\n      display:grid;\r\n      grid-template-columns:1.2fr 0.8fr 0.8fr;\r\n      grid-template-rows:240px 240px;\r\n      gap:18px;\r\n    }\r\n    .project-masonry .item{\r\n      position:relative;\r\n      overflow:hidden;\r\n      border-radius:24px;\r\n      background:#ddd center\/cover no-repeat;\r\n      box-shadow:0 12px 28px rgba(14,28,60,0.08);\r\n    }\r\n    .project-masonry .item:before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:linear-gradient(180deg, rgba(12,20,44,0.08) 0%, rgba(12,20,44,0.78) 100%);\r\n    }\r\n    .project-masonry .item.big{\r\n      grid-row:1 \/ span 2;\r\n    }\r\n    .project-masonry .item:nth-child(1){\r\n      background-image:url('');\r\n    }\r\n    .project-masonry .item:nth-child(2){\r\n      background-image:url('');\r\n    }\r\n    .project-masonry .item:nth-child(3){\r\n      background-image:url('');\r\n    }\r\n    .project-masonry .item:nth-child(4){\r\n      background-image:url('');\r\n    } \r\n    .project-masonry .content{\r\n      position:absolute;\r\n      left:0;\r\n      right:0;\r\n      bottom:0;\r\n      z-index:2;\r\n      padding:24px;\r\n      color:#fff;\r\n    }\r\n    .project-masonry small{\r\n      display:block;\r\n      margin-bottom:8px;\r\n      font-size:12px;\r\n      letter-spacing:1.1px;\r\n      text-transform:uppercase;\r\n      color:rgba(255,255,255,0.72);\r\n    }\r\n    .project-masonry h3{\r\n      margin:0 0 8px;\r\n      font-size:24px;\r\n      line-height:1.2;\r\n    }\r\n    .project-masonry p{\r\n      margin:0;\r\n      font-size:14px;\r\n      line-height:1.8;\r\n      color:rgba(255,255,255,0.84);\r\n    }\r\n    @media(max-width:991px){\r\n      .project-masonry{\r\n        grid-template-columns:1fr;\r\n        grid-template-rows:auto;\r\n      }\r\n      .project-masonry .item,\r\n      .project-masonry .item.big{\r\n        grid-row:auto;\r\n        min-height:280px;\r\n      }\r\n      .project-gallery-head h2{font-size:32px;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"project-gallery-wrap\">\r\n    <div class=\"project-gallery-head\">\r\n      <span>Adegan Proyek<\/span>\r\n      <h2>Proyek Distribusi Daya Membutuhkan Lebih dari Pasokan Standar<\/h2>\r\n      <p>\r\n        Dalam proyek aktual, pelanggan sering kali membutuhkan pemasok yang dapat merespons lingkungan pemasangan praktis, mendukung koordinasi produk, dan menyediakan komunikasi yang lebih terstruktur di seluruh proses proyek.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"project-masonry\">\r\n      <div class=\"item big\">\r\n        <div class=\"content\">\r\n          <small>Jaringan &amp; Distribusi<\/small>\r\n          <h3>Dukungan Koneksi Berorientasi Utilitas<\/h3>\r\n          <p>Untuk kebutuhan sambungan kabel, percabangan, dan isolasi di mana kinerja yang stabil dan kesadaran standar sangat penting.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item\">\r\n        <div class=\"content\">\r\n          <small>Daya Industri<\/small>\r\n          <h3>Logika Perlindungan yang Andal<\/h3>\r\n          <p>Mendukung koneksi sisi peralatan yang lebih aman dan koordinasi isolasi.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item\">\r\n        <div class=\"content\">\r\n          <small>Proyek OEM<\/small>\r\n          <h3>Respons Pasokan Fleksibel<\/h3>\r\n          <p>Cocok untuk kebutuhan proyek kustom dan kerja sama yang berorientasi pada merek.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"item\">\r\n        <div class=\"content\">\r\n          <small>Infrastruktur<\/small>\r\n          <h3>Pengiriman Proyek Terpadu<\/h3>\r\n          <p>Membantu pelanggan beralih dari pemilihan produk ke jalur pasokan yang lebih terkoordinasi.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a66a06 e-con-full e-flex e-con e-parent\" data-id=\"7a66a06\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edd8fd4 elementor-widget elementor-widget-html\" data-id=\"edd8fd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"project-cta\">\r\n  <style>\r\n    .project-cta{\r\n      padding:20px 20px 90px;\r\n      background:#fff;\r\n      font-family:Arial,sans-serif;\r\n    }\r\n    .project-cta-wrap{\r\n      max-width:1280px;\r\n      margin:0 auto;\r\n      border-radius:30px;\r\n      padding:56px 42px;\r\n      background:linear-gradient(135deg,#f3f6fc 0%,#eef3fb 100%);\r\n      border:1px solid rgba(41,60,125,0.08);\r\n      display:grid;\r\n      grid-template-columns:1.2fr 0.8fr;\r\n      gap:24px;\r\n      align-items:center;\r\n      box-shadow:0 14px 36px rgba(16,30,64,0.06);\r\n    }\r\n    .project-cta h2{\r\n      margin:0 0 14px;\r\n      font-size:38px;\r\n      line-height:1.15;\r\n      color:#1f2940;\r\n    }\r\n    .project-cta p{\r\n      margin:0;\r\n      color:#67748e;\r\n      font-size:15px;\r\n      line-height:1.9;\r\n      max-width:760px;\r\n    }\r\n    .project-cta-btns{\r\n      display:flex;\r\n      justify-content:flex-end;\r\n      gap:14px;\r\n      flex-wrap:wrap;\r\n    }\r\n    .project-cta-btns a{\r\n      display:inline-block;\r\n      text-decoration:none;\r\n      padding:14px 24px;\r\n      border-radius:999px;\r\n      font-size:14px;\r\n      font-weight:700;\r\n      transition:all .3s ease;\r\n    }\r\n    .project-cta-btns .primary{\r\n      background:#293C7D;\r\n      color:#fff;\r\n    }\r\n    .project-cta-btns .primary:hover{\r\n      transform:translateY(-3px);\r\n      box-shadow:0 12px 28px rgba(41,60,125,0.22);\r\n    }\r\n    .project-cta-btns .ghost{\r\n      background:#fff;\r\n      color:#293C7D;\r\n      border:1px solid rgba(41,60,125,0.12);\r\n    }\r\n    .project-cta-btns .ghost:hover{\r\n      transform:translateY(-3px);\r\n      box-shadow:0 10px 22px rgba(16,30,64,0.08);\r\n    }\r\n    @media(max-width:991px){\r\n      .project-cta-wrap{grid-template-columns:1fr;}\r\n      .project-cta h2{font-size:30px;}\r\n      .project-cta-btns{justify-content:flex-start;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"project-cta-wrap\">\r\n    <div>\r\n      <h2>Memiliki Proyek Distribusi Daya yang Membutuhkan Mitra Pasokan yang Lebih Sesuai?<\/h2>\r\n      <p>\r\n        Bagikan latar belakang proyek Anda, persyaratan teknis, atau aplikasi target Anda kepada kami. Kami dapat membantu Anda beralih dari pertanyaan produk ke solusi proyek yang lebih lengkap dan praktis.\r\n      <\/p>\r\n    <\/div>\r\n    <div class=\"project-cta-btns\">\r\n      <a class=\"primary\" href=\"\/id\/contact-us\/\">Bicaralah dengan Kami<\/a>\r\n      <a class=\"ghost\" href=\"\/id\/odmoem\/\">Layanan OEM \/ ODM<\/a>\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\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Projects &#038; Engineering Support Project Solutions Built for Real Power Distribution Demands From cable connection and branch distribution to insulation [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1361","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/yieou.com\/id\/wp-json\/wp\/v2\/pages\/1361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yieou.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yieou.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yieou.com\/id\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/yieou.com\/id\/wp-json\/wp\/v2\/comments?post=1361"}],"version-history":[{"count":7,"href":"https:\/\/yieou.com\/id\/wp-json\/wp\/v2\/pages\/1361\/revisions"}],"predecessor-version":[{"id":2888,"href":"https:\/\/yieou.com\/id\/wp-json\/wp\/v2\/pages\/1361\/revisions\/2888"}],"wp:attachment":[{"href":"https:\/\/yieou.com\/id\/wp-json\/wp\/v2\/media?parent=1361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}