{"id":207,"date":"2026-10-25T15:55:08","date_gmt":"2026-10-25T15:55:08","guid":{"rendered":"http:\/\/103.247.10.214\/kwosm\/equal-angle\/"},"modified":"2026-10-25T15:55:08","modified_gmt":"2026-10-25T15:55:08","slug":"equal-angle","status":"publish","type":"page","link":"http:\/\/103.247.10.214\/kwosm\/equal-angle\/","title":{"rendered":"Equal Angle"},"content":{"rendered":"<p><?php\n\/**\n * Template Name: KWOSM Portal Produk - Equal Angle\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; Equal Angle 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: EQUAL ANGLE ==================== --><\/p>\n<section id=\"main-section-equal-angle\" 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            EQUAL ANGLE <br class=\"hidden sm:inline\"\/><br \/>\n            <span class=\"text-cyan-400\">Baja Siku 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 siku sama kaki (Equal Angle) dari KWOSM yang handal untuk konstruksi menara, rangka baja struktural, serta kebutuhan industri pendukung.\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\">Equal Angle 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>Tipe Profil:<\/strong> Equal Angle &#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>Dimensi \/ Ukuran:<\/strong> 40 x 40 &#8211; 200 x 200<\/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-0054-2006<\/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 &#8211;<\/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>Equal Angle (Baja Siku Sama Kaki) produksi KWOSM memiliki tingkat presisi sudut yang akurat serta kekuatan mekanis yang tinggi, sangat ideal untuk struktur rangka menara transmisi, pendukung jembatan, dan konstruksi umum.<\/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 Equal Angle 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; Equal Angle Portal Standar Mutu Premium KWOSM EQUAL ANGLE Baja Siku Berkualitas Tinggi Produk profil baja siku sama kaki (Equal Angle) dari KWOSM yang handal untuk konstruksi menara, rangka baja struktural, serta kebutuhan industri pendukung. KS BRAND &#8211; KOS BRAND Equal Angle Series Ringkasan Spesifikasi Teknis Tipe Profil: Equal Angle &#8211; Dimensi \/ [&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-207","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/207","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=207"}],"version-history":[{"count":0,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/207\/revisions"}],"wp:attachment":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/media?parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}