https://pengchi.net/id/pages/ Recent content in Pages on PENGCHI Hugo id-ID Thu, 08 Oct 2026 10:14:52 +0000 https://pengchi.net/id/laboratory-furniture-turnkey-solution/ Thu, 08 Oct 2026 10:14:52 +0000 https://pengchi.net/id/laboratory-furniture-turnkey-solution/ <section class="position-relative text-white overflow-hidden" > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-labfurnituresolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-labfurnituresolution"><div class="swiper-manager-container swiper-slide-name-labfurnituresolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-1" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="labfurnituresolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="KHh1vSSHchY" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="laboratory-bench-sink" class="swiper-slide"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/laboratory-sink-workbench-cabinets-bright-yj93HuMH-1280x720-1.jpg" loading="lazy" alt="Meja Laboratorium & Wastafel" class="slide-background-img" /></div><div class="slide-overlay"></div><div class="slide-content"><div class="content-inner"><h2 class="slide-title">Meja Laboratorium & Wastafel</h2></div></div></div><div id="laboratory-bench-cabinets" class="swiper-slide"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/bright-modern-laboratory-workbench-equipment-TffpHSxw-1280x720-1.jpg" loading="lazy" alt="Meja Laboratorium & Kabinet" class="slide-background-img" /></div><div class="slide-overlay"></div><div class="slide-content"><div class="content-inner"><h2 class="slide-title">Meja Laboratorium & Kabinet</h2></div></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- SOLUTION INTRODUCTION + SOLUTION PDF / CATALOGUE BUTTONS --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Ikhtisar Solusi</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Sistem Furnitur Lengkap untuk Laboratorium yang Berfungsi</h2> <p class="text-body-secondary">Solusi Turnkey Furnitur Laboratorium Pengchi menyediakan segala sesuatu yang menjadi inti pembangunan laboratorium — meja laboratorium baja, lemari asam, platform neraca seluruhnya baja, lemari laboratorium, dan rak reagen — dalam satu kontrak. Alih-alih mengadakan meja kerja, lemari asam, dan penyimpanan secara terpisah, laboratorium dan pemilik proyek menerima satu paket terkoordinasi, diproduksi dengan satu standar kualitas dan dipasang sebagai satu ruang lingkup yang berurutan.</p> https://pengchi.net/id/medical-hospital-furniture-turnkey-solution/ Thu, 08 Oct 2026 10:09:53 +0000 https://pengchi.net/id/medical-hospital-furniture-turnkey-solution/ <section class="position-relative text-white overflow-hidden" > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-hospitalfurnituresolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-hospitalfurnituresolution"><div class="swiper-manager-container swiper-slide-name-hospitalfurnituresolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-7" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="hospitalfurnituresolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="OKXU1WiiclQ" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="" class="swiper-slide has-video"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/medical-cabinets-with-nurse.jpg" loading="lazy" alt="Lemari ruang perawatan medis" class="slide-background-img" /></div><div class="video-container slide-video"><lite-youtube videoid="cEvrObGkIFM" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div><div id="" class="swiper-slide"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/nurse-hospital-triage-desk-flowchart-kewAj8NH-1280x720-1.jpg" loading="lazy" alt="stasiun perawat" class="slide-background-img" /></div></div><div id="" class="swiper-slide has-video"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/stainless-medical-carts-clinical-showroom-7QkP4hnQ-1280x720-1.jpg" loading="lazy" alt="" class="slide-background-img" /></div><div class="video-container slide-video"><lite-youtube videoid="hcsPlunfKLg" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- PENGANTAR SOLUSI + TOMBOL PDF / KATALOG SOLUSI --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Ikhtisar Solusi</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Furnitur yang Mengorganisasi Pekerjaan Harian Seluruh Rumah Sakit</h2> <p class="text-body-secondary">Solusi Turnkey Furnitur Rumah Sakit Medis Pengchi menyediakan sistem furnitur yang digunakan rumah sakit setiap hari — stasiun perawat, meja resepsionis lobi, lemari medis, lemari manajemen cerdas, wastafel cuci tangan bedah, dan furnitur CSSD baja tahan karat — dalam satu kontrak. Daripada memperoleh meja, lemari, dan wastafel dari pemasok terpisah dengan standar dan jadwal yang berbeda, pemilik proyek menerima satu paket terkoordinasi, diproduksi dengan satu sistem mutu dan dipasang sebagai satu ruang lingkup berurutan.</p> https://pengchi.net/id/metal-medical-door-solution/ Thu, 08 Oct 2026 09:59:55 +0000 https://pengchi.net/id/metal-medical-door-solution/ <section > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-medicaldoorsolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-medicaldoorsolution"><div class="swiper-manager-container swiper-slide-name-medicaldoorsolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-14" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="medicaldoorsolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="oj-uLRXaEZ0" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="vM1Wwfh3UjY" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="IVJm58p2EZ0" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- SOLUTION INTRODUCTION + VR / CATALOGUE BUTTONS --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Gambaran Solusi</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Setiap Pintu di Rumah Sakit, Direkayasa dan Dipasok oleh Satu Produsen</h2> <p class="text-body-secondary">Solusi Pintu Medis Logam Pengchi menyediakan program pintu lengkap untuk rumah sakit, klinik, dan gedung laboratorium dalam satu kontrak: pintu geser medis otomatis, pintu lipat otomatis, pintu ruang bersih (cleanroom), pintu baja manual medis, pintu ayun anti-radiasi, dan pintu keamanan baja. Alih-alih membeli setiap jenis pintu dari vendor yang berbeda, pemilik proyek menerima satu jadwal terkoordinasi, satu standar manufaktur, dan satu pemasok yang bertanggung jawab penuh dari gambar pintu pertama hingga komisioning akhir.</p> https://pengchi.net/id/modular-operating-rooms-turnkey-solution/ Thu, 08 Oct 2026 08:55:44 +0000 https://pengchi.net/id/modular-operating-rooms-turnkey-solution/ <section > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-operatingroomsolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-operatingroomsolution"><div class="swiper-manager-container swiper-slide-name-operatingroomsolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-21" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="operatingroomsolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="0HNem0HbCvw" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="iDniASs9Sqc" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="YJ5o-C0x47Y" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- ==================== PENGANTAR SOLUSI + TOMBOL VR / KATALOG ==================== --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Gambaran Umum Solusi</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Suite Operasi Lengkap yang Dihadirkan oleh Satu Produsen yang Bertanggung Jawab Penuh</h2> <p class="text-body-secondary">Solusi Turnkey Ruang Operasi Modular dari Pengchi menghadirkan suite bedah lengkap yang diprefabrikasi di pabrik — penutup dinding dan langit-langit, langit-langit aliran udara laminar, sistem HVAC, kabinet built-in, dan unit kontrol terintegrasi — dalam satu kontrak tunggal. Alih-alih harus mengoordinasikan beberapa kontraktor di lokasi, pemilik rumah sakit cukup bekerja sama dengan satu produsen yang bertanggung jawab penuh sejak gambar tata letak pertama hingga serah terima yang tervalidasi.</p> https://pengchi.net/id/vr-show-of-operating-room/ Thu, 08 Oct 2026 07:24:57 +0000 https://pengchi.net/id/vr-show-of-operating-room/ <style id="pfvr-styles">/** * Gaya front-end untuk penampil PlayForge VR. * * Penampil adalah overlay gelap bergaya kaca di atas kanvas A-Frame. * Overlay itu sendiri tembus klik; elemen interaktif mengaktifkan kembali * melalui pointer-events .pfvr-ui / button. */ .pfvr-viewer { position: relative; width: 100%; height: var(--pfvr-height, 100vh); background: #05070a; border-radius: 10px; overflow: hidden; outline: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: #fff; } .pfvr-viewer:focus-visible { box-shadow: 0 0 0 3px rgba(66, 165, 245, 0.55); } /* A-Frame mengisi kontainer (embedded menghapus min-height default-nya). */ .pfvr-viewer .a-embedded, .pfvr-viewer a-scene { position: absolute; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; } /* Overlay: tembus klik secara default sehingga menyeret dapat melihat sekeliling. */ .pfvr-overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; } .pfvr-ui, .pfvr-overlay button, .pfvr-overlay select { pointer-events: auto; } /* ---------- Bilah atas ---------- */ .pfvr-topbar { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-select { flex: 1; min-width: 0; max-width: 360px; padding: 7px 10px; font-size: 13px; color: #fff; background: rgba(20, 26, 34, 0.72); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px; } .pfvr-select option { color: #111; } .pfvr-top-actions { margin-left: auto; display: flex; gap: 8px; } /* ---------- Tombol ---------- */ .pfvr-btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background: rgba(20, 26, 34, 0.66); color: #fff; cursor: pointer; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background 0.15s ease, transform 0.15s ease; } .pfvr-btn:hover { background: rgba(48, 60, 75, 0.9); } .pfvr-btn:active { transform: scale(0.94); } .pfvr-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 12; } .pfvr-nav:active { transform: translateY(-50%) scale(0.94); } .pfvr-nav-prev { left: 14px; } .pfvr-nav-next { right: 14px; } /* ---------- Ikon (mask agar mewarisi currentColor) ---------- */ .pfvr-icon { width: 20px; height: 20px; display: inline-block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .pfvr-icon-prev { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); } .pfvr-icon-next { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); } .pfvr-icon-fs { width: 18px; height: 18px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); } .pfvr-icon-auto { width: 19px; height: 19px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); } .pfvr-auto-btn.is-off { opacity: 0.45; } .pfvr-fs-btn.is-fullscreen .pfvr-icon-fs { opacity: 0.7; } /* ---------- Panel info ---------- */ .pfvr-info { position: absolute; left: 14px; bottom: 116px; max-width: min(440px, calc(100% - 28px)); padding: 12px 16px; background: rgba(10, 14, 20, 0.62); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .pfvr-info[hidden] { display: none; } .pfvr-scene-title { font-size: 16px; font-weight: 700; line-height: 1.35; margin-bottom: 4px; } .pfvr-scene-desc { font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.85); word-break: break-word; } .pfvr-scene-desc p { margin: 0 0 6px; } .pfvr-scene-desc p:last-child { margin-bottom: 0; } /* ---------- Strip thumbnail ---------- */ .pfvr-thumbs { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 10px; padding: 10px 76px 12px 14px; /* celah kanan menyisakan ruang untuk tombol VR A-Frame */ overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.35) transparent; background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-thumbs::-webkit-scrollbar { height: 6px; } .pfvr-thumbs::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; } .pfvr-thumb { flex: 0 0 auto; width: 108px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.08); cursor: pointer; text-align: left; transition: border-color 0.15s ease, transform 0.15s ease; } .pfvr-thumb:hover { transform: translateY(-2px); } .pfvr-thumb img { display: block; width: 108px; height: 64px; object-fit: cover; } .pfvr-thumb-label { display: block; padding: 4px 6px; font-size: 11px; line-height: 1.3; color: rgba(255, 255, 255, 0.88); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pfvr-thumb.is-active { border-color: #42a5f5; box-shadow: 0 0 0 1px rgba(66, 165, 245, 0.6); } .pfvr-thumb.is-active .pfvr-thumb-label { color: #90caf9; } /* ---------- Spinner pemuatan ---------- */ .pfvr-loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; } .pfvr-spinner { width: 42px; height: 42px; border: 3px solid rgba(255, 255, 255, 0.2); border-top-color: #42a5f5; border-radius: 50%; animation: pfvr-spin 0.9s linear infinite; } @keyframes pfvr-spin { to { transform: rotate(360deg); } } .pfvr-viewer:not(.pfvr-loading) .pfvr-loader { display: none; } /* ---------- Layar penuh ---------- */ .pfvr-viewer:fullscreen, .pfvr-viewer:-webkit-full-screen { height: 100%; border-radius: 0; } .pfvr-viewer:fullscreen .pfvr-info { bottom: 120px; } /* ---------- Layar kecil ---------- */ @media (max-width: 600px) { .pfvr-viewer { border-radius: 6px; } .pfvr-info { left: 8px; right: 8px; bottom: 108px; max-width: none; padding: 10px 12px; } .pfvr-scene-title { font-size: 14px; } .pfvr-scene-desc { font-size: 12px; } .pfvr-nav { width: 34px; height: 34px; } .pfvr-nav-prev { left: 6px; } .pfvr-nav-next { right: 6px; } .pfvr-thumb { width: 92px; } .pfvr-thumb img { width: 92px; height: 56px; } .pfvr-topbar { padding: 8px 10px; } } /* Pemberitahuan untuk editor mengenai shortcode yang salah konfigurasi. */ .pfvr-notice { padding: 12px 16px; background: #fcf0f1; border-left: 4px solid #d63638; color: #3c434a; } </style> <script src="https://pengchi.net/wp-content/plugins/playforge-vr/assets/vendor/aframe.min.js"></script> <div id="pfvr-viewer-624-1" class="pfvr-viewer pfvr-loading" style="--pfvr-height: 100vh;" data-scene="0" data-autoplay="1" data-preload="all" tabindex="0" > <a-scene embedded loading-screen="enabled: false" vr-mode-ui="enabled: true" renderer="colorManagement: true; antialias: true" > <a-assets timeout="30000"> <img id="pfvr-a-0" src="https://pengchi.net/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-Corridor_4K_4096x2048-scaled.jpg" alt="" > <img id="pfvr-a-1" src="https://pengchi.net/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-2_4K_4096x2048-scaled.jpg" alt="" > <img id="pfvr-a-2" src="https://pengchi.net/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-1_4K_4096x2048-scaled.jpg" alt="" > </a-assets> <a-sky data-role="sky" src="#pfvr-a-0"></a-sky> <a-entity data-role="rig" pfvr-auto="speed: 0.06; enabled: true"> <a-entity camera look-controls="reverseMouseDrag: true" fov="80"></a-entity> </a-entity> </a-scene> <div class="pfvr-overlay"> <div class="pfvr-topbar pfvr-ui"> <select class="pfvr-select" aria-label="Ganti adegan berdasarkan judul"></select> <div class="pfvr-top-actions"> <button type="button" class="pfvr-btn pfvr-auto-btn" aria-label="Sakelar rotasi otomatis" title="Rotasi otomatis"> <span class="pfvr-icon pfvr-icon-auto" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-fs-btn" aria-label="Layar penuh" title="Layar penuh"> <span class="pfvr-icon pfvr-icon-fs" aria-hidden="true"></span> </button> </div> </div> <div class="pfvr-info"> <div class="pfvr-scene-title"></div> <div class="pfvr-scene-desc"></div> </div> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-prev pfvr-ui" aria-label="Sebelumnya"> <span class="pfvr-icon pfvr-icon-prev" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-next pfvr-ui" aria-label="Berikutnya"> <span class="pfvr-icon pfvr-icon-next" aria-hidden="true"></span> </button> <div class="pfvr-thumbs pfvr-ui"></div> <div class="pfvr-loader" aria-hidden="true"> <span class="pfvr-spinner"></span> </div> </div> <script type="application/json" class="pfvr-data">[{"id":"scene-1790645683076-1","title":"Koridor ruang operasi","description":"Koridor ruang operasi dilengkapi dengan pintu kedap udara medis, tempat cuci tangan baja tahan karat 304, dan fasilitas pendukung lainnya.","image":"/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-Corridor_4K_4096x2048-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Wuhan-Fifth-Hospital_OR-Corridor_4K_4096x2048-scaled-1.jpg"},{"id":"scene-1790645700912-2","title":"Ruang Operasi 1","description":"Proyek turnkey Ruang Operasi Kelas 100 modular, termasuk lemari instrumen, lemari anestesi, lemari es built-in, langit-langit aliran laminar, diffuser suplai udara HEPA, panel kontrol suhu dan kelembaban, terminal outlet gas medis, panel outlet listrik, dll. Panel dinding sudut melengkung, mudah dibersihkan tanpa sudut mati sanitasi.","image":"/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-2_4K_4096x2048-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Wuhan-Fifth-Hospital_OR-2_4K_4096x2048-scaled-1.jpg"},{"id":"scene-1790645733838-3","title":"Ruang Operasi 2","description":"Ini adalah proyek turnkey ruang operasi modular ISO Kelas 5, yang dilengkapi dengan lemari instrumen, lemari anestesi, dan lemari es built-in. Ruangan ini juga terdiri dari langit-langit aliran laminar, diffuser suplai udara HEPA, panel kontrol suhu \u0026amp; kelembaban, terminal outlet gas medis, panel outlet listrik, kotak lampu penampil film sinar-X, panel lampu kedap udara, dan troli ruang operasi. Panel dinding sudut melengkung digunakan untuk memudahkan pembersihan dan menghilangkan sudut mati sanitasi.","image":"/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-1_4K_4096x2048-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Wuhan-Fifth-Hospital_OR-1_4K_4096x2048-scaled-1.jpg"}]</script> </div> <script>/** * Logika front-end untuk penampil PlayForge VR. * * Membaca JSON adegan yang dirender oleh shortcode, membangun select judul, * strip thumbnail dan panel info, serta menukar tekstur <a-sky> saat beralih. */ ( function () { 'use strict'; /** * Komponen A-Frame: rotasi yaw lambat pada rig kamera. * * Berhenti sementara saat pengunjung menyeret/melihat sekeliling dan dilanjutkan * setelah jeda tidak aktif, sehingga tidak pernah mengganggu kontrol penampil. */ function registerAutoComponent() { if ( ! window.AFRAME || window.AFRAME.components[ 'pfvr-auto' ] ) { return; } window.AFRAME.registerComponent( 'pfvr-auto', { schema: { speed: { default: 0.06 }, // radian per detik. enabled: { default: true } }, init: function () { this.userPaused = false; this.tempPaused = false; this.resumeTimer = null; var self = this; var pauseTemporarily = function () { self.tempPaused = true; window.clearTimeout( self.resumeTimer ); self.resumeTimer = window.setTimeout( function () { self.tempPaused = false; }, 4000 ); }; // Kanvas menerima event pointer/sentuhan yang digunakan look-controls. var bind = function () { var canvas = self.el.sceneEl.canvas; if ( ! canvas ) { return; } canvas.addEventListener( 'pointerdown', pauseTemporarily ); canvas.addEventListener( 'wheel', pauseTemporarily, { passive: true } ); canvas.addEventListener( 'touchstart', pauseTemporarily, { passive: true } ); }; if ( this.el.sceneEl.canvas ) { bind(); } else { this.el.sceneEl.addEventListener( 'rendertargetchanged', bind ); window.setTimeout( bind, 500 ); } }, setEnabled: function ( enabled ) { this.userPaused = ! enabled; }, tick: function ( _time, delta ) { if ( ! this.data.enabled || this.userPaused || this.tempPaused || document.hidden ) { return; } this.el.object3D.rotation.y += ( delta / 1000 ) * this.data.speed; } } ); } /** Membuat span ikon dengan kelas (konten berasal dari CSS). */ function icon( className ) { var span = document.createElement( 'span' ); span.className = 'pfvr-icon ' + className; span.setAttribute( 'aria-hidden', 'true' ); return span; } /** * Menginisialisasi satu elemen penampil. * * @param {HTMLElement} viewer Elemen root .pfvr-viewer. */ function initViewer( viewer ) { var dataEl = viewer.querySelector( '.pfvr-data' ); var scenes; try { scenes = JSON.parse( dataEl.textContent || '{}' ); } catch ( e ) { scenes = []; } if ( ! Array.isArray( scenes ) || ! scenes.length ) { return; } var sky = viewer.querySelector( '[data-role="sky"]' ); var rig = viewer.querySelector( '[data-role="rig"]' ); var select = viewer.querySelector( '.pfvr-select' ); var thumbs = viewer.querySelector( '.pfvr-thumbs' ); var infoTitle = viewer.querySelector( '.pfvr-scene-title' ); var infoDesc = viewer.querySelector( '.pfvr-scene-desc' ); var infoBox = viewer.querySelector( '.pfvr-info' ); var loader = viewer.querySelector( '.pfvr-loader' ); var autoBtn = viewer.querySelector( '.pfvr-auto-btn' ); var fsBtn = viewer.querySelector( '.pfvr-fs-btn' ); var prevBtn = viewer.querySelector( '.pfvr-nav-prev' ); var nextBtn = viewer.querySelector( '.pfvr-nav-next' ); var current = Math.min( parseInt( viewer.getAttribute( 'data-scene' ), 10 ) || 0, scenes.length - 1 ); var autoEnabled = viewer.getAttribute( 'data-autoplay' ) === '1'; var preloadAll = viewer.getAttribute( 'data-preload' ) === 'all'; var assetsBox = viewer.querySelector( 'a-assets' ); var loadFallbackTimer = null; // Bangun <select> judul. scenes.forEach( function ( scene, i ) { var option = document.createElement( 'option' ); option.value = String( i ); option.textContent = scene.title || 'Adegan ' + ( i + 1 ); select.appendChild( option ); } ); // Bangun strip thumbnail. var thumbButtons = []; scenes.forEach( function ( scene, i ) { var button = document.createElement( 'button' ); button.type = 'button'; button.className = 'pfvr-thumb'; button.setAttribute( 'aria-label', scene.title || 'Adegan ' + ( i + 1 ) ); var img = document.createElement( 'img' ); img.src = scene.thumb || ''; img.alt = ''; img.addEventListener( 'error', function () { img.style.display = 'none'; } ); var label = document.createElement( 'span' ); label.className = 'pfvr-thumb-label'; label.textContent = scene.title || 'Adegan ' + ( i + 1 ); button.appendChild( img ); button.appendChild( label ); button.addEventListener( 'click', function () { goTo( i ); } ); thumbs.appendChild( button ); thumbButtons.push( button ); } ); /** * Memastikan adegan i ada sebagai <img> di dalam <a-assets>, membuatnya * jika perlu. A-Frame kemudian memuatnya dan menyimpan tekstur GPU dalam cache, * sehingga mengarahkan sky ke sana menjadi instan setelah dimuat. * * @param {number} i Indeks adegan. */ function ensureAsset( i ) { if ( ! assetsBox || ! scenes[ i ] ) { return; } var id = 'pfvr-a-' + i; if ( document.getElementById( id ) ) { return; } var img = document.createElement( 'img' ); img.id = id; img.alt = ''; img.src = scenes[ i ].image; assetsBox.appendChild( img ); } /** Memuat adegan terlebih dahulu sebagai aset A-Frame (memanaskan cache jaringan + GPU). */ function preload( i ) { ensureAsset( i ); } /** Menyembunyikan spinner pemuatan setelah tekstur baru ada di sky. */ function hideLoader() { window.clearTimeout( loadFallbackTimer ); viewer.classList.remove( 'pfvr-loading' ); if ( loader ) { loader.style.display = 'none'; } } /** * Beralih ke adegan berdasarkan indeks. * * @param {number} i Indeks target. */ function goTo( i ) { if ( i === current || i < 0 || i >= scenes.length ) { return; } current = i; viewer.classList.add( 'pfvr-loading' ); if ( loader ) { loader.style.display = ''; } var settled = false; var finish = function () { if ( settled ) { return; } settled = true; hideLoader(); sky.removeEventListener( 'materialtextureloaded', finish ); sky.removeEventListener( 'materialtextureerror', finish ); }; // Jaring pengaman: jangan pernah membiarkan spinner macet jika tidak ada event yang terpicu. window.clearTimeout( loadFallbackTimer ); loadFallbackTimer = window.setTimeout( finish, 9000 ); sky.addEventListener( 'materialtextureloaded', finish ); sky.addEventListener( 'materialtextureerror', finish ); // Pastikan gambar target ada di <a-assets>, lalu referensikan // berdasarkan ID agar cache tekstur A-Frame digunakan kembali. ensureAsset( i ); sky.setAttribute( 'src', '#pfvr-a-' + i ); // Ketika gambar target sudah selesai dimuat, A-Frame dapat // menyelesaikan material secara sinkron tanpa memancarkan event; // sembunyikan spinner pada frame berikutnya dalam kasus tersebut. var targetImg = document.getElementById( 'pfvr-a-' + i ); if ( targetImg && targetImg.complete && targetImg.naturalWidth ) { window.requestAnimationFrame( function () { window.requestAnimationFrame( finish ); } ); } updateUI(); preload( ( i + 1 ) % scenes.length ); preload( ( i - 1 + scenes.length ) % scenes.length ); } /** Memperbarui status aktif judul/deskripsi/select/thumb. */ function updateUI() { var scene = scenes[ current ]; select.value = String( current ); infoTitle.textContent = scene.title || ''; if ( scene.description && scene.description.trim() ) { infoDesc.innerHTML = scene.description; infoBox.hidden = false; } else { infoDesc.innerHTML = ''; infoBox.hidden = ! scene.title; } thumbButtons.forEach( function ( button, i ) { button.classList.toggle( 'is-active', i === current ); } ); // Jaga thumbnail aktif tetap terlihat di strip yang digulir. var active = thumbButtons[ current ]; if ( active && active.scrollIntoView ) { active.scrollIntoView( { behavior: 'smooth', inline: 'center', block: 'nearest' } ); } } // --- Event UI ----------------------------------------------------- select.addEventListener( 'change', function () { goTo( parseInt( select.value, 10 ) ); } ); prevBtn.addEventListener( 'click', function () { goTo( ( current - 1 + scenes.length ) % scenes.length ); } ); nextBtn.addEventListener( 'click', function () { goTo( ( current + 1 ) % scenes.length ); } ); autoBtn.addEventListener( 'click', function () { autoEnabled = ! autoEnabled; setAutoButtonState(); if ( rig.components && rig.components[ 'pfvr-auto' ] ) { rig.components[ 'pfvr-auto' ].setEnabled( autoEnabled ); } rig.setAttribute( 'pfvr-auto', 'enabled', autoEnabled ? 'true' : 'false' ); } ); function setAutoButtonState() { autoBtn.classList.toggle( 'is-off', ! autoEnabled ); autoBtn.setAttribute( 'aria-pressed', autoEnabled ? 'true' : 'false' ); } // Layar penuh. fsBtn.addEventListener( 'click', function () { if ( document.fullscreenElement ) { document.exitFullscreen(); } else if ( viewer.requestFullscreen ) { viewer.requestFullscreen(); } else if ( viewer.webkitRequestFullscreen ) { viewer.webkitRequestFullscreen(); } } ); document.addEventListener( 'fullscreenchange', function () { fsBtn.classList.toggle( 'is-fullscreen', !! document.fullscreenElement ); } ); // Keyboard: hanya bertindak saat viewer ini sedang fokus atau dalam mode layar penuh. viewer.addEventListener( 'keydown', function ( event ) { if ( document.fullscreenElement !== viewer && ! viewer.contains( document.activeElement ) ) { return; } if ( event.key === 'ArrowRight' ) { event.preventDefault(); goTo( ( current + 1 ) % scenes.length ); } else if ( event.key === 'ArrowLeft' ) { event.preventDefault(); goTo( ( current - 1 + scenes.length ) % scenes.length ); } } ); // Galeri dengan satu scene tidak memerlukan elemen navigasi. if ( scenes.length === 1 ) { prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; thumbs.style.display = 'none'; select.style.display = 'none'; } // --- Status awal ------------------------------------------------- setAutoButtonState(); updateUI(); // Mode "all" sudah menyertakan setiap gambar di dalam <a-assets>; dalam mode // "adjacent", muat lebih dulu kedua tetangga dari scene awal. if ( ! preloadAll ) { preload( ( current + 1 ) % scenes.length ); preload( ( current - 1 + scenes.length ) % scenes.length ); } // Sembunyikan spinner setelah tekstur pertama selesai dimuat. var onInitialLoaded = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; var onInitialError = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; sky.addEventListener( 'materialtextureloaded', onInitialLoaded ); sky.addEventListener( 'materialtextureerror', onInitialError ); window.setTimeout( hideLoader, 9000 ); } function boot() { registerAutoComponent(); document.querySelectorAll( '.pfvr-viewer' ).forEach( initViewer ); } if ( document.readyState === 'loading' ) { document.addEventListener( 'DOMContentLoaded', boot ); } else { boot(); } } )(); </script> https://pengchi.net/id/solutions/ Wed, 30 Sep 2026 03:43:37 +0000 https://pengchi.net/id/solutions/ <section class="text-white" style="width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);background: linear-gradient(rgba(9, 33, 43, 0.78), rgba(9, 33, 43, 0.86)), url('/wp-content/uploads/2026/09/Factory-Aerial-View-scaled.jpg') center center / cover no-repeat"> <div class="container py-5"> <div class="row justify-content-center text-center"> <div class="col-lg-10"> <p><span class="badge rounded-pill text-bg-light text-success text-uppercase px-3 py-2 mb-3">Solusi Medis Satu Pintu</span></p> <h1 class="fw-bold lh-sm mb-3" style="font-size: clamp(1.9rem, 4vw, 3.1rem)">Pintu Medis, Ruang Operasi Modular & Furnitur Rumah Sakit untuk Proyek Layanan Kesehatan</h1> <p class="lead text-white-50 mb-4 mx-auto" style="max-width: 820px">Pengchi mendukung rumah sakit, klinik, dan laboratorium mulai dari perencanaan ruang dan konfigurasi berbasis departemen hingga produksi langsung dari pabrik, pengiriman, dan instalasi — satu tim, dokumentasi lengkap.</p> https://pengchi.net/id/thank-you/ Tue, 22 Sep 2026 08:55:56 +0000 https://pengchi.net/id/thank-you/ <h1>Terima kasih atas pesan Anda.</h1> Kami akan membalas secepatnya. <p>Silakan hubungi kami melalui email <a href="mailto:pengchi@pengchihealth.com"><a href="mailto:pengchi@pengchihealth.com">pengchi@pengchihealth.com</a></a> atau ponsel +86-18025283503.</p> https://pengchi.net/id/factory-show/ Tue, 22 Sep 2026 06:41:23 +0000 https://pengchi.net/id/factory-show/ <style id="pfvr-styles">/** * Gaya front-end untuk penampil PlayForge VR. * * Penampil ini adalah overlay gelap bergaya kaca di atas kanvas A-Frame. * Overlay itu sendiri bersifat tembus-klik; elemen antarmuka interaktif mengaktifkan kembali * pointer-events melalui .pfvr-ui / button. */ .pfvr-viewer { position: relative; width: 100%; height: var(--pfvr-height, 100vh); background: #05070a; border-radius: 10px; overflow: hidden; outline: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: #fff; } .pfvr-viewer:focus-visible { box-shadow: 0 0 0 3px rgba(66, 165, 245, 0.55); } /* A-Frame mengisi kontainer (embedded menghapus min-height bawaannya). */ .pfvr-viewer .a-embedded, .pfvr-viewer a-scene { position: absolute; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; } /* Overlay: tembus-klik secara default sehingga menyeret dapat melihat sekeliling. */ .pfvr-overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; } .pfvr-ui, .pfvr-overlay button, .pfvr-overlay select { pointer-events: auto; } /* ---------- Bilah atas ---------- */ .pfvr-topbar { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-select { flex: 1; min-width: 0; max-width: 360px; padding: 7px 10px; font-size: 13px; color: #fff; background: rgba(20, 26, 34, 0.72); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px; } .pfvr-select option { color: #111; } .pfvr-top-actions { margin-left: auto; display: flex; gap: 8px; } /* ---------- Tombol ---------- */ .pfvr-btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background: rgba(20, 26, 34, 0.66); color: #fff; cursor: pointer; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background 0.15s ease, transform 0.15s ease; } .pfvr-btn:hover { background: rgba(48, 60, 75, 0.9); } .pfvr-btn:active { transform: scale(0.94); } .pfvr-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 12; } .pfvr-nav:active { transform: translateY(-50%) scale(0.94); } .pfvr-nav-prev { left: 14px; } .pfvr-nav-next { right: 14px; } /* ---------- Ikon (mask agar mewarisi currentColor) ---------- */ .pfvr-icon { width: 20px; height: 20px; display: inline-block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .pfvr-icon-prev { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); } .pfvr-icon-next { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); } .pfvr-icon-fs { width: 18px; height: 18px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); } .pfvr-icon-auto { width: 19px; height: 19px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); } .pfvr-auto-btn.is-off { opacity: 0.45; } .pfvr-fs-btn.is-fullscreen .pfvr-icon-fs { opacity: 0.7; } /* ---------- Panel info ---------- */ .pfvr-info { position: absolute; left: 14px; bottom: 116px; max-width: min(440px, calc(100% - 28px)); padding: 12px 16px; background: rgba(10, 14, 20, 0.62); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .pfvr-info[hidden] { display: none; } .pfvr-scene-title { font-size: 16px; font-weight: 700; line-height: 1.35; margin-bottom: 4px; } .pfvr-scene-desc { font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.85); word-break: break-word; } .pfvr-scene-desc p { margin: 0 0 6px; } .pfvr-scene-desc p:last-child { margin-bottom: 0; } /* ---------- Strip thumbnail ---------- */ .pfvr-thumbs { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 10px; padding: 10px 76px 12px 14px; /* celah kanan menyisakan ruang untuk tombol VR A-Frame */ overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.35) transparent; background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-thumbs::-webkit-scrollbar { height: 6px; } .pfvr-thumbs::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; } .pfvr-thumb { flex: 0 0 auto; width: 108px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.08); cursor: pointer; text-align: left; transition: border-color 0.15s ease, transform 0.15s ease; } .pfvr-thumb:hover { transform: translateY(-2px); } .pfvr-thumb img { display: block; width: 108px; height: 64px; object-fit: cover; } .pfvr-thumb-label { display: block; padding: 4px 6px; font-size: 11px; line-height: 1.3; color: rgba(255, 255, 255, 0.88); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pfvr-thumb.is-active { border-color: #42a5f5; box-shadow: 0 0 0 1px rgba(66, 165, 245, 0.6); } .pfvr-thumb.is-active .pfvr-thumb-label { color: #90caf9; } /* ---------- Spinner pemuatan ---------- */ .pfvr-loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; } .pfvr-spinner { width: 42px; height: 42px; border: 3px solid rgba(255, 255, 255, 0.2); border-top-color: #42a5f5; border-radius: 50%; animation: pfvr-spin 0.9s linear infinite; } @keyframes pfvr-spin { to { transform: rotate(360deg); } } .pfvr-viewer:not(.pfvr-loading) .pfvr-loader { display: none; } /* ---------- Layar penuh ---------- */ .pfvr-viewer:fullscreen, .pfvr-viewer:-webkit-full-screen { height: 100%; border-radius: 0; } .pfvr-viewer:fullscreen .pfvr-info { bottom: 120px; } /* ---------- Layar kecil ---------- */ @media (max-width: 600px) { .pfvr-viewer { border-radius: 6px; } .pfvr-info { left: 8px; right: 8px; bottom: 108px; max-width: none; padding: 10px 12px; } .pfvr-scene-title { font-size: 14px; } .pfvr-scene-desc { font-size: 12px; } .pfvr-nav { width: 34px; height: 34px; } .pfvr-nav-prev { left: 6px; } .pfvr-nav-next { right: 6px; } .pfvr-thumb { width: 92px; } .pfvr-thumb img { width: 92px; height: 56px; } .pfvr-topbar { padding: 8px 10px; } } /* Pemberitahuan untuk editor terkait shortcode yang salah konfigurasi. */ .pfvr-notice { padding: 12px 16px; background: #fcf0f1; border-left: 4px solid #d63638; color: #3c434a; } </style> <script src="https://pengchi.net/wp-content/plugins/playforge-vr/assets/vendor/aframe.min.js"></script> <div id="pfvr-viewer-494-2" class="pfvr-viewer pfvr-loading" style="--pfvr-height: 100vh;" data-scene="0" data-autoplay="1" data-preload="all" tabindex="0" > <a-scene embedded loading-screen="enabled: false" vr-mode-ui="enabled: true" renderer="colorManagement: true; antialias: true" > <a-assets timeout="30000"> <img id="pfvr-a-0" src="https://pengchi.net/wp-content/uploads/2026/09/Factory-Aerial-View-scaled.jpg" alt="" > <img id="pfvr-a-1" src="https://pengchi.net/wp-content/uploads/2026/09/Sheet-Metal-Processing-Workshop-scaled.jpg" alt="" > <img id="pfvr-a-2" src="https://pengchi.net/wp-content/uploads/2026/09/Panel-Board-Production-Workshop-scaled.jpg" alt="" > <img id="pfvr-a-3" src="https://pengchi.net/wp-content/uploads/2026/09/Medical-Cabinet-Assembly-Workshop-scaled.jpg" alt="" > <img id="pfvr-a-4" src="https://pengchi.net/wp-content/uploads/2026/09/Medical-Equipment-Showroom-scaled.jpg" alt="" > <img id="pfvr-a-5" src="https://pengchi.net/wp-content/uploads/2026/09/Open-Office-Area-scaled.jpg" alt="" > </a-assets> <a-sky data-role="sky" src="#pfvr-a-0"></a-sky> <a-entity data-role="rig" pfvr-auto="speed: 0.06; enabled: true"> <a-entity camera look-controls="reverseMouseDrag: true" fov="80"></a-entity> </a-entity> </a-scene> <div class="pfvr-overlay"> <div class="pfvr-topbar pfvr-ui"> <select class="pfvr-select" aria-label="Beralih adegan berdasarkan judul"></select> <div class="pfvr-top-actions"> <button type="button" class="pfvr-btn pfvr-auto-btn" aria-label="Sakelar rotasi otomatis" title="Rotasi otomatis"> <span class="pfvr-icon pfvr-icon-auto" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-fs-btn" aria-label="Layar penuh" title="Layar penuh"> <span class="pfvr-icon pfvr-icon-fs" aria-hidden="true"></span> </button> </div> </div> <div class="pfvr-info"> <div class="pfvr-scene-title"></div> <div class="pfvr-scene-desc"></div> </div> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-prev pfvr-ui" aria-label="Sebelumnya"> <span class="pfvr-icon pfvr-icon-prev" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-next pfvr-ui" aria-label="Berikutnya"> <span class="pfvr-icon pfvr-icon-next" aria-hidden="true"></span> </button> <div class="pfvr-thumbs pfvr-ui"></div> <div class="pfvr-loader" aria-hidden="true"> <span class="pfvr-spinner"></span> </div> </div> <script type="application/json" class="pfvr-data">[{"id":"scene-1790058861688-1","title":"Pemandangan Udara Pabrik","description":"Kawasan Industri Teknologi Cerdas Pengchi","image":"/wp-content/uploads/2026/09/Factory-Aerial-View-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Factory-Aerial-View-scaled-1.jpg"},{"id":"scene-1790058915736-2","title":"Bengkel 1","description":"Lantai 1, bengkel pemotongan laser","image":"/wp-content/uploads/2026/09/Sheet-Metal-Processing-Workshop-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Sheet-Metal-Processing-Workshop-scaled-1.jpg"},{"id":"scene-1790058933968-3","title":"Bengkel","description":"Lantai 3, bengkel pintu medis","image":"/wp-content/uploads/2026/09/Panel-Board-Production-Workshop-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Panel-Board-Production-Workshop-scaled-1.jpg"},{"id":"scene-1790059002625-4","title":"Bengkel","description":"Lantai 4, bengkel lemari asam","image":"/wp-content/uploads/2026/09/Medical-Cabinet-Assembly-Workshop-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Medical-Cabinet-Assembly-Workshop-scaled-1.jpg"},{"id":"scene-1790059172719-5","title":"Ruang Pamer","description":"Lantai 9, ruang pamer furnitur medis","image":"/wp-content/uploads/2026/09/Medical-Equipment-Showroom-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Medical-Equipment-Showroom-scaled-1.jpg"},{"id":"scene-1790059199810-6","title":"Kantor Pengchi","description":"Lantai 9, lobi kantor","image":"/wp-content/uploads/2026/09/Open-Office-Area-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Open-Office-Area-scaled-1.jpg"}]</script> </div> <script>/** * Logika front-end untuk penampil PlayForge VR. * * Membaca JSON adegan yang dirender oleh shortcode, membangun select judul, * strip thumbnail, dan panel info, serta menukar tekstur <a-sky> saat beralih. */ ( function () { 'use strict'; /** * Komponen A-Frame: rotasi yaw lambat pada rig kamera. * * Berhenti sementara saat pengunjung menyeret/melihat-lihat dan dilanjutkan * setelah jeda tidak aktif, sehingga tidak pernah mengganggu kontrol penampil. */ function registerAutoComponent() { if ( ! window.AFRAME || window.AFRAME.components[ 'pfvr-auto' ] ) { return; } window.AFRAME.registerComponent( 'pfvr-auto', { schema: { speed: { default: 0.06 }, // radian per detik. enabled: { default: true } }, init: function () { this.userPaused = false; this.tempPaused = false; this.resumeTimer = null; var self = this; var pauseTemporarily = function () { self.tempPaused = true; window.clearTimeout( self.resumeTimer ); self.resumeTimer = window.setTimeout( function () { self.tempPaused = false; }, 4000 ); }; // Canvas menerima peristiwa pointer/sentuh yang digunakan look-controls. var bind = function () { var canvas = self.el.sceneEl.canvas; if ( ! canvas ) { return; } canvas.addEventListener( 'pointerdown', pauseTemporarily ); canvas.addEventListener( 'wheel', pauseTemporarily, { passive: true } ); canvas.addEventListener( 'touchstart', pauseTemporarily, { passive: true } ); }; if ( this.el.sceneEl.canvas ) { bind(); } else { this.el.sceneEl.addEventListener( 'rendertargetchanged', bind ); window.setTimeout( bind, 500 ); } }, setEnabled: function ( enabled ) { this.userPaused = ! enabled; }, tick: function ( _time, delta ) { if ( ! this.data.enabled || this.userPaused || this.tempPaused || document.hidden ) { return; } this.el.object3D.rotation.y += ( delta / 1000 ) * this.data.speed; } } ); } /** Membuat span ikon dengan sebuah kelas (konten berasal dari CSS). */ function icon( className ) { var span = document.createElement( 'span' ); span.className = 'pfvr-icon ' + className; span.setAttribute( 'aria-hidden', 'true' ); return span; } /** * Menginisialisasi satu elemen penampil. * * @param {HTMLElement} viewer Elemen root .pfvr-viewer. */ function initViewer( viewer ) { var dataEl = viewer.querySelector( '.pfvr-data' ); var scenes; try { scenes = JSON.parse( dataEl.textContent || '{}' ); } catch ( e ) { scenes = []; } if ( ! Array.isArray( scenes ) || ! scenes.length ) { return; } var sky = viewer.querySelector( '[data-role="sky"]' ); var rig = viewer.querySelector( '[data-role="rig"]' ); var select = viewer.querySelector( '.pfvr-select' ); var thumbs = viewer.querySelector( '.pfvr-thumbs' ); var infoTitle = viewer.querySelector( '.pfvr-scene-title' ); var infoDesc = viewer.querySelector( '.pfvr-scene-desc' ); var infoBox = viewer.querySelector( '.pfvr-info' ); var loader = viewer.querySelector( '.pfvr-loader' ); var autoBtn = viewer.querySelector( '.pfvr-auto-btn' ); var fsBtn = viewer.querySelector( '.pfvr-fs-btn' ); var prevBtn = viewer.querySelector( '.pfvr-nav-prev' ); var nextBtn = viewer.querySelector( '.pfvr-nav-next' ); var current = Math.min( parseInt( viewer.getAttribute( 'data-scene' ), 10 ) || 0, scenes.length - 1 ); var autoEnabled = viewer.getAttribute( 'data-autoplay' ) === '1'; var preloadAll = viewer.getAttribute( 'data-preload' ) === 'all'; var assetsBox = viewer.querySelector( 'a-assets' ); var loadFallbackTimer = null; // Membangun <select> judul. scenes.forEach( function ( scene, i ) { var option = document.createElement( 'option' ); option.value = String( i ); option.textContent = scene.title || 'Adegan ' + ( i + 1 ); select.appendChild( option ); } ); // Membangun strip thumbnail. var thumbButtons = []; scenes.forEach( function ( scene, i ) { var button = document.createElement( 'button' ); button.type = 'button'; button.className = 'pfvr-thumb'; button.setAttribute( 'aria-label', scene.title || 'Adegan ' + ( i + 1 ) ); var img = document.createElement( 'img' ); img.src = scene.thumb || ''; img.alt = ''; img.addEventListener( 'error', function () { img.style.display = 'none'; } ); var label = document.createElement( 'span' ); label.className = 'pfvr-thumb-label'; label.textContent = scene.title || 'Adegan ' + ( i + 1 ); button.appendChild( img ); button.appendChild( label ); button.addEventListener( 'click', function () { goTo( i ); } ); thumbs.appendChild( button ); thumbButtons.push( button ); } ); /** * Memastikan adegan i ada sebagai <img> di dalam <a-assets>, membuatnya * jika perlu. A-Frame kemudian memuatnya dan menyimpan tekstur GPU dalam * cache, sehingga mengarahkan sky ke sana menjadi instan setelah dimuat. * * @param {number} i Indeks adegan. */ function ensureAsset( i ) { if ( ! assetsBox || ! scenes[ i ] ) { return; } var id = 'pfvr-a-' + i; if ( document.getElementById( id ) ) { return; } var img = document.createElement( 'img' ); img.id = id; img.alt = ''; img.src = scenes[ i ].image; assetsBox.appendChild( img ); } /** Memuat adegan terlebih dahulu sebagai aset A-Frame (memanaskan jaringan + cache GPU). */ function preload( i ) { ensureAsset( i ); } /** Menyembunyikan spinner pemuatan setelah tekstur baru ada di sky. */ function hideLoader() { window.clearTimeout( loadFallbackTimer ); viewer.classList.remove( 'pfvr-loading' ); if ( loader ) { loader.style.display = 'none'; } } /** * Beralih ke adegan berdasarkan indeks. * * @param {number} i Indeks target. */ function goTo( i ) { if ( i === current || i < 0 || i >= scenes.length ) { return; } current = i; viewer.classList.add( 'pfvr-loading' ); if ( loader ) { loader.style.display = ''; } var settled = false; var finish = function () { if ( settled ) { return; } settled = true; hideLoader(); sky.removeEventListener( 'materialtextureloaded', finish ); sky.removeEventListener( 'materialtextureerror', finish ); }; // Jaring pengaman: jangan pernah membiarkan spinner macet jika tidak ada peristiwa yang terpicu. window.clearTimeout( loadFallbackTimer ); loadFallbackTimer = window.setTimeout( finish, 9000 ); sky.addEventListener( 'materialtextureloaded', finish ); sky.addEventListener( 'materialtextureerror', finish ); // Pastikan gambar target ada di <a-assets>, lalu rujuk dengan ID // agar cache tekstur A-Frame digunakan kembali. ensureAsset( i ); sky.setAttribute( 'src', '#pfvr-a-' + i ); // Ketika gambar target sudah selesai dimuat, A-Frame dapat menyelesaikan // material secara sinkron tanpa memancarkan peristiwa; sembunyikan spinner // pada frame berikutnya dalam kasus tersebut. var targetImg = document.getElementById( 'pfvr-a-' + i ); if ( targetImg && targetImg.complete && targetImg.naturalWidth ) { window.requestAnimationFrame( function () { window.requestAnimationFrame( finish ); } ); } updateUI(); preload( ( i + 1 ) % scenes.length ); preload( ( i - 1 + scenes.length ) % scenes.length ); } /** Memperbarui status aktif judul/deskripsi/select/thumbnail. */ function updateUI() { var scene = scenes[ current ]; select.value = String( current ); infoTitle.textContent = scene.title || ''; if ( scene.description && scene.description.trim() ) { infoDesc.innerHTML = scene.description; infoBox.hidden = false; } else { infoDesc.innerHTML = ''; infoBox.hidden = ! scene.title; } thumbButtons.forEach( function ( button, i ) { button.classList.toggle( 'is-active', i === current ); } ); // Menjaga thumbnail aktif tetap terlihat di strip yang digulir. var active = thumbButtons[ current ]; if ( active && active.scrollIntoView ) { active.scrollIntoView( { behavior: 'smooth', inline: 'center', block: 'nearest' } ); } } // --- Peristiwa UI ----------------------------------------------------- select.addEventListener( 'change', function () { goTo( parseInt( select.value, 10 ) ); } ); prevBtn.addEventListener( 'click', function () { goTo( ( current - 1 + scenes.length ) % scenes.length ); } ); nextBtn.addEventListener( 'click', function () { goTo( ( current + 1 ) % scenes.length ); } ); autoBtn.addEventListener( 'click', function () { autoEnabled = ! autoEnabled; setAutoButtonState(); if ( rig.components && rig.components[ 'pfvr-auto' ] ) { rig.components[ 'pfvr-auto' ].setEnabled( autoEnabled ); } rig.setAttribute( 'pfvr-auto', 'enabled', autoEnabled ? 'true' : 'false' ); } ); function setAutoButtonState() { autoBtn.classList.toggle( 'is-off', ! autoEnabled ); autoBtn.setAttribute( 'aria-pressed', autoEnabled ? 'true' : 'false' ); } // Layar penuh. fsBtn.addEventListener( 'click', function () { if ( document.fullscreenElement ) { document.exitFullscreen(); } else if ( viewer.requestFullscreen ) { viewer.requestFullscreen(); } else if ( viewer.webkitRequestFullscreen ) { viewer.webkitRequestFullscreen(); } } ); document.addEventListener( 'fullscreenchange', function () { fsBtn.classList.toggle( 'is-fullscreen', !! document.fullscreenElement ); } ); // Keyboard: hanya bertindak saat penampil ini difokuskan atau dalam mode layar penuh. viewer.addEventListener( 'keydown', function ( event ) { if ( document.fullscreenElement !== viewer && ! viewer.contains( document.activeElement ) ) { return; } if ( event.key === 'ArrowRight' ) { event.preventDefault(); goTo( ( current + 1 ) % scenes.length ); } else if ( event.key === 'ArrowLeft' ) { event.preventDefault(); goTo( ( current - 1 + scenes.length ) % scenes.length ); } } ); // Galeri dengan satu adegan tidak memerlukan elemen navigasi. if ( scenes.length === 1 ) { prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; thumbs.style.display = 'none'; select.style.display = 'none'; } // --- Keadaan awal ------------------------------------------------- setAutoButtonState(); updateUI(); // Mode "all" sudah mengirimkan setiap gambar di <a-assets>; dalam mode "adjacent" // hangatkan kedua tetangga adegan awal. if ( ! preloadAll ) { preload( ( current + 1 ) % scenes.length ); preload( ( current - 1 + scenes.length ) % scenes.length ); } // Sembunyikan spinner setelah tekstur pertama dimuat. var onInitialLoaded = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; var onInitialError = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; sky.addEventListener( 'materialtextureloaded', onInitialLoaded ); sky.addEventListener( 'materialtextureerror', onInitialError ); window.setTimeout( hideLoader, 9000 ); } function boot() { registerAutoComponent(); document.querySelectorAll( '.pfvr-viewer' ).forEach( initViewer ); } if ( document.readyState === 'loading' ) { document.addEventListener( 'DOMContentLoaded', boot ); } else { boot(); } } )(); </script> https://pengchi.net/id/contact-us/ Fri, 11 Sep 2026 05:56:09 +0000 https://pengchi.net/id/contact-us/ <section class="pb-4 pb-lg-5 mb-4 mb-lg-5 border-bottom"> <p class="small fw-semibold text-uppercase text-success mb-2">Kirimkan Pesan kepada Kami</p> <script src="https://js-na2.hsforms.net/forms/embed/247495286.js" defer></script> <div class="hs-form-frame" data-region="na2" data-form-id="7b45a6d3-a989-4ef4-a95a-e937a0761d6a" data-portal-id="247495286"></div> </section> <section class="pb-4 pb-lg-5"> <div class="row g-4 g-lg-5"> <div class="col-lg-5"> <p class="small fw-semibold text-uppercase text-success mb-2">Hubungi Kami</p> <h2 class="fw-bold mb-3">Hubungi Pengchi</h2> <p class="fw-semibold mb-3">Dongguan Pengchi Intelligent Equipment Technology Co., Ltd.</p> <ul class="list-unstyled m-0"> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-telephone text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Telp</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="tel:+86-769-38839633-879">+86 0769-38839633-879</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-phone text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Ponsel / WhatsApp</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="tel:+8618025283503">+86 18025283503</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-envelope text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Email</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="mailto:pengchi@pengchihealth.com">pengchi@pengchihealth.com</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-globe2 text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Situs Web Resmi</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="https://pengchi.net" target="_blank" rel="nofollow noopener noreferrer">https://pengchi.net</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-shop text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Toko Made-in-China</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="https://pengchihealthcare.en.made-in-china.com/" target="_blank" rel="nofollow noopener noreferrer">https://pengchihealthcare.en.made-in-china.com/</a> </div> </li> <li class="row g-0 gap-3 pt-3"> <div class="col-auto"><i class="bi bi-geo-alt text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Basis Produksi</div> <span class="text-body-secondary">No. 148, Jalan Chashi, Kota Chashan, Kota Dongguan, Provinsi Guangdong (Pengchi Smart Technology Park)</span> </div> </li> </ul> </div> <div class="col-lg-7"> <a class="d-block position-relative rounded-3 overflow-hidden border text-decoration-none" href="https://www.google.com/maps/search/?api=1&query=No.%20148%2C%20Chashi%20Road%2C%20Chashan%20Town%2C%20Dongguan%2C%20Guangdong%2C%20China%20(Pengchi%20Smart%20Technology%20Park)" target="_blank" rel="noopener noreferrer"> <img class="img-fluid w-100 d-block" src="https://pengchi.net/wp-content/uploads/2026/09/pengchi-map.jpg" alt="Peta lokasi Pengchi: Jalan Chashi No. 148, Kota Chashan, Dongguan" /> <span class="position-absolute bottom-0 start-0 m-3 btn btn-light btn-sm shadow-sm fw-semibold"><i class="bi bi-box-arrow-up-right me-1"></i>Lihat di Google Maps</span> </a> </div> </div> </section> https://pengchi.net/id/about-us/ Fri, 11 Sep 2026 05:55:46 +0000 https://pengchi.net/id/about-us/ <section class="bg-white border-bottom" style="width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw);"> <div class="container-fluid px-0"> <div class="row g-0"> <div class="col-lg-6"><style>.swiper-manager-container.swiper-style17.swiper-slide-name-companyprofileen4k {--height:auto ;--gap:20px !important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-companyprofileen4k .slide-content {}</style><div class="swiper-manager-container swiper-slide-name-companyprofileen4k swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-27" data-navigation="true" data-pagination="true" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="" data-height-mobile="" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="companyprofileen4k" data-slides-per-view-pc="" data-slides-per-group-pc="" data-slides-per-view-pad="" data-slides-per-group-pad="" data-slides-per-view-mobile="" data-slides-per-group-mobile="" data-centered-slides="" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/medical-sterile-storage-modern-clean-qqaawKKJ-1280x720-1.jpg" loading="lazy" alt="" class="slide-background-img" /></div><div class="video-container slide-video"><lite-youtube videoid="BPfSOWqaFXY" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-pagination"></div><div class="swiper-scrollbar"></div></div></div> <div class="col-lg-6 d-flex align-items-center"> <div class="p-4 p-lg-5"> <p><span class="d-inline-block mb-3 small fw-semibold text-uppercase text-success">Siapa Kami</span></p> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Jenis Bisnis</div> <div class="text-body-secondary">Produsen/Pabrik</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Produk Utama</div> <div class="text-body-secondary"><a href="https://pengchi.net/medical-manual-single-leaf-air-tight-door/">Pintu Kedap Udara Medis Ruang Operasi</a>, <a href="https://pengchi.net/medical-furniture/">Furnitur Medis</a>, <a href="https://pengchi.net/a-series-fume-hoods/">Laminar Flow Hood</a>, <a href="https://pengchi.net/straight-type-treatment-cabinet/">Lemari Medis/Lemari Perawatan</a>, <a href="https://pengchi.net/custom-h-profile-aluminum-quick-assembly-modular-operating-room/">Ruang Operasi Modular Tanpa Rangka</a>, <a href="https://pengchi.net/hvac-system/">Unit Penanganan Udara (AHU)</a>, <a href="https://pengchi.net/medical-single-leaf-automatic-sliding-door/">Pintu Medis Baja Otomatis</a>, <a href="https://pengchi.net/a-series-all-steel-laboratory-bench/">Meja Kerja Laboratorium</a>, <a href="https://pengchi.net/medical-manual-interlocking-airlock-door/">Pintu Cleanroom Baja</a>, <a href="https://pengchi.net/medical-door/">Pintu Medis</a>, <a href="https://pengchi.net/laboratory-furniture/">Furnitur Laboratorium</a></div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Lini Produksi</div> <div class="text-body-secondary">10</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Layanan OEM Tersedia</div> <div class="text-body-secondary">Ya</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Opsi Kustomisasi</div> <div class="text-body-secondary">Kustomisasi dari Sampel, Kustomisasi dari Desain, Kustomisasi Penuh, Kustomisasi Kecil, Kustomisasi Fleksibel</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Mesin Produksi</div> <div class="text-body-secondary">Mesin Pemotong Laser, Mesin Frais, Mesin Pemotong, Mesin CNC, Mesin Stamping, Mesin Produksi Filter</div> </div> <div class="d-flex gap-3 py-2 align-items-start border-bottom-0"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">No. Laporan Audit TÜV Rheinland</div> <div class="text-body-secondary">MIC-ASI2521094 <a href="https://www.verified.chn.tuv.com/en/" target="_blank" rel="noopener noreferrer">Verifikasi Sekarang</a> <a href="https://pengchi.net/docs/test-reports/tuv-rheinland-audit-report/">Unduh Laporan PDF</a></div> </div> </div> </div> </div> </div> </section><!-- ==================== ABOUT PENGCHI — company profile, container ==================== --> <section class="py-5"> <div class="container"> <h2 class="fw-bold lh-sm mb-3">Tentang Pengchi</h2> <p class="text-body-secondary lh-lg mb-3">Dongguan Pengchi Intelligent Equipment Technology Co., Ltd. adalah perusahaan profesional yang bergerak di bidang desain, penelitian dan pengembangan, produksi, serta penjualan ruang operasi kelas atas, produk pendukung laboratorium dan cleanroom, ruang suplai sentral (CSSD), dan furnitur medis. Produk utamanya meliputi lemari instrumen ruang operasi, lemari anestesi dan lemari obat, laminar flow hood, pintu otomatis, stasiun perawat terintegrasi, lemari perawatan rumah sakit, lemari pembuangan, meja laboratorium, dan jendela transfer (pass window).</p> Fri, 11 Sep 2026 05:54:54 +0000 https://pengchi.net/id/my-account/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/id/my-account/ <p>[woocommerce_my_account]<!-- /wp:shortcode --></p> https://pengchi.net/id/cart/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/id/cart/ <div class="wp-block-woocommerce-cart alignwide is-loading"><!-- wp:woocommerce/filled-cart-block --> <div class="wp-block-woocommerce-filled-cart-block"><!-- wp:woocommerce/cart-items-block --> <div class="wp-block-woocommerce-cart-items-block"><!-- wp:woocommerce/cart-line-items-block --> <div class="wp-block-woocommerce-cart-line-items-block"></div> <div class="wp-block-woocommerce-product-collection"><!-- wp:heading {"textAlign":"left","style":{"spacing":{"margin":{"bottom":"1rem"}}}} --> <h2 class="wp-block-heading has-text-align-left" style="margin-bottom:1rem">Anda mungkin tertarik dengan…</h2> </div> </div> <div class="wp-block-woocommerce-cart-totals-block"><!-- wp:woocommerce/cart-order-summary-block --> <div class="wp-block-woocommerce-cart-order-summary-block"><!-- wp:woocommerce/cart-order-summary-heading-block --> <div class="wp-block-woocommerce-cart-order-summary-heading-block"></div> <div class="wp-block-woocommerce-cart-order-summary-coupon-form-block"></div> <div class="wp-block-woocommerce-cart-order-summary-subtotal-block"></div> <div class="wp-block-woocommerce-cart-order-summary-fee-block"></div> <div class="wp-block-woocommerce-cart-order-summary-discount-block"></div> <div class="wp-block-woocommerce-cart-order-summary-shipping-block"></div> <div class="wp-block-woocommerce-cart-order-summary-taxes-block"></div> </div> <div class="wp-block-woocommerce-cart-express-payment-block"></div> <div class="wp-block-woocommerce-proceed-to-checkout-block"></div> <div class="wp-block-woocommerce-cart-accepted-payment-methods-block"></div> </div> </div> <div class="wp-block-woocommerce-empty-cart-block"><!-- wp:heading {"textAlign":"center","className":"with-empty-cart-icon wc-block-cart__empty-cart__title"} --> <h2 class="wp-block-heading has-text-align-center with-empty-cart-icon wc-block-cart__empty-cart__title">Keranjang Anda saat ini kosong!</h2> <hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/> <h2 class="wp-block-heading has-text-align-center">Baru di toko</h2> </div> </div> https://pengchi.net/id/checkout/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/id/checkout/ <div class="wp-block-woocommerce-checkout alignwide wc-block-checkout is-loading"><!-- wp:woocommerce/checkout-fields-block --> <div class="wp-block-woocommerce-checkout-fields-block"><!-- wp:woocommerce/checkout-express-payment-block --> <div class="wp-block-woocommerce-checkout-express-payment-block"></div> <div class="wp-block-woocommerce-checkout-contact-information-block"></div> <div class="wp-block-woocommerce-checkout-shipping-method-block"></div> <div class="wp-block-woocommerce-checkout-pickup-options-block"></div> <div class="wp-block-woocommerce-checkout-shipping-address-block"></div> <div class="wp-block-woocommerce-checkout-billing-address-block"></div> <div class="wp-block-woocommerce-checkout-shipping-methods-block"></div> <div class="wp-block-woocommerce-checkout-payment-block"></div> <div class="wp-block-woocommerce-checkout-additional-information-block"></div> <div class="wp-block-woocommerce-checkout-order-note-block"></div> <div class="wp-block-woocommerce-checkout-terms-block"></div> <div class="wp-block-woocommerce-checkout-actions-block"></div> </div> <div class="wp-block-woocommerce-checkout-totals-block"><!-- wp:woocommerce/checkout-order-summary-block --> <div class="wp-block-woocommerce-checkout-order-summary-block"><!-- wp:woocommerce/checkout-order-summary-cart-items-block --> <div class="wp-block-woocommerce-checkout-order-summary-cart-items-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-coupon-form-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-subtotal-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-fee-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-discount-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-shipping-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-taxes-block"></div> </div> </div> </div> Fri, 11 Sep 2026 05:52:04 +0000 <p>Solusi Sistem Peralatan Medis Cerdas</p> https://pengchi.net/id/sample-page/ Fri, 11 Sep 2026 05:37:51 +0000 https://pengchi.net/id/sample-page/ <p>Ini adalah contoh halaman. Halaman ini berbeda dari postingan blog karena akan tetap berada di satu tempat dan akan muncul di navigasi situs Anda (di sebagian besar tema). Kebanyakan orang memulai dengan halaman Tentang yang memperkenalkan diri mereka kepada calon pengunjung situs. Isinya mungkin seperti ini:</p> <blockquote class="wp-block-quote"> <p>Halo! Saya adalah kurir sepeda di siang hari, calon aktor di malam hari, dan ini adalah situs web saya. Saya tinggal di Los Angeles, memiliki anjing hebat bernama Jack, dan saya suka piña colada. (Dan terjebak di tengah hujan.)</p> https://pengchi.net/id/privacy-policy/ Fri, 11 Sep 2026 05:37:51 +0000 https://pengchi.net/id/privacy-policy/ <h2 class="wp-block-heading">Siapa kami</h2> <p><strong class="privacy-policy-tutorial">Teks yang disarankan: </strong>Alamat situs web kami adalah: .</p> <h2 class="wp-block-heading">Komentar</h2> <p><strong class="privacy-policy-tutorial">Teks yang disarankan: </strong>Ketika pengunjung meninggalkan komentar di situs, kami mengumpulkan data yang ditampilkan dalam formulir komentar, serta alamat IP pengunjung dan string user agent browser untuk membantu deteksi spam.</p> <p>String anonim yang dibuat dari alamat email Anda (juga disebut hash) dapat diberikan ke layanan Gravatar untuk melihat apakah Anda menggunakannya. Kebijakan privasi layanan Gravatar tersedia di sini: https://automattic.com/privacy/. Setelah komentar Anda disetujui, gambar profil Anda dapat dilihat oleh publik dalam konteks komentar Anda.</p>