{"id":135,"date":"2026-10-24T07:20:56","date_gmt":"2026-10-24T07:20:56","guid":{"rendered":"http:\/\/103.247.10.214\/kwosm\/hot-rolled-coil-plate\/"},"modified":"2026-10-25T15:27:28","modified_gmt":"2026-10-25T15:27:28","slug":"plain-bars","status":"publish","type":"page","link":"http:\/\/103.247.10.214\/kwosm\/plain-bars\/","title":{"rendered":"Plain Bars"},"content":{"rendered":"<p><?php\n\/**\n * Template Name: KWOSM Portal Produk - Plain Bars\n *\/\n\n\/\/ Logika Proses Logout (Diarahkan kembali ke halaman utama situs)\nif ( isset( $_GET['kwosm_logout'] ) &#038;&#038; $_GET['kwosm_logout'] === 'true' ) {\n    wp_logout();\n    wp_safe_redirect( home_url() );\n    exit;\n}\n\n\/\/ Status Sesi Pengguna Saat Ini\n$is_logged_in = is_user_logged_in();\n$current_user = wp_get_current_user();\n$status = $is_logged_in ? get_user_meta( $current_user->ID, &#8216;kwosm_user_status&#8217;, true ) : &#8221;;<br \/>\nif ( empty( $status ) &#038;&#038; $is_logged_in ) {<br \/>\n    $status = current_user_can( &#8216;administrator&#8217; ) ? &#8216;active&#8217; : &#8216;pending&#8217;;<br \/>\n}<br \/>\n$has_access = $is_logged_in &#038;&#038; ( $status === &#8216;active&#8217; || $status === &#8216;publish&#8217; || current_user_can(&#8216;administrator&#8217;) );<\/p>\n<p>$logout_url = add_query_arg( &#8216;kwosm_logout&#8217;, &#8216;true&#8217;, get_permalink() );<br \/>\n$member_area_url = &#8216;http:\/\/103.247.10.214\/kwosm\/member-area\/&#8217;;<br \/>\n?><br \/>\n<!DOCTYPE html><br \/>\n<html lang=\"id\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\"><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n  <title>KWOSM &#8211; Plain Bars Portal<\/title><br \/>\n  <!-- Tailwind CSS CDN --><br \/>\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n  <!-- Lucide Icons --><br \/>\n  <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script><br \/>\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            kwosmBlue: 'rgb(0 51 102 \/ var(--tw-bg-opacity, 1))',\n            kwosmBlueHex: '#003366',\n          }\n        }\n      }\n    }\n  <\/script><\/p>\n<style>\n    .custom-scrollbar::-webkit-scrollbar {\n      height: 6px;\n    }\n    .custom-scrollbar::-webkit-scrollbar-track {\n      background: #f1f5f9;\n      border-radius: 4px;\n    }\n    .custom-scrollbar::-webkit-scrollbar-thumb {\n      background: #cbd5e1;\n      border-radius: 4px;\n    }\n    .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n      background: #94a3b8;\n    }\n  <\/style>\n<p><\/head><br \/>\n<body class=\"bg-slate-50 text-slate-800 font-sans antialiased\"><\/p>\n<p>  <!-- ==================== HEADER UTAMA (FIXED TOP) ==================== --><\/p>\n<p>  <!-- ==================== SUB-HEADER FIXED DI BAWAH HEADER UTAMA ==================== --><\/p>\n<p>  <!-- ==================== MAIN CONTAINER ==================== --><br \/>\n  <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12 space-y-10\"><\/p>\n<p>    <!-- ==================== SECTION: PLAIN BARS ==================== --><\/p>\n<section id=\"main-section-plain-bars\" class=\"space-y-10\">\n<p>      <!-- HERO BANNER --><\/p>\n<div class=\"relative overflow-hidden rounded-3xl bg-gradient-to-r from-[#003366] via-slate-900 to-blue-950 text-white p-6 sm:p-10 lg:p-12 shadow-xl\">\n<div class=\"absolute -right-10 -bottom-10 opacity-10 pointer-events-none\">\n          <i data-lucide=\"shield-check\" class=\"w-72 h-72 sm:w-96 sm:h-96\"><\/i>\n        <\/div>\n<div class=\"relative z-10 max-w-3xl space-y-4\">\n<div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-cyan-500\/20 text-cyan-300 border border-cyan-500\/30 text-xs sm:text-sm font-medium\">\n            <i data-lucide=\"award\" class=\"w-4 h-4\"><\/i><br \/>\n            <span>Standar Mutu Premium KWOSM<\/span>\n          <\/div>\n<h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight leading-tight\">\n            PLAIN BARS <br class=\"hidden sm:inline\"\/><br \/>\n            <span class=\"text-cyan-400\">Baja Tulangan Beton Polos<\/span><br \/>\n          <\/h2>\n<p class=\"text-slate-300 text-sm sm:text-base lg:text-lg leading-relaxed\">\n            Produk baja tulangan polos berkualitas tinggi dari KWOSM yang memenuhi standar nasional dan internasional untuk kekuatan struktur konstruksi bangunan yang optimal.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- PRODUCT SPECIFICATION DETAIL CARD --><\/p>\n<div class=\"bg-white rounded-2xl p-6 sm:p-8 border border-slate-200 shadow-sm grid grid-cols-1 lg:grid-cols-3 gap-8 items-center\">\n        <!-- Ilustrasi \/ Badge Produk --><\/p>\n<div class=\"bg-slate-50 border border-slate-100 rounded-2xl p-8 flex flex-col items-center justify-center text-center\">\n<div class=\"p-4 bg-blue-50 text-[#003366] rounded-2xl mb-4\">\n            <i data-lucide=\"bar-chart-2\" class=\"w-12 h-12\"><\/i>\n          <\/div>\n<p>          <span class=\"text-xs font-bold text-slate-400 uppercase tracking-widest\">KS BRAND<\/span><\/p>\n<h3 class=\"text-xl font-bold text-slate-900 mt-1\">Plain Bars Series<\/h3>\n<\/p><\/div>\n<p>        <!-- Spesifikasi Detail teks sesuai gambar --><\/p>\n<div class=\"lg:col-span-2 space-y-4\">\n<h3 class=\"text-lg font-bold text-slate-900 border-b border-slate-100 pb-3\">Ringkasan Spesifikasi Teknis<\/h3>\n<ul class=\"space-y-3 text-sm text-slate-700\">\n<li class=\"flex items-center gap-3\">\n              <i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-emerald-500 shrink-0\"><\/i><br \/>\n              <span><strong>Ukuran \/ Diameter:<\/strong> P.8 &#8211; p.36<\/span>\n            <\/li>\n<li class=\"flex items-center gap-3\">\n              <i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-emerald-500 shrink-0\"><\/i><br \/>\n              <span><strong>Standar Nasional:<\/strong> SNI 2052-2017<\/span>\n            <\/li>\n<li class=\"flex items-center gap-3\">\n              <i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-emerald-500 shrink-0\"><\/i><br \/>\n              <span><strong>Equivalent Standar:<\/strong> Sesuai Spesifikasi Industri Internasional<\/span>\n            <\/li>\n<li class=\"flex items-center gap-3\">\n              <i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-emerald-500 shrink-0\"><\/i><br \/>\n              <span><strong>Standar Material:<\/strong> JIS G 3112<\/span>\n            <\/li>\n<li class=\"flex items-center gap-3\">\n              <i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-emerald-500 shrink-0\"><\/i><br \/>\n              <span><strong>Brand \/ Merek:<\/strong> KS BRAND<\/span>\n            <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<p>      <!-- INTERACTIVE TABS & SALES CONTACT TABLE --><\/p>\n<div class=\"bg-white rounded-2xl border border-slate-200 p-6 sm:p-8 shadow-sm\">\n<p>        <!-- Tab Navigation --><\/p>\n<div class=\"flex border-b border-slate-200 mb-6 gap-6 text-sm font-semibold\">\n          <button onclick=\"switchTab('deskripsi')\" id=\"tab-btn-deskripsi\" class=\"pb-3 text-slate-500 hover:text-slate-900 transition-all border-b-2 border-transparent\">Deskripsi<\/button><br \/>\n          <button onclick=\"switchTab('spesifikasi')\" id=\"tab-btn-spesifikasi\" class=\"pb-3 text-slate-500 hover:text-slate-900 transition-all border-b-2 border-transparent\">Unduh Spesifikasi (PDF)<\/button><br \/>\n          <button onclick=\"switchTab('order')\" id=\"tab-btn-order\" class=\"pb-3 text-[#003366] border-b-2 border-[#003366] transition-all\">How To Order<\/button>\n        <\/div>\n<p>        <!-- Tab Content: Deskripsi --><\/p>\n<div id=\"tab-content-deskripsi\" class=\"hidden text-sm text-slate-600 space-y-3 leading-relaxed\">\n<p>Plain Bars (Baja Tulangan Beton Polos) produksi KWOSM memiliki permukaan licin dan rata, diproduksi dengan kontrol kualitas ketat untuk memastikan kekuatan tarik serta kelenturan yang konsisten pada proyek konstruksi beton bertulang.<\/p>\n<\/p><\/div>\n<p>        <!-- Tab Content: Spesifikasi (PDF) --><\/p>\n<div id=\"tab-content-spesifikasi\" class=\"hidden text-sm text-slate-600 space-y-4\">\n<p>Dokumen lembar data teknis dan sertifikasi mutu produk Plain Bars tersedia untuk diunduh oleh member terdaftar.<\/p>\n<p>          <a href=\"<?php echo esc_url( $member_area_url ); ?>&#8221; class=&#8221;inline-flex items-center gap-2 px-4 py-2 bg-[#003366] text-white text-xs font-semibold rounded-xl hover:bg-slate-800 transition&#8221;><br \/>\n            <i data-lucide=\"download\" class=\"w-4 h-4\"><\/i> Download PDF Spesifikasi<br \/>\n          <\/a>\n        <\/div>\n<p>        <!-- Tab Content: How To Order (Active by default based on image) --><\/p>\n<div id=\"tab-content-order\" class=\"block space-y-4\">\n<p class=\"text-xs text-slate-500\">Silakan hubungi tim sales resmi kami di bawah ini untuk pemesanan dan informasi ketersediaan stok:<\/p>\n<div class=\"overflow-x-auto custom-scrollbar border border-slate-200 rounded-xl\">\n<table class=\"w-full text-left text-sm\">\n<thead class=\"bg-slate-50 text-slate-700 font-semibold border-b border-slate-200\">\n<tr>\n<th class=\"p-4\">Division<\/th>\n<th class=\"p-4\">Contact Person<\/th>\n<th class=\"p-4\">Email Address<\/th>\n<th class=\"p-4\">Telephone<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"divide-y divide-slate-100 text-slate-600\">\n<tr>\n<td class=\"p-4 font-medium text-slate-900\">Sales<\/td>\n<td class=\"p-4 font-semibold text-slate-800\">Ghaesani<\/td>\n<td class=\"p-4\"><a href=\"mailto:nurvianda@kwosm.co.id\" class=\"text-[#003366] hover:underline\">nurvianda@kwosm.co.id[cite: 4]<\/a><\/td>\n<td class=\"p-4\">\n                    <!-- Tombol WhatsApp hijau sesuai gambar referensi --><br \/>\n                    <a href=\"https:\/\/wa.me\/6281316306792[cite: 4]\" target=\"_blank\" class=\"inline-flex items-center gap-2 bg-[#008000] hover:bg-green-700 text-white text-xs font-bold px-4 py-2 rounded-lg shadow-sm transition-all\"><br \/>\n                      <i data-lucide=\"phone\" class=\"w-3.5 h-3.5\"><\/i><br \/>\n                      <span>+6281316306792[cite: 4]<\/span><br \/>\n                    <\/a>\n                  <\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <\/main><\/p>\n<p>  <!-- ==================== JAVASCRIPT LOGIC ==================== --><br \/>\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      if (typeof lucide !== 'undefined') {\n        lucide.createIcons();\n      }\n    });<\/p>\n<p>    \/\/ Switch Tabs function\n    function switchTab(tabName) {\n      const descContent = document.getElementById('tab-content-deskripsi');\n      const specContent = document.getElementById('tab-content-spesifikasi');\n      const orderContent = document.getElementById('tab-content-order');<\/p>\n<p>      const descBtn = document.getElementById('tab-btn-deskripsi');\n      const specBtn = document.getElementById('tab-btn-spesifikasi');\n      const orderBtn = document.getElementById('tab-btn-order');<\/p>\n<p>      \/\/ Hide all contents\n      descContent.classList.add('hidden');\n      specContent.classList.add('hidden');\n      orderContent.classList.add('hidden');<\/p>\n<p>      \/\/ Reset button styles\n      descBtn.className = 'pb-3 text-slate-500 hover:text-slate-900 transition-all border-b-2 border-transparent';\n      specBtn.className = 'pb-3 text-slate-500 hover:text-slate-900 transition-all border-b-2 border-transparent';\n      orderBtn.className = 'pb-3 text-slate-500 hover:text-slate-900 transition-all border-b-2 border-transparent';<\/p>\n<p>      \/\/ Show selected tab\n      if (tabName === 'deskripsi') {\n        descContent.classList.remove('hidden');\n        descBtn.className = 'pb-3 text-[#003366] border-b-2 border-[#003366] transition-all font-semibold';\n      } else if (tabName === 'spesifikasi') {\n        specContent.classList.remove('hidden');\n        specBtn.className = 'pb-3 text-[#003366] border-b-2 border-[#003366] transition-all font-semibold';\n      } else if (tabName === 'order') {\n        orderContent.classList.remove('hidden');\n        orderBtn.className = 'pb-3 text-[#003366] border-b-2 border-[#003366] transition-all font-semibold';\n      }\n    }\n  <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>KWOSM &#8211; Plain Bars Portal Standar Mutu Premium KWOSM PLAIN BARS Baja Tulangan Beton Polos Produk baja tulangan polos berkualitas tinggi dari KWOSM yang memenuhi standar nasional dan internasional untuk kekuatan struktur konstruksi bangunan yang optimal. KS BRAND Plain Bars Series Ringkasan Spesifikasi Teknis Ukuran \/ Diameter: P.8 &#8211; p.36 Standar Nasional: SNI 2052-2017 Equivalent [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-135","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":23,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":189,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/135\/revisions\/189"}],"wp:attachment":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/media?parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}