{"id":23633,"date":"2025-03-13T12:19:20","date_gmt":"2025-03-13T04:19:20","guid":{"rendered":"https:\/\/www.punb.com.my\/?page_id=23633"},"modified":"2025-07-17T15:38:12","modified_gmt":"2025-07-17T07:38:12","slug":"industries","status":"publish","type":"page","link":"https:\/\/www.punb.com.my\/ms\/rakan-usahawan\/industries\/","title":{"rendered":"Industries"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"23633\" class=\"elementor elementor-23633\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17f0650 e-flex e-con-boxed e-con e-parent\" data-id=\"17f0650\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a25d5ea e-con-full e-flex e-con e-child\" data-id=\"a25d5ea\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-663b94e e-con-full e-flex e-con e-child\" data-id=\"663b94e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c965a5 single-industries-top elementor-widget elementor-widget-shortcode\" data-id=\"8c965a5\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"elementor-element elementor-element-b71cfb4 elementor-widget elementor-widget-heading\" data-id=\"b71cfb4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n                    <div class=\"elementor-widget-container\">\n                        <h1 class=\"elementor-align-center elementor-heading-title elementor-size-default\">All Industries<\/h1>\n                    <\/div>\n                <\/div>\n                <div class=\"elementor-element elementor-element-7d49cf2 elementor-widget elementor-widget-text-editor\" data-id=\"7d49cf2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n                    <div class=\"elementor-widget-container\">\n                        <p class=\"elementor-align-center\">PUNB memperkasa usahawan Bumiputera melalui pembiayaan dan sokongan perniagaan dalam mencapai kejayaan.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"elementor-element elementor-element-51c0f4e elementor-widget elementor-widget-html\" data-id=\"51c0f4e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n                    <div class=\"elementor-widget-container\">\n                        <form class=\"ru-search-form\" action=\"\">\n                            <select name=\"states\" class=\"select-dropdown\">\n                                <option value=\"\">All States<\/option><option value=\"WJ\">Putrajaya<\/option><option value=\"MM\">Melaka<\/option><option value=\"TT\">Terengganu<\/option><option value=\"BB\">Selangor<\/option><option value=\"NN\">Negeri Sembilan<\/option><option value=\"SS\">Sarawak<\/option><option value=\"WP\">Kuala Lumpur<\/option><option value=\"KK\">Kedah<\/option><option value=\"DD\">Kelantan<\/option><option value=\"CC\">Pahang<\/option><option value=\"JJ\">Johor<\/option><option value=\"PP\">Pulau Pinang<\/option><option value=\"AA\">Perak<\/option><option value=\"QQ\">Sabah<\/option><option value=\"RR\">Perlis<\/option><option value=\"WL\">Labuan<\/option><\/select>\n                            <select name=\"industries\" class=\"select-dropdown\">\n                                <option value=\"\">Industries<\/option><option value=\"1\">Pakaian, Tekstil &amp; Aksesori<\/option><option value=\"2\">Perkhidmatan\/Barangan Kejuruteraan<\/option><option value=\"3\">SME-Perkhidmatan<\/option><option value=\"4\">Perkhidmatan Kesihatan<\/option><option value=\"5\">Produk Petroleum<\/option><option value=\"6\">Teknologi Maklumat dan Komunikasi<\/option><option value=\"7\">Makanan dan Minuman<\/option><option value=\"8\">Percetakan &amp; Pengiklanan<\/option><option value=\"9\">SME-Kayu-kayuan<\/option><option value=\"10\">Peruncitan<\/option><option value=\"11\">Kenderaan Bermotor<\/option><option value=\"12\">Farmasi<\/option><option value=\"13\">Akuakultur\/ Produk Pertanian<\/option><option value=\"14\">Perdagangan<\/option><option value=\"15\">Pendidikan<\/option><option value=\"16\">Motosikal &amp; Basikal<\/option><option value=\"17\">Profesional<\/option><option value=\"18\">Buku &amp; Alatulis<\/option><option value=\"19\">Lain-lain<\/option><option value=\"20\">Kedai Makanan\/ Haiwan Peliharaan<\/option><option value=\"21\">Kedai Cermin Mata<\/option><option value=\"22\">Kosmetik &amp; Rawatan Kecantikan<\/option><option value=\"23\">SME-Plastik<\/option><option value=\"24\">Kelengkapan &amp; Peralatan Rumah<\/option><option value=\"25\">Sukan &amp; Peralatan Rekreasi<\/option><option value=\"26\">SME-Elektrikal \/ Produk Elektronik<\/option><option value=\"27\">Hotel &amp; Hotel Resort<\/option><option value=\"28\">Barang Kemas &amp; Jam<\/option><option value=\"29\">SME-Kejuruteraan Awam<\/option><option value=\"30\">Perkhidmatan Cucian &amp; Sanitari<\/option><option value=\"31\">Pengurusan Acara<\/option><option value=\"32\">SME-Bahan Binaan Bangunan<\/option><option value=\"33\">SME-Berkaitan Kesihatan<\/option><option value=\"34\">Hadiah, Cenderahati &amp; Bunga<\/option><option value=\"35\">SME-Keluli<\/option><option value=\"36\">SME-Getah<\/option><option value=\"37\">SME-Mineral Bkn Metallik<\/option><\/select>\n                            <input type=\"search\" name=\"keyword\" placeholder=\"Search Keyword\" class=\"search-input\" value=\"\">\n                            <button type=\"submit\" class=\"apply-button elementor-button\">Apply<\/button>\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"ms\"\/><\/form>\n            <\/div>\n        <\/div><script>\n            document.querySelector('.ru-search-form').addEventListener('submit', function (e) {\n                e.preventDefault(); \/\/ Prevent the default form submission\n\n                const formData = new FormData(this);\n                const params = new URLSearchParams(formData).toString();\n                const targetUrl = 'https:\/\/punb.com.my\/rakan-usahawan\/industries\/?' + params;\n\n                \/\/ Redirect to the target URL\n                window.location.href = targetUrl;\n            });\n        <\/script>\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6542000 single-ind-main-sec scroll-top-sec e-flex e-con-boxed e-con e-parent\" data-id=\"6542000\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2c5de58 e-con-full e-flex e-con e-child\" data-id=\"2c5de58\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0789efa e-con-full e-flex e-con e-child\" data-id=\"0789efa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e92b41d elementor-widget elementor-widget-shortcode\" data-id=\"e92b41d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"elementor-element elementor-element-2c5de58 e-con-full e-flex e-con e-child\" data-id=\"2c5de58\" data-element_type=\"container\">\n            <div class=\"elementor-element elementor-element-0789efa e-con-full e-flex e-con e-child\" data-id=\"0789efa\" data-element_type=\"container\">\n                <div class=\"elementor-element elementor-element-8d9cffd elementor-widget elementor-widget-heading\"\n                    data-id=\"8d9cffd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n                    <div class=\"elementor-widget-container\">\n                        <h3 class=\"elementor-heading-title elementor-size-default\">Products related to \u201cAll\u201d<\/h3>\n                    <\/div>\n                <\/div>\n                <div class=\"elementor-element elementor-element-13781f2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\"\n                    data-id=\"13781f2\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n                    <div class=\"elementor-widget-container\">\n                        <div class=\"elementor-divider\">\n                            <span class=\"elementor-divider-separator\">\n                            <\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"elementor-element elementor-element-d5a8a58 back-to-overview-link elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\"\n                    data-id=\"d5a8a58\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n                    <div class=\"elementor-widget-container\">\n                        <ul class=\"elementor-icon-list-items\">\n                            <li class=\"elementor-icon-list-item\">\n                                <a href=\"\/ms\/rakan-usahawan\/\">\n                                    <span class=\"elementor-icon-list-icon\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"14\" viewbox=\"0 0 12 14\"\n                                            fill=\"none\">\n                                            <path\n                                                d=\"M5.75 0C4.50736 0 3.5 1.00736 3.5 2.25C3.5 2.66421 3.83579 3 4.25 3C4.66421 3 5 2.66421 5 2.25C5 1.83579 5.33579 1.5 5.75 1.5H9.75C10.1642 1.5 10.5 1.83579 10.5 2.25V11.75C10.5 12.1642 10.1642 12.5 9.75 12.5H5.75C5.33579 12.5 5 12.1642 5 11.75C5 11.3358 4.66421 11 4.25 11C3.83579 11 3.5 11.3358 3.5 11.75C3.5 12.9926 4.50736 14 5.75 14H9.75C10.9926 14 12 12.9926 12 11.75V2.25C12 1.00736 10.9926 0 9.75 0H5.75Z\"\n                                                fill=\"#4A4A4A\"><\/path>\n                                            <path\n                                                d=\"M8.25 7.75C8.66421 7.75 9 7.41421 9 7C9 6.58579 8.66421 6.25 8.25 6.25L2.56066 6.25L3.53033 5.28033C3.82322 4.98744 3.82322 4.51256 3.53033 4.21967C3.23744 3.92678 2.76256 3.92678 2.46967 4.21967L0.21967 6.46967C0.0790174 6.61032 0 6.80109 0 7C0 7.19891 0.0790174 7.38968 0.21967 7.53033L2.46967 9.78033C2.76256 10.0732 3.23744 10.0732 3.53033 9.78033C3.82322 9.48744 3.82322 9.01256 3.53033 8.71967L2.56066 7.75H8.25Z\"\n                                                fill=\"#4A4A4A\"><\/path>\n                                        <\/svg> <\/span>\n                                    <span class=\"elementor-icon-list-text\">Kembali ke Direktori<\/span>\n                                <\/a>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16abdf8 e-con-full e-flex e-con e-child\" data-id=\"16abdf8\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c6904d5 e-con-full e-flex e-con e-child\" data-id=\"c6904d5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e0c23d elementor-widget elementor-widget-shortcode\" data-id=\"8e0c23d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"right-col\"><div class=\"latest-card-ctn\"><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=1816\">\n                        <img decoding=\"async\" src=\"https:\/\/rakanusahawan.punb.com.my\/storage\/images\/SSmQFHyNstEarWyz4jjmV0pHCN2WZTl4vdabNVKg.png\" alt=\"2A Capital Sdn Bhd\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=1816\">2A Capital Sdn Bhd<\/a><\/h4>\n                        <p class=\"location\">Selangor<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=126\">\n                        <img decoding=\"async\" src=\"https:\/\/rakanusahawan.punb.com.my\/storage\/images\/2xc0NmHDCxPwr8TbF1znOz2j09xoUSLPAJtwAipx.png\" alt=\"2Y Communications Engineering\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=126\">2Y Communications Engineering<\/a><\/h4>\n                        <p class=\"location\">Terengganu<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=127\">\n                        <img decoding=\"async\" src=\"https:\/\/rakanusahawan.punb.com.my\/storage\/images\/WcsKIdfmplWIPEbzowj7RVi3lyWikv3ScMxeZKQx.png\" alt=\"303 EVENTS\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=127\">303 EVENTS<\/a><\/h4>\n                        <p class=\"location\">Sabah<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=1877\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/punb-replace-1.jpg\" alt=\"313 Sabda Langit Solution\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=1877\">313 Sabda Langit Solution<\/a><\/h4>\n                        <p class=\"location\">Johor<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=128\">\n                        <img decoding=\"async\" src=\"https:\/\/rakanusahawan.punb.com.my\/storage\/images\/9M3arbh6PEAwtYKkjj6Nhq38NCsTNugVj2EyWIY9.png\" alt=\"3Q City Enterprise\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=128\">3Q City Enterprise<\/a><\/h4>\n                        <p class=\"location\">Sarawak<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=129\">\n                        <img decoding=\"async\" src=\"https:\/\/rakanusahawan.punb.com.my\/storage\/images\/StS0wZYHreifiieINzeXPtj3bQZ62aGA46R1iFto.png\" alt=\"3R Dental & Medical Services Sdn Bhd\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=129\">3R Dental & Medical Services Sdn Bhd<\/a><\/h4>\n                        <p class=\"location\">Kuala Lumpur<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=1878\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/punb-replace-1.jpg\" alt=\"A & A Motorsport\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=1878\">A & A Motorsport<\/a><\/h4>\n                        <p class=\"location\">Selangor<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=130\">\n                        <img decoding=\"async\" src=\"https:\/\/rakanusahawan.punb.com.my\/storage\/images\/Bpz1OdZSYy8KC74SYHRxFCRoMSCYkJD0D6MPqjN5.png\" alt=\"A & J Food Tech Sdn. Bhd.\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=130\">A & J Food Tech Sdn. Bhd.<\/a><\/h4>\n                        <p class=\"location\">Kuala Lumpur<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=51\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/punb-replace-1.jpg\" alt=\"A H H Tyre & Service Centre\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=51\">A H H Tyre & Service Centre<\/a><\/h4>\n                        <p class=\"location\">Melaka<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=80\">\n                        <img decoding=\"async\" src=\"https:\/\/rakanusahawan.punb.com.my\/storage\/images\/X6wwHnf1XY2L6w471iz9vj86g3QT37KJ2Pa3epVy.png\" alt=\"A M Dynamic Service Station\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=80\">A M Dynamic Service Station<\/a><\/h4>\n                        <p class=\"location\">Selangor<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=81\">\n                        <img decoding=\"async\" src=\"https:\/\/rakanusahawan.punb.com.my\/storage\/images\/iWS2r1I26aMX6WFfbhG9XUMnlqnQC8cvPlgw9l81.png\" alt=\"A Med Plus Pharmacy PLT\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=81\">A Med Plus Pharmacy PLT<\/a><\/h4>\n                        <p class=\"location\">Sabah<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=12\">\n                        <img decoding=\"async\" src=\"https:\/\/rakanusahawan.punb.com.my\/storage\/images\/CPkiGmDREWZ7x3SDI1dcHjrOgkVVeNqvHpEQANn9.png\" alt=\"A S I Biz Resources\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=12\">A S I Biz Resources<\/a><\/h4>\n                        <p class=\"location\">Selangor<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=52\">\n                        <img decoding=\"async\" src=\"https:\/\/rakanusahawan.punb.com.my\/storage\/images\/aYss9jA6p5EidEiXHn8TViS36dIe5Bu5HfOHMZn4.png\" alt=\"A. N. Green Prosperity Sdn Bhd\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=52\">A. N. Green Prosperity Sdn Bhd<\/a><\/h4>\n                        <p class=\"location\">Pahang<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=53\">\n                        <img decoding=\"async\" src=\"https:\/\/rakanusahawan.punb.com.my\/storage\/images\/AEshev6hVya5dzHMZh2doeZLfbdp5DkRSi7Zcr0D.png\" alt=\"A.I Healthcare Resources\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=53\">A.I Healthcare Resources<\/a><\/h4>\n                        <p class=\"location\">Selangor<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=1\">\n                        <img decoding=\"async\" src=\"https:\/\/rakanusahawan.punb.com.my\/storage\/images\/W0UZc97MPUvXU2DKDyIf4xiLDisYuMwLeEQnX5iL.png\" alt=\"A&A Empire Sdn. Bhd.\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=1\">A&A Empire Sdn. Bhd.<\/a><\/h4>\n                        <p class=\"location\">Putrajaya<\/p>\n                    <\/div>\n                <\/div><div class=\"card\">\n                    <a class=\"card-image\" href=\"\/ms\/rakan-usahawan\/company-info\/?id=25\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/punb-replace-1.jpg\" alt=\"AAA Baraqah Enterprise\" \/>\n                    <\/a>\n                    <div class=\"card-content\">\n                        <h4><a href=\"\/ms\/rakan-usahawan\/company-info\/?id=25\">AAA Baraqah Enterprise<\/a><\/h4>\n                        <p class=\"location\">Kedah<\/p>\n                    <\/div>\n                <\/div><\/div><\/div><\/div><script>\n            document.addEventListener(\"DOMContentLoaded\", () => {\n                const checkboxes = document.querySelectorAll(\".sidebar-ctn input[type=\\\"checkbox\\\"]\");\n                const rightCol = document.querySelector(\".latest-card-ctn\");\n\n                const paginationContainer = document.createElement(\"div\"); \/\/ Create pagination controls container\n                paginationContainer.className = \"pagination-container\"; \/\/ Add a class to the container\n                rightCol.parentElement.appendChild(paginationContainer);\n\n                let companiesData = []; \/\/ Store fetched companies\n                let currentPage = 1; \/\/ Track the current page\n                const itemsPerPage = 12; \/\/ Number of items per page (CONSIDER MAKING THIS CONSISTENT WITH PHP items_per_page IF DESIRED)\n                const maxPagesToShow = 5; \/\/ Maximum number of page numbers to show\n                let filteringTriggered = false; \/\/ Flag to track user interaction\n\n                \/\/ Define replacement and placeholder image paths for JavaScript\n                const replacementDisplayPicJS = \"\/wp-content\/uploads\/2025\/06\/punb-replace-1.jpg\";\n                const placeholderShellImgJS = \"https:\/\/rakanusahawan.punb.com.my\/storage\/placeholder-shell-img.jpg\";\n\n                \/\/ Function to get URL parameters\n                const getUrlParameter = (param) => {\n                    const urlParams = new URLSearchParams(window.location.search);\n                    return urlParams.get(param) || \"\";\n                };\n\n                \/\/ Fetch and update content\n                const updateContent = async (selectedIndustries) => {\n                    const state = getUrlParameter(\"states\");\n                    const keyword = getUrlParameter(\"keyword\");\n\n                    const apiUrl = `https:\/\/rakanusahawan.punb.com.my\/api\/users\/?state=${state}&industry=${selectedIndustries.join(\",\")}&keyword=${keyword}`;\n\n                    try {\n                        const response = await fetch(apiUrl);\n                        if (!response.ok) {\n                            throw new Error(\"Failed to fetch data\");\n                        }\n                        const jsonResponse = await response.json();\n\n                        \/\/ Check success and store data\n                        if (jsonResponse.success && jsonResponse.data?.companies) {\n                            companiesData = jsonResponse.data.companies;\n                            currentPage = 1; \/\/ Reset to the first page on new data fetch\n                            renderPaginatedContent();\n                        } else {\n                            rightCol.innerHTML = \"<p>No results found or an error occurred.<\/p>\";\n                            paginationContainer.innerHTML = \"\"; \/\/ Clear pagination\n                        }\n                    } catch (error) {\n                        console.error(\"Error fetching API:\", error);\n                        rightCol.innerHTML = \"<p>Error loading data. Please try again later.<\/p>\";\n                        paginationContainer.innerHTML = \"\"; \/\/ Clear pagination\n                    }\n                };\n\n                \/\/ Render paginated content\n                const renderPaginatedContent = () => {\n                    const totalItems = companiesData.length;\n                    const totalPages = Math.ceil(totalItems \/ itemsPerPage);\n\n                    \/\/ Get items for the current page\n                    const startIndex = (currentPage - 1) * itemsPerPage;\n                    const endIndex = Math.min(startIndex + itemsPerPage, totalItems);\n                    const currentItems = companiesData.slice(startIndex, endIndex);\n\n                    \/\/ Render companies\n                    if (currentItems.length > 0) {\n                        rightCol.innerHTML = currentItems.map(company => {\n                            \/\/ JavaScript: Determine which image source to use\n                            const imageSrc = (company.display_pic === placeholderShellImgJS) ? replacementDisplayPicJS : company.display_pic;\n\n                            return `\n                                <div class=\"card\">\n                                    <a class=\"card-image\" href=\"\/rakan-usahawan\/company-info\/?id=${company.id}\">\n                                        <img decoding=\"async\" src=\"${imageSrc}\" alt=\"${company.name}\">\n                                    <\/a>\n                                    <div class=\"card-content\">\n                                        <h4><a href=\"\/rakan-usahawan\/company-info\/?id=${company.id}\">${company.name}<\/a><\/h4>\n                                        <p class=\"location\">${company.address || \"\"} ${company.state}<\/p>\n                                    <\/div>\n                                <\/div>\n                            `;\n                        }).join(\"\");\n                    } else {\n                        rightCol.innerHTML = \"<p>No companies found for the selected criteria.<\/p>\";\n                    }\n\n                    \/\/ Render pagination controls\n                    renderPaginationControls(totalPages);\n                };\n\n                \/\/ Render pagination controls with limited page numbers and ellipsis\n                const renderPaginationControls = (totalPages) => {\n                    if (totalPages <= 1) {\n                        paginationContainer.innerHTML = \"\"; \/\/ No pagination needed\n                        return;\n                    }\n\n                    \/\/ Calculate the range of pages to display\n                    const pageStart = Math.max(currentPage - Math.floor(maxPagesToShow \/ 2), 1);\n                    const pageEnd = Math.min(pageStart + maxPagesToShow - 1, totalPages);\n\n                    \/\/ Generate the page numbers with ellipsis where necessary\n                    let pageNumbers = [];\n                    if (pageStart > 1) {\n                        pageNumbers.push(1); \/\/ Always show first page\n                        if (pageStart > 2) {\n                            pageNumbers.push(\"...\");\n                        }\n                    }\n                    for (let i = pageStart; i <= pageEnd; i++) {\n                        pageNumbers.push(i);\n                    }\n                    if (pageEnd < totalPages) {\n                        if (pageEnd < totalPages - 1) {\n                            pageNumbers.push(\"...\");\n                        }\n                        pageNumbers.push(totalPages); \/\/ Always show last page\n                    }\n\n                    paginationContainer.innerHTML = `\n                        <button class=\"pagination-btn\" ${currentPage === 1 ? \"disabled\" : \"\"} data-page=\"${currentPage - 1}\">Previous<\/button>\n                        ${pageNumbers.map(page => `\n                            <button class=\"pagination-btn ${currentPage === page ? \"active\" : \"\"}\" data-page=\"${page}\">${page}<\/button>\n                        `).join(\"\")}\n                        <button class=\"pagination-btn\" ${currentPage === totalPages ? \"disabled\" : \"\"} data-page=\"${currentPage + 1}\">Next<\/button>\n                    `;\n\n                    \/\/ Add event listeners to pagination buttons\n                    const paginationButtons = paginationContainer.querySelectorAll(\".pagination-btn\");\n                    paginationButtons.forEach(button => {\n                        button.addEventListener(\"click\", (e) => {\n                            const page = e.target.getAttribute(\"data-page\");\n                            if (page === \"...\") return;\n                            currentPage = parseInt(page, 10);\n                            renderPaginatedContent();\n                            \/\/ Scroll to the \"scroll-top-sec\" section\n                            const section = document.querySelector(\".scroll-top-sec\");\n                            if (section) {\n                                section.scrollIntoView({\n                                    behavior: \"smooth\", \/\/ Smooth scroll\n                                    block: \"start\", \/\/ Scroll to the start of the section\n                                });\n                            }\n                        });\n                    });\n                };\n\n                \/\/ Event listener for checkbox changes\n                checkboxes.forEach(checkbox => {\n                    checkbox.addEventListener(\"change\", () => {\n                        filteringTriggered = true; \/\/ Set the flag to true on checkbox interaction\n                        const selectedIndustries = Array.from(checkboxes)\n                            .filter(cb => cb.checked)\n                            .map(cb => cb.id); \/\/ Use the `id` of the checkbox as industry value\n\n                        updateContent(selectedIndustries);\n                    });\n                });\n\n                companiesData = <?php echo json_encode($rakan); ?>; \/\/ Ensure initial data from PHP is used by JS\n                renderPaginatedContent(); \/\/ Initial render with data from PHP\n            });\n        <\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>","protected":false},"excerpt":{"rendered":"","protected":false},"author":17,"featured_media":0,"parent":23628,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-23633","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.punb.com.my\/ms\/wp-json\/wp\/v2\/pages\/23633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.punb.com.my\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.punb.com.my\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.punb.com.my\/ms\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.punb.com.my\/ms\/wp-json\/wp\/v2\/comments?post=23633"}],"version-history":[{"count":5,"href":"https:\/\/www.punb.com.my\/ms\/wp-json\/wp\/v2\/pages\/23633\/revisions"}],"predecessor-version":[{"id":27653,"href":"https:\/\/www.punb.com.my\/ms\/wp-json\/wp\/v2\/pages\/23633\/revisions\/27653"}],"up":[{"embeddable":true,"href":"https:\/\/www.punb.com.my\/ms\/wp-json\/wp\/v2\/pages\/23628"}],"wp:attachment":[{"href":"https:\/\/www.punb.com.my\/ms\/wp-json\/wp\/v2\/media?parent=23633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}