{"id":106,"date":"2026-10-10T14:49:28","date_gmt":"2026-10-10T14:49:28","guid":{"rendered":"https:\/\/creatsigndev.com\/alva\/?page_id=106"},"modified":"2026-10-10T15:41:21","modified_gmt":"2026-10-10T15:41:21","slug":"product","status":"publish","type":"page","link":"https:\/\/creatsigndev.com\/alva\/product\/","title":{"rendered":"Product"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"106\" class=\"elementor elementor-106\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f2095f e-con e-atomic-element e-flexbox-base e-default-div e-c0b835f \" data-id=\"6f2095f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6f2095f\">\n    \t\t<div class=\"elementor-element elementor-element-224ace0 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"224ace0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.55.15.webp\" alt=\"WhatsApp Image 2026-10-10 at 21.55.15\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.28.48.jpeg\" alt=\"WhatsApp Image 2026-10-10 at 20.28.48\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.26.20.jpeg\" alt=\"WhatsApp Image 2026-10-10 at 20.26.20\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.23.25.jpeg\" alt=\"WhatsApp Image 2026-10-10 at 20.23.25\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.52.22.jpeg\" alt=\"WhatsApp Image 2026-10-10 at 20.52.22\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5abe8fa e-con e-atomic-element e-flexbox-base e-default-div e-435885a \" data-id=\"5abe8fa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5abe8fa\">\n    \t\t<div class=\"elementor-element elementor-element-096f50c elementor-widget elementor-widget-html\" data-id=\"096f50c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Katalog Produk Bearing Industri<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body {\r\n            font-family: 'Plus Jakarta+Sans', sans-serif;\r\n            background-color: #f8fafc;\r\n        }\r\n        .modal-transition {\r\n            transition: opacity 0.3s ease, transform 0.3s ease;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"py-10 px-4 sm:px-6 lg:px-8\">\r\n\r\n    <div class=\"max-w-7xl mx-auto mb-8 text-center\">\r\n        <span class=\"bg-blue-100 text-blue-800 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider\">Katalog Resmi Industrial Bearing<\/span>\r\n        <h1 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900 mt-3\">Pilihan Bearing Berkualitas Tinggi<\/h1>\r\n        <p class=\"text-slate-600 mt-2 max-w-2xl mx-auto\">Temukan berbagai merek bearing terkemuka dunia seperti SKF, Timken, FAG, NTN, dan FYH untuk kebutuhan mesin industri Anda.<\/p>\r\n        \r\n        <!-- Navigation Tabs for Catalog vs Order Form -->\r\n        <div class=\"flex justify-center gap-3 mt-6\">\r\n            <button onclick=\"switchView('catalog')\" id=\"tab-catalog\" class=\"px-6 py-2.5 rounded-xl font-bold text-sm bg-blue-600 text-white shadow-md transition-all flex items-center gap-2\">\r\n                <i class=\"fa-solid fa-boxes-stacked\"><\/i> Katalog Produk\r\n            <\/button>\r\n            <button onclick=\"switchView('form')\" id=\"tab-form\" class=\"px-6 py-2.5 rounded-xl font-bold text-sm bg-white text-slate-700 hover:bg-slate-100 border border-slate-200 shadow-sm transition-all flex items-center gap-2\">\r\n                <i class=\"fa-solid fa-file-invoice-dollar\"><\/i> Form Pemesanan & Estimasi Harga\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- CATALOG VIEW CONTAINER -->\r\n    <div id=\"view-catalog\">\r\n        <div class=\"max-w-7xl mx-auto flex flex-wrap justify-center gap-2 sm:gap-3 mb-10\">\r\n            <button onclick=\"filterProducts('all')\" data-filter=\"all\" class=\"filter-btn active-tab px-5 py-2.5 rounded-xl font-semibold text-sm bg-blue-600 text-white shadow-md transition-all duration-200\">Semua Produk<\/button>\r\n            <button onclick=\"filterProducts('Skf')\" data-filter=\"Skf\" class=\"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm bg-white text-slate-700 hover:bg-slate-100 border border-slate-200 transition-all duration-200\">SKF<\/button>\r\n            <button onclick=\"filterProducts('Timken')\" data-filter=\"Timken\" class=\"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm bg-white text-slate-700 hover:bg-slate-100 border border-slate-200 transition-all duration-200\">Timken<\/button>\r\n            <button onclick=\"filterProducts('FAG')\" data-filter=\"FAG\" class=\"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm bg-white text-slate-700 hover:bg-slate-100 border border-slate-200 transition-all duration-200\">FAG<\/button>\r\n            <button onclick=\"filterProducts('NTN')\" data-filter=\"NTN\" class=\"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm bg-white text-slate-700 hover:bg-slate-100 border border-slate-200 transition-all duration-200\">NTN<\/button>\r\n            <button onclick=\"filterProducts('FYH')\" data-filter=\"FYH\" class=\"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm bg-white text-slate-700 hover:bg-slate-100 border border-slate-200 transition-all duration-200\">FYH<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\" id=\"product-grid\">\r\n            <!-- Products will be injected by JavaScript -->\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ORDER FORM & ESTIMATION VIEW CONTAINER (Separated HTML Module) -->\r\n    <div id=\"view-form\" class=\"max-w-4xl mx-auto hidden\">\r\n        <div class=\"bg-white rounded-3xl shadow-xl border border-slate-200\/80 p-6 sm:p-10\">\r\n            <div class=\"border-b border-slate-100 pb-6 mb-8\">\r\n                <span class=\"bg-emerald-100 text-emerald-800 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider\">Modul Pemesanan Resmi<\/span>\r\n                <h2 class=\"text-2xl sm:text-3xl font-extrabold text-slate-900 mt-2\">Form Permintaan & Estimasi Harga<\/h2>\r\n                <p class=\"text-slate-600 text-sm mt-1\">Lengkapi data kebutuhan bearing Anda untuk mendapatkan estimasi harga resmi dan pengiriman instan via WhatsApp.<\/p>\r\n            <\/div>\r\n\r\n            <form id=\"estimation-form\" onsubmit=\"submitOrder(event)\" class=\"space-y-6\">\r\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n                    <div>\r\n                        <label class=\"block text-sm font-bold text-slate-700 mb-2\">Nama Lengkap \/ Perusahaan <span class=\"text-red-500\">*<\/span><\/label>\r\n                        <input type=\"text\" id=\"cust-name\" required placeholder=\"Contoh: PT. Industri Mandiri Perkasa\" class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:outline-none focus:ring-2 focus:ring-blue-600 text-sm\">\r\n                    <\/div>\r\n                    <div>\r\n                        <label class=\"block text-sm font-bold text-slate-700 mb-2\">Nomor WhatsApp \/ Kontak <span class=\"text-red-500\">*<\/span><\/label>\r\n                        <input type=\"tel\" id=\"cust-phone\" required placeholder=\"Contoh: 081234567890\" class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:outline-none focus:ring-2 focus:ring-blue-600 text-sm\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6\">\r\n                    <div>\r\n                        <label class=\"block text-sm font-bold text-slate-700 mb-2\">Pilih Merek \/ Kategori <span class=\"text-red-500\">*<\/span><\/label>\r\n                        <select id=\"form-category\" onchange=\"updateProductDropdown()\" class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:outline-none focus:ring-2 focus:ring-blue-600 text-sm bg-white\">\r\n                            <option value=\"Skf\">SKF<\/option>\r\n                            <option value=\"Timken\">Timken<\/option>\r\n                            <option value=\"FAG\">FAG<\/option>\r\n                            <option value=\"NTN\">NTN<\/option>\r\n                            <option value=\"FYH\">FYH<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                    <div class=\"sm:col-span-2\">\r\n                        <label class=\"block text-sm font-bold text-slate-700 mb-2\">Pilih Spesifik Produk <span class=\"text-red-500\">*<\/span><\/label>\r\n                        <select id=\"form-product\" class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:outline-none focus:ring-2 focus:ring-blue-600 text-sm bg-white\">\r\n                            <!-- Populated dynamically -->\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n                    <div>\r\n                        <label class=\"block text-sm font-bold text-slate-700 mb-2\">Jumlah Kebutuhan (Pcs) <span class=\"text-red-500\">*<\/span><\/label>\r\n                        <input type=\"number\" id=\"cust-qty\" min=\"1\" value=\"1\" required class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:outline-none focus:ring-2 focus:ring-blue-600 text-sm\">\r\n                    <\/div>\r\n                    <div>\r\n                        <label class=\"block text-sm font-bold text-slate-700 mb-2\">Catatan Tambahan \/ Spesifikasi Khusus<\/label>\r\n                        <input type=\"text\" id=\"cust-notes\" placeholder=\"Contoh: Butuh sertifikat keaslian \/ COA\" class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:outline-none focus:ring-2 focus:ring-blue-600 text-sm\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bg-blue-50\/70 border border-blue-200 rounded-2xl p-5 flex items-center justify-between\">\r\n                    <div>\r\n                        <h4 class=\"font-bold text-blue-900 text-sm\">Estimasi Status Ketersediaan<\/h4>\r\n                        <p class=\"text-xs text-blue-700 mt-0.5\">Stok gudang pusat siap kirim hari ini dengan garansi 100% original.<\/p>\r\n                    <\/div>\r\n                    <span class=\"bg-emerald-600 text-white font-bold text-xs px-3 py-1.5 rounded-lg shadow-sm\">Ready Stock<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"flex items-center justify-end gap-3 pt-4 border-t border-slate-100\">\r\n                    <button type=\"button\" onclick=\"switchView('catalog')\" class=\"px-6 py-3 rounded-xl border border-slate-300 text-slate-700 font-semibold text-sm hover:bg-slate-50 transition-colors\">Kembali ke Katalog<\/button>\r\n                    <button type=\"submit\" class=\"px-8 py-3 rounded-xl bg-emerald-600 hover:bg-emerald-700 text-white font-bold text-sm flex items-center gap-2 shadow-lg shadow-emerald-600\/20 transition-all\">\r\n                        <i class=\"fa-brands fa-whatsapp text-lg\"><\/i> Kirim Permintaan & Estimasi via WhatsApp\r\n                    <\/button>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"product-modal\" class=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-slate-900\/60 backdrop-blur-sm opacity-0 pointer-events-none transition-opacity duration-300\">\r\n        <div class=\"bg-white rounded-3xl shadow-2xl max-w-2xl w-full overflow-hidden transform scale-95 modal-transition\" id=\"modal-content-box\">\r\n            <div class=\"relative bg-slate-100 p-6 flex justify-center items-center h-72\">\r\n                <button onclick=\"closeModal()\" class=\"absolute top-4 right-4 bg-white\/80 hover:bg-white text-slate-700 w-10 h-10 rounded-full flex items-center justify-center shadow-md transition-all\">\r\n                    <i class=\"fa-solid fa-xmark text-lg\"><\/i>\r\n                <\/button>\r\n                <img decoding=\"async\" id=\"modal-img\" src=\"\" alt=\"Product Image\" class=\"max-h-full max-w-full object-contain drop-shadow-lg\">\r\n                <span id=\"modal-category\" class=\"absolute bottom-4 left-4 bg-blue-600 text-white text-xs font-bold px-3 py-1 rounded-lg uppercase tracking-wide\"><\/span>\r\n            <\/div>\r\n            <div class=\"p-6 sm:p-8\">\r\n                <h3 id=\"modal-title\" class=\"text-2xl font-bold text-slate-900 mb-4\"><\/h3>\r\n                <div class=\"space-y-3 text-slate-600 text-sm sm:text-base leading-relaxed mb-6\">\r\n                    <p id=\"modal-desc-1\"><\/p>\r\n                    <p id=\"modal-desc-2\"><\/p>\r\n                <\/div>\r\n                <div class=\"flex items-center justify-end gap-3 pt-4 border-t border-slate-100\">\r\n                    <button onclick=\"closeModal()\" class=\"px-5 py-2.5 rounded-xl border border-slate-300 text-slate-700 font-semibold text-sm hover:bg-slate-50 transition-colors\">Tutup<\/button>\r\n                    <a id=\"modal-wa-btn\" href=\"#\" target=\"_blank\" class=\"px-6 py-2.5 rounded-xl bg-emerald-600 hover:bg-emerald-700 text-white font-semibold text-sm flex items-center gap-2 shadow-lg shadow-emerald-600\/20 transition-all\">\r\n                        <i class=\"fa-brands fa-whatsapp text-lg\"><\/i> Pesan via WhatsApp\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const products = [\r\n            \/\/ SKF (10 items)\r\n            {\r\n                id: 1,\r\n                name: \"SKF Deep Groove Ball Bearing 6205\",\r\n                category: \"Skf\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.37.webp\",\r\n                desc1: \"Bearing alur bola SKF dirancang untuk kecepatan tinggi dan kapasitas beban radial maupun aksial yang sangat handal. Dibuat dengan material baja berkualitas tinggi guna meminimalkan gesekan serta memperpanjang masa pakai mesin.\",\r\n                desc2: \"Spesifikasi teknik mencakup diameter lubang 25mm, diameter luar 52mm, dan ketebalan 15mm dengan seal karet ganda (2RS) untuk mencegah masuknya debu dan kontaminan eksternal.\"\r\n            },\r\n            {\r\n                id: 2,\r\n                name: \"SKF Cylindrical Roller Bearing NU 220\",\r\n                category: \"Skf\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.37-1.webp\",\r\n                desc1: \"Seri silindris roller bearing SKF memberikan kapasitas beban radial yang sangat tinggi dalam desain yang kokoh dan tahan lama. Sangat ideal diaplikasikan pada mesin berat bertekanan tinggi.\",\r\n                desc2: \"Dilengkapi sangkar kuningan atau baja presisi tinggi untuk kestabilan operasional maksimal pada suhu kerja ekstrem di lingkungan industri berat.\"\r\n            },\r\n            {\r\n                id: 3,\r\n                name: \"SKF Spherical Roller Bearing 22215\",\r\n                category: \"Skf\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.37-2.webp\",\r\n                desc1: \"Bearing rol bola SKF dirancang khusus untuk mengatasi ketidaksejajaran poros otomatis tanpa kehilangan performa kerja. Memiliki ketahanan luar biasa terhadap beban kejut dan getaran konstan.\",\r\n                desc2: \"Kapasitas pelumasan optimal memastikan gesekan internal minimal dan efisiensi energi yang lebih baik pada sistem transmisi daya industri.\"\r\n            },\r\n            {\r\n                id: 4,\r\n                name: \"SKF Angular Contact Ball Bearing 7305\",\r\n                category: \"Skf\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.38.webp\",\r\n                desc1: \"Bearing kontak sudut SKF mampu menahan beban kombinasi radial dan aksial secara bersamaan secara simultan. Sangat cocok untuk spindel mesin perkakas dan gearbox presisi.\",\r\n                desc2: \"Sudut kontak dioptimalkan untuk kekakuan tinggi dan akurasi putaran optimal pada kecepatan operasional tinggi.\"\r\n            },\r\n            {\r\n                id: 5,\r\n                name: \"SKF Tapered Roller Bearing 32208\",\r\n                category: \"Skf\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.17.44-2.webp\",\r\n                desc1: \"Dirancang untuk beban radial dan aksial gabungan berat pada arah tunggal, bearing tirus SKF memberikan stabilitas struktural tingkat tinggi.\",\r\n                desc2: \"Komponen cup dan cone yang dapat dilepas memudahkan proses pemasangan, perawatan berkala, serta penyetelan celah internal.\"\r\n            },\r\n            {\r\n                id: 6,\r\n                name: \"SKF Thrust Ball Bearing 51106\",\r\n                category: \"Skf\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.17.45.webp\",\r\n                desc1: \"Bearing dorong bola SKF khusus menahan beban aksial searah dan menjaga posisi poros pada sumbu vertikal maupun horizontal.\",\r\n                desc2: \"Konstruksi ringkas dengan ring poros, ring rumah, dan rakitan bola serta sangkar yang presisi untuk kinerja jangka panjang.\"\r\n            },\r\n            {\r\n                id: 7,\r\n                name: \"SKF Insert Bearing YET 206\",\r\n                category: \"Skf\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.28.46.webp\",\r\n                desc1: \"Insert bearing SKF dengan mekanisme penguncian grub screw untuk kemudahan pemasangan pada poros transmisi tanpa memerlukan dudukan rumit.\",\r\n                desc2: \"Sangat populer digunakan dalam industri pengolahan material, konveyor, dan mesin pertanian dengan tingkat keandalan teruji.\"\r\n            },\r\n            {\r\n                id: 8,\r\n                name: \"SKF Pillow Block Unit SY 35 TF\",\r\n                category: \"Skf\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.36-1.webp\",\r\n                desc1: \"Unit bantal besi cor SKF siap pasang yang memadukan insert bearing dan rumah bantalan kokoh untuk stabilitas mekanis optimal.\",\r\n                desc2: \"Dilengkapi sistem sealing canggih untuk mencegah kontaminasi debu dan kotoran abrasif di lingkungan pabrik yang keras.\"\r\n            },\r\n            {\r\n                id: 9,\r\n                name: \"SKF Needle Roller Bearing HK 2016\",\r\n                category: \"Skf\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.36-2.webp\",\r\n                desc1: \"Bearing rol jarum SKF memiliki penampang melintang yang sangat tipis namun menawarkan kapasitas beban radial yang luar biasa besar.\",\r\n                desc2: \"Solusi sempurna untuk ruang pemasangan terbatas pada transmisi otomotif, pompa industri, dan motor listrik berukuran kompak.\"\r\n            },\r\n            {\r\n                id: 10,\r\n                name: \"SKF Explorer High Capacity Bearing 6308\",\r\n                category: \"Skf\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.36-3.webp\",\r\n                desc1: \"Seri SKF Explorer menghadirkan peningkatan signifikan pada ketahanan aus, umur kelelahan, dan pengurangan gesekan operasional.\",\r\n                desc2: \"Diproduksi dengan metalurgi canggih dan perlakuan panas mutakhir untuk performa prima di bawah kondisi operasional paling berat.\"\r\n            },\r\n\r\n            \/\/ Timken (9 items)\r\n            {\r\n                id: 11,\r\n                name: \"Timken Tapered Roller Bearing Set 1\",\r\n                category: \"Timken\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.09.46-2.webp\",\r\n                desc1: \"Timken adalah pemimpin global dalam teknologi tapered roller bearing, dirancang presisi untuk menangani beban radial dan dorong ekstrem.\",\r\n                desc2: \"Geometri raceway yang disempurnakan memastikan distribusi tegangan merata dan masa pakai operasional yang superior.\"\r\n            },\r\n            {\r\n                id: 12,\r\n                name: \"Timken Precision Industrial Bearing T2\",\r\n                category: \"Timken\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.59-2.webp\",\r\n                desc1: \"Dibuat dari baja paduan premium khusus buatan Timken yang menawarkan ketahanan luar biasa terhadap keausan dan kelelahan material.\",\r\n                desc2: \"Menjaga stabilitas dimensi yang ketat bahkan pada suhu kerja tinggi di sektor pertambangan dan perminyakan.\"\r\n            },\r\n            {\r\n                id: 13,\r\n                name: \"Timken Heavy Duty Roller Bearing T3\",\r\n                category: \"Timken\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.59-1.webp\",\r\n                desc1: \"Dirancang khusus untuk aplikasi roda gigi berat, gardan truk, dan mesin konstruksi dengan performa ketahanan teruji di lapangan.\",\r\n                desc2: \"Toleransi manufaktur ketat memberikan putaran yang halus serta meminimalisir getaran mesin.\"\r\n            },\r\n            {\r\n                id: 14,\r\n                name: \"Timken Single Row Tapered Bearing\",\r\n                    category: \"Timken\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.59.webp\",\r\n                desc1: \"Konstruksi baris tunggal yang fleksibel untuk berbagai konfigurasi pemasangan poros tunggal maupun ganda.\",\r\n                desc2: \"Memiliki kapasitas dukung beban tinggi untuk arah aksial dan radial secara bersamaan secara efisien.\"\r\n            },\r\n            {\r\n                id: 15,\r\n                name: \"Timken Industrial Cone and Cup Assembly\",\r\n                category: \"Timken\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.58-2.webp\",\r\n                desc1: \"Sistem rakitan cone dan cup terpisah yang memudahkan perawatan preventif serta penggantian komponen secara ekonomis.\",\r\n                desc2: \"Permukaan polesan presisi tinggi mengurangi koefisien gesekan internal secara signifikan.\"\r\n            },\r\n            {\r\n                id: 16,\r\n                name: \"Timken High Performance Bearing T6\",\r\n                category: \"Timken\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.58-1.webp\",\r\n                desc1: \"Solusi optimal untuk mesin-mesin industri modern yang membutuhkan efisiensi transmisi daya tanpa kompromi.\",\r\n                desc2: \"Ketahanan korosi yang baik dan struktur metalurgi yang padat mencegah keretakan mikro akibat beban kejut.\"\r\n            },\r\n            {\r\n                id: 17,\r\n                name: \"Timken Metric Tapered Roller Bearing\",\r\n                category: \"Timken\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.58.webp\",\r\n                desc1: \"Standar dimensi metrik global untuk memudahkan substitusi langsung pada berbagai jenis mesin industri pabrik.\",\r\n                desc2: \"Dilengkapi sangkar baja berkekuatan tinggi yang menjaga posisi rol tetap akurat pada kecepatan tinggi.\"\r\n            },\r\n            {\r\n                id: 18,\r\n                name: \"Timken Special Alloy Bearing T8\",\r\n                category: \"Timken\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.57-1.webp\",\r\n                desc1: \"Menggunakan formula paduan baja khusus Timken yang dirancang untuk tahan terhadap lingkungan asam dan lembap.\",\r\n                desc2: \"Menjamin umur operasional yang panjang meskipun beroperasi dalam siklus kerja non-stop 24\/7.\"\r\n            },\r\n            {\r\n                id: 19,\r\n                name: \"Timken Robust Industrial Bearing T9\",\r\n                category: \"Timken\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.16.57.webp\",\r\n                desc1: \"Varian tangguh untuk aplikasi penanganan material berat, crane, dan peralatan pelabuhan.\",\r\n                desc2: \"Memberikan keandalan mekanis tingkat tinggi serta memangkas biaya perawatan operasional jangka panjang.\"\r\n            },\r\n\r\n            \/\/ FAG (9 items)\r\n            {\r\n                id: 20,\r\n                name: \"FAG Deep Groove Ball Bearing 6004\",\r\n                category: \"FAG\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.17.42-2.webp\",\r\n                desc1: \"FAG menghadirkan bearing berkualitas tinggi asal Jerman dengan teknologi X-life untuk performa dan ketahanan superior.\",\r\n                desc2: \"Menawarkan putaran yang sangat senyap dan halus, sangat ideal untuk motor listrik, kipas angin industri, dan peralatan rumah tangga.\"\r\n            },\r\n            {\r\n                id: 21,\r\n                name: \"FAG Angular Contact Bearing F1\",\r\n                category: \"FAG\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.17.42.webp\",\r\n                desc1: \"Bearing kontak sudut FAG dirancang untuk akurasi tinggi pada mesin CNC dan peralatan pabrik berkecepatan tinggi.\",\r\n                desc2: \"Struktur internal yang dioptimalkan menghasilkan disipasi panas yang sangat baik saat beroperasi secara kontinyu.\"\r\n            },\r\n            {\r\n                id: 22,\r\n                name: \"FAG Cylindrical Roller Bearing F2\",\r\n                category: \"FAG\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.17.41-3.webp\",\r\n                desc1: \"Mampu menopang beban radial besar dengan kekakuan tinggi serta kemudahan pembongkaran saat perawatan.\",\r\n                desc2: \"Dilapisi material anti-karat berkualitas tinggi untuk perlindungan ekstra terhadap korosi lingkungan kerja.\"\r\n            },\r\n            {\r\n                id: 23,\r\n                name: \"FAG Spherical Roller Bearing F3\",\r\n                category: \"FAG\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.17.41-2.webp\",\r\n                desc1: \"Solusi andal untuk mengatasi defleksi poros dan ketidaksejajaran sudut pada aplikasi industri berat.\",\r\n                desc2: \"Kapasitas pelumasan yang efisien mengurangi gesekan internal dan menghemat konsumsi energi.\"\r\n            },\r\n            {\r\n                id: 24,\r\n                name: \"FAG Pillow Block Bearing Unit F4\",\r\n                category: \"FAG\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.17.41-1.webp\",\r\n                desc1: \"Unit rumah bantalan FAG siap pasang dengan sistem penguncian eksentrik atau grub screw yang sangat praktis.\",\r\n                desc2: \"Perumahan besi cor kokoh memberikan daya cengkeram kuat pada rangka mesin penunjang.\"\r\n            },\r\n            {\r\n                id: 25,\r\n                name: \"FAG Needle Roller Bearing F5\",\r\n                category: \"FAG\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.17.41.webp\",\r\n                desc1: \"Desain profil tipis dengan kapasitas angkut beban radial optimal untuk ruang terbatas pada mekanisme transmisi.\",\r\n                desc2: \"Memberikan kestabilan operasional yang konsisten di bawah tekanan mekanis yang tinggi.\"\r\n            },\r\n            {\r\n                id: 26,\r\n                name: \"FAG Thrust Ball Bearing F6\",\r\n                category: \"FAG\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.17.40-3.webp\",\r\n                desc1: \"Dirancang khusus menahan gaya aksial searah dengan presisi dimensi yang sangat terjaga.\",\r\n                desc2: \"Komponen dirakit dengan standar kualitas ketat khas manufaktur presisi Jerman.\"\r\n            },\r\n            {\r\n                id: 27,\r\n                name: \"FAG High Precision Bearing F7\",\r\n                category: \"FAG\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.17.40-2.webp\",\r\n                desc1: \"Seri presisi tinggi untuk mesin-mesin industri yang memerlukan toleransi mikrometer.\",\r\n                desc2: \"Menjamin tingkat kehalusan putaran yang luar biasa serta minim getaran pada RPM tinggi.\"\r\n            },\r\n            {\r\n                id: 28,\r\n                name: \"FAG Industrial X-Life Bearing F8\",\r\n                category: \"FAG\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-20.17.40.webp\",\r\n                desc1: \"Teknologi X-Life memberikan masa pakai hingga 50% lebih lama dibandingkan bearing konvensional sekelasnya.\",\r\n                desc2: \"Pilihan utama para insinyur profesional untuk efisiensi biaya perawatan pabrik jangka panjang.\"\r\n            },\r\n\r\n            \/\/ NTN (8 items)\r\n            {\r\n                id: 29,\r\n                name: \"NTN Deep Groove Ball Bearing 6202\",\r\n                category: \"NTN\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.50.35.webp\",\r\n                desc1: \"NTN adalah produsen bearing asal Jepang yang terkenal dengan presisi tinggi dan kehandalan operasional jangka panjang.\",\r\n                desc2: \"Sangat cocok untuk berbagai jenis motor, pompa air, dan mesin-mesin pabrik umum dengan perawatan mudah.\"\r\n            },\r\n            {\r\n                id: 30,\r\n                name: \"NTN Cylindrical Roller Bearing N205\",\r\n                category: \"NTN\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.50.34.webp\",\r\n                desc1: \"Bearing silindris NTN menawarkan kapasitas beban radial optimal serta kemampuan menahan pemuaian poros termal.\",\r\n                desc2: \"Konstruksi komponen dirancang untuk memudahkan proses pemasangan dan pembongkaran mesin.\"\r\n            },\r\n            {\r\n                id: 31,\r\n                name: \"NTN Spherical Roller Bearing 22310\",\r\n                category: \"NTN\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.50.32.webp\",\r\n                desc1: \"Diciptakan untuk menahan beban berat dan kondisi ketidaksejajaran sudut yang parah pada industri pertambangan.\",\r\n                desc2: \"Ketahanan aus yang sangat baik membuat bearing ini menjadi andalan di lingkungan kerja penuh debu.\"\r\n            },\r\n            {\r\n                id: 32,\r\n                name: \"NTN Tapered Roller Bearing 30206\",\r\n                category: \"NTN\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.49.56.webp\",\r\n                desc1: \"Bearing tirus NTN memberikan kombinasi daya dukung radial dan aksial yang sangat efisien untuk transmisi kendaraan dan industri.\",\r\n                desc2: \"Distribusi beban yang merata mencegah titik tekanan berlebih pada jalur luncur.\"\r\n            },\r\n            {\r\n                id: 33,\r\n                name: \"NTN Pillow Block Unit UCP 205\",\r\n                category: \"NTN\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.49.55-1.webp\",\r\n                desc1: \"Unit bantal siap pasang NTN dengan housing cor berkualitas tinggi dan insert bearing handal.\",\r\n                desc2: \"Dilengkapi nipple gemuk untuk pengisian ulang pelumas secara berkala dengan sangat mudah.\"\r\n            },\r\n            {\r\n                id: 34,\r\n                name: \"NTN Angular Contact Ball Bearing\",\r\n                category: \"NTN\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.49.55.webp\",\r\n                desc1: \"Dirancang untuk aplikasi yang memerlukan akurasi rotasi tinggi dan kestabilan beban gabungan.\",\r\n                desc2: \"Material baja khusus NTN memastikan umur kelelahan material yang panjang.\"\r\n            },\r\n            {\r\n                id: 35,\r\n                name: \"NTN Needle Roller Bearing N1\",\r\n                category: \"NTN\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.49.02.webp\",\r\n                desc1: \"Ukuran kompak dengan performa tinggi untuk ruang mesin yang sangat terbatas.\",\r\n                desc2: \"Menjamin gesekan minimal dan transmisi tenaga yang efisien.\"\r\n            },\r\n            {\r\n                id: 36,\r\n                name: \"NTN Industrial Bearing N2\",\r\n                category: \"NTN\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.09.46-1-1.webp\",\r\n                desc1: \"Seri general purpose untuk berbagai kebutuhan industri manufaktur umum dan permesinan.\",\r\n                desc2: \"Telah melewati uji kualitas ketat standar industri Jepang (JIS).\"\r\n            },\r\n\r\n            \/\/ FYH (6 items)\r\n            {\r\n                id: 37,\r\n                name: \"FYH Pillow Block Bearing UCP 208\",\r\n                category: \"FYH\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.58.44.webp\",\r\n                desc1: \"FYH adalah spesialis terkemuka dunia dalam pembuatan unit bantal (mounted units) berkualitas tinggi.\",\r\n                desc2: \"Rumah bantalan besi cor kokoh memberikan kestabilan maksimal untuk poros konveyor dan mesin berat.\"\r\n            },\r\n            {\r\n                id: 38,\r\n                name: \"FYH Flange Unit UCFL 205\",\r\n                category: \"FYH\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.59.33.webp\",\r\n                desc1: \"Unit flensa oval 2 lubang FYH untuk kemudahan pemasangan pada dinding atau bidang vertikal mesin.\",\r\n                desc2: \"Dilengkapi sistem sealing unggulan untuk mencegah penetrasi debu, kotoran, dan cairan pembersih.\"\r\n            },\r\n            {\r\n                id: 39,\r\n                name: \"FYH Square Flange Unit UCF 206\",\r\n                category: \"FYH\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-22.00.04.webp\",\r\n                desc1: \"Unit flensa kotak 4 baut dari FYH menawarkan kekuatan cengkeram luar biasa pada struktur penopang.\",\r\n                desc2: \"Sangat ideal digunakan pada mesin pengolahan makanan, tekstil, dan industri kemasan.\"\r\n            },\r\n            {\r\n                id: 40,\r\n                name: \"FYH Take-Up Unit UCT 207\",\r\n                category: \"FYH\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-22.01.08.webp\",\r\n                desc1: \"Unit take-up FYH dirancang untuk pengaturan tegangan sabuk konveyor (belt tensioner) dengan presisi tinggi.\",\r\n                desc2: \"Konstruksi seluncuran yang kuat memungkinkan penyesuaian posisi poros dengan mudah dan akurat.\"\r\n            },\r\n            {\r\n                id: 41,\r\n                name: \"FYH Cartridge Unit UCC 205\",\r\n                category: \"FYH\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-22.01.54.webp\",\r\n                desc1: \"Unit bentuk silindris cartridge FYH dirancang untuk pemasangan langsung pada lubang rumah mesin melingkar.\",\r\n                desc2: \"Menjamin kesejajaran poros yang sempurna dan operasional putaran tanpa getaran.\"\r\n            },\r\n            {\r\n                id: 42,\r\n                name: \"FYH Heavy Duty Mounted Unit F6\",\r\n                category: \"FYH\",\r\n                image: \"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-10-at-21.57.48.webp\",\r\n                desc1: \"Varian heavy-duty FYH untuk aplikasi industri berat dengan siklus kerja ekstrem dan beban kejut tinggi.\",\r\n                desc2: \"Memberikan keandalan operasional jangka panjang dan meminimalisir waktu henti mesin (downtime).\"\r\n            }\r\n        ];\r\n\r\n        function switchView(view) {\r\n            const catalogView = document.getElementById('view-catalog');\r\n            const formView = document.getElementById('view-form');\r\n            const tabCatalog = document.getElementById('tab-catalog');\r\n            const tabForm = document.getElementById('tab-form');\r\n\r\n            if(view === 'catalog') {\r\n                catalogView.classList.remove('hidden');\r\n                formView.classList.add('hidden');\r\n                tabCatalog.className = \"px-6 py-2.5 rounded-xl font-bold text-sm bg-blue-600 text-white shadow-md transition-all flex items-center gap-2\";\r\n                tabForm.className = \"px-6 py-2.5 rounded-xl font-bold text-sm bg-white text-slate-700 hover:bg-slate-100 border border-slate-200 shadow-sm transition-all flex items-center gap-2\";\r\n            } else {\r\n                catalogView.classList.add('hidden');\r\n                formView.classList.remove('hidden');\r\n                tabForm.className = \"px-6 py-2.5 rounded-xl font-bold text-sm bg-blue-600 text-white shadow-md transition-all flex items-center gap-2\";\r\n                tabCatalog.className = \"px-6 py-2.5 rounded-xl font-bold text-sm bg-white text-slate-700 hover:bg-slate-100 border border-slate-200 shadow-sm transition-all flex items-center gap-2\";\r\n                updateProductDropdown();\r\n            }\r\n        }\r\n\r\n        function updateProductDropdown() {\r\n            const cat = document.getElementById('form-category').value;\r\n            const prodSelect = document.getElementById('form-product');\r\n            prodSelect.innerHTML = '';\r\n            \r\n            const filtered = products.filter(p => p.category === cat);\r\n            filtered.forEach(p => {\r\n                const opt = document.createElement('option');\r\n                opt.value = p.name;\r\n                opt.textContent = p.name;\r\n                prodSelect.appendChild(opt);\r\n            });\r\n        }\r\n\r\n        function submitOrder(e) {\r\n            e.preventDefault();\r\n            const name = document.getElementById('cust-name').value;\r\n            const phone = document.getElementById('cust-phone').value;\r\n            const category = document.getElementById('form-category').value;\r\n            const product = document.getElementById('form-product').value;\r\n            const qty = document.getElementById('cust-qty').value;\r\n            const notes = document.getElementById('cust-notes').value || '-';\r\n\r\n            const selectedProdObj = products.find(p => p.name === product);\r\n            const imgSrc = selectedProdObj ? selectedProdObj.image : '-';\r\n\r\n            const adminPhone = \"6281519684035\";\r\n            const text = `Halo Admin,\\n\\nSaya ingin mengajukan permintaan & estimasi harga untuk produk bearing:\\n\\n*Nama Pemesan:* ${name}\\n*Kontak:* ${phone}\\n*Kategori:* ${category}\\n*Nama Produk:* ${product}\\n*Jumlah:* ${qty} Pcs\\n*Catatan:* ${notes}\\n*Gambar Produk:* ${imgSrc}\\n\\nMohon informasi ketersediaan stok dan penawaran harga terbaiknya. Terima kasih.`;\r\n            \r\n            const waUrl = `https:\/\/wa.me\/${adminPhone}?text=${encodeURIComponent(text)}`;\r\n            window.open(waUrl, '_blank');\r\n        }\r\n\r\n        function renderProducts(filter = 'all') {\r\n            const grid = document.getElementById('product-grid');\r\n            grid.innerHTML = '';\r\n\r\n            const filtered = filter === 'all' ? products : products.filter(p => p.category === filter);\r\n\r\n            if(filtered.length === 0) {\r\n                grid.innerHTML = `<div class=\"col-span-full text-center py-12 text-slate-500 font-medium\">Tidak ada produk ditemukan untuk kategori ini.<\/div>`;\r\n                return;\r\n            }\r\n\r\n            filtered.forEach(product => {\r\n                const card = document.createElement('div');\r\n                card.className = \"bg-white rounded-2xl shadow-sm hover:shadow-xl border border-slate-200\/80 overflow-hidden flex flex-col transition-all duration-300 transform hover:-translate-y-1\";\r\n                card.innerHTML = `\r\n                    <div class=\"relative bg-slate-50 p-6 h-52 flex items-center justify-center overflow-hidden group\">\r\n                        <span class=\"absolute top-3 left-3 bg-blue-600 text-white text-[10px] font-extrabold px-2.5 py-1 rounded-md uppercase tracking-wider shadow-sm\">${product.category}<\/span>\r\n                        <img decoding=\"async\" src=\"${product.image}\" alt=\"${product.name}\" class=\"h-full w-full object-contain transition-transform duration-500 group-hover:scale-105\">\r\n                    <\/div>\r\n                    <div class=\"p-5 flex flex-col flex-grow\">\r\n                        <h3 class=\"font-bold text-slate-900 text-base mb-2 line-clamp-2\">${product.name}<\/h3>\r\n                        <p class=\"text-slate-500 text-xs line-clamp-2 mb-4 flex-grow\">${product.desc1}<\/p>\r\n                        <button onclick=\"openModal(${product.id})\" class=\"w-full mt-auto bg-slate-900 hover:bg-blue-600 text-white font-semibold py-2.5 px-4 rounded-xl text-xs flex items-center justify-center gap-2 transition-colors\">\r\n                            <i class=\"fa-solid fa-circle-info\"><\/i> Detail Spesifikasi\r\n                        <\/button>\r\n                    <\/div>\r\n                `;\r\n                grid.appendChild(card);\r\n            });\r\n        }\r\n\r\n        function filterProducts(category) {\r\n            document.querySelectorAll('.filter-btn').forEach(btn => {\r\n                if(btn.getAttribute('data-filter') === category) {\r\n                    btn.className = \"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm bg-blue-600 text-white shadow-md transition-all duration-200\";\r\n                } else {\r\n                    btn.className = \"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm bg-white text-slate-700 hover:bg-slate-100 border border-slate-200 transition-all duration-200\";\r\n                }\r\n            });\r\n            renderProducts(category);\r\n        }\r\n\r\n        function openModal(id) {\r\n            const product = products.find(p => p.id === id);\r\n            if(!product) return;\r\n\r\n            document.getElementById('modal-img').src = product.image;\r\n            document.getElementById('modal-category').innerText = product.category;\r\n            document.getElementById('modal-title').innerText = product.name;\r\n            document.getElementById('modal-desc-1').innerText = product.desc1;\r\n            document.getElementById('modal-desc-2').innerText = product.desc2;\r\n\r\n            \/\/ WhatsApp link with parameters: product name, category, images\r\n            const phone = \"6281519684035\";\r\n            const text = `Halo, saya tertarik dengan produk berikut:\\n\\n*Nama Produk:* ${product.name}\\n*Kategori:* ${product.category}\\n*Gambar:* ${product.image}\\n\\nMohon info ketersediaan dan detail harganya. Terima kasih.`;\r\n            const waUrl = `https:\/\/wa.me\/${phone}?text=${encodeURIComponent(text)}`;\r\n            document.getElementById('modal-wa-btn').href = waUrl;\r\n\r\n            const modal = document.getElementById('product-modal');\r\n            const box = document.getElementById('modal-content-box');\r\n            modal.classList.remove('opacity-0', 'pointer-events-none');\r\n            box.classList.remove('scale-95');\r\n            box.classList.add('scale-100');\r\n        }\r\n\r\n        function closeModal() {\r\n            const modal = document.getElementById('product-modal');\r\n            const box = document.getElementById('modal-content-box');\r\n            modal.classList.add('opacity-0', 'pointer-events-none');\r\n            box.classList.remove('scale-100');\r\n            box.classList.add('scale-95');\r\n        }\r\n\r\n        \/\/ Close modal when clicking outside\r\n        window.addEventListener('click', function(e) {\r\n            const modal = document.getElementById('product-modal');\r\n            if (e.target === modal) {\r\n                closeModal();\r\n            }\r\n        });\r\n\r\n        \/\/ Estimated base price mapping per category for simulation\r\n        const basePrices = {\r\n            \"Skf\": 185000,\r\n            \"Timken\": 210000,\r\n            \"FAG\": 195000,\r\n            \"NTN\": 165000,\r\n            \"FYH\": 225000\r\n        };\r\n\r\n        function updateProductDropdown() {\r\n            const catSelect = document.getElementById('form-category');\r\n            const prodSelect = document.getElementById('form-product');\r\n\r\n            if (!catSelect || !prodSelect) return;\r\n\r\n            const selectedCat = catSelect.value;\r\n            prodSelect.innerHTML = '';\r\n\r\n            const filtered = products.filter(p => p.category === selectedCat);\r\n            filtered.forEach(p => {\r\n                const opt = document.createElement('option');\r\n                opt.value = p.name;\r\n                opt.textContent = p.name;\r\n                prodSelect.appendChild(opt);\r\n            });\r\n        }\r\n\r\n        function submitOrder(e) {\r\n            e.preventDefault();\r\n            const name = document.getElementById('cust-name').value;\r\n            const phone = document.getElementById('cust-phone').value;\r\n            const category = document.getElementById('form-category').value;\r\n            const product = document.getElementById('form-product').value;\r\n            const qty = document.getElementById('cust-qty').value;\r\n            const notes = document.getElementById('cust-notes').value || '-';\r\n\r\n            const selectedProdObj = products.find(p => p.name === product);\r\n            const imgSrc = selectedProdObj ? selectedProdObj.image : '-';\r\n\r\n            const adminPhone = \"6281519684035\";\r\n            const text = `Halo Admin,\\n\\nSaya ingin mengajukan permintaan & estimasi harga untuk produk bearing:\\n\\n*Nama Pemesan:* ${name}\\n*Kontak:* ${phone}\\n*Kategori:* ${category}\\n*Nama Produk:* ${product}\\n*Jumlah:* ${qty} Pcs\\n*Catatan:* ${notes}\\n*Gambar Produk:* ${imgSrc}\\n\\nMohon informasi ketersediaan stok dan penawaran harga terbaiknya. Terima kasih.`;\r\n            \r\n            const waUrl = `https:\/\/wa.me\/${adminPhone}?text=${encodeURIComponent(text)}`;\r\n            window.open(waUrl, '_blank');\r\n        }\r\n\r\n        function renderProducts(filter = 'all') {\r\n            const grid = document.getElementById('product-grid');\r\n            grid.innerHTML = '';\r\n\r\n            const filtered = filter === 'all' ? products : products.filter(p => p.category === filter);\r\n\r\n            if(filtered.length === 0) {\r\n                grid.innerHTML = `<div class=\"col-span-full text-center py-12 text-slate-500 font-medium\">Tidak ada produk ditemukan untuk kategori ini.<\/div>`;\r\n                return;\r\n            }\r\n\r\n            filtered.forEach(product => {\r\n                const card = document.createElement('div');\r\n                card.className = \"bg-white rounded-2xl shadow-sm hover:shadow-xl border border-slate-200\/80 overflow-hidden flex flex-col transition-all duration-300 transform hover:-translate-y-1\";\r\n                card.innerHTML = `\r\n                    <div class=\"relative bg-slate-50 p-6 h-52 flex items-center justify-center overflow-hidden group\">\r\n                        <span class=\"absolute top-3 left-3 bg-blue-600 text-white text-[10px] font-extrabold px-2.5 py-1 rounded-md uppercase tracking-wider shadow-sm\">${product.category}<\/span>\r\n                        <img decoding=\"async\" src=\"${product.image}\" alt=\"${product.name}\" class=\"h-full w-full object-contain transition-transform duration-500 group-hover:scale-105\">\r\n                    <\/div>\r\n                    <div class=\"p-5 flex flex-col flex-grow\">\r\n                        <h3 class=\"font-bold text-slate-900 text-base mb-2 line-clamp-2\">${product.name}<\/h3>\r\n                        <p class=\"text-slate-500 text-xs line-clamp-2 mb-4 flex-grow\">${product.desc1}<\/p>\r\n                        <button onclick=\"openModal(${product.id})\" class=\"w-full mt-auto bg-slate-900 hover:bg-blue-600 text-white font-semibold py-2.5 px-4 rounded-xl text-xs flex items-center justify-center gap-2 transition-colors\">\r\n                            <i class=\"fa-solid fa-circle-info\"><\/i> Detail Spesifikasi\r\n                        <\/button>\r\n                    <\/div>\r\n                `;\r\n                grid.appendChild(card);\r\n            });\r\n        }\r\n\r\n        function filterProducts(category) {\r\n            document.querySelectorAll('.filter-btn').forEach(btn => {\r\n                if(btn.getAttribute('data-filter') === category) {\r\n                    btn.className = \"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm bg-blue-600 text-white shadow-md transition-all duration-200\";\r\n                } else {\r\n                    btn.className = \"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm bg-white text-slate-700 hover:bg-slate-100 border border-slate-200 transition-all duration-200\";\r\n                }\r\n            });\r\n            renderProducts(category);\r\n        }\r\n\r\n        function openModal(id) {\r\n            const product = products.find(p => p.id === id);\r\n            if(!product) return;\r\n\r\n            document.getElementById('modal-img').src = product.image;\r\n            document.getElementById('modal-category').innerText = product.category;\r\n            document.getElementById('modal-title').innerText = product.name;\r\n            document.getElementById('modal-desc-1').innerText = product.desc1;\r\n            document.getElementById('modal-desc-2').innerText = product.desc2;\r\n\r\n            \/\/ WhatsApp link with parameters: product name, category, images\r\n            const phone = \"6281519684035\";\r\n            const text = `Halo, saya tertarik dengan produk berikut:\\n\\n*Nama Produk:* ${product.name}\\n*Kategori:* ${product.category}\\n*Gambar:* ${product.image}\\n\\nMohon info ketersediaan dan detail harganya. Terima kasih.`;\r\n            const waUrl = `https:\/\/wa.me\/${phone}?text=${encodeURIComponent(text)}`;\r\n            document.getElementById('modal-wa-btn').href = waUrl;\r\n\r\n            const modal = document.getElementById('product-modal');\r\n            const box = document.getElementById('modal-content-box');\r\n            modal.classList.remove('opacity-0', 'pointer-events-none');\r\n            box.classList.remove('scale-95');\r\n            box.classList.add('scale-100');\r\n        }\r\n\r\n        function closeModal() {\r\n            const modal = document.getElementById('product-modal');\r\n            const box = document.getElementById('modal-content-box');\r\n            modal.classList.add('opacity-0', 'pointer-events-none');\r\n            box.classList.remove('scale-100');\r\n            box.classList.add('scale-95');\r\n        }\r\n\r\n        \/\/ Close modal when clicking outside\r\n        window.addEventListener('click', function(e) {\r\n            const modal = document.getElementById('product-modal');\r\n            if (e.target === modal) {\r\n                closeModal();\r\n            }\r\n        });\r\n\r\n        \/\/ Initialize grid on load\r\n        renderProducts('all');\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ab16121 e-con e-atomic-element e-flexbox-base e-default-div e-b9bf4b7 \" data-id=\"ab16121\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ab16121\">\n    \t\t<div class=\"elementor-element elementor-element-9d88da9 elementor-widget elementor-widget-html\" data-id=\"9d88da9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* ========================================\r\n   FOOTER SEO PT ALVA PRIMA INDUSTRI\r\n   Elementor HTML Widget\r\n======================================== *\/\r\n\r\n.alva-seo-footer {\r\n    background: linear-gradient(135deg, #07182e 0%, #103b68 100%);\r\n    color: #ffffff;\r\n    padding: 40px 24px 20px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    border-top: 4px solid #1688e8;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n}\r\n\r\n.alva-seo-footer *,\r\n.alva-seo-footer *::before,\r\n.alva-seo-footer *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.alva-footer-container {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Judul footer *\/\r\n.alva-footer-heading {\r\n    color: #ffffff;\r\n    font-size: 24px;\r\n    line-height: 1.4;\r\n    font-weight: 700;\r\n    margin: 0 0 14px;\r\n    padding: 0;\r\n}\r\n\r\n.alva-footer-description {\r\n    color: #d4e2f1;\r\n    font-size: 14px;\r\n    line-height: 1.9;\r\n    margin: 0 0 28px;\r\n    max-width: 950px;\r\n}\r\n\r\n\/* Grid kata kunci *\/\r\n.alva-keyword-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 15px;\r\n}\r\n\r\n\/* Kartu kata kunci *\/\r\n.alva-keyword-item {\r\n    background: rgba(255, 255, 255, 0.055);\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    border-radius: 10px;\r\n    padding: 18px;\r\n    min-width: 0;\r\n    transition: background 0.25s ease,\r\n                border-color 0.25s ease,\r\n                transform 0.25s ease;\r\n}\r\n\r\n.alva-keyword-item:hover {\r\n    background: rgba(22, 136, 232, 0.16);\r\n    border-color: #1688e8;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* Judul kategori *\/\r\n.alva-keyword-item h3 {\r\n    color: #65baff;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    font-weight: 700;\r\n    margin: 0 0 10px;\r\n    padding: 0;\r\n}\r\n\r\n\/* Link kata kunci *\/\r\n.alva-keyword-item a {\r\n    display: block;\r\n    width: fit-content;\r\n    max-width: 100%;\r\n    color: #e5edf7;\r\n    font-size: 13px;\r\n    line-height: 2;\r\n    text-decoration: none;\r\n    overflow-wrap: anywhere;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.alva-keyword-item a:hover {\r\n    color: #65baff;\r\n    text-decoration: underline;\r\n}\r\n\r\n\/* Garis pemisah *\/\r\n.alva-footer-divider {\r\n    height: 1px;\r\n    background: rgba(255, 255, 255, 0.18);\r\n    margin: 28px 0 20px;\r\n    border: 0;\r\n}\r\n\r\n\/* Bagian bawah footer *\/\r\n.alva-footer-bottom {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n}\r\n\r\n.alva-footer-company {\r\n    color: #d4e2f1;\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n    margin: 0;\r\n}\r\n\r\n.alva-footer-company strong {\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n}\r\n\r\n.alva-footer-brands {\r\n    color: #c8dcf1;\r\n    font-size: 12px;\r\n    line-height: 1.8;\r\n    margin: 0;\r\n    text-align: right;\r\n}\r\n\r\n.alva-footer-copyright {\r\n    color: #aebfd2;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    line-height: 1.8;\r\n    margin: 20px 0 0;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 900px) {\r\n    .alva-keyword-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 12px;\r\n    }\r\n\r\n    .alva-footer-heading {\r\n        font-size: 22px;\r\n    }\r\n}\r\n\r\n\/* HP *\/\r\n@media (max-width: 480px) {\r\n    .alva-seo-footer {\r\n        padding: 28px 16px 18px;\r\n    }\r\n\r\n    .alva-footer-heading {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .alva-footer-description {\r\n        font-size: 13px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .alva-keyword-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 10px;\r\n    }\r\n\r\n    .alva-keyword-item {\r\n        padding: 15px;\r\n    }\r\n\r\n    .alva-keyword-item h3 {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .alva-keyword-item a {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .alva-footer-bottom {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .alva-footer-brands {\r\n        text-align: left;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"alva-seo-footer\">\r\n    <div class=\"alva-footer-container\">\r\n\r\n        <!-- IDENTITAS PERUSAHAAN -->\r\n        <h2 class=\"alva-footer-heading\">\r\n            PT ALVA PRIMA INDUSTRI \u2013 Toko Bearing\r\n        <\/h2>\r\n\r\n        <p class=\"alva-footer-description\">\r\n            PT ALVA PRIMA INDUSTRI menyediakan solusi kebutuhan\r\n            bearing untuk industri, mesin, otomotif, dan manufaktur.\r\n            Temukan berbagai pilihan bearing dari merek SKF, FAG,\r\n            Timken, FYH, dan NTN untuk mendukung kebutuhan operasional\r\n            serta perawatan mesin Anda. Hubungi tim kami untuk informasi\r\n            produk dan ketersediaan bearing sesuai kebutuhan.\r\n        <\/p>\r\n\r\n        <!-- DAFTAR KATA KUNCI SEO -->\r\n        <div class=\"alva-keyword-grid\">\r\n\r\n            <!-- SKF -->\r\n            <div class=\"alva-keyword-item\">\r\n                <h3>Bearing SKF<\/h3>\r\n                <a href=\"\/jual-bearing-skf\/\">\r\n                    Jual Bearing SKF\r\n                <\/a>\r\n                <a href=\"\/toko-bearing-skf\/\">\r\n                    Toko Bearing SKF\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- FAG -->\r\n            <div class=\"alva-keyword-item\">\r\n                <h3>Bearing FAG<\/h3>\r\n                <a href=\"\/jual-bearing-fag\/\">\r\n                    Jual Bearing FAG\r\n                <\/a>\r\n                <a href=\"\/toko-bearing-fag\/\">\r\n                    Toko Bearing FAG\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- TIMKEN -->\r\n            <div class=\"alva-keyword-item\">\r\n                <h3>Bearing Timken<\/h3>\r\n                <a href=\"\/jual-bearing-timken\/\">\r\n                    Jual Bearing Timken\r\n                <\/a>\r\n                <a href=\"\/toko-bearing-timken\/\">\r\n                    Toko Bearing Timken\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- FYH -->\r\n            <div class=\"alva-keyword-item\">\r\n                <h3>Bearing FYH<\/h3>\r\n                <a href=\"\/jual-bearing-fyh\/\">\r\n                    Jual Bearing FYH\r\n                <\/a>\r\n                <a href=\"\/toko-bearing-fyh\/\">\r\n                    Toko Bearing FYH\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- NTN -->\r\n            <div class=\"alva-keyword-item\">\r\n                <h3>Bearing NTN<\/h3>\r\n                <a href=\"\/jual-bearing-ntn\/\">\r\n                    Jual Bearing NTN\r\n                <\/a>\r\n                <a href=\"\/toko-bearing-ntn\/\">\r\n                    Toko Bearing NTN\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- GLODOK JAKARTA -->\r\n            <div class=\"alva-keyword-item\">\r\n                <h3>Bearing Glodok Jakarta<\/h3>\r\n                <a href=\"\/jual-bearing-glodok-jakarta\/\">\r\n                    Jual Bearing Glodok Jakarta\r\n                <\/a>\r\n                <a href=\"\/toko-bearing-jakarta\/\">\r\n                    Toko Bearing Jakarta\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- PEMISAH -->\r\n        <hr class=\"alva-footer-divider\">\r\n\r\n        <!-- INFORMASI BAWAH -->\r\n        <div class=\"alva-footer-bottom\">\r\n\r\n            <p class=\"alva-footer-company\">\r\n                <strong>PT ALVA PRIMA INDUSTRI<\/strong><br>\r\n                Solusi kebutuhan bearing industri Anda.\r\n            <\/p>\r\n\r\n            <p class=\"alva-footer-brands\">\r\n                Bearing SKF &bull; FAG &bull; Timken\r\n                &bull; FYH &bull; NTN\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- COPYRIGHT -->\r\n        <p class=\"alva-footer-copyright\">\r\n            &copy; <span id=\"alva-footer-year\">2026<\/span>\r\n            PT ALVA PRIMA INDUSTRI. Hak cipta dilindungi.\r\n        <\/p>\r\n\r\n    <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n(function () {\r\n    var yearElement = document.getElementById('alva-footer-year');\r\n\r\n    if (yearElement) {\r\n        yearElement.textContent = new Date().getFullYear();\r\n    }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Katalog Produk Bearing Industri Katalog Resmi Industrial Bearing Pilihan Bearing Berkualitas Tinggi Temukan berbagai merek bearing terkemuka dunia seperti SKF, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-106","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"Katalog Produk Bearing Industri Katalog Resmi Industrial Bearing Pilihan Bearing Berkualitas Tinggi Temukan berbagai merek bearing terkemuka dunia seperti SKF, Timken, FAG, NTN, dan FYH untuk kebutuhan mesin industri Anda. Katalog Produk Form Pemesanan &amp; Estimasi Harga Semua Produk SKF Timken FAG NTN FYH Modul Pemesanan Resmi Form Permintaan &amp; Estimasi Harga Lengkapi data kebutuhan\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/creatsigndev.com\/alva\/product\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"- Distributor Bearing\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Product -\" \/>\n\t\t<meta property=\"og:description\" content=\"Katalog Produk Bearing Industri Katalog Resmi Industrial Bearing Pilihan Bearing Berkualitas Tinggi Temukan berbagai merek bearing terkemuka dunia seperti SKF, Timken, FAG, NTN, dan FYH untuk kebutuhan mesin industri Anda. Katalog Produk Form Pemesanan &amp; Estimasi Harga Semua Produk SKF Timken FAG NTN FYH Modul Pemesanan Resmi Form Permintaan &amp; Estimasi Harga Lengkapi data kebutuhan\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/creatsigndev.com\/alva\/product\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/cropped-Logo-Industri-ALVA-dengan-Bearing-Metalik.webp\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/cropped-Logo-Industri-ALVA-dengan-Bearing-Metalik.webp\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-10-10T14:49:28+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-10-10T15:41:21+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Product -\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Katalog Produk Bearing Industri Katalog Resmi Industrial Bearing Pilihan Bearing Berkualitas Tinggi Temukan berbagai merek bearing terkemuka dunia seperti SKF, Timken, FAG, NTN, dan FYH untuk kebutuhan mesin industri Anda. Katalog Produk Form Pemesanan &amp; Estimasi Harga Semua Produk SKF Timken FAG NTN FYH Modul Pemesanan Resmi Form Permintaan &amp; Estimasi Harga Lengkapi data kebutuhan\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/cropped-Logo-Industri-ALVA-dengan-Bearing-Metalik.webp\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/product\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/product\\\/#listItem\",\"name\":\"Product\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/product\\\/#listItem\",\"position\":2,\"name\":\"Product\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/#organization\",\"description\":\"Distributor Bearing\",\"url\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/cropped-Logo-Industri-ALVA-dengan-Bearing-Metalik.webp\",\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/product\\\/#organizationLogo\",\"width\":2170,\"height\":723},\"image\":{\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/product\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/product\\\/#webpage\",\"url\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/product\\\/\",\"name\":\"Product -\",\"description\":\"Katalog Produk Bearing Industri Katalog Resmi Industrial Bearing Pilihan Bearing Berkualitas Tinggi Temukan berbagai merek bearing terkemuka dunia seperti SKF, Timken, FAG, NTN, dan FYH untuk kebutuhan mesin industri Anda. Katalog Produk Form Pemesanan & Estimasi Harga Semua Produk SKF Timken FAG NTN FYH Modul Pemesanan Resmi Form Permintaan & Estimasi Harga Lengkapi data kebutuhan\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/product\\\/#breadcrumblist\"},\"datePublished\":\"2026-10-10T14:49:28+00:00\",\"dateModified\":\"2026-10-10T15:41:21+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/#website\",\"url\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/\",\"description\":\"Distributor Bearing\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/creatsigndev.com\\\/alva\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Product -","description":"Katalog Produk Bearing Industri Katalog Resmi Industrial Bearing Pilihan Bearing Berkualitas Tinggi Temukan berbagai merek bearing terkemuka dunia seperti SKF, Timken, FAG, NTN, dan FYH untuk kebutuhan mesin industri Anda. Katalog Produk Form Pemesanan & Estimasi Harga Semua Produk SKF Timken FAG NTN FYH Modul Pemesanan Resmi Form Permintaan & Estimasi Harga Lengkapi data kebutuhan","canonical_url":"https:\/\/creatsigndev.com\/alva\/product\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/creatsigndev.com\/alva\/product\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/creatsigndev.com\/alva\/#listItem","position":1,"name":"Home","item":"https:\/\/creatsigndev.com\/alva\/","nextItem":{"@type":"ListItem","@id":"https:\/\/creatsigndev.com\/alva\/product\/#listItem","name":"Product"}},{"@type":"ListItem","@id":"https:\/\/creatsigndev.com\/alva\/product\/#listItem","position":2,"name":"Product","previousItem":{"@type":"ListItem","@id":"https:\/\/creatsigndev.com\/alva\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/creatsigndev.com\/alva\/#organization","description":"Distributor Bearing","url":"https:\/\/creatsigndev.com\/alva\/","logo":{"@type":"ImageObject","url":"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/cropped-Logo-Industri-ALVA-dengan-Bearing-Metalik.webp","@id":"https:\/\/creatsigndev.com\/alva\/product\/#organizationLogo","width":2170,"height":723},"image":{"@id":"https:\/\/creatsigndev.com\/alva\/product\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/creatsigndev.com\/alva\/product\/#webpage","url":"https:\/\/creatsigndev.com\/alva\/product\/","name":"Product -","description":"Katalog Produk Bearing Industri Katalog Resmi Industrial Bearing Pilihan Bearing Berkualitas Tinggi Temukan berbagai merek bearing terkemuka dunia seperti SKF, Timken, FAG, NTN, dan FYH untuk kebutuhan mesin industri Anda. Katalog Produk Form Pemesanan & Estimasi Harga Semua Produk SKF Timken FAG NTN FYH Modul Pemesanan Resmi Form Permintaan & Estimasi Harga Lengkapi data kebutuhan","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/creatsigndev.com\/alva\/#website"},"breadcrumb":{"@id":"https:\/\/creatsigndev.com\/alva\/product\/#breadcrumblist"},"datePublished":"2026-10-10T14:49:28+00:00","dateModified":"2026-10-10T15:41:21+00:00"},{"@type":"WebSite","@id":"https:\/\/creatsigndev.com\/alva\/#website","url":"https:\/\/creatsigndev.com\/alva\/","description":"Distributor Bearing","inLanguage":"en-US","publisher":{"@id":"https:\/\/creatsigndev.com\/alva\/#organization"}}]},"og:locale":"en_US","og:site_name":"- Distributor Bearing","og:type":"article","og:title":"Product -","og:description":"Katalog Produk Bearing Industri Katalog Resmi Industrial Bearing Pilihan Bearing Berkualitas Tinggi Temukan berbagai merek bearing terkemuka dunia seperti SKF, Timken, FAG, NTN, dan FYH untuk kebutuhan mesin industri Anda. Katalog Produk Form Pemesanan &amp; Estimasi Harga Semua Produk SKF Timken FAG NTN FYH Modul Pemesanan Resmi Form Permintaan &amp; Estimasi Harga Lengkapi data kebutuhan","og:url":"https:\/\/creatsigndev.com\/alva\/product\/","og:image":"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/cropped-Logo-Industri-ALVA-dengan-Bearing-Metalik.webp","og:image:secure_url":"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/cropped-Logo-Industri-ALVA-dengan-Bearing-Metalik.webp","article:published_time":"2026-10-10T14:49:28+00:00","article:modified_time":"2026-10-10T15:41:21+00:00","twitter:card":"summary_large_image","twitter:title":"Product -","twitter:description":"Katalog Produk Bearing Industri Katalog Resmi Industrial Bearing Pilihan Bearing Berkualitas Tinggi Temukan berbagai merek bearing terkemuka dunia seperti SKF, Timken, FAG, NTN, dan FYH untuk kebutuhan mesin industri Anda. Katalog Produk Form Pemesanan &amp; Estimasi Harga Semua Produk SKF Timken FAG NTN FYH Modul Pemesanan Resmi Form Permintaan &amp; Estimasi Harga Lengkapi data kebutuhan","twitter:image":"https:\/\/creatsigndev.com\/alva\/wp-content\/uploads\/2026\/10\/cropped-Logo-Industri-ALVA-dengan-Bearing-Metalik.webp"},"aioseo_meta_data":{"post_id":"106","title":null,"description":null,"keywords":null,"keyphrases":{"focus":[],"additional":[]},"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-10-10 14:49:28","updated":"2026-10-10 16:05:59"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/creatsigndev.com\/alva\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tProduct\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/creatsigndev.com\/alva\/"},{"label":"Product","link":"https:\/\/creatsigndev.com\/alva\/product\/"}],"_links":{"self":[{"href":"https:\/\/creatsigndev.com\/alva\/wp-json\/wp\/v2\/pages\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creatsigndev.com\/alva\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creatsigndev.com\/alva\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creatsigndev.com\/alva\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creatsigndev.com\/alva\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":19,"href":"https:\/\/creatsigndev.com\/alva\/wp-json\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":178,"href":"https:\/\/creatsigndev.com\/alva\/wp-json\/wp\/v2\/pages\/106\/revisions\/178"}],"wp:attachment":[{"href":"https:\/\/creatsigndev.com\/alva\/wp-json\/wp\/v2\/media?parent=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}