{"id":327,"date":"2026-07-08T08:35:55","date_gmt":"2026-07-08T07:35:55","guid":{"rendered":"https:\/\/apiccam.org\/?page_id=327"},"modified":"2026-07-08T10:28:16","modified_gmt":"2026-07-08T09:28:16","slug":"our-members","status":"publish","type":"page","link":"https:\/\/apiccam.org\/fr\/our-members\/","title":{"rendered":"Nos membres"},"content":{"rendered":"
\n
\n
\n
\n\n\n \n \n APICCAM - Our Accredited Members<\/title>\n \n <!-- Tailwind CSS CDN -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <!-- Google Font: Onest -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Onest:wght@100..900&display=swap\" rel=\"stylesheet\">\n \n <!-- Font Awesome Icons -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n <!-- Tailoring Tailwind Config with custom brand colors centered around #e77818 -->\n <script>\n tailwind.config = {\n \/\/ CRITICAL FOR DIVI: Disable Preflight resets so it doesn't break Divi's global header, footer, and layout styling\n corePlugins: {\n preflight: false,\n },\n theme: {\n extend: {\n colors: {\n brand: {\n 50: '#fdf5ef',\n 100: '#fbe7d5',\n 200: '#f6caab',\n 300: '#f0a373',\n 400: '#e87c3e',\n 500: '#e77818', \/\/ Base color: #e77818\n 600: '#cc5a12',\n 700: '#aa4211',\n 800: '#873212',\n 900: '#6d2a13',\n 950: '#3c1207'\n }\n },\n fontFamily: {\n sans: ['Onest', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* CSS Scoped specifically to our App Wrapper to avoid leaking to Divi Theme settings *\/\n #apiccam-directory-app {\n font-family: 'Onest', sans-serif;\n scroll-behavior: smooth;\n }\n \n \/* Premium custom scrollbar themed in brand orange, scoped exclusively to our directory layout *\/\n #apiccam-directory-app ::-webkit-scrollbar {\n width: 8px;\n }\n #apiccam-directory-app ::-webkit-scrollbar-track {\n background: #fdf5ef;\n }\n #apiccam-directory-app ::-webkit-scrollbar-thumb {\n background: #f6caab;\n border-radius: 4px;\n }\n #apiccam-directory-app ::-webkit-scrollbar-thumb:hover {\n background: #e77818;\n }\n\n \/* Minor structural resets lost by turning off Tailwind Preflight globally *\/\n #apiccam-directory-app * {\n box-sizing: border-box;\n border-color: rgba(226, 232, 240, 1); \/* Fallback to slate-200 border default *\/\n }\n #apiccam-directory-app a {\n text-decoration: none;\n color: inherit;\n }\n #apiccam-directory-app button {\n cursor: pointer;\n background: none;\n border: none;\n }\n #apiccam-directory-app input::placeholder {\n color: #94a3b8;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 min-h-screen pt-10\">\n\n <!-- Scoped Div wrapper: This is the ONLY element that will render styles in Divi -->\n <div id=\"apiccam-directory-app\" class=\"bg-slate-50 text-slate-800 min-h-screen flex flex-col py-6\">\n\n <!-- Hero \/ Header Section -->\n <div class=\"bg-gradient-to-b from-white to-slate-50 py-16 border-b border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center md:text-left\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-8\">\n <div class=\"max-w-3xl\">\n <div class=\"inline-flex items-center space-x-2 bg-brand-50 text-brand-600 px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider mb-4 border border-brand-100\">\n <span>Official Registry Since 1999<\/span>\n <\/div>\n <!-- High impact H1 -->\n <h1 class=\"text-4xl sm:text-5xl font-extrabold text-slate-900 tracking-tight leading-tight m-0\">\n Meet Cameroon\u2019s Leading <span class=\"bg-gradient-to-r from-brand-600 to-brand-400 bg-clip-text text-transparent\">Engineering Consultancies<\/span>\n <\/h1>\n <!-- Option 1 Intro Copy under H1 -->\n <p class=\"mt-6 text-lg text-slate-600 leading-relaxed max-w-2xl\">\n Welcome to the official member directory of the Professional Association of Consulting Engineers and Engineering Firms of Cameroon (APICCAM). Since 1999, our accredited member firms have served as the technical backbone of Cameroon\u2019s physical and digital infrastructure.\n <\/p>\n <p class=\"mt-4 text-base text-slate-600 leading-relaxed max-w-2xl\">\n Every firm listed below has been rigorously vetted for professional ethics, operational capacity, and strict compliance with national regulations. With an average of 23 years of industry experience, our consultancies are the trusted partners of choice for key public ministries, municipal authorities (such as the CUY and CUD), and global development institutions.\n <\/p>\n <\/div>\n \n <!-- Live Stats Card Panel -->\n <div class=\"w-full md:w-auto lg:min-w-[320px] bg-white rounded-2xl p-6 shadow-xl shadow-slate-100 border border-slate-200 relative overflow-hidden shrink-0\">\n <div class=\"absolute -right-12 -top-12 w-28 h-28 bg-brand-50 rounded-full z-0\"><\/div>\n <h3 class=\"text-xs font-bold text-slate-400 uppercase tracking-widest mb-4 mt-0 relative z-10\">APICCAM At a Glance<\/h3>\n \n <div class=\"space-y-4 relative z-10\">\n <div class=\"flex items-center justify-between py-2 border-b border-slate-100\">\n <span class=\"text-sm text-slate-500\">Active Member Firms<\/span>\n <span class=\"text-lg font-bold text-slate-900\">17 Registered<\/span>\n <\/div>\n <div class=\"flex items-center justify-between py-2 border-b border-slate-100\">\n <span class=\"text-sm text-slate-500\">Combined Member Capital<\/span>\n <span class=\"text-lg font-bold text-brand-600\">> 3 Billion FCFA<\/span>\n <\/div>\n <div class=\"flex items-center justify-between py-2 border-b border-slate-100\">\n <span class=\"text-sm text-slate-500\">Avg. Firm Pedigree<\/span>\n <span class=\"text-lg font-bold text-slate-900\">23 Years<\/span>\n <\/div>\n <div class=\"flex items-center justify-between py-2\">\n <span class=\"text-sm text-slate-500\">Industry Reach<\/span>\n <span class=\"text-xs font-semibold bg-emerald-50 text-emerald-700 px-2.5 py-0.5 rounded-full border border-emerald-100\">100% Vetted<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Filter and Search Controls -->\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 w-full\">\n <div class=\"bg-white rounded-2xl p-4 sm:p-6 shadow-sm border border-slate-200 flex flex-col md:flex-row gap-4 items-center justify-between\">\n \n <!-- Live Search Bar -->\n <div class=\"relative w-full md:max-w-md\">\n <div class=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n <i class=\"fa-solid fa-magnifying-glass text-slate-400\"><\/i>\n <\/div>\n <input \n type=\"text\" \n id=\"memberSearch\" \n placeholder=\"Search by company name, CEO, or region...\" \n class=\"block w-full pl-10 pr-4 py-3 bg-slate-50 border border-slate-200 rounded-xl text-slate-800 placeholder-slate-400 text-sm focus:ring-2 focus:ring-brand-500 focus:border-transparent focus:bg-white transition-all outline-none\"\n >\n <\/div>\n\n <!-- Tabs\/Filters for Quick Region Sorting -->\n <div class=\"flex flex-wrap gap-2 w-full md:w-auto items-center justify-center md:justify-end\">\n <span class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mr-2 hidden lg:inline-block\">Filter Location:<\/span>\n <button \n onclick=\"filterByCity('ALL')\" \n id=\"filterBtn-ALL\"\n class=\"filter-tab active px-4 py-2 text-xs font-semibold rounded-lg transition-all duration-200 border bg-brand-500 text-white border-brand-500 shadow-sm\"\n >\n All Regions\n <\/button>\n <button \n onclick=\"filterByCity('Yaound\u00e9')\" \n id=\"filterBtn-Yaound\u00e9\"\n class=\"filter-tab px-4 py-2 text-xs font-semibold rounded-lg transition-all duration-200 border bg-white text-slate-600 border-slate-200 hover:border-slate-300 hover:text-slate-900\"\n >\n Yaound\u00e9\n <\/button>\n <button \n onclick=\"filterByCity('Bamenda')\" \n id=\"filterBtn-Bamenda\"\n class=\"filter-tab px-4 py-2 text-xs font-semibold rounded-lg transition-all duration-200 border bg-white text-slate-600 border-slate-200 hover:border-slate-300 hover:text-slate-900\"\n >\n Bamenda\n <\/button>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- Members Grid Section -->\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-20 w-full flex-grow\">\n \n <!-- Live Count Indicator -->\n <div class=\"flex justify-between items-center mb-6 px-1\">\n <p class=\"text-sm text-slate-500 m-0\">\n Showing <span id=\"visibleCount\" class=\"font-bold text-slate-800\">17<\/span> of <span class=\"font-bold text-slate-800\">17<\/span> registered consultancies\n <\/p>\n <span class=\"text-xs text-brand-600 font-medium hover:underline cursor-pointer\" onclick=\"resetFilters()\">\n Clear filters\n <\/span>\n <\/div>\n\n <!-- Directory Grid -->\n <div id=\"membersGrid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <!-- Card 1: BAMBUIY ENGINEERING -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Bambuiy Engineering\" data-ceo=\"Jacqueline Sendze\" data-city=\"Bamenda\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-amber-50 text-amber-700 rounded-md uppercase tracking-wider border border-amber-100\">Bamenda<\/span>\n <button onclick=\"copyCardContact(this, 'BAMBUIY ENGINEERING')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">BAMBUIY ENGINEERING<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Jacqueline Sendze<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 120 Bamenda<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237233362321\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 233 36 23 21<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:best@bambuiyengineering.com\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">best@bambuiyengineering.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 2: BEC LA ROUTIERE -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"BEC La Routiere\" data-ceo=\"Zacharie Mbajon\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'BEC LA ROUTIERE')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">BEC LA ROUTIERE<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Zacharie Mbajon<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 13 704 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237222223564\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 222 22 35 64<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:beclaroutiere@yahoo.fr\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">beclaroutiere@yahoo.fr<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 3: BETA CONSULT -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Beta Consult\" data-ceo=\"Francis Happi\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'BETA CONSULT')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">BETA CONSULT<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Francis Happi<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 5 009 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237222010108\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 222 01 01 08<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:contact@betaconsult.biz\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">contact@betaconsult.biz<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 4: BRECG -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Brecg\" data-ceo=\"Andr\u00e9 Tcheyacnou\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'BRECG')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">BRECG<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Andr\u00e9 Tcheyacnou<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 7 883 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237222220821\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 222 22 08 21<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:brecg@hotmail.com\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">brecg@hotmail.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 5: CABINET F. MBA -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Cabinet F. Mba\" data-ceo=\"F\u00e9lix Mba\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'CABINET F. MBA')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">CABINET F. MBA<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">F\u00e9lix Mba<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 6 816 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237622519538\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 622 51 95 38<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:cfm@camnet.cm\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">cfm@camnet.cm<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 6: CADEK -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Cadek\" data-ceo=\"Denis Kuate\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'CADEK')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">CADEK<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Denis Kuate<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 3 914 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237233438971\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 233 43 89 71<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:cadek@camnet.cm\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">cadek@camnet.cm<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 7: CAMEROON ENGINEERING -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Cameroon Engineering\" data-ceo=\"Fabien Omboudou\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'CAMEROON ENGINEERING')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">CAMEROON ENGINEERING<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Fabien OMBOUDOU<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 471 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237222211021\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 222 21 10 21<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:j.assolo.camengineering@gmail.com\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">j.assolo.camengineering@gmail.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 8: CETD -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Cetd\" data-ceo=\"Franklin Tchana Kontchou\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'CETD')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">CETD<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Franklin TCHANA KONTCHOU<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span class=\"italic text-slate-400\">Postal Address N\/A<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237222218352\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 222 21 83 52<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:cetd.cameroun@yahoo.fr\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">cetd.cameroun@yahoo.fr<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 9: DIDON CONSEILS SARL -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Didon Conseils Sarl\" data-ceo=\"Yvan Nguepnang Poka\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'DIDON CONSEILS SARL')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">DIDON CONSEILS SARL<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Yvan NGUEPNANG POKA<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 30 011 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237222206909\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 222 20 69 09<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:c_nguepnang@yahoo.fr\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">c_nguepnang@yahoo.fr<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 10: ECTA BTP -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Ecta Btp\" data-ceo=\"Pierre Meli\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'ECTA BTP')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">ECTA BTP<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Pierre MELI<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 785 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237222220087\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 222 22 00 87<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:contact@ecta-btp.com\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">contact@ecta-btp.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 11: EGIS CAMEROUN -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Egis Cameroun\" data-ceo=\"St\u00e9phane Arno Tchana\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'EGIS CAMEROUN')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">EGIS CAMEROUN<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">St\u00e9phane Arno TCHANA<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 911 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237222221185\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 222 22 11 85<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:contact@egiscameroun.com\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">contact@egiscameroun.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 12: ERE DEVELOPPEMENT -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Ere Developpement\" data-ceo=\"Jean Baptiste Ndeby\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'ERE DEVELOPPEMENT')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">ERE DEVELOPPEMENT<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Jean Baptiste NDEBY<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 11 487 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237222233325\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 222 23 33 25<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:contact@eredeveloppement.com\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">contact@eredeveloppement.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 13: INTEGC -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Integc\" data-ceo=\"Eric Nkono\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'INTEGC')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">INTEGC<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Eric NKONO<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 11 088 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237699624895\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 699 62 48 95<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:integc@yahoo.fr\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">integc@yahoo.fr<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 14: INNOV ENGINEERING -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Innov Engineering\" data-ceo=\"Eric Nkono\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'INNOV ENGINEERING')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">INNOV ENGINEERING<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Eric NKONO<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span class=\"italic text-slate-400\">Postal Address N\/A<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237652963208\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 652 96 32 08<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:contact@innovgrp237.com\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">contact@innovgrp237.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 15: LE COMPETING -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Le Competing\" data-ceo=\"Flavien Guetsa\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'LE COMPETING')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">LE COMPETING<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Flavien GUETSA<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 7 214 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237222215988\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 222 21 59 88<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:fumagho@yahoo.fr\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">fumagho@yahoo.fr<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 16: PRISMA SARL -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Prisma Sarl\" data-ceo=\"Carlos Djeuchou Bopa\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'PRISMA SARL')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">PRISMA SARL<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">Carlos DJEUCHOU BOPA<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 76 58 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237222232599\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 222 23 25 99<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:prismasarl@yahoo.fr\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">prismasarl@yahoo.fr<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Card 17: SOIL AND WATER -->\n <div class=\"member-card bg-white rounded-2xl border border-slate-200 p-6 flex flex-col justify-between hover:shadow-lg hover:border-brand-300 transition-all duration-300 relative group\" data-name=\"Soil and Water\" data-ceo=\"SIKALI Florent\" data-city=\"Yaound\u00e9\">\n <div>\n <div class=\"flex justify-between items-start mb-4\">\n <span class=\"px-2.5 py-1 text-[10px] font-bold bg-brand-50 text-brand-600 rounded-md uppercase tracking-wider border border-brand-100\">Yaound\u00e9<\/span>\n <button onclick=\"copyCardContact(this, 'SOIL AND WATER')\" class=\"text-slate-400 hover:text-brand-600 transition p-1.5 rounded-lg hover:bg-slate-50\" title=\"Copy Contact Details\">\n <i class=\"fa-regular fa-copy text-sm\"><\/i>\n <\/button>\n <\/div>\n <h2 class=\"text-xl font-bold text-slate-900 leading-tight group-hover:text-brand-600 transition m-0\">SOIL AND WATER<\/h2>\n \n <div class=\"mt-4 flex items-start space-x-2.5\">\n <div class=\"w-7 h-7 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n <i class=\"fa-solid fa-user-tie text-xs\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wide block\">Chief Executive Officer<\/span>\n <span class=\"text-sm font-semibold text-slate-700 block\">SIKALI Florent<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 space-y-3.5 border-t border-slate-100 pt-4 text-xs text-slate-600\">\n <div class=\"flex items-start space-x-3\">\n <i class=\"fa-solid fa-location-dot text-slate-400 mt-0.5 w-4 text-center\"><\/i>\n <span>B.P. 5 640 Yaound\u00e9<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-slate-400 w-4 text-center\"><\/i>\n <a href=\"tel:+237662399153\" class=\"hover:text-brand-600 hover:underline font-medium\">(+237) 662 399 153<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-envelope text-slate-400 w-4 text-center text-[11px]\"><\/i>\n <a href=\"mailto:soilwater07@yahoo.fr\" class=\"hover:text-brand-600 hover:underline break-all font-medium\">soilwater07@yahoo.fr<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-50 flex items-center justify-between\">\n <span class=\"text-[10px] font-bold text-slate-400 tracking-wider\">APICCAM REGISTERED<\/span>\n <i class=\"fa-solid fa-circle-check text-emerald-500 text-sm\"><\/i>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- No Results Visual -->\n <div id=\"noResults\" class=\"hidden text-center py-20 bg-white rounded-3xl border border-slate-200 shadow-sm mt-4\">\n <div class=\"w-16 h-16 bg-slate-100 rounded-full flex items-center justify-center mx-auto mb-4 text-slate-400 text-xl\">\n <i class=\"fa-solid fa-database\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-slate-800 m-0\">No Vetted Members Found<\/h3>\n <p class=\"text-slate-500 mt-1 max-w-sm mx-auto text-sm\">Try checking your spelling, removing search terms, or resetting regional location filters.<\/p>\n <button onclick=\"resetFilters()\" class=\"mt-5 inline-flex items-center space-x-2 bg-brand-500 hover:bg-brand-600 text-white text-xs font-bold px-4 py-2.5 rounded-lg transition border border-transparent\">\n <span>Reset Grid Filters<\/span>\n <\/button>\n <\/div>\n\n <\/div>\n\n <!-- Safe Notification Toast (Alternative to alert) -->\n <div id=\"notificationToast\" class=\"fixed bottom-6 right-6 z-[99999] bg-slate-900 text-white px-4 py-3.5 rounded-xl shadow-2xl flex items-center space-x-3 transform translate-y-24 opacity-0 transition-all duration-300\">\n <div class=\"w-7 h-7 bg-brand-500 text-white rounded-full flex items-center justify-center text-xs shadow\">\n <i class=\"fa-solid fa-check\"><\/i>\n <\/div>\n <div>\n <p class=\"text-xs font-bold leading-tight m-0\" id=\"toastTitle\">Copied Details<\/p>\n <p class=\"text-[10px] text-slate-400 m-0\" id=\"toastMessage\">Information saved to your clipboard.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <script>\n \/\/ Store currently active filter parameters\n let activeCityFilter = 'ALL';\n let searchQuery = '';\n\n \/\/ Search Input Listener\n const searchInput = document.getElementById('memberSearch');\n searchInput.addEventListener('input', (e) => {\n searchQuery = e.target.value.toLowerCase().trim();\n applyFilters();\n });\n\n \/\/ Main filter calculation function\n function applyFilters() {\n const cards = document.querySelectorAll('.member-card');\n const grid = document.getElementById('membersGrid');\n const noResults = document.getElementById('noResults');\n let visibleCount = 0;\n\n cards.forEach(card => {\n const name = card.getAttribute('data-name').toLowerCase();\n const ceo = card.getAttribute('data-ceo').toLowerCase();\n const city = card.getAttribute('data-city');\n\n \/\/ Determine match status\n const matchesSearch = name.includes(searchQuery) || ceo.includes(searchQuery) || city.toLowerCase().includes(searchQuery);\n const matchesCity = (activeCityFilter === 'ALL' || city === activeCityFilter);\n\n if (matchesSearch && matchesCity) {\n card.classList.remove('hidden');\n visibleCount++;\n } else {\n card.classList.add('hidden');\n }\n });\n\n \/\/ Update user metrics visual count\n document.getElementById('visibleCount').textContent = visibleCount;\n\n \/\/ Handle clean empty-state visibility\n if (visibleCount === 0) {\n grid.classList.add('hidden');\n noResults.classList.remove('hidden');\n } else {\n grid.classList.remove('hidden');\n noResults.classList.add('hidden');\n }\n }\n\n \/\/ Region Filtering Button actions\n function filterByCity(city) {\n activeCityFilter = city;\n\n \/\/ Update Tab active styling states\n const tabs = document.querySelectorAll('.filter-tab');\n tabs.forEach(tab => {\n tab.classList.remove('bg-brand-500', 'text-white', 'border-brand-500', 'shadow-sm');\n tab.classList.add('bg-white', 'text-slate-600', 'border-slate-200');\n });\n\n const activeTab = document.getElementById(`filterBtn-${city}`);\n if (activeTab) {\n activeTab.classList.remove('bg-white', 'text-slate-600', 'border-slate-200');\n activeTab.classList.add('bg-brand-500', 'text-white', 'border-brand-500', 'shadow-sm');\n }\n\n applyFilters();\n }\n\n \/\/ Reset all page parameters\n function resetFilters() {\n searchInput.value = '';\n searchQuery = '';\n filterByCity('ALL');\n }\n\n \/\/ Toast Manager\n function showNotification(title, message) {\n const toast = document.getElementById('notificationToast');\n document.getElementById('toastTitle').textContent = title;\n document.getElementById('toastMessage').textContent = message;\n\n \/\/ Transition in\n toast.classList.remove('translate-y-24', 'opacity-0');\n toast.classList.add('translate-y-0', 'opacity-100');\n\n \/\/ Transition out after timeout\n setTimeout(() => {\n toast.classList.remove('translate-y-0', 'opacity-100');\n toast.classList.add('translate-y-24', 'opacity-0');\n }, 3500);\n }\n\n \/\/ Interactive Copy to Clipboard logic with fallback compatibility\n function copyCardContact(buttonElement, companyName) {\n \/\/ Traverse card element data values\n const card = buttonElement.closest('.member-card');\n const ceo = card.getAttribute('data-ceo');\n const city = card.getAttribute('data-city');\n \n \/\/ Collect phone & email values inside the card elements safely\n const phoneEl = card.querySelector('a[href^=\"tel:\"]');\n const emailEl = card.querySelector('a[href^=\"mailto:\"]');\n const addressEl = card.querySelector('.fa-location-dot').nextElementSibling;\n\n const phone = phoneEl ? phoneEl.textContent.trim() : 'N\/A';\n const email = emailEl ? emailEl.textContent.trim() : 'N\/A';\n const address = addressEl ? addressEl.textContent.trim() : 'N\/A';\n\n \/\/ Construct tidy block structure\n const infoText = `APICCAM MEMBER FIRM DETAILS:\\n` +\n `Name: ${companyName}\\n` +\n `CEO: ${ceo}\\n` +\n `City: ${city}\\n` +\n `Postal: ${address}\\n` +\n `Phone: ${phone}\\n` +\n `Email: ${email}`;\n\n \/\/ Execute safe copy sequence\n try {\n \/\/ Clipboard compatibility fallback pattern\n const tempTextArea = document.createElement('textarea');\n tempTextArea.value = infoText;\n document.body.appendChild(tempTextArea);\n tempTextArea.select();\n document.execCommand('copy');\n document.body.removeChild(tempTextArea);\n\n \/\/ Highlight copy action on icon\n const icon = buttonElement.querySelector('i');\n icon.className = 'fa-solid fa-circle-check text-emerald-600';\n \n showNotification(`${companyName}`, \"Contact details copied successfully.\");\n\n \/\/ Revert icon standard styling back\n setTimeout(() => {\n icon.className = 'fa-regular fa-copy text-slate-400';\n }, 2000);\n\n } catch (err) {\n showNotification(\"Copy Failed\", \"Please manually copy contact card details.\");\n }\n }\n <\/script>\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-327","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/apiccam.org\/fr\/wp-json\/wp\/v2\/pages\/327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apiccam.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apiccam.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apiccam.org\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apiccam.org\/fr\/wp-json\/wp\/v2\/comments?post=327"}],"version-history":[{"count":6,"href":"https:\/\/apiccam.org\/fr\/wp-json\/wp\/v2\/pages\/327\/revisions"}],"predecessor-version":[{"id":343,"href":"https:\/\/apiccam.org\/fr\/wp-json\/wp\/v2\/pages\/327\/revisions\/343"}],"wp:attachment":[{"href":"https:\/\/apiccam.org\/fr\/wp-json\/wp\/v2\/media?parent=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}