Copa Waters - Navbar<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n },\r\n colors: {\r\n brand: {\r\n dark: '#0f172a',\r\n blue: '#0284c7',\r\n light: '#38bdf8',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n body {\r\n min-height: 200vh;\r\n background-color: #f8fafc;\r\n }\r\n\r\n \/* Elegant Link Underline *\/\r\n .nav-link {\r\n position: relative;\r\n }\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background-color: #0284c7;\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n .nav-link:hover::after,\r\n .nav-link.active::after {\r\n transform: scaleX(1);\r\n transform-origin: left;\r\n }\r\n\r\n \/* Dropdown Animation *\/\r\n .dropdown-content {\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateY(10px);\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n .group:hover .dropdown-content {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Two-column dropdown grid *\/\r\n .services-dropdown {\r\n width: 560px;\r\n left: 50%;\r\n transform: translateX(-50%) translateY(10px);\r\n }\r\n .group:hover .services-dropdown {\r\n transform: translateX(-50%) translateY(0);\r\n }\r\n\r\n \/* Mobile Menu Drawer *\/\r\n #mobile-menu {\r\n transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n #mobile-overlay {\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n \/* Hamburger Animation *\/\r\n .hamburger span {\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n transform-origin: center;\r\n }\r\n .hamburger.open span:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg);\r\n }\r\n .hamburger.open span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n .hamburger.open span:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg);\r\n }\r\n\r\n \/* Mobile Accordion *\/\r\n .mobile-dropdown-content {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease;\r\n }\r\n .mobile-dropdown.open .mobile-dropdown-content {\r\n max-height: 600px;\r\n }\r\n .mobile-dropdown .chevron {\r\n transition: transform 0.3s ease;\r\n }\r\n .mobile-dropdown.open .chevron {\r\n transform: rotate(180deg);\r\n }\r\n\r\n \/* Divider in dropdown *\/\r\n .dropdown-divider {\r\n height: 1px;\r\n background: #f1f5f9;\r\n margin: 4px 16px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"antialiased text-slate-800\">\r\n\r\n \r\n <div class=\"bg-brand-dark text-slate-300 py-2.5 px-4 sm:px-6 lg:px-8 text-xs font-medium relative z-[60]\">\r\n <div class=\"max-w-7xl mx-auto flex justify-between items-center\">\r\n \r\n <div class=\"hidden lg:flex items-center gap-8\">\r\n <a href=\"mailto:info@copawaters.co.ke\" class=\"flex items-center gap-2 hover:text-white transition-colors\">\r\n <i class=\"fa-regular fa-envelope text-brand-light\"><\/i> info@copawaters.co.ke\r\n <\/a>\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"fa-regular fa-clock text-brand-light\"><\/i> Mon - Fri: 8:00 AM - 5:00 PM\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"fa-solid fa-location-dot text-brand-light\"><\/i> Nairobi, Kenya\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:hidden flex items-center justify-center w-full sm:w-auto\">\r\n <a href=\"mailto:info@copawaters.co.ke\" class=\"flex items-center gap-2 hover:text-white transition-colors\">\r\n <i class=\"fa-regular fa-envelope text-brand-light\"><\/i> info@copawaters.co.ke\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"hidden sm:flex items-center\">\r\n <a href=\"\/contact-us\" class=\"bg-brand-blue hover:bg-sky-500 text-white px-5 py-1.5 rounded-full font-semibold transition-all duration-300 flex items-center gap-2 hover:shadow-[0_0_15px_rgba(2,132,199,0.4)] hover:-translate-y-0.5\">\r\n Consult Experts <i class=\"fa-solid fa-arrow-right text-[10px] mt-0.5\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"bg-white\/90 backdrop-blur-md border-b border-slate-200 sticky top-0 z-50 shadow-sm\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex justify-between items-center h-20\">\r\n \r\n \r\n <a href=\"\/\" class=\"flex items-center gap-3 group\">\r\n <div class=\"w-10 h-10 bg-gradient-to-br from-brand-blue to-blue-900 rounded-xl flex items-center justify-center text-white shadow-lg group-hover:scale-105 group-hover:-rotate-3 transition-transform duration-300\">\r\n <i class=\"fa-solid fa-droplet text-lg\"><\/i>\r\n <\/div>\r\n <div class=\"flex flex-col leading-none\">\r\n <span class=\"font-extrabold text-xl text-brand-dark tracking-tight uppercase\">Copa <span class=\"text-brand-blue\">Waters<\/span><\/span>\r\n <span class=\"text-[9px] font-bold text-slate-500 tracking-[0.2em] uppercase mt-1\">Expert Solutions<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <nav class=\"hidden lg:flex items-center gap-7\">\r\n <a href=\"\/\" class=\"nav-link active text-sm font-semibold text-brand-dark hover:text-brand-blue transition-colors\">Home<\/a>\r\n <a href=\"\/copawaters\/about-us\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors\">About Us<\/a>\r\n \r\n \r\n <div class=\"relative group py-8\">\r\n <button class=\"nav-link text-sm font-semibold text-slate-600 group-hover:text-brand-blue transition-colors flex items-center gap-1.5\">\r\n Services <i class=\"fa-solid fa-chevron-down text-[9px] transition-transform duration-300 group-hover:rotate-180\"><\/i>\r\n <\/button>\r\n \r\n \r\n <div class=\"dropdown-content services-dropdown absolute top-[70px] bg-white rounded-2xl shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] border border-slate-100 py-3 overflow-hidden\">\r\n \r\n \r\n <div class=\"px-5 pb-2 pt-1\">\r\n <p class=\"text-[10px] font-bold text-slate-400 uppercase tracking-[0.18em]\">Our Services<\/p>\r\n <\/div>\r\n <div class=\"dropdown-divider\"><\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-x-2 px-3 py-2\">\r\n\r\n <a href=\"\/copawaters\/borehole-drilling\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-arrows-down-to-line text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Borehole Drilling<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/hydrogeological-surveys\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-magnifying-glass-location text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Hydrogeological Surveys<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/pump-installation\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-faucet-drip text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Pump Installation<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/water-treatment\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-flask text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Water Testing & Quality<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/water-treatment\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-droplet text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Water Treatment Solutions<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/borehole-rehabilitation-maintenance\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-wrench text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Borehole Rehabilitation<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/casing-and-grouting\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-layer-group text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Casing & Grouting<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/tank-storage-system-installation\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-tank-water text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Tank & Storage Systems<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/irrigation-system-setup\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-seedling text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Irrigation System Setup<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/consultation-permitting-support\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-file-contract text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Consultation & Permitting<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"dropdown-divider mt-1\"><\/div>\r\n <div class=\"px-5 pt-2 pb-1\">\r\n <a href=\"\/copawaters\/services\" class=\"text-xs font-bold text-brand-blue hover:text-sky-500 flex items-center gap-1.5 transition-colors\">\r\n View All Services <i class=\"fa-solid fa-arrow-right text-[9px]\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <a href=\"\/copawaters\/equipment-technology\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors whitespace-nowrap\">Equipment & Tech<\/a>\r\n\r\n <a href=\"\/copawaters\/projects\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors\">Projects<\/a>\r\n <a href=\"\/copawaters\/faq\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors\">FAQ<\/a>\r\n <a href=\"\/copawaters\/contact-us\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors\">Contact<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"hidden lg:flex items-center gap-2\">\r\n <a href=\"#\" class=\"w-9 h-9 rounded-full flex items-center justify-center text-slate-400 hover:bg-brand-blue hover:text-white transition-all\"><i class=\"fa-brands fa-facebook-f text-sm\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-9 h-9 rounded-full flex items-center justify-center text-slate-400 hover:bg-brand-blue hover:text-white transition-all\"><i class=\"fa-brands fa-instagram text-sm\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-9 h-9 rounded-full flex items-center justify-center text-slate-400 hover:bg-brand-blue hover:text-white transition-all\"><i class=\"fa-brands fa-youtube text-sm\"><\/i><\/a>\r\n <\/div>\r\n\r\n \r\n <button id=\"hamburger-btn\" class=\"lg:hidden hamburger flex flex-col justify-center items-center w-10 h-10 z-[60] focus:outline-none\">\r\n <span class=\"w-6 h-0.5 bg-brand-dark rounded-full mb-1.5\"><\/span>\r\n <span class=\"w-6 h-0.5 bg-brand-dark rounded-full mb-1.5\"><\/span>\r\n <span class=\"w-6 h-0.5 bg-brand-dark rounded-full\"><\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <div id=\"mobile-overlay\" class=\"fixed inset-0 bg-brand-dark\/50 backdrop-blur-sm z-50 opacity-0 pointer-events-none\"><\/div>\r\n\r\n <div id=\"mobile-menu\" class=\"fixed top-0 right-0 h-full w-80 bg-white shadow-2xl z-50 translate-x-full overflow-y-auto flex flex-col\">\r\n \r\n <div class=\"flex items-center justify-between p-6 border-b border-slate-100\">\r\n <span class=\"font-bold text-lg text-brand-dark\">Menu<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex-1 px-6 py-8 flex flex-col gap-5\">\r\n <a href=\"\/\" class=\"text-base font-bold text-brand-blue\">Home<\/a>\r\n <a href=\"\/copawaters\/about-us\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">About Us<\/a>\r\n \r\n \r\n <div class=\"mobile-dropdown cursor-pointer\">\r\n <div class=\"flex items-center justify-between text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\" onclick=\"this.parentElement.classList.toggle('open')\">\r\n Services <i class=\"fa-solid fa-chevron-down text-xs chevron\"><\/i>\r\n <\/div>\r\n <div class=\"mobile-dropdown-content mt-4 flex flex-col gap-3 pl-4 border-l-2 border-slate-100\">\r\n <a href=\"\/copawaters\/borehole-drilling\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-arrows-down-to-line w-4 text-slate-400 text-xs\"><\/i> Borehole Drilling\r\n <\/a>\r\n <a href=\"\/copawaters\/hydrogeological-surveys\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-magnifying-glass-location w-4 text-slate-400 text-xs\"><\/i> Hydrogeological Surveys\r\n <\/a>\r\n <a href=\"\/copawaters\/pump-installation\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-faucet-drip w-4 text-slate-400 text-xs\"><\/i> Pump Installation\r\n <\/a>\r\n <a href=\"\/copawaters\/water-treatment\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-flask w-4 text-slate-400 text-xs\"><\/i> Water Testing & Quality\r\n <\/a>\r\n <a href=\"\/copawaters\/water-treatment\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-droplet w-4 text-slate-400 text-xs\"><\/i> Water Treatment Solutions\r\n <\/a>\r\n <a href=\"\/copawaters\/borehole-rehabilitation-maintenance\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-wrench w-4 text-slate-400 text-xs\"><\/i> Borehole Rehabilitation\r\n <\/a>\r\n <a href=\"\/copawaters\/casing-and-grouting\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-layer-group w-4 text-slate-400 text-xs\"><\/i> Casing & Grouting\r\n <\/a>\r\n <a href=\"\/copawaters\/tank-storage-system-installation\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-tank-water w-4 text-slate-400 text-xs\"><\/i> Tank & Storage Systems\r\n <\/a>\r\n <a href=\"\/copawaters\/irrigation-system-setup\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-seedling w-4 text-slate-400 text-xs\"><\/i> Irrigation System Setup\r\n <\/a>\r\n <a href=\"\/copawaters\/consultation-permitting-support\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-file-contract w-4 text-slate-400 text-xs\"><\/i> Consultation & Permitting\r\n <\/a>\r\n <a href=\"\/copawaters\/services\" class=\"text-xs font-bold text-brand-blue flex items-center gap-1 mt-1\">\r\n View All Services <i class=\"fa-solid fa-arrow-right text-[9px]\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"\/copawaters\/equipment-technology\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">Equipment & Technology<\/a>\r\n <a href=\"\/copawaters\/projects\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">Projects<\/a>\r\n <a href=\"\/copawaters\/faq\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">FAQ<\/a>\r\n <a href=\"\/copawaters\/contact-us\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">Contact<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 bg-slate-50 border-t border-slate-100 mt-auto\">\r\n <a href=\"\/copawaters\/contact-us\" class=\"w-full block text-center bg-brand-blue text-white font-bold py-3 rounded-xl mb-6 shadow-md\">Consult Experts<\/a>\r\n <div class=\"flex items-center justify-center gap-4\">\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center text-slate-600\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center text-slate-600\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center text-slate-600\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n const hamburgerBtn = document.getElementById('hamburger-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const mobileOverlay = document.getElementById('mobile-overlay');\r\n let isMenuOpen = false;\r\n\r\n function toggleMobileMenu() {\r\n isMenuOpen = !isMenuOpen;\r\n if (isMenuOpen) {\r\n hamburgerBtn.classList.add('open');\r\n mobileMenu.style.transform = 'translateX(0)';\r\n mobileOverlay.style.opacity = '1';\r\n mobileOverlay.style.pointerEvents = 'auto';\r\n document.body.style.overflow = 'hidden';\r\n } else {\r\n hamburgerBtn.classList.remove('open');\r\n mobileMenu.style.transform = 'translateX(100%)';\r\n mobileOverlay.style.opacity = '0';\r\n mobileOverlay.style.pointerEvents = 'none';\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n hamburgerBtn.addEventListener('click', toggleMobileMenu);\r\n mobileOverlay.addEventListener('click', toggleMobileMenu);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n if (window.innerWidth >= 1024 && isMenuOpen) {\r\n toggleMobileMenu();\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-53bdf9ba e-con e-atomic-element e-flexbox-base e-53bdf9ba-a63350f \" data-id=\"53bdf9ba\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"53bdf9ba\">\n \t\t<div class=\"elementor-element elementor-element-618a4193 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"618a4193\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"utf-8\"\/>\r\n <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\r\n <title>About Us - COPA Water Experts<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n \r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"\/>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-900\">\r\n\r\n <section class=\"relative h-[500px] flex items-center justify-center overflow-hidden\" id=\"hero\">\r\n \r\n <img decoding=\"async\" alt=\"COPA Water Experts Team\" class=\"absolute inset-0 w-full h-full object-cover object-center\" src=\"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-05-at-8.39.28-AM.jpeg\"\/>\r\n \r\n <div class=\"absolute inset-0 bg-gradient-to-b from-slate-900\/80 via-slate-900\/40 to-slate-900\/90\"><\/div>\r\n \r\n <div class=\"relative z-10 text-center px-4 w-full max-w-4xl mt-10\">\r\n \r\n <div class=\"flex items-center justify-center gap-4 mb-6 opacity-80\">\r\n <div class=\"h-[2px] w-12 bg-[#0076be]\"><\/div>\r\n <span class=\"text-[#0076be] font-semibold tracking-widest uppercase text-sm\">Who We Are<\/span>\r\n <div class=\"h-[2px] w-12 bg-[#0076be]\"><\/div>\r\n <\/div>\r\n\r\n <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-extrabold text-white tracking-tight mb-6 drop-shadow-sm\">\r\n About Us\r\n <\/h1>\r\n \r\n <nav aria-label=\"Breadcrumb\" class=\"flex justify-center items-center space-x-3 text-sm md:text-base font-medium bg-white\/10 backdrop-blur-md inline-flex px-6 py-2 rounded-full border border-white\/20 shadow-lg\">\r\n <a class=\"text-slate-200 hover:text-white transition-colors\" href=\"\/copawaters\/\">Home<\/a>\r\n <i class=\"fa-solid fa-chevron-right text-[10px] text-slate-400\"><\/i>\r\n <span class=\"text-white\">About Us<\/span>\r\n <\/nav>\r\n <\/div>\r\n <\/section>\r\n <section class=\"relative z-20 -mt-24 pb-24 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto\" id=\"info-grid\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8\">\r\n \r\n <article class=\"group bg-white rounded-3xl p-8 lg:p-10 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_-10px_rgba(0,118,190,0.15)] border border-slate-100 transition-all duration-300 transform hover:-translate-y-2 flex flex-col h-full\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-[#f0f7fb] text-[#0076be] flex items-center justify-center mb-8 group-hover:bg-[#0076be] group-hover:text-white transition-colors duration-300 shadow-sm\">\r\n <i class=\"fa-solid fa-droplet text-2xl\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-2xl font-extrabold text-slate-900 mb-4 tracking-tight\">Our Motto<\/h2>\r\n <p class=\"text-slate-500 leading-relaxed text-[15px] flex-grow\">\r\n <strong>Purity, Expertise, Reliability.<\/strong> We deliver clean, uncontaminated water while reflecting a commitment to high environmental standards. Our team brings years of technical knowledge and skill to every project. Clients can always count on us for consistent results and trustworthy partnerships.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"group bg-white rounded-3xl p-8 lg:p-10 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_-10px_rgba(0,118,190,0.15)] border border-slate-100 transition-all duration-300 transform hover:-translate-y-2 flex flex-col h-full\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-[#f0f7fb] text-[#0076be] flex items-center justify-center mb-8 group-hover:bg-[#0076be] group-hover:text-white transition-colors duration-300 shadow-sm\">\r\n <i class=\"fa-solid fa-eye text-2xl\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-2xl font-extrabold text-slate-900 mb-4 tracking-tight\">Our Vision<\/h2>\r\n <p class=\"text-slate-500 leading-relaxed text-[15px] flex-grow\">\r\n To be pioneer borehole service providers for sustainable supply of groundwater by setting the standard for clean water access, innovative drilling practices, and dependable services. We envision a future where every community and business can rely on us for pure water, expert solutions, and unwavering trust.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"group bg-white rounded-3xl p-8 lg:p-10 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_-10px_rgba(0,118,190,0.15)] border border-slate-100 transition-all duration-300 transform hover:-translate-y-2 flex flex-col h-full\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-[#f0f7fb] text-[#0076be] flex items-center justify-center mb-8 group-hover:bg-[#0076be] group-hover:text-white transition-colors duration-300 shadow-sm\">\r\n <i class=\"fa-solid fa-rocket text-2xl\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-2xl font-extrabold text-slate-900 mb-4 tracking-tight\">Our Mission<\/h2>\r\n <p class=\"text-slate-500 leading-relaxed text-[15px] flex-grow\">\r\n At COPA WATER EXPERTS LIMITED, we believe everyone deserves access to reliable clean water. With a strong focus on purity, backed by years of expertise, and a reputation for reliability, we deliver professional water drilling solutions you can count on. From the beginning to the end, we\u2019re here to provide dependable borehole services\u2014every time.\r\n <\/p>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/section>\r\n <\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3bb8457 e-con e-atomic-element e-flexbox-base e-3bb8457-42b5a80 \" data-id=\"3bb8457\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3bb8457\">\n \t\t<div class=\"elementor-element elementor-element-69021b6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"69021b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"utf-8\"\/>\r\n <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\r\n <title>Why Choose Us - COPA Water Experts<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n \r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"\/>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n brandBlue: '#0076be', \/\/ Updated to match the refined COPA brand blue\r\n brandDark: '#0f172a',\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body class=\"bg-slate-50 font-sans antialiased text-slate-900\">\r\n\r\n <section class=\"relative overflow-hidden py-20 lg:py-32\" data-purpose=\"why-choose-us-container\">\r\n \r\n <div class=\"absolute top-0 right-0 -mt-20 -mr-20 w-[600px] h-[600px] bg-sky-100\/50 rounded-full blur-3xl opacity-60 pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-center\">\r\n \r\n <div data-purpose=\"content-column\">\r\n \r\n <div class=\"mb-10\">\r\n <div class=\"flex items-center gap-4 mb-4\">\r\n <div class=\"h-[2px] w-8 bg-brandBlue\"><\/div>\r\n <h4 class=\"text-sm font-bold uppercase tracking-widest text-brandBlue\">Why Choose Us<\/h4>\r\n <\/div>\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-brandDark leading-[1.15] mb-6 tracking-tight\">\r\n There are many companies, but <br class=\"hidden md:block\"\/>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brandBlue to-sky-400\">Why Choose Us?<\/span>\r\n <\/h2>\r\n <p class=\"text-lg text-slate-500 leading-relaxed mb-4\">\r\n At COPA Water Experts, we combine cutting-edge drilling technology with unmatched industry expertise to deliver clean, reliable water\u2014on time and within budget.\r\n <\/p>\r\n <p class=\"text-lg text-slate-500 leading-relaxed\">\r\n Our commitment to purity, expertise, and reliability means you get more than just a borehole\u2014you get a long-term water solution backed by professionals who care.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-5\" data-purpose=\"feature-cards\">\r\n \r\n <div class=\"group bg-white p-6 rounded-2xl shadow-[0_4px_20px_rgb(0,0,0,0.03)] border border-slate-100 hover:shadow-[0_20px_40px_-10px_rgba(0,118,190,0.12)] hover:border-sky-100 transition-all duration-300 flex items-start gap-6 cursor-default transform hover:-translate-y-1\">\r\n <div class=\"w-14 h-14 shrink-0 rounded-xl bg-sky-50 text-brandBlue flex items-center justify-center group-hover:bg-brandBlue group-hover:text-white transition-colors duration-300\">\r\n <i class=\"fa-solid fa-medal text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-brandDark mb-2\">Quality<\/h3>\r\n <p class=\"text-slate-500 leading-relaxed text-sm\">\r\n We are focused on providing standard services and products to our clients. This is made possible through our partnership with independent consultants, professional associations and local companies.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group bg-white p-6 rounded-2xl shadow-[0_4px_20px_rgb(0,0,0,0.03)] border border-slate-100 hover:shadow-[0_20px_40px_-10px_rgba(0,118,190,0.12)] hover:border-sky-100 transition-all duration-300 flex items-start gap-6 cursor-default transform hover:-translate-y-1\">\r\n <div class=\"w-14 h-14 shrink-0 rounded-xl bg-sky-50 text-brandBlue flex items-center justify-center group-hover:bg-brandBlue group-hover:text-white transition-colors duration-300\">\r\n <i class=\"fa-solid fa-stopwatch text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-brandDark mb-2\">Timely Delivery of Projects<\/h3>\r\n <p class=\"text-slate-500 leading-relaxed text-sm\">\r\n With all resources at our disposal in several Kenyan counties we are able to carry out borehole drilling and related services within the project timeline.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group bg-white p-6 rounded-2xl shadow-[0_4px_20px_rgb(0,0,0,0.03)] border border-slate-100 hover:shadow-[0_20px_40px_-10px_rgba(0,118,190,0.12)] hover:border-sky-100 transition-all duration-300 flex items-start gap-6 cursor-default transform hover:-translate-y-1\">\r\n <div class=\"w-14 h-14 shrink-0 rounded-xl bg-sky-50 text-brandBlue flex items-center justify-center group-hover:bg-brandBlue group-hover:text-white transition-colors duration-300\">\r\n <i class=\"fa-solid fa-users-gear text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-brandDark mb-2\">Personalized Services<\/h3>\r\n <p class=\"text-slate-500 leading-relaxed text-sm\">\r\n We tailor make our services to meet the specific requirements of a client, ensuring the end result aligns perfectly with your unique water needs.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative lg:h-[750px] w-full flex items-center justify-center\" data-purpose=\"visual-content\">\r\n \r\n <div class=\"absolute inset-0 bg-brandBlue\/5 rounded-[2.5rem] transform translate-x-6 translate-y-6 -z-10 hidden md:block\"><\/div>\r\n \r\n <div class=\"w-full h-[500px] lg:h-full relative rounded-3xl overflow-hidden shadow-2xl ring-1 ring-slate-900\/5\">\r\n <img decoding=\"async\" alt=\"COPA Water Experts Operations\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 hover:scale-105\" src=\"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-05-at-8.39.41-AM.jpeg\"\/>\r\n \r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900\/40 via-transparent to-transparent mix-blend-multiply\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"absolute -bottom-6 -left-6 md:bottom-12 md:-left-12 bg-white p-5 rounded-2xl shadow-xl flex items-center gap-4 border border-slate-100 animate-bounce\" style=\"animation-duration: 3s;\">\r\n <div class=\"w-12 h-12 bg-green-100 text-green-600 rounded-full flex items-center justify-center shrink-0\">\r\n <i class=\"fa-solid fa-check text-xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm font-bold text-brandDark\">100% Reliable<\/p>\r\n <p class=\"text-xs text-slate-500 font-medium\">Guaranteed Results<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fixed bottom-8 right-8 z-50\" data-purpose=\"scroll-top-button\">\r\n <button aria-label=\"Scroll to top\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"bg-white text-brandDark w-12 h-12 rounded-full flex items-center justify-center shadow-[0_8px_30px_rgb(0,0,0,0.12)] hover:bg-brandBlue hover:text-white hover:-translate-y-1 transition-all duration-300 ring-1 ring-slate-200\">\r\n <i class=\"fa-solid fa-arrow-up\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n <\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-19ce938e e-con e-atomic-element e-flexbox-base e-19ce938e-8fbfc79 \" data-id=\"19ce938e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"19ce938e\">\n \t\t<div class=\"elementor-element elementor-element-36eb84a4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"36eb84a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" style=\"scroll-behavior: smooth;\">\r\n<head>\r\n <meta charset=\"utf-8\">\r\n <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\">\r\n <title>Footer Section - COPA Water Experts<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n \r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\r\n \r\n body {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n }\r\n\r\n \/* Elegant frosted glass effect for icons *\/\r\n .glass-icon {\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .glass-icon:hover {\r\n background: rgba(56, 189, 248, 0.15); \/* Sky blue tint *\/\r\n border-color: rgba(56, 189, 248, 0.4);\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 20px -10px rgba(56, 189, 248, 0.3);\r\n }\r\n <\/style>\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'brand-accent': '#38bdf8', \/* Tailwind sky-400 *\/\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body class=\"bg-gray-50\">\r\n\r\n \r\n \r\n <div class=\"h-1 w-full bg-gradient-to-r from-cyan-400 via-brand-accent to-blue-600 mt-20\"><\/div>\r\n \r\n <footer class=\"bg-slate-900 text-slate-300 relative\" data-purpose=\"main-footer\">\r\n\r\n \r\n <div class=\"max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 pt-20 pb-16\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-8\">\r\n \r\n \r\n <div class=\"lg:pr-8\">\r\n <h3 class=\"text-3xl font-extrabold mb-5 tracking-tight text-transparent bg-clip-text bg-gradient-to-r from-white to-slate-400\">\r\n COPA\r\n <\/h3>\r\n <p class=\"text-sm leading-relaxed mb-6 text-slate-400\">\r\n A premier borehole drilling company committed to delivering pure water solutions with expert precision and unwavering reliability across Kenya.\r\n <\/p>\r\n <div class=\"pl-4 border-l-2 border-brand-accent mb-8\">\r\n <p class=\"text-sm font-semibold text-white tracking-wide italic\">\r\n \"Purity, Expertise, Reliability\"\r\n <\/p>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 rounded-xl p-4 border border-slate-700\/50 inline-block w-full\">\r\n <h4 class=\"font-semibold text-xs uppercase tracking-wider text-slate-500 mb-2\">Working Hours<\/h4>\r\n <p class=\"text-sm font-medium text-white flex justify-between items-center mb-1\">\r\n <span>Mon \u2013 Sat<\/span> <span class=\"text-brand-accent\">8:00 AM \u2013 5:00 PM<\/span>\r\n <\/p>\r\n <p class=\"text-sm font-medium text-slate-500 flex justify-between items-center\">\r\n <span>Sunday<\/span> <span>CLOSED<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-sm font-bold uppercase tracking-widest text-white mb-6\">Connect With Us<\/h3>\r\n \r\n \r\n <div class=\"flex flex-wrap gap-3\">\r\n <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"Facebook\">\r\n <i class=\"fab fa-facebook-f text-[15px]\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"Twitter\">\r\n <i class=\"fab fa-x-twitter text-[15px]\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"Instagram\">\r\n <i class=\"fab fa-instagram text-[15px]\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"WhatsApp\">\r\n <i class=\"fab fa-whatsapp text-[15px]\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"YouTube\">\r\n <i class=\"fab fa-youtube text-[15px]\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-sm font-bold uppercase tracking-widest text-white mb-6\">Quick Links<\/h3>\r\n <ul class=\"space-y-4 text-sm font-medium\">\r\n <li>\r\n <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n <\/span>\r\n About Us\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n <\/span>\r\n Core Services\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n <\/span>\r\n Equipment & Tools\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n <\/span>\r\n FAQs\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n <\/span>\r\n Contact Us\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-sm font-bold uppercase tracking-widest text-white mb-6\">Headquarters<\/h3>\r\n <ul class=\"space-y-6 text-sm\">\r\n <li class=\"flex items-start group\">\r\n <div class=\"mt-0.5 mr-4 w-8 h-8 rounded bg-slate-800 flex items-center justify-center shrink-0 group-hover:bg-brand-accent group-hover:text-white transition-colors text-brand-accent\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <span class=\"text-slate-400 leading-relaxed group-hover:text-slate-200 transition-colors\">\r\n Tornado Plaza,<br>Enterprise Road,<br>Nairobi - KENYA.\r\n <\/span>\r\n <\/li>\r\n <li class=\"flex items-start group\">\r\n <div class=\"mt-0.5 mr-4 w-8 h-8 rounded bg-slate-800 flex items-center justify-center shrink-0 group-hover:bg-brand-accent group-hover:text-white transition-colors text-brand-accent\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"flex flex-col space-y-1\">\r\n <a class=\"text-slate-400 hover:text-white transition-colors font-medium\" href=\"tel:+254729252806\">0729 252 806<\/a>\r\n <a class=\"text-slate-400 hover:text-white transition-colors font-medium\" href=\"tel:+254714929193\">0714 929 193<\/a>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-center group\">\r\n <div class=\"mr-4 w-8 h-8 rounded bg-slate-800 flex items-center justify-center shrink-0 group-hover:bg-brand-accent group-hover:text-white transition-colors text-brand-accent\">\r\n <i class=\"fas fa-envelope text-xs\"><\/i>\r\n <\/div>\r\n <a class=\"text-slate-400 hover:text-white transition-colors font-medium\" href=\"mailto:info@copawaters.com\">info@copawaters.com<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-950 py-6 px-4 border-t border-slate-800\">\r\n <div class=\"max-w-[90rem] mx-auto flex flex-col md:flex-row justify-between items-center gap-4\">\r\n <p class=\"text-sm text-slate-500\">\r\n Copyright © 2026. All rights reserved.\r\n <\/p>\r\n <p class=\"text-sm font-bold tracking-widest text-white uppercase flex items-center gap-2\">\r\n <i class=\"fa-solid fa-droplet text-brand-accent text-xs\"><\/i>\r\n COPA WATER EXPERTS\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button aria-label=\"Scroll to top\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'});\" class=\"absolute bottom-10 right-6 md:right-10 w-12 h-12 bg-white text-slate-900 rounded-full flex items-center justify-center shadow-xl hover:bg-brand-accent hover:text-white hover:-translate-y-2 transition-all duration-300 focus:outline-none\">\r\n <i class=\"fas fa-arrow-up\"><\/i>\r\n <\/button>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Copa Waters – Navbar info@copawaters.co.ke Mon – Fri: 8:00 AM – 5:00 PM Nairobi, Kenya info@copawaters.co.ke Consult Experts Copa Waters Expert Solutions Home About Us Services Our Services Borehole Drilling Hydrogeological Surveys Pump Installation Water Testing & Quality Water Treatment Solutions Borehole Rehabilitation Casing & Grouting Tank & Storage Systems Irrigation System Setup Consultation & […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":13,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":344,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/23\/revisions\/344"}],"wp:attachment":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Copa Waters - Navbar<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n },\r\n colors: {\r\n brand: {\r\n dark: '#0f172a',\r\n blue: '#0284c7',\r\n light: '#38bdf8',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n body {\r\n min-height: 200vh;\r\n background-color: #f8fafc;\r\n }\r\n\r\n \/* Elegant Link Underline *\/\r\n .nav-link {\r\n position: relative;\r\n }\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background-color: #0284c7;\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n .nav-link:hover::after,\r\n .nav-link.active::after {\r\n transform: scaleX(1);\r\n transform-origin: left;\r\n }\r\n\r\n \/* Dropdown Animation *\/\r\n .dropdown-content {\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateY(10px);\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n .group:hover .dropdown-content {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Two-column dropdown grid *\/\r\n .services-dropdown {\r\n width: 560px;\r\n left: 50%;\r\n transform: translateX(-50%) translateY(10px);\r\n }\r\n .group:hover .services-dropdown {\r\n transform: translateX(-50%) translateY(0);\r\n }\r\n\r\n \/* Mobile Menu Drawer *\/\r\n #mobile-menu {\r\n transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n #mobile-overlay {\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n \/* Hamburger Animation *\/\r\n .hamburger span {\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n transform-origin: center;\r\n }\r\n .hamburger.open span:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg);\r\n }\r\n .hamburger.open span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n .hamburger.open span:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg);\r\n }\r\n\r\n \/* Mobile Accordion *\/\r\n .mobile-dropdown-content {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease;\r\n }\r\n .mobile-dropdown.open .mobile-dropdown-content {\r\n max-height: 600px;\r\n }\r\n .mobile-dropdown .chevron {\r\n transition: transform 0.3s ease;\r\n }\r\n .mobile-dropdown.open .chevron {\r\n transform: rotate(180deg);\r\n }\r\n\r\n \/* Divider in dropdown *\/\r\n .dropdown-divider {\r\n height: 1px;\r\n background: #f1f5f9;\r\n margin: 4px 16px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"antialiased text-slate-800\">\r\n\r\n \r\n <div class=\"bg-brand-dark text-slate-300 py-2.5 px-4 sm:px-6 lg:px-8 text-xs font-medium relative z-[60]\">\r\n <div class=\"max-w-7xl mx-auto flex justify-between items-center\">\r\n \r\n <div class=\"hidden lg:flex items-center gap-8\">\r\n <a href=\"mailto:info@copawaters.co.ke\" class=\"flex items-center gap-2 hover:text-white transition-colors\">\r\n <i class=\"fa-regular fa-envelope text-brand-light\"><\/i> info@copawaters.co.ke\r\n <\/a>\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"fa-regular fa-clock text-brand-light\"><\/i> Mon - Fri: 8:00 AM - 5:00 PM\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"fa-solid fa-location-dot text-brand-light\"><\/i> Nairobi, Kenya\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:hidden flex items-center justify-center w-full sm:w-auto\">\r\n <a href=\"mailto:info@copawaters.co.ke\" class=\"flex items-center gap-2 hover:text-white transition-colors\">\r\n <i class=\"fa-regular fa-envelope text-brand-light\"><\/i> info@copawaters.co.ke\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"hidden sm:flex items-center\">\r\n <a href=\"\/contact-us\" class=\"bg-brand-blue hover:bg-sky-500 text-white px-5 py-1.5 rounded-full font-semibold transition-all duration-300 flex items-center gap-2 hover:shadow-[0_0_15px_rgba(2,132,199,0.4)] hover:-translate-y-0.5\">\r\n Consult Experts <i class=\"fa-solid fa-arrow-right text-[10px] mt-0.5\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"bg-white\/90 backdrop-blur-md border-b border-slate-200 sticky top-0 z-50 shadow-sm\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex justify-between items-center h-20\">\r\n \r\n \r\n <a href=\"\/\" class=\"flex items-center gap-3 group\">\r\n <div class=\"w-10 h-10 bg-gradient-to-br from-brand-blue to-blue-900 rounded-xl flex items-center justify-center text-white shadow-lg group-hover:scale-105 group-hover:-rotate-3 transition-transform duration-300\">\r\n <i class=\"fa-solid fa-droplet text-lg\"><\/i>\r\n <\/div>\r\n <div class=\"flex flex-col leading-none\">\r\n <span class=\"font-extrabold text-xl text-brand-dark tracking-tight uppercase\">Copa <span class=\"text-brand-blue\">Waters<\/span><\/span>\r\n <span class=\"text-[9px] font-bold text-slate-500 tracking-[0.2em] uppercase mt-1\">Expert Solutions<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <nav class=\"hidden lg:flex items-center gap-7\">\r\n <a href=\"\/\" class=\"nav-link active text-sm font-semibold text-brand-dark hover:text-brand-blue transition-colors\">Home<\/a>\r\n <a href=\"\/copawaters\/about-us\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors\">About Us<\/a>\r\n \r\n \r\n <div class=\"relative group py-8\">\r\n <button class=\"nav-link text-sm font-semibold text-slate-600 group-hover:text-brand-blue transition-colors flex items-center gap-1.5\">\r\n Services <i class=\"fa-solid fa-chevron-down text-[9px] transition-transform duration-300 group-hover:rotate-180\"><\/i>\r\n <\/button>\r\n \r\n \r\n <div class=\"dropdown-content services-dropdown absolute top-[70px] bg-white rounded-2xl shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] border border-slate-100 py-3 overflow-hidden\">\r\n \r\n \r\n <div class=\"px-5 pb-2 pt-1\">\r\n <p class=\"text-[10px] font-bold text-slate-400 uppercase tracking-[0.18em]\">Our Services<\/p>\r\n <\/div>\r\n <div class=\"dropdown-divider\"><\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-x-2 px-3 py-2\">\r\n\r\n <a href=\"\/copawaters\/borehole-drilling\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-arrows-down-to-line text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Borehole Drilling<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/hydrogeological-surveys\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-magnifying-glass-location text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Hydrogeological Surveys<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/pump-installation\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-faucet-drip text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Pump Installation<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/water-treatment\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-flask text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Water Testing & Quality<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/water-treatment\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-droplet text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Water Treatment Solutions<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/borehole-rehabilitation-maintenance\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-wrench text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Borehole Rehabilitation<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/casing-and-grouting\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-layer-group text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Casing & Grouting<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/tank-storage-system-installation\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-tank-water text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Tank & Storage Systems<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/irrigation-system-setup\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-seedling text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Irrigation System Setup<\/span>\r\n <\/a>\r\n\r\n <a href=\"\/copawaters\/consultation-permitting-support\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n <i class=\"fa-solid fa-file-contract text-xs\"><\/i>\r\n <\/div>\r\n <span class=\"leading-tight\">Consultation & Permitting<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"dropdown-divider mt-1\"><\/div>\r\n <div class=\"px-5 pt-2 pb-1\">\r\n <a href=\"\/copawaters\/services\" class=\"text-xs font-bold text-brand-blue hover:text-sky-500 flex items-center gap-1.5 transition-colors\">\r\n View All Services <i class=\"fa-solid fa-arrow-right text-[9px]\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <a href=\"\/copawaters\/equipment-technology\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors whitespace-nowrap\">Equipment & Tech<\/a>\r\n\r\n <a href=\"\/copawaters\/projects\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors\">Projects<\/a>\r\n <a href=\"\/copawaters\/faq\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors\">FAQ<\/a>\r\n <a href=\"\/copawaters\/contact-us\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors\">Contact<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"hidden lg:flex items-center gap-2\">\r\n <a href=\"#\" class=\"w-9 h-9 rounded-full flex items-center justify-center text-slate-400 hover:bg-brand-blue hover:text-white transition-all\"><i class=\"fa-brands fa-facebook-f text-sm\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-9 h-9 rounded-full flex items-center justify-center text-slate-400 hover:bg-brand-blue hover:text-white transition-all\"><i class=\"fa-brands fa-instagram text-sm\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-9 h-9 rounded-full flex items-center justify-center text-slate-400 hover:bg-brand-blue hover:text-white transition-all\"><i class=\"fa-brands fa-youtube text-sm\"><\/i><\/a>\r\n <\/div>\r\n\r\n \r\n <button id=\"hamburger-btn\" class=\"lg:hidden hamburger flex flex-col justify-center items-center w-10 h-10 z-[60] focus:outline-none\">\r\n <span class=\"w-6 h-0.5 bg-brand-dark rounded-full mb-1.5\"><\/span>\r\n <span class=\"w-6 h-0.5 bg-brand-dark rounded-full mb-1.5\"><\/span>\r\n <span class=\"w-6 h-0.5 bg-brand-dark rounded-full\"><\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <div id=\"mobile-overlay\" class=\"fixed inset-0 bg-brand-dark\/50 backdrop-blur-sm z-50 opacity-0 pointer-events-none\"><\/div>\r\n\r\n <div id=\"mobile-menu\" class=\"fixed top-0 right-0 h-full w-80 bg-white shadow-2xl z-50 translate-x-full overflow-y-auto flex flex-col\">\r\n \r\n <div class=\"flex items-center justify-between p-6 border-b border-slate-100\">\r\n <span class=\"font-bold text-lg text-brand-dark\">Menu<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex-1 px-6 py-8 flex flex-col gap-5\">\r\n <a href=\"\/\" class=\"text-base font-bold text-brand-blue\">Home<\/a>\r\n <a href=\"\/copawaters\/about-us\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">About Us<\/a>\r\n \r\n \r\n <div class=\"mobile-dropdown cursor-pointer\">\r\n <div class=\"flex items-center justify-between text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\" onclick=\"this.parentElement.classList.toggle('open')\">\r\n Services <i class=\"fa-solid fa-chevron-down text-xs chevron\"><\/i>\r\n <\/div>\r\n <div class=\"mobile-dropdown-content mt-4 flex flex-col gap-3 pl-4 border-l-2 border-slate-100\">\r\n <a href=\"\/copawaters\/borehole-drilling\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-arrows-down-to-line w-4 text-slate-400 text-xs\"><\/i> Borehole Drilling\r\n <\/a>\r\n <a href=\"\/copawaters\/hydrogeological-surveys\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-magnifying-glass-location w-4 text-slate-400 text-xs\"><\/i> Hydrogeological Surveys\r\n <\/a>\r\n <a href=\"\/copawaters\/pump-installation\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-faucet-drip w-4 text-slate-400 text-xs\"><\/i> Pump Installation\r\n <\/a>\r\n <a href=\"\/copawaters\/water-treatment\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-flask w-4 text-slate-400 text-xs\"><\/i> Water Testing & Quality\r\n <\/a>\r\n <a href=\"\/copawaters\/water-treatment\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-droplet w-4 text-slate-400 text-xs\"><\/i> Water Treatment Solutions\r\n <\/a>\r\n <a href=\"\/copawaters\/borehole-rehabilitation-maintenance\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-wrench w-4 text-slate-400 text-xs\"><\/i> Borehole Rehabilitation\r\n <\/a>\r\n <a href=\"\/copawaters\/casing-and-grouting\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-layer-group w-4 text-slate-400 text-xs\"><\/i> Casing & Grouting\r\n <\/a>\r\n <a href=\"\/copawaters\/tank-storage-system-installation\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-tank-water w-4 text-slate-400 text-xs\"><\/i> Tank & Storage Systems\r\n <\/a>\r\n <a href=\"\/copawaters\/irrigation-system-setup\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-seedling w-4 text-slate-400 text-xs\"><\/i> Irrigation System Setup\r\n <\/a>\r\n <a href=\"\/copawaters\/consultation-permitting-support\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n <i class=\"fa-solid fa-file-contract w-4 text-slate-400 text-xs\"><\/i> Consultation & Permitting\r\n <\/a>\r\n <a href=\"\/copawaters\/services\" class=\"text-xs font-bold text-brand-blue flex items-center gap-1 mt-1\">\r\n View All Services <i class=\"fa-solid fa-arrow-right text-[9px]\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"\/copawaters\/equipment-technology\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">Equipment & Technology<\/a>\r\n <a href=\"\/copawaters\/projects\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">Projects<\/a>\r\n <a href=\"\/copawaters\/faq\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">FAQ<\/a>\r\n <a href=\"\/copawaters\/contact-us\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">Contact<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 bg-slate-50 border-t border-slate-100 mt-auto\">\r\n <a href=\"\/copawaters\/contact-us\" class=\"w-full block text-center bg-brand-blue text-white font-bold py-3 rounded-xl mb-6 shadow-md\">Consult Experts<\/a>\r\n <div class=\"flex items-center justify-center gap-4\">\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center text-slate-600\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center text-slate-600\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center text-slate-600\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n const hamburgerBtn = document.getElementById('hamburger-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const mobileOverlay = document.getElementById('mobile-overlay');\r\n let isMenuOpen = false;\r\n\r\n function toggleMobileMenu() {\r\n isMenuOpen = !isMenuOpen;\r\n if (isMenuOpen) {\r\n hamburgerBtn.classList.add('open');\r\n mobileMenu.style.transform = 'translateX(0)';\r\n mobileOverlay.style.opacity = '1';\r\n mobileOverlay.style.pointerEvents = 'auto';\r\n document.body.style.overflow = 'hidden';\r\n } else {\r\n hamburgerBtn.classList.remove('open');\r\n mobileMenu.style.transform = 'translateX(100%)';\r\n mobileOverlay.style.opacity = '0';\r\n mobileOverlay.style.pointerEvents = 'none';\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n hamburgerBtn.addEventListener('click', toggleMobileMenu);\r\n mobileOverlay.addEventListener('click', toggleMobileMenu);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n if (window.innerWidth >= 1024 && isMenuOpen) {\r\n toggleMobileMenu();\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-53bdf9ba e-con e-atomic-element e-flexbox-base e-53bdf9ba-a63350f \" data-id=\"53bdf9ba\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"53bdf9ba\">\n \t\t<div class=\"elementor-element elementor-element-618a4193 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"618a4193\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"utf-8\"\/>\r\n <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\r\n <title>About Us - COPA Water Experts<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n \r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"\/>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-900\">\r\n\r\n <section class=\"relative h-[500px] flex items-center justify-center overflow-hidden\" id=\"hero\">\r\n \r\n <img decoding=\"async\" alt=\"COPA Water Experts Team\" class=\"absolute inset-0 w-full h-full object-cover object-center\" src=\"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-05-at-8.39.28-AM.jpeg\"\/>\r\n \r\n <div class=\"absolute inset-0 bg-gradient-to-b from-slate-900\/80 via-slate-900\/40 to-slate-900\/90\"><\/div>\r\n \r\n <div class=\"relative z-10 text-center px-4 w-full max-w-4xl mt-10\">\r\n \r\n <div class=\"flex items-center justify-center gap-4 mb-6 opacity-80\">\r\n <div class=\"h-[2px] w-12 bg-[#0076be]\"><\/div>\r\n <span class=\"text-[#0076be] font-semibold tracking-widest uppercase text-sm\">Who We Are<\/span>\r\n <div class=\"h-[2px] w-12 bg-[#0076be]\"><\/div>\r\n <\/div>\r\n\r\n <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-extrabold text-white tracking-tight mb-6 drop-shadow-sm\">\r\n About Us\r\n <\/h1>\r\n \r\n <nav aria-label=\"Breadcrumb\" class=\"flex justify-center items-center space-x-3 text-sm md:text-base font-medium bg-white\/10 backdrop-blur-md inline-flex px-6 py-2 rounded-full border border-white\/20 shadow-lg\">\r\n <a class=\"text-slate-200 hover:text-white transition-colors\" href=\"\/copawaters\/\">Home<\/a>\r\n <i class=\"fa-solid fa-chevron-right text-[10px] text-slate-400\"><\/i>\r\n <span class=\"text-white\">About Us<\/span>\r\n <\/nav>\r\n <\/div>\r\n <\/section>\r\n <section class=\"relative z-20 -mt-24 pb-24 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto\" id=\"info-grid\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8\">\r\n \r\n <article class=\"group bg-white rounded-3xl p-8 lg:p-10 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_-10px_rgba(0,118,190,0.15)] border border-slate-100 transition-all duration-300 transform hover:-translate-y-2 flex flex-col h-full\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-[#f0f7fb] text-[#0076be] flex items-center justify-center mb-8 group-hover:bg-[#0076be] group-hover:text-white transition-colors duration-300 shadow-sm\">\r\n <i class=\"fa-solid fa-droplet text-2xl\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-2xl font-extrabold text-slate-900 mb-4 tracking-tight\">Our Motto<\/h2>\r\n <p class=\"text-slate-500 leading-relaxed text-[15px] flex-grow\">\r\n <strong>Purity, Expertise, Reliability.<\/strong> We deliver clean, uncontaminated water while reflecting a commitment to high environmental standards. Our team brings years of technical knowledge and skill to every project. Clients can always count on us for consistent results and trustworthy partnerships.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"group bg-white rounded-3xl p-8 lg:p-10 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_-10px_rgba(0,118,190,0.15)] border border-slate-100 transition-all duration-300 transform hover:-translate-y-2 flex flex-col h-full\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-[#f0f7fb] text-[#0076be] flex items-center justify-center mb-8 group-hover:bg-[#0076be] group-hover:text-white transition-colors duration-300 shadow-sm\">\r\n <i class=\"fa-solid fa-eye text-2xl\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-2xl font-extrabold text-slate-900 mb-4 tracking-tight\">Our Vision<\/h2>\r\n <p class=\"text-slate-500 leading-relaxed text-[15px] flex-grow\">\r\n To be pioneer borehole service providers for sustainable supply of groundwater by setting the standard for clean water access, innovative drilling practices, and dependable services. We envision a future where every community and business can rely on us for pure water, expert solutions, and unwavering trust.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"group bg-white rounded-3xl p-8 lg:p-10 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_-10px_rgba(0,118,190,0.15)] border border-slate-100 transition-all duration-300 transform hover:-translate-y-2 flex flex-col h-full\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-[#f0f7fb] text-[#0076be] flex items-center justify-center mb-8 group-hover:bg-[#0076be] group-hover:text-white transition-colors duration-300 shadow-sm\">\r\n <i class=\"fa-solid fa-rocket text-2xl\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-2xl font-extrabold text-slate-900 mb-4 tracking-tight\">Our Mission<\/h2>\r\n <p class=\"text-slate-500 leading-relaxed text-[15px] flex-grow\">\r\n At COPA WATER EXPERTS LIMITED, we believe everyone deserves access to reliable clean water. With a strong focus on purity, backed by years of expertise, and a reputation for reliability, we deliver professional water drilling solutions you can count on. From the beginning to the end, we\u2019re here to provide dependable borehole services\u2014every time.\r\n <\/p>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/section>\r\n <\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3bb8457 e-con e-atomic-element e-flexbox-base e-3bb8457-42b5a80 \" data-id=\"3bb8457\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3bb8457\">\n \t\t<div class=\"elementor-element elementor-element-69021b6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"69021b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"utf-8\"\/>\r\n <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\r\n <title>Why Choose Us - COPA Water Experts<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n \r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"\/>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n brandBlue: '#0076be', \/\/ Updated to match the refined COPA brand blue\r\n brandDark: '#0f172a',\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body class=\"bg-slate-50 font-sans antialiased text-slate-900\">\r\n\r\n <section class=\"relative overflow-hidden py-20 lg:py-32\" data-purpose=\"why-choose-us-container\">\r\n \r\n <div class=\"absolute top-0 right-0 -mt-20 -mr-20 w-[600px] h-[600px] bg-sky-100\/50 rounded-full blur-3xl opacity-60 pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-center\">\r\n \r\n <div data-purpose=\"content-column\">\r\n \r\n <div class=\"mb-10\">\r\n <div class=\"flex items-center gap-4 mb-4\">\r\n <div class=\"h-[2px] w-8 bg-brandBlue\"><\/div>\r\n <h4 class=\"text-sm font-bold uppercase tracking-widest text-brandBlue\">Why Choose Us<\/h4>\r\n <\/div>\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-brandDark leading-[1.15] mb-6 tracking-tight\">\r\n There are many companies, but <br class=\"hidden md:block\"\/>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brandBlue to-sky-400\">Why Choose Us?<\/span>\r\n <\/h2>\r\n <p class=\"text-lg text-slate-500 leading-relaxed mb-4\">\r\n At COPA Water Experts, we combine cutting-edge drilling technology with unmatched industry expertise to deliver clean, reliable water\u2014on time and within budget.\r\n <\/p>\r\n <p class=\"text-lg text-slate-500 leading-relaxed\">\r\n Our commitment to purity, expertise, and reliability means you get more than just a borehole\u2014you get a long-term water solution backed by professionals who care.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-5\" data-purpose=\"feature-cards\">\r\n \r\n <div class=\"group bg-white p-6 rounded-2xl shadow-[0_4px_20px_rgb(0,0,0,0.03)] border border-slate-100 hover:shadow-[0_20px_40px_-10px_rgba(0,118,190,0.12)] hover:border-sky-100 transition-all duration-300 flex items-start gap-6 cursor-default transform hover:-translate-y-1\">\r\n <div class=\"w-14 h-14 shrink-0 rounded-xl bg-sky-50 text-brandBlue flex items-center justify-center group-hover:bg-brandBlue group-hover:text-white transition-colors duration-300\">\r\n <i class=\"fa-solid fa-medal text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-brandDark mb-2\">Quality<\/h3>\r\n <p class=\"text-slate-500 leading-relaxed text-sm\">\r\n We are focused on providing standard services and products to our clients. This is made possible through our partnership with independent consultants, professional associations and local companies.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group bg-white p-6 rounded-2xl shadow-[0_4px_20px_rgb(0,0,0,0.03)] border border-slate-100 hover:shadow-[0_20px_40px_-10px_rgba(0,118,190,0.12)] hover:border-sky-100 transition-all duration-300 flex items-start gap-6 cursor-default transform hover:-translate-y-1\">\r\n <div class=\"w-14 h-14 shrink-0 rounded-xl bg-sky-50 text-brandBlue flex items-center justify-center group-hover:bg-brandBlue group-hover:text-white transition-colors duration-300\">\r\n <i class=\"fa-solid fa-stopwatch text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-brandDark mb-2\">Timely Delivery of Projects<\/h3>\r\n <p class=\"text-slate-500 leading-relaxed text-sm\">\r\n With all resources at our disposal in several Kenyan counties we are able to carry out borehole drilling and related services within the project timeline.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group bg-white p-6 rounded-2xl shadow-[0_4px_20px_rgb(0,0,0,0.03)] border border-slate-100 hover:shadow-[0_20px_40px_-10px_rgba(0,118,190,0.12)] hover:border-sky-100 transition-all duration-300 flex items-start gap-6 cursor-default transform hover:-translate-y-1\">\r\n <div class=\"w-14 h-14 shrink-0 rounded-xl bg-sky-50 text-brandBlue flex items-center justify-center group-hover:bg-brandBlue group-hover:text-white transition-colors duration-300\">\r\n <i class=\"fa-solid fa-users-gear text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-brandDark mb-2\">Personalized Services<\/h3>\r\n <p class=\"text-slate-500 leading-relaxed text-sm\">\r\n We tailor make our services to meet the specific requirements of a client, ensuring the end result aligns perfectly with your unique water needs.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative lg:h-[750px] w-full flex items-center justify-center\" data-purpose=\"visual-content\">\r\n \r\n <div class=\"absolute inset-0 bg-brandBlue\/5 rounded-[2.5rem] transform translate-x-6 translate-y-6 -z-10 hidden md:block\"><\/div>\r\n \r\n <div class=\"w-full h-[500px] lg:h-full relative rounded-3xl overflow-hidden shadow-2xl ring-1 ring-slate-900\/5\">\r\n <img decoding=\"async\" alt=\"COPA Water Experts Operations\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 hover:scale-105\" src=\"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-05-at-8.39.41-AM.jpeg\"\/>\r\n \r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900\/40 via-transparent to-transparent mix-blend-multiply\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"absolute -bottom-6 -left-6 md:bottom-12 md:-left-12 bg-white p-5 rounded-2xl shadow-xl flex items-center gap-4 border border-slate-100 animate-bounce\" style=\"animation-duration: 3s;\">\r\n <div class=\"w-12 h-12 bg-green-100 text-green-600 rounded-full flex items-center justify-center shrink-0\">\r\n <i class=\"fa-solid fa-check text-xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm font-bold text-brandDark\">100% Reliable<\/p>\r\n <p class=\"text-xs text-slate-500 font-medium\">Guaranteed Results<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fixed bottom-8 right-8 z-50\" data-purpose=\"scroll-top-button\">\r\n <button aria-label=\"Scroll to top\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"bg-white text-brandDark w-12 h-12 rounded-full flex items-center justify-center shadow-[0_8px_30px_rgb(0,0,0,0.12)] hover:bg-brandBlue hover:text-white hover:-translate-y-1 transition-all duration-300 ring-1 ring-slate-200\">\r\n <i class=\"fa-solid fa-arrow-up\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n <\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-19ce938e e-con e-atomic-element e-flexbox-base e-19ce938e-8fbfc79 \" data-id=\"19ce938e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"19ce938e\">\n \t\t<div class=\"elementor-element elementor-element-36eb84a4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"36eb84a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" style=\"scroll-behavior: smooth;\">\r\n<head>\r\n <meta charset=\"utf-8\">\r\n <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\">\r\n <title>Footer Section - COPA Water Experts<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n \r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\r\n \r\n body {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n }\r\n\r\n \/* Elegant frosted glass effect for icons *\/\r\n .glass-icon {\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .glass-icon:hover {\r\n background: rgba(56, 189, 248, 0.15); \/* Sky blue tint *\/\r\n border-color: rgba(56, 189, 248, 0.4);\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 20px -10px rgba(56, 189, 248, 0.3);\r\n }\r\n <\/style>\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'brand-accent': '#38bdf8', \/* Tailwind sky-400 *\/\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body class=\"bg-gray-50\">\r\n\r\n \r\n \r\n <div class=\"h-1 w-full bg-gradient-to-r from-cyan-400 via-brand-accent to-blue-600 mt-20\"><\/div>\r\n \r\n <footer class=\"bg-slate-900 text-slate-300 relative\" data-purpose=\"main-footer\">\r\n\r\n \r\n <div class=\"max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 pt-20 pb-16\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-8\">\r\n \r\n \r\n <div class=\"lg:pr-8\">\r\n <h3 class=\"text-3xl font-extrabold mb-5 tracking-tight text-transparent bg-clip-text bg-gradient-to-r from-white to-slate-400\">\r\n COPA\r\n <\/h3>\r\n <p class=\"text-sm leading-relaxed mb-6 text-slate-400\">\r\n A premier borehole drilling company committed to delivering pure water solutions with expert precision and unwavering reliability across Kenya.\r\n <\/p>\r\n <div class=\"pl-4 border-l-2 border-brand-accent mb-8\">\r\n <p class=\"text-sm font-semibold text-white tracking-wide italic\">\r\n \"Purity, Expertise, Reliability\"\r\n <\/p>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 rounded-xl p-4 border border-slate-700\/50 inline-block w-full\">\r\n <h4 class=\"font-semibold text-xs uppercase tracking-wider text-slate-500 mb-2\">Working Hours<\/h4>\r\n <p class=\"text-sm font-medium text-white flex justify-between items-center mb-1\">\r\n <span>Mon \u2013 Sat<\/span> <span class=\"text-brand-accent\">8:00 AM \u2013 5:00 PM<\/span>\r\n <\/p>\r\n <p class=\"text-sm font-medium text-slate-500 flex justify-between items-center\">\r\n <span>Sunday<\/span> <span>CLOSED<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-sm font-bold uppercase tracking-widest text-white mb-6\">Connect With Us<\/h3>\r\n \r\n \r\n <div class=\"flex flex-wrap gap-3\">\r\n <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"Facebook\">\r\n <i class=\"fab fa-facebook-f text-[15px]\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"Twitter\">\r\n <i class=\"fab fa-x-twitter text-[15px]\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"Instagram\">\r\n <i class=\"fab fa-instagram text-[15px]\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"WhatsApp\">\r\n <i class=\"fab fa-whatsapp text-[15px]\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"YouTube\">\r\n <i class=\"fab fa-youtube text-[15px]\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-sm font-bold uppercase tracking-widest text-white mb-6\">Quick Links<\/h3>\r\n <ul class=\"space-y-4 text-sm font-medium\">\r\n <li>\r\n <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n <\/span>\r\n About Us\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n <\/span>\r\n Core Services\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n <\/span>\r\n Equipment & Tools\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n <\/span>\r\n FAQs\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n <\/span>\r\n Contact Us\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-sm font-bold uppercase tracking-widest text-white mb-6\">Headquarters<\/h3>\r\n <ul class=\"space-y-6 text-sm\">\r\n <li class=\"flex items-start group\">\r\n <div class=\"mt-0.5 mr-4 w-8 h-8 rounded bg-slate-800 flex items-center justify-center shrink-0 group-hover:bg-brand-accent group-hover:text-white transition-colors text-brand-accent\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <span class=\"text-slate-400 leading-relaxed group-hover:text-slate-200 transition-colors\">\r\n Tornado Plaza,<br>Enterprise Road,<br>Nairobi - KENYA.\r\n <\/span>\r\n <\/li>\r\n <li class=\"flex items-start group\">\r\n <div class=\"mt-0.5 mr-4 w-8 h-8 rounded bg-slate-800 flex items-center justify-center shrink-0 group-hover:bg-brand-accent group-hover:text-white transition-colors text-brand-accent\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"flex flex-col space-y-1\">\r\n <a class=\"text-slate-400 hover:text-white transition-colors font-medium\" href=\"tel:+254729252806\">0729 252 806<\/a>\r\n <a class=\"text-slate-400 hover:text-white transition-colors font-medium\" href=\"tel:+254714929193\">0714 929 193<\/a>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-center group\">\r\n <div class=\"mr-4 w-8 h-8 rounded bg-slate-800 flex items-center justify-center shrink-0 group-hover:bg-brand-accent group-hover:text-white transition-colors text-brand-accent\">\r\n <i class=\"fas fa-envelope text-xs\"><\/i>\r\n <\/div>\r\n <a class=\"text-slate-400 hover:text-white transition-colors font-medium\" href=\"mailto:info@copawaters.com\">info@copawaters.com<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-950 py-6 px-4 border-t border-slate-800\">\r\n <div class=\"max-w-[90rem] mx-auto flex flex-col md:flex-row justify-between items-center gap-4\">\r\n <p class=\"text-sm text-slate-500\">\r\n Copyright © 2026. All rights reserved.\r\n <\/p>\r\n <p class=\"text-sm font-bold tracking-widest text-white uppercase flex items-center gap-2\">\r\n <i class=\"fa-solid fa-droplet text-brand-accent text-xs\"><\/i>\r\n COPA WATER EXPERTS\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button aria-label=\"Scroll to top\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'});\" class=\"absolute bottom-10 right-6 md:right-10 w-12 h-12 bg-white text-slate-900 rounded-full flex items-center justify-center shadow-xl hover:bg-brand-accent hover:text-white hover:-translate-y-2 transition-all duration-300 focus:outline-none\">\r\n <i class=\"fas fa-arrow-up\"><\/i>\r\n <\/button>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Copa Waters – Navbar info@copawaters.co.ke Mon – Fri: 8:00 AM – 5:00 PM Nairobi, Kenya info@copawaters.co.ke Consult Experts Copa Waters Expert Solutions Home About Us Services Our Services Borehole Drilling Hydrogeological Surveys Pump Installation Water Testing & Quality Water Treatment Solutions Borehole Rehabilitation Casing & Grouting Tank & Storage Systems Irrigation System Setup Consultation & […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":13,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":344,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/23\/revisions\/344"}],"wp:attachment":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}