{"id":22,"date":"2024-02-08T11:31:42","date_gmt":"2024-02-08T11:31:42","guid":{"rendered":"https:\/\/gophineservices.co.ug\/?page_id=22"},"modified":"2026-02-22T17:52:02","modified_gmt":"2026-02-22T17:52:02","slug":"contact","status":"publish","type":"page","link":"https:\/\/gophineservices.co.ug\/index.php\/contact\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-94efe8a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"94efe8a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-290f4c0\" data-id=\"290f4c0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c9c392e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c9c392e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e27efcd\" data-id=\"e27efcd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d49b945 elementor-widget elementor-widget-html\" data-id=\"d49b945\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    \r\n    <!-- ===== ANTI-DEVTOOLS SCRIPT ===== -->\r\n    <script>\r\n        \/\/ === ANTI DEVTOOLS PROTECTION ===\r\n        (function() {\r\n            \/\/ Block right-click context menu\r\n            document.addEventListener('contextmenu', function(e) {\r\n                e.preventDefault();\r\n                return false;\r\n            });\r\n            \r\n            \/\/ Block common keyboard shortcuts for dev tools\r\n            document.addEventListener('keydown', function(e) {\r\n                \/\/ Disable F12\r\n                if (e.key === 'F12' || e.keyCode === 123) {\r\n                    e.preventDefault();\r\n                    return false;\r\n                }\r\n                \r\n                \/\/ Disable Ctrl+Shift+I (Windows\/Linux)\r\n                if (e.ctrlKey && e.shiftKey && (e.key === 'I' || e.keyCode === 73)) {\r\n                    e.preventDefault();\r\n                    return false;\r\n                }\r\n                \r\n                \/\/ Disable Ctrl+Shift+J (Windows\/Linux)\r\n                if (e.ctrlKey && e.shiftKey && (e.key === 'J' || e.keyCode === 74)) {\r\n                    e.preventDefault();\r\n                    return false;\r\n                }\r\n                \r\n                \/\/ Disable Ctrl+Shift+C (Windows\/Linux)\r\n                if (e.ctrlKey && e.shiftKey && (e.key === 'C' || e.keyCode === 67)) {\r\n                    e.preventDefault();\r\n                    return false;\r\n                }\r\n                \r\n                \/\/ Disable Ctrl+U (view source)\r\n                if (e.ctrlKey && (e.key === 'U' || e.keyCode === 85)) {\r\n                    e.preventDefault();\r\n                    return false;\r\n                }\r\n                \r\n                \/\/ Disable Ctrl+Shift+K (Firefox console)\r\n                if (e.ctrlKey && e.shiftKey && (e.key === 'K' || e.keyCode === 75)) {\r\n                    e.preventDefault();\r\n                    return false;\r\n                }\r\n                \r\n                \/\/ Disable Ctrl+S (save) - optional\r\n                if (e.ctrlKey && (e.key === 'S' || e.keyCode === 83)) {\r\n                    e.preventDefault();\r\n                    return false;\r\n                }\r\n            });\r\n            \r\n            \/\/ Detect DevTools opening via console.log deception\r\n            let devtoolsOpen = false;\r\n            const element = new Image();\r\n            Object.defineProperty(element, 'id', {\r\n                get: function() {\r\n                    devtoolsOpen = true;\r\n                    throw new Error('DevTools detected');\r\n                }\r\n            });\r\n            \r\n            \/\/ Check periodically for DevTools\r\n            setInterval(function() {\r\n                devtoolsOpen = false;\r\n                console.log(element); \/\/ This triggers the getter if console is open\r\n                console.clear(); \/\/ Keep console clean\r\n                \r\n                if (devtoolsOpen) {\r\n                    \/\/ Redirect or show message\r\n                    document.body.innerHTML = '<div style=\"text-align: center; margin-top: 50px; font-family: Arial;\"><h1>Developer Tools Detected<\/h1><p>Please close developer tools to continue viewing this site.<\/p><\/div>';\r\n                }\r\n            }, 1000);\r\n            \r\n            \/\/ Disable debugger statements\r\n            (function() {\r\n                function noDebugger() {}\r\n                const originalDebug = window.console.debug;\r\n                window.console.debug = noDebugger;\r\n                window.console.log = function() {}; \/\/ Optional: disable console.log completely\r\n            })();\r\n        })();\r\n    <\/script>\r\n    <!-- ===== END ANTI-DEVTOOLS ===== -->\r\n    \r\n    <!-- =====  META TAGS FOR ULTIMATE SEO & RANKING ===== -->\r\n    <!-- Primary Meta -->\r\n    <title>Contact Gophine Services Uganda | #1 IT, Printing & Graphics in Arua<\/title>\r\n    <meta name=\"title\" content=\"Contact Gophine Services Uganda | #1 IT, Printing & Graphics in Arua\">\r\n    <meta name=\"description\" content=\"Gophine Services Uganda is the #1 trusted provider of IT solutions, printing, graphic design, photography, web development and consultancy in Arua & across Uganda. Get a free quote now.\">\r\n    <meta name=\"keywords\" content=\"printing services uganda, graphic design arua, IT solutions uganda, photography arua, web development uganda, consultancy firm arua, data entry, gophine services, best printing in uganda, contact gophine\">\r\n    <meta name=\"author\" content=\"Gophine Services Uganda\">\r\n    <meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\">\r\n    <meta name=\"revisit-after\" content=\"1 day\">\r\n    <meta name=\"language\" content=\"English\">\r\n    <meta name=\"geo.region\" content=\"UG-321\">\r\n    <meta name=\"geo.placename\" content=\"Arua, Uganda\">\r\n    <meta name=\"geo.position\" content=\"3.0205;30.9111\">\r\n    <meta name=\"ICBM\" content=\"3.0205, 30.9111\">\r\n    \r\n    <!-- Canonical URL -->\r\n    <link rel=\"canonical\" href=\"https:\/\/gophineservices.com\/contact\">\r\n    \r\n    <!-- Open Graph -->\r\n    <meta property=\"og:type\" content=\"business.business\">\r\n    <meta property=\"og:url\" content=\"https:\/\/gophineservices.com\/contact\">\r\n    <meta property=\"og:title\" content=\"Contact Gophine Services Uganda - #1 Printing, IT & Design\">\r\n    <meta property=\"og:description\" content=\"Get in touch with Uganda's top-rated printing, graphics, IT and photography company. Same-day service in Arua & nationwide.\">\r\n    <meta property=\"og:image\" content=\"https:\/\/gophineservices.com\/assets\/og-image.jpg\">\r\n    <meta property=\"og:site_name\" content=\"Gophine Services Uganda\">\r\n    <meta property=\"business:contact_data:street_address\" content=\"Main Street, Arua City\">\r\n    <meta property=\"business:contact_data:locality\" content=\"Arua\">\r\n    <meta property=\"business:contact_data:region\" content=\"Northern Region\">\r\n    <meta property=\"business:contact_data:postal_code\" content=\"256\">\r\n    <meta property=\"business:contact_data:country_name\" content=\"Uganda\">\r\n    \r\n    <!-- Twitter Card -->\r\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\r\n    <meta name=\"twitter:title\" content=\"Contact Gophine Services Uganda | #1 Rated\">\r\n    <meta name=\"twitter:description\" content=\"We respond within 1 hour. Printing, graphics, IT, photography & consultancy.\">\r\n    <meta name=\"twitter:image\" content=\"https:\/\/gophineservices.com\/assets\/twitter-image.jpg\">\r\n    \r\n    <!-- Mobile & Theme -->\r\n    <meta name=\"theme-color\" content=\"#004d99\">\r\n    <meta name=\"msapplication-TileColor\" content=\"#004d99\">\r\n    \r\n    <!-- Favicon -->\r\n    <link rel=\"icon\" type=\"image\/x-icon\" href=\"data:image\/x-icon;base64,AAABAAEAEBACAAEAAQCwAAAAFgAAACgAAAAQAAAAIAAAAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP\/\/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=\">\r\n    <link rel=\"apple-touch-icon\" href=\"data:image\/x-icon;base64,AAABAAEAEBACAAEAAQCwAAAAFgAAACgAAAAQAAAAIAAAAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP\/\/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=\">\r\n    \r\n    <!-- Fonts & Styles -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Poppins:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* Base Styles & Variables *\/\r\n        :root {\r\n            --primary: #004d99;\r\n            --primary-light: #3366aa;\r\n            --secondary: #4CAF50;\r\n            --accent: #FF6B35;\r\n            --light: #ffffff;\r\n            --dark: #2c3e50;\r\n            --text: #333333;\r\n            --text-light: #6c757d;\r\n            --shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n            --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);\r\n            --transition: all 0.3s ease;\r\n            --border-radius: 8px;\r\n        }\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Poppins', sans-serif;\r\n            line-height: 1.7;\r\n            color: var(--text);\r\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n            min-height: 100vh;\r\n        }\r\n        \r\n        h1, h2, h3, h4, h5, h6 {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700;\r\n            line-height: 1.3;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 2rem 1.5rem;\r\n        }\r\n        \r\n        .section {\r\n            padding: 4rem 0;\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 2.5rem;\r\n            color: var(--primary);\r\n            margin-bottom: 1.5rem;\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n        \r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--primary), var(--accent));\r\n            border-radius: 2px;\r\n        }\r\n        \r\n        .section-subtitle {\r\n            font-size: 1.1rem;\r\n            color: var(--text-light);\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin: 0 auto 3rem;\r\n            line-height: 1.8;\r\n        }\r\n        \r\n        .text-center {\r\n            text-align: center;\r\n        }\r\n        \r\n        .btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            padding: 0.9rem 2.2rem;\r\n            background-color: var(--accent);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n            font-size: 1rem;\r\n            text-align: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .btn:hover {\r\n            background-color: #e55a2b;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .btn-primary {\r\n            background-color: var(--primary);\r\n        }\r\n        \r\n        .btn-primary:hover {\r\n            background-color: var(--primary-light);\r\n        }\r\n        \r\n        .btn-secondary {\r\n            background-color: var(--secondary);\r\n        }\r\n        \r\n        .btn-secondary:hover {\r\n            background-color: #6fbf73;\r\n        }\r\n        \r\n        .btn-large {\r\n            padding: 1.2rem 2.8rem;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        \/* Hero Section *\/\r\n        .contact-hero {\r\n            background: linear-gradient(135deg, rgba(0, 77, 153, 0.9), rgba(76, 175, 80, 0.8)), url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><rect width=\"100\" height=\"100\" fill=\"%23004d99\" opacity=\"0.05\"\/><path d=\"M0 50 Q 25 30, 50 50 T 100 50\" stroke=\"%234CAF50\" stroke-width=\"2\" fill=\"none\" opacity=\"0.1\"\/><\/svg>');\r\n            background-size: cover;\r\n            color: white;\r\n            text-align: center;\r\n            padding: 5rem 1.5rem;\r\n            border-radius: 0 0 20px 20px;\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .contact-hero h1 {\r\n            font-size: 3rem;\r\n            margin-bottom: 1.5rem;\r\n            color: white;\r\n        }\r\n        \r\n        .contact-hero p {\r\n            font-size: 1.3rem;\r\n            max-width: 700px;\r\n            margin: 0 auto 2rem;\r\n            opacity: 0.9;\r\n        }\r\n        \r\n        \/* Contact Options *\/\r\n        .contact-options {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2rem;\r\n            margin-bottom: 4rem;\r\n        }\r\n        \r\n        .contact-card {\r\n            background: white;\r\n            padding: 2.5rem 2rem;\r\n            border-radius: var(--border-radius);\r\n            box-shadow: var(--shadow);\r\n            text-align: center;\r\n            transition: var(--transition);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .contact-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: linear-gradient(90deg, var(--primary), var(--secondary));\r\n        }\r\n        \r\n        .contact-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n        \r\n        .contact-icon {\r\n            font-size: 3rem;\r\n            color: var(--primary);\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .contact-card h3 {\r\n            font-size: 1.5rem;\r\n            color: var(--primary);\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .contact-card p {\r\n            color: var(--text-light);\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .contact-detail {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 1.5rem;\r\n            color: var(--text);\r\n        }\r\n        \r\n        \/* Contact Form *\/\r\n        .form-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            background: white;\r\n            border-radius: var(--border-radius);\r\n            box-shadow: var(--shadow-lg);\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .form-header {\r\n            background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n            color: white;\r\n            padding: 2.5rem;\r\n            text-align: center;\r\n        }\r\n        \r\n        .form-header h3 {\r\n            font-size: 2rem;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        \r\n        .form-body {\r\n            padding: 3rem;\r\n        }\r\n        \r\n        .form-group {\r\n            margin-bottom: 1.5rem;\r\n            position: relative;\r\n        }\r\n        \r\n        .form-row {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n        \r\n        label {\r\n            display: block;\r\n            margin-bottom: 0.5rem;\r\n            font-weight: 500;\r\n            color: var(--text);\r\n        }\r\n        \r\n        .form-control {\r\n            width: 100%;\r\n            padding: 1rem 1.2rem;\r\n            border: 2px solid #e9ecef;\r\n            border-radius: var(--border-radius);\r\n            font-size: 1rem;\r\n            font-family: 'Poppins', sans-serif;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .form-control:focus {\r\n            outline: none;\r\n            border-color: var(--primary);\r\n            box-shadow: 0 0 0 3px rgba(0, 77, 153, 0.1);\r\n        }\r\n        \r\n        textarea.form-control {\r\n            min-height: 150px;\r\n            resize: vertical;\r\n        }\r\n        \r\n        select.form-control {\r\n            appearance: none;\r\n            background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n            background-repeat: no-repeat;\r\n            background-position: right 1rem center;\r\n            background-size: 1em;\r\n        }\r\n        \r\n        .form-footer {\r\n            margin-top: 2rem;\r\n            text-align: center;\r\n        }\r\n        \r\n        .validation-icon {\r\n            position: absolute;\r\n            right: 1rem;\r\n            top: 3.2rem;\r\n            opacity: 0;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .valid .validation-icon {\r\n            opacity: 1;\r\n            color: var(--secondary);\r\n        }\r\n        \r\n        .invalid .validation-icon {\r\n            opacity: 1;\r\n            color: #dc3545;\r\n        }\r\n        \r\n        .invalid .form-control {\r\n            border-color: #dc3545;\r\n        }\r\n        \r\n        .loading-spinner {\r\n            display: none;\r\n            width: 20px;\r\n            height: 20px;\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            border-radius: 50%;\r\n            border-top-color: white;\r\n            animation: spin 1s linear infinite;\r\n            margin-right: 0.5rem;\r\n        }\r\n        \r\n        @keyframes spin {\r\n            to { transform: rotate(360deg); }\r\n        }\r\n        \r\n        .success-message {\r\n            display: none;\r\n            background: var(--secondary);\r\n            color: white;\r\n            padding: 1.5rem;\r\n            border-radius: var(--border-radius);\r\n            text-align: center;\r\n            margin-top: 2rem;\r\n            animation: fadeIn 0.5s ease;\r\n        }\r\n        \r\n        .success-message i {\r\n            font-size: 2rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        \/* FAQ Section *\/\r\n        .faq-section {\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\r\n            color: white;\r\n            margin-top: 4rem;\r\n            border-radius: 20px 20px 0 0;\r\n        }\r\n        \r\n        .faq-section .section-title {\r\n            color: white;\r\n        }\r\n        \r\n        .faq-section .section-title::after {\r\n            background: white;\r\n        }\r\n        \r\n        .faq-section .section-subtitle {\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n        \r\n        .faq-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .faq-item {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: var(--border-radius);\r\n            margin-bottom: 1rem;\r\n            overflow: hidden;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .faq-item:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n        }\r\n        \r\n        .faq-question {\r\n            padding: 1.5rem;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-weight: 500;\r\n        }\r\n        \r\n        .faq-question i {\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .faq-answer {\r\n            padding: 0 1.5rem;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .faq-item.active .faq-answer {\r\n            padding: 0 1.5rem 1.5rem;\r\n            max-height: 500px;\r\n        }\r\n        \r\n        .faq-item.active .faq-question i {\r\n            transform: rotate(180deg);\r\n        }\r\n        \r\n        \/* Floating WhatsApp Button *\/\r\n        .whatsapp-float {\r\n            position: fixed;\r\n            bottom: 2rem;\r\n            right: 2rem;\r\n            z-index: 100;\r\n        }\r\n        \r\n        .whatsapp-btn {\r\n            width: 70px;\r\n            height: 70px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, #25D366, #128C7E);\r\n            color: white;\r\n            border: none;\r\n            font-size: 2rem;\r\n            cursor: pointer;\r\n            box-shadow: var(--shadow-lg);\r\n            transition: var(--transition);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-decoration: none;\r\n        }\r\n        \r\n        .whatsapp-btn:hover {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);\r\n        }\r\n        \r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .contact-hero {\r\n                padding: 3rem 1rem;\r\n            }\r\n            \r\n            .contact-hero h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .contact-hero p {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .form-body {\r\n                padding: 2rem;\r\n            }\r\n            \r\n            .form-row {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .whatsapp-float {\r\n                bottom: 1rem;\r\n                right: 1rem;\r\n            }\r\n            \r\n            .whatsapp-btn {\r\n                width: 60px;\r\n                height: 60px;\r\n                font-size: 1.7rem;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 576px) {\r\n            .contact-options {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .contact-card {\r\n                padding: 2rem 1.5rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Hero Section -->\r\n    <section class=\"contact-hero\">\r\n        <div class=\"container\">\r\n            <h1>Get In Touch With Us<\/h1>\r\n            <p>We're here to help you with your IT, graphics, photography, printing, and consultancy needs. Reach out to us and let's create something amazing together.<\/p>\r\n            <a href=\"#contact-form\" class=\"btn btn-large\">Send Us a Message<\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"container\">\r\n        <!-- Contact Options -->\r\n        <section class=\"section\">\r\n            <h2 class=\"section-title\">Contact Options<\/h2>\r\n            <p class=\"section-subtitle\">Choose your preferred way to get in touch with our team<\/p>\r\n            \r\n            <div class=\"contact-options\">\r\n                <div class=\"contact-card\">\r\n                    <div class=\"contact-icon\">\r\n                        <i class=\"fab fa-whatsapp\"><\/i>\r\n                    <\/div>\r\n                    <h3>WhatsApp Chat<\/h3>\r\n                    <p>Get instant responses and share files through WhatsApp<\/p>\r\n                    <div class=\"contact-detail\">+256 784 777801<\/div>\r\n                    <a href=\"https:\/\/wa.me\/256784777801\" target=\"_blank\" class=\"btn btn-secondary\">Start Chat<\/a>\r\n                <\/div>\r\n                \r\n                <div class=\"contact-card\">\r\n                    <div class=\"contact-icon\">\r\n                        <i class=\"fas fa-phone-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3>Call Us<\/h3>\r\n                    <p>Speak directly with our team for immediate assistance<\/p>\r\n                    <div class=\"contact-detail\">+256 784 777801<\/div>\r\n                    <a href=\"tel:+2567784777801\" class=\"btn btn-primary\">Call Now<\/a>\r\n                <\/div>\r\n                \r\n                <div class=\"contact-card\">\r\n                    <div class=\"contact-icon\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                    <\/div>\r\n                    <h3>Email Us<\/h3>\r\n                    <p>Send us detailed inquiries and project requirements<\/p>\r\n                    <div class=\"contact-detail\">info@gophineservices.co.ug<\/div>\r\n                    <a href=\"mailto:info@gophineservices.co.ug\" class=\"btn\">Send Email<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Contact Form (Google Sheets AppScript ONLY) -->\r\n        <section class=\"section\" id=\"contact-form\">\r\n            <h2 class=\"section-title\">Send Us a Message<\/h2>\r\n            <p class=\"section-subtitle\">Fill out the form below and we'll get back to you as soon as possible<\/p>\r\n            \r\n            <div class=\"form-container\">\r\n                <div class=\"form-header\">\r\n                    <h3>Contact Form<\/h3>\r\n                    <p>We typically respond within 24 hours<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"form-body\">\r\n                    <form id=\"contactForm\">\r\n                        <div class=\"form-row\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"fullName\">Full Name *<\/label>\r\n                                <input type=\"text\" id=\"fullName\" class=\"form-control\" placeholder=\"Enter your full name\" required>\r\n                                <i class=\"fas fa-check validation-icon\"><\/i>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"form-group\">\r\n                                <label for=\"email\">Email Address *<\/label>\r\n                                <input type=\"email\" id=\"email\" class=\"form-control\" placeholder=\"Enter your email\" required>\r\n                                <i class=\"fas fa-check validation-icon\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"form-row\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"phone\">Phone Number<\/label>\r\n                                <input type=\"tel\" id=\"phone\" class=\"form-control\" placeholder=\"Enter your phone number\">\r\n                                <i class=\"fas fa-check validation-icon\"><\/i>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"form-group\">\r\n                                <label for=\"subject\">Subject *<\/label>\r\n                                <input type=\"text\" id=\"subject\" class=\"form-control\" placeholder=\"What is this regarding?\" required>\r\n                                <i class=\"fas fa-check validation-icon\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"form-group\">\r\n                            <label for=\"service\">Service Interest<\/label>\r\n                            <select id=\"service\" class=\"form-control\">\r\n                                <option value=\"\">Select a service<\/option>\r\n                                <option value=\"printing\">Printing Services<\/option>\r\n                                <option value=\"graphic-design\">Graphic Design<\/option>\r\n                                <option value=\"web-development\">Web Development<\/option>\r\n                                <option value=\"it-solutions\">IT Solutions<\/option>\r\n                                <option value=\"photography\">Photography<\/option>\r\n                                <option value=\"consultancy\">Business Consultancy<\/option>\r\n                                <option value=\"data-entry\">Data Entry<\/option>\r\n                                <option value=\"other\">Other<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"form-group\">\r\n                            <label for=\"message\">Message *<\/label>\r\n                            <textarea id=\"message\" class=\"form-control\" placeholder=\"Tell us about your project or inquiry...\" required><\/textarea>\r\n                            <i class=\"fas fa-check validation-icon\"><\/i>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"form-footer\">\r\n                            <button type=\"submit\" class=\"btn btn-large btn-primary\" id=\"submitBtn\">\r\n                                <span class=\"loading-spinner\" id=\"loadingSpinner\"><\/span>\r\n                                Send Message\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/form>\r\n                    \r\n                    <div class=\"success-message\" id=\"successMessage\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <h3>Thank you for reaching out!<\/h3>\r\n                        <p>We've received your message and will get back to you shortly. A confirmation email has been sent to your inbox.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- FAQ Section -->\r\n        <section class=\"section faq-section\">\r\n            <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n            <p class=\"section-subtitle\">Quick answers to common questions about our services and response times<\/p>\r\n            \r\n            <div class=\"faq-container\">\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>How soon do you respond to inquiries?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>We typically respond to all inquiries within 24 hours. For urgent requests, we recommend calling us directly at +256 784 777801 for immediate assistance.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Do you provide same-day printing services?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Yes, we offer same-day printing services for standard orders placed before 12 PM. Rush orders may incur an additional fee depending on the complexity and volume.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Can I request a service outside Arua?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Absolutely! We serve clients across Uganda. For services outside Arua, we may need to arrange logistics which could affect timelines and pricing. Contact us to discuss your specific needs.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>What payment methods do you accept?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>We accept mobile money (MTN, Airtel), bank transfers, and cash payments. For corporate clients, we can arrange invoice-based billing with agreed payment terms.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <!-- Floating WhatsApp Button (for chat only, not form destination) -->\r\n    <div class=\"whatsapp-float\">\r\n        <a href=\"https:\/\/wa.me\/256784777801\" class=\"whatsapp-btn\" target=\"_blank\">\r\n            <i class=\"fab fa-whatsapp\"><\/i>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <!-- ========== REPLACED SCRIPT TAG WITH THE EXACT PROVIDED CODE ========== -->\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const contactForm = document.getElementById('contactForm');\r\n            const submitBtn = document.getElementById('submitBtn');\r\n            const successMessage = document.getElementById('successMessage');\r\n            \r\n            \/\/ REPLACE THIS URL with your actual Google Apps Script Web App URL\r\n            const googleSheetsURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbzEPloxNbfoIlWKqwIwKNIYhrjwMKB-JT3O1ytZ9J4lViWdI5oUcphyPxWVSca9REi1\/exec'; \r\n\r\n            contactForm.addEventListener('submit', function(e) {\r\n                e.preventDefault();\r\n                \r\n                \/\/ Show loading state\r\n                submitBtn.disabled = true;\r\n                submitBtn.innerHTML = '<span class=\"loading-spinner\" style=\"display:inline-block\"><\/span> Sending...';\r\n                \r\n                \/\/ Collect data exactly as the Apps Script expects it\r\n                const formData = {\r\n                    name: document.getElementById('fullName').value,\r\n                    email: document.getElementById('email').value,\r\n                    phone: document.getElementById('phone').value,\r\n                    subject: document.getElementById('subject').value,\r\n                    service: document.getElementById('service').value,\r\n                    message: document.getElementById('message').value\r\n                };\r\n                \r\n                \/\/ Send data to Google Apps Script\r\n                fetch(googleSheetsURL, {\r\n                    method: 'POST',\r\n                    mode: 'no-cors', \/\/ Essential for Google Apps Script cross-domain\r\n                    cache: 'no-cache',\r\n                    headers: {\r\n                        'Content-Type': 'application\/json',\r\n                    },\r\n                    body: JSON.stringify(formData)\r\n                })\r\n                .then(() => {\r\n                    \/\/ Because of 'no-cors', we assume success if the request sends\r\n                    contactForm.style.display = 'none';\r\n                    successMessage.style.display = 'block';\r\n                    successMessage.scrollIntoView({ behavior: 'smooth' });\r\n                })\r\n                .catch(error => {\r\n                    console.error('Error:', error);\r\n                    alert('Something went wrong. Please try again or contact us via WhatsApp.');\r\n                    submitBtn.disabled = false;\r\n                    submitBtn.innerHTML = 'Send Message';\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n    <!-- ========== END OF REPLACED SCRIPT ========== -->\r\n\r\n    <!-- Optional: FAQ toggle functionality (add if you need FAQ interaction) -->\r\n    <script>\r\n        \/\/ Simple FAQ toggle (kept separate for clarity, you can merge if needed)\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const faqItems = document.querySelectorAll('.faq-item');\r\n            faqItems.forEach(item => {\r\n                const question = item.querySelector('.faq-question');\r\n                question.addEventListener('click', function() {\r\n                    faqItems.forEach(otherItem => {\r\n                        if (otherItem !== item) otherItem.classList.remove('active');\r\n                    });\r\n                    item.classList.toggle('active');\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Gophine Services Uganda | #1 IT, Printing &#038; Graphics in Arua Get In Touch With Us We&#8217;re here to help you with your IT, graphics, photography, printing, and consultancy needs. Reach out to us and let&#8217;s create something amazing together. Send Us a Message Contact Options Choose your preferred way to get in touch [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":90,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":1518,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions\/1518"}],"wp:attachment":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}