{"id":192,"date":"2026-10-25T15:32:52","date_gmt":"2026-10-25T15:32:52","guid":{"rendered":"http:\/\/103.247.10.214\/kwosm\/u-chanel\/"},"modified":"2026-10-25T15:40:59","modified_gmt":"2026-10-25T15:40:59","slug":"u-chanel","status":"publish","type":"page","link":"http:\/\/103.247.10.214\/kwosm\/u-chanel\/","title":{"rendered":"U Chanel"},"content":{"rendered":"<p><?php\n\/**\n * Template Name: KWOSM Portal Produk - U Channel\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; U Channel 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>  <!-- ==================== 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: U CHANNEL ==================== --><\/p>\n<section id=\"main-section-u-channel\" 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            U CHANNEL <br class=\"hidden sm:inline\"\/><br \/>\n            <span class=\"text-cyan-400\">Baja Kanal U Berkualitas Tinggi<\/span><br \/>\n          <\/h2>\n<p class=\"text-slate-300 text-sm sm:text-base lg:text-lg leading-relaxed\">\n            Produk profil baja kanal U dari KWOSM yang dirancang untuk kekuatan struktur penopang konstruksi, rangka bangunan, serta fabrikasi industri berat.\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=\"box\" class=\"w-12 h-12\"><\/i>\n          <\/div>\n<p>          <span class=\"text-xs font-bold text-slate-400 uppercase tracking-widest\">KS BRAND &#8211; KOS Brand<\/span><\/p>\n<h3 class=\"text-xl font-bold text-slate-900 mt-1\">U Channel 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>Dimensi \/ Ukuran:<\/strong> 80 x 45 &#8211; 250 x 90<\/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 07-0052-3006<\/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:<\/strong> &#8211;<\/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> ASTM A 36, JIS G 3101<\/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 &#8211; KOS 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>U Channel (Baja Kanal U) produksi KWOSM memiliki presisi tinggi dan daya tahan struktur yang sangat handal untuk berbagai kebutuhan konstruksi sipil serta manufaktur kerangka mesin berat.<\/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 U Channel tersedia untuk diunduh melalui area member resmi.<\/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 --><\/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<\/a><\/td>\n<td class=\"p-4\">\n                    <a href=\"https:\/\/wa.me\/6281316306792\" 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<\/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; U Channel Portal Standar Mutu Premium KWOSM U CHANNEL Baja Kanal U Berkualitas Tinggi Produk profil baja kanal U dari KWOSM yang dirancang untuk kekuatan struktur penopang konstruksi, rangka bangunan, serta fabrikasi industri berat. KS BRAND &#8211; KOS Brand U Channel Series Ringkasan Spesifikasi Teknis Dimensi \/ Ukuran: 80 x 45 &#8211; 250 [&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-192","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/192","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=192"}],"version-history":[{"count":2,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/192\/revisions"}],"predecessor-version":[{"id":197,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/192\/revisions\/197"}],"wp:attachment":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/media?parent=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}