{"id":89,"date":"2025-03-25T11:41:37","date_gmt":"2025-03-25T11:41:37","guid":{"rendered":"https:\/\/factgo.nextwpcook.com\/?page_id=89"},"modified":"2025-12-27T19:43:34","modified_gmt":"2025-12-27T19:43:34","slug":"products","status":"publish","type":"page","link":"https:\/\/ibmuae.com\/index.php\/products\/","title":{"rendered":"Products"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMain Page - Categories<\/title>\r\n<style>\r\n\/* --- Tabs Layout --- *\/\r\n.tabs-buttons {\r\n position: relative; \/* Needed for underline *\/\r\n text-align: center;\r\n margin-top: 4rem;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 12px;\r\n padding: 0 15px;\r\n}\r\n\r\n.tab-btn {\r\n padding: 12px 20px;\r\n border: 2px solid #DE5722;\r\n background: #fff;\r\n color: #DE5722;\r\n cursor: pointer;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n white-space: nowrap;\r\n transition: 0.3s ease, transform 0.2s ease;\r\n position: relative;\r\n}\r\n\r\n.tab-btn:hover {\r\n background: #fde7d6;\r\n transform: translateY(-2px);\r\n}\r\n\r\n.tab-btn.active {\r\n background: #DE5722;\r\n color: #fff;\r\n font-weight: 600;\r\n}\r\n\r\n\/* --- Animated underline --- *\/\r\n.tab-underline {\r\n position: absolute;\r\n bottom: 0;\r\n height: 4px;\r\n background: #DE5722;\r\n border-radius: 2px;\r\n transition: all 0.3s ease;\r\n width: 0;\r\n left: 0;\r\n}\r\n\r\n\/* --- Cards Container --- *\/\r\n.cards-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n justify-content: center;\r\n margin-top: 3rem;\r\n padding: 0 15px;\r\n}\r\n\r\n\/* --- Individual Card --- *\/\r\n.card {\r\n display: flex;\r\n flex-direction: column;\r\n width: calc(33.33% - 20px);\r\n padding: 0;\r\n border: 1px solid #ddd;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n overflow: hidden;\r\n background: #fff;\r\n}\r\n\r\n.card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\r\n}\r\n\r\n.card img {\r\n width: 100%;\r\n height: 220px;\r\n display: block;\r\n margin: 0;\r\n object-fit: cover;\r\n border-bottom: 1px solid #eee;\r\n}\r\n\r\n.card-title {\r\n padding: 15px;\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n color: #333;\r\n margin-top: auto;\r\n}\r\n\r\n\/* --- Responsive Breakpoints --- *\/\r\n@media (max-width: 992px) {\r\n .card { width: calc(50% - 20px); }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .tabs-buttons { margin-top: 2rem; gap: 8px; }\r\n .tab-btn { flex: 1 1 calc(50% - 10px); font-size: 13px; padding: 10px 5px; text-align: center; }\r\n .card { width: 100%; }\r\n .card img { height: 200px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"tabs-container\">\r\n\r\n <!-- Tab Buttons -->\r\n <div class=\"tabs-buttons\">\r\n <button class=\"tab-btn active\" data-tab=\"aluminum\">Aluminum Accessories<\/button>\r\n <button class=\"tab-btn\" data-tab=\"glass\">Glass Accessories<\/button>\r\n <button class=\"tab-btn\" data-tab=\"hardware\">Hardware and Tools<\/button>\r\n <div class=\"tab-underline\"><\/div> <!-- Animated underline -->\r\n <\/div>\r\n\r\n <!-- Cards -->\r\n <div class=\"cards-container\">\r\n\r\n <!-- Aluminum Products -->\r\n <div class=\"card\" data-category=\"aluminum\" data-slug=\"tower-bolt\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Tower-Bolts.png\" alt=\"Tower Bolt\">\r\n <div class=\"card-title\">Tower Bolt<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"aluminum\" data-slug=\"stay-arms\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Top-Hung-Window-Arm-Short-png-2.png\" alt=\"Stay Arms\">\r\n <div class=\"card-title\">Stay Arms<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"aluminum\" data-slug=\"sliding-rollers\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Single-Box-Roller-100-Kg.png\" alt=\"Sliding Rollers\">\r\n <div class=\"card-title\">Sliding Rollers<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"aluminum\" data-slug=\"sliding-locks\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Double-Site-Push-Lock.png\" alt=\"Sliding Locks\">\r\n <div class=\"card-title\">Sliding Locks<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"aluminum\" data-slug=\"pvc-packing\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/U-Packing-1mm-to-5mm-2-1.png\" alt=\"PVC Packing\">\r\n <div class=\"card-title\">PVC Packing & Shutters<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"aluminum\" data-slug=\"pull-handles\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/PAD-handle-round-LAG.png\" alt=\"Pull Handles\">\r\n <div class=\"card-title\">Pull Handles<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"aluminum\" data-slug=\"hinges\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Heavy-Duty-Cast-Aluminum-Hinges-2.png\" alt=\"Hinges\">\r\n <div class=\"card-title\">Hinges<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"aluminum\" data-slug=\"finger-catches\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Standard-White.png\" alt=\"Finger Catches\">\r\n <div class=\"card-title\">Finger Catches<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"aluminum\" data-slug=\"door-locks\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Cylinder-Lock.png\" alt=\"Door Locks\">\r\n <div class=\"card-title\">Door Locks<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"aluminum\" data-slug=\"door-handles\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Cremone-Handle-Stefy-217-Series.png\" alt=\"Door Handles\">\r\n <div class=\"card-title\">Door Handles<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"aluminum\" data-slug=\"gaskets\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-27-at-21.39.44.jpeg\" alt=\"Door Handles\">\r\n <div class=\"card-title\">PVC & EPDM Gaskets<\/div>\r\n <\/div>\r\n\r\n <!-- Glass Products -->\r\n <div class=\"card\" data-category=\"glass\" data-slug=\"studs\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Studs-Cover.png\" alt=\"Studs\">\r\n <div class=\"card-title\">Studs<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"glass\" data-slug=\"spigots\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Round-Spigots.png\" alt=\"Spigots\">\r\n <div class=\"card-title\">Spigots<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"glass\" data-slug=\"sliding-door\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Sliding-Door-Accessories-Square-Satin.png\" alt=\"Sliding Door\">\r\n <div class=\"card-title\">Sliding Door<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"glass\" data-slug=\"patch-fittings\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Wall-to-glass-Patch-fitting-with-Pivot-M-1.png\" alt=\"Patch Fittings\">\r\n <div class=\"card-title\">Patch Fittings<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"glass\" data-slug=\"lip-seal\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Square-2.png\" alt=\"Lip Seal\">\r\n <div class=\"card-title\">Lip Seal<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"glass\" data-slug=\"glass-hinges\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Wall-to-Glass-Hinge-CWG-100.png\" alt=\"Glass Door Hinges\">\r\n <div class=\"card-title\">Glass Door Hinges<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"glass\" data-slug=\"floor-machines\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/ZTS-65-Floor-Spring-60-90-kG-2.png\" alt=\"Floor Machines\">\r\n <div class=\"card-title\">Floor Machines<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"glass\" data-slug=\"glass-door-handles\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Shower-Door-Handle.png\" alt=\"Door Handles\">\r\n <div class=\"card-title\">Door Handles<\/div>\r\n <\/div>\r\n\r\n <!-- Hardware Products -->\r\n <div class=\"card\" data-category=\"hardware\" data-slug=\"silicon\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Zita-Sealant.png\" alt=\"Silicon\">\r\n <div class=\"card-title\">Silicon<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"hardware\" data-slug=\"fasteners\">\r\n <img src=https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-27-at-21.39.45.jpeg\" alt=\"Fasteners\">\r\n <div class=\"card-title\">Fasteners<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"hardware\" data-slug=\"guns\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Silicone-Catdrige-Gun-2.png\" alt=\"Guns\">\r\n <div class=\"card-title\">Guns<\/div>\r\n <\/div>\r\n <div class=\"card\" data-category=\"hardware\" data-slug=\"masking-tape\">\r\n <img decoding=\"async\" src=\"https:\/\/ibmuae.com\/wp-content\/uploads\/2025\/12\/Customized-Masking-Tapes.png\" alt=\"Masking Tape\">\r\n <div class=\"card-title\">Masking Tape<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const tabs = document.querySelectorAll('.tab-btn');\r\n const cards = document.querySelectorAll('.card');\r\n const underline = document.querySelector('.tab-underline');\r\n\r\n function show(tab){\r\n tabs.forEach(t => t.classList.toggle('active', t.dataset.tab === tab));\r\n cards.forEach(c => c.style.display = c.dataset.category === tab ? 'flex' : 'none');\r\n\r\n const activeTab = document.querySelector('.tab-btn.active');\r\n if(activeTab){\r\n underline.style.width = activeTab.offsetWidth + 'px';\r\n underline.style.left = activeTab.offsetLeft + 'px';\r\n }\r\n }\r\n\r\n show('aluminum');\r\n\r\n tabs.forEach(t => t.addEventListener('click', ()=> show(t.dataset.tab)));\r\n\r\n\/\/ cards.forEach(c => {\r\n\/\/ c.addEventListener('click', () => {\r\n\/\/ const tab = c.dataset.category;\r\n\/\/ const slug = c.dataset.slug;\r\n\/\/ const params = new URLSearchParams();\r\n\/\/ params.set('tab', tab);\r\n\/\/ params.set('category', slug);\r\n\/\/ window.location.href = 'https:\/\/ibmuae.com\/index.php\/shop-3\/?' + params.toString();\r\n\/\/ });\r\n\/\/ });\r\ncards.forEach(card => {\r\n card.addEventListener('click', () => {\r\n const slug = card.dataset.slug;\r\n window.location.href = `\/index.php\/products\/category\/?category=${slug}\/`;\r\n });\r\n});\r\n\r\n window.addEventListener('resize', ()=> show(document.querySelector('.tab-btn.active').dataset.tab));\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Main Page – Categories Aluminum Accessories Glass Accessories Hardware and Tools Tower Bolt Stay Arms Sliding Rollers Sliding Locks PVC Packing & Shutters Pull Handles Hinges Finger Catches Door Locks Door Handles PVC & EPDM Gaskets Studs Spigots Sliding Door Patch Fittings Lip Seal Glass Door Hinges Floor Machines Door Handles Silicon<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-builder.php","meta":{"footnotes":""},"class_list":["post-89","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ibmuae.com\/index.php\/wp-json\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibmuae.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ibmuae.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ibmuae.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ibmuae.com\/index.php\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":107,"href":"https:\/\/ibmuae.com\/index.php\/wp-json\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":4436,"href":"https:\/\/ibmuae.com\/index.php\/wp-json\/wp\/v2\/pages\/89\/revisions\/4436"}],"wp:attachment":[{"href":"https:\/\/ibmuae.com\/index.php\/wp-json\/wp\/v2\/media?parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}