{"id":1353,"date":"2025-10-26T14:32:09","date_gmt":"2025-10-26T14:32:09","guid":{"rendered":"https:\/\/gophineservices.co.ug\/?page_id=1353"},"modified":"2025-10-26T19:12:53","modified_gmt":"2025-10-26T19:12:53","slug":"solutions","status":"publish","type":"page","link":"https:\/\/gophineservices.co.ug\/index.php\/solutions\/","title":{"rendered":"Solutions"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1353\" class=\"elementor elementor-1353\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-07dc6b5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"07dc6b5\" 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-89ea1fa\" data-id=\"89ea1fa\" 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-cb091f4 elementor-widget elementor-widget-html\" data-id=\"cb091f4\" 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    <title>Our Solutions - GoPhine Services<\/title>\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=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Isolated CSS - Only affects solutions page *\/\r\n        .solutions-page * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        .solutions-page {\r\n            font-family: 'Poppins', sans-serif;\r\n            line-height: 1.6;\r\n            color: #333333;\r\n            background-color: #ffffff;\r\n        }\r\n        \r\n        .solutions-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n        \r\n        \/* Hero Section *\/\r\n        .solutions-hero {\r\n            background: linear-gradient(rgba(0, 77, 153, 0.85), rgba(76, 175, 80, 0.8)), url('https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80');\r\n            background-size: cover;\r\n            background-position: center;\r\n            color: white;\r\n            text-align: center;\r\n            padding: 100px 20px;\r\n        }\r\n        \r\n        .solutions-hero h1 {\r\n            font-size: 3rem;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .solutions-hero p {\r\n            font-size: 1.3rem;\r\n            opacity: 0.95;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        \/* Section Styling *\/\r\n        .solutions-section {\r\n            padding: 80px 0;\r\n        }\r\n        \r\n        .solutions-title {\r\n            font-size: 2.2rem;\r\n            color: #004d99;\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .solutions-subtitle {\r\n            text-align: center;\r\n            color: #6c757d;\r\n            max-width: 700px;\r\n            margin: 0 auto 50px;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        \/* Solutions Grid *\/\r\n        .solutions-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .solution-card {\r\n            background: white;\r\n            border-radius: 10px;\r\n            padding: 30px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\r\n            transition: all 0.3s ease;\r\n            border-left: 4px solid #004d99;\r\n        }\r\n        \r\n        .solution-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n        }\r\n        \r\n        .solution-icon {\r\n            font-size: 2.5rem;\r\n            color: #004d99;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .solution-card h3 {\r\n            color: #004d99;\r\n            margin-bottom: 15px;\r\n            font-weight: 600;\r\n            font-size: 1.4rem;\r\n        }\r\n        \r\n        .solution-card p {\r\n            color: #6c757d;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .solution-features {\r\n            list-style: none;\r\n            margin: 20px 0;\r\n        }\r\n        \r\n        .solution-features li {\r\n            margin-bottom: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        .solution-features i {\r\n            color: #4CAF50;\r\n            margin-right: 10px;\r\n        }\r\n        \r\n        .solution-button {\r\n            display: inline-block;\r\n            background-color: #FF6B35;\r\n            color: white;\r\n            padding: 12px 25px;\r\n            border-radius: 5px;\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .solution-button:hover {\r\n            background-color: #e55a2b;\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        \/* CTA Section *\/\r\n        .solutions-cta {\r\n            background: linear-gradient(135deg, #004d99, #4CAF50);\r\n            color: white;\r\n            text-align: center;\r\n            padding: 80px 20px;\r\n            border-radius: 10px;\r\n            margin: 60px 0;\r\n        }\r\n        \r\n        .solutions-cta h2 {\r\n            font-size: 2.2rem;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .solutions-cta p {\r\n            font-size: 1.2rem;\r\n            max-width: 700px;\r\n            margin: 0 auto 30px;\r\n            opacity: 0.95;\r\n        }\r\n        \r\n        .solutions-cta-button {\r\n            display: inline-block;\r\n            background-color: #FF6B35;\r\n            color: white;\r\n            padding: 15px 40px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            margin-top: 20px;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .solutions-cta-button:hover {\r\n            background-color: #e55a2b;\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        \/* Process Section *\/\r\n        .solutions-process {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-top: 50px;\r\n            position: relative;\r\n        }\r\n        \r\n        .solutions-process::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 40px;\r\n            left: 0;\r\n            right: 0;\r\n            height: 2px;\r\n            background: #004d99;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .process-step {\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n            flex: 1;\r\n        }\r\n        \r\n        .step-number {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: #004d99;\r\n            color: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            margin: 0 auto 20px;\r\n        }\r\n        \r\n        .process-step h4 {\r\n            color: #004d99;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        \/* Industry Solutions *\/\r\n        .industry-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .industry-card {\r\n            background: white;\r\n            border-radius: 8px;\r\n            padding: 25px;\r\n            box-shadow: 0 3px 10px rgba(0,0,0,0.08);\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .industry-card:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.12);\r\n        }\r\n        \r\n        .industry-icon {\r\n            font-size: 2rem;\r\n            color: #004d99;\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        \/* Animation classes *\/\r\n        .fade-in-up {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: all 0.6s ease;\r\n        }\r\n        \r\n        .fade-in-up.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        \r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .solutions-hero {\r\n                padding: 60px 20px;\r\n            }\r\n            \r\n            .solutions-hero h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .solutions-section {\r\n                padding: 50px 0;\r\n            }\r\n            \r\n            .solutions-title {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .solutions-process {\r\n                flex-direction: column;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .solutions-process::before {\r\n                display: none;\r\n            }\r\n            \r\n            .solutions-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .solutions-hero h1 {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .solutions-title {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .solution-card {\r\n                padding: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Your existing header here -->\r\n\r\n    <div class=\"solutions-page\">\r\n        <section class=\"solutions-hero\">\r\n            <div class=\"solutions-container\">\r\n                <h1>Our Solutions<\/h1>\r\n                <p>Comprehensive creative, digital, and educational solutions tailored to drive your business forward<\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <div class=\"solutions-container\">\r\n            <!-- Digital Solutions Section -->\r\n            <section class=\"solutions-section\">\r\n                <h2 class=\"solutions-title\">Digital Solutions<\/h2>\r\n                <p class=\"solutions-subtitle\">Transform your online presence with our cutting-edge digital services<\/p>\r\n                \r\n                <div class=\"solutions-grid\">\r\n                    <div class=\"solution-card fade-in-up\">\r\n                        <div class=\"solution-icon\">\r\n                            <i class=\"fas fa-code\"><\/i>\r\n                        <\/div>\r\n                        <h3>Website Development<\/h3>\r\n                        <p>Custom, responsive websites that convert visitors into customers and showcase your brand effectively.<\/p>\r\n                        <ul class=\"solution-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Responsive Design<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> SEO Optimized<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Fast Loading<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Easy to Manage<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#\" class=\"solution-button\">Learn More<\/a>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"solution-card fade-in-up\">\r\n                        <div class=\"solution-icon\">\r\n                            <i class=\"fas fa-shopping-cart\"><\/i>\r\n                        <\/div>\r\n                        <h3>E-Commerce Solutions<\/h3>\r\n                        <p>Complete online store setup with secure payment processing and inventory management.<\/p>\r\n                        <ul class=\"solution-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Payment Integration<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Inventory Management<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Mobile Optimized<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Analytics Dashboard<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#\" class=\"solution-button\">Learn More<\/a>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"solution-card fade-in-up\">\r\n                        <div class=\"solution-icon\">\r\n                            <i class=\"fas fa-bullhorn\"><\/i>\r\n                        <\/div>\r\n                        <h3>Digital Marketing<\/h3>\r\n                        <p>Strategic online marketing campaigns to increase visibility and drive qualified traffic.<\/p>\r\n                        <ul class=\"solution-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Social Media Marketing<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Google Ads Management<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Content Strategy<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Performance Analytics<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#\" class=\"solution-button\">Learn More<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- Creative Solutions Section -->\r\n            <section class=\"solutions-section\">\r\n                <h2 class=\"solutions-title\">Creative Solutions<\/h2>\r\n                <p class=\"solutions-subtitle\">Professional design and printing services that make your brand stand out<\/p>\r\n                \r\n                <div class=\"solutions-grid\">\r\n                    <div class=\"solution-card fade-in-up\">\r\n                        <div class=\"solution-icon\">\r\n                            <i class=\"fas fa-print\"><\/i>\r\n                        <\/div>\r\n                        <h3>Professional Printing<\/h3>\r\n                        <p>High-quality printing services for business materials, marketing collateral, and promotional items.<\/p>\r\n                        <ul class=\"solution-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Business Cards & Stationery<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Brochures & Flyers<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Banner & Signage Printing<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Premium Quality Materials<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#\" class=\"solution-button\">Learn More<\/a>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"solution-card fade-in-up\">\r\n                        <div class=\"solution-icon\">\r\n                            <i class=\"fas fa-paint-brush\"><\/i>\r\n                        <\/div>\r\n                        <h3>Graphic Design<\/h3>\r\n                        <p>Creative design solutions that communicate your brand message effectively and memorably.<\/p>\r\n                        <ul class=\"solution-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Logo & Brand Identity<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Marketing Materials<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Social Media Graphics<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Custom Illustrations<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#\" class=\"solution-button\">Learn More<\/a>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"solution-card fade-in-up\">\r\n                        <div class=\"solution-icon\">\r\n                            <i class=\"fas fa-video\"><\/i>\r\n                        <\/div>\r\n                        <h3>Multimedia Services<\/h3>\r\n                        <p>Engaging video and audio content that tells your story and connects with your audience.<\/p>\r\n                        <ul class=\"solution-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Video Production<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Animation & Motion Graphics<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Audio Editing<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Photo Editing<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#\" class=\"solution-button\">Learn More<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- Education Solutions Section -->\r\n            <section class=\"solutions-section\">\r\n                <h2 class=\"solutions-title\">Education Solutions<\/h2>\r\n                <p class=\"solutions-subtitle\">Empowering learning and development through innovative educational services<\/p>\r\n                \r\n                <div class=\"solutions-grid\">\r\n                    <div class=\"solution-card fade-in-up\">\r\n                        <div class=\"solution-icon\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i>\r\n                        <\/div>\r\n                        <h3>Education Consulting<\/h3>\r\n                        <p>Strategic guidance for educational institutions to enhance learning outcomes and operational efficiency.<\/p>\r\n                        <ul class=\"solution-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Curriculum Development<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Teacher Training<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Educational Technology<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Institutional Planning<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#\" class=\"solution-button\">Learn More<\/a>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"solution-card fade-in-up\">\r\n                        <div class=\"solution-icon\">\r\n                            <i class=\"fas fa-laptop-code\"><\/i>\r\n                        <\/div>\r\n                        <h3>Digital Learning<\/h3>\r\n                        <p>Modern e-learning solutions that make education accessible, engaging, and effective.<\/p>\r\n                        <ul class=\"solution-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Learning Management Systems<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Interactive Course Content<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Online Assessment Tools<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Virtual Classroom Setup<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#\" class=\"solution-button\">Learn More<\/a>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"solution-card fade-in-up\">\r\n                        <div class=\"solution-icon\">\r\n                            <i class=\"fas fa-book\"><\/i>\r\n                        <\/div>\r\n                        <h3>Educational Materials<\/h3>\r\n                        <p>Custom educational content and materials designed to support effective teaching and learning.<\/p>\r\n                        <ul class=\"solution-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Textbook Development<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Learning Aids<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Assessment Materials<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Teacher Resources<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#\" class=\"solution-button\">Learn More<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- Our Process Section -->\r\n            <section class=\"solutions-section\">\r\n                <h2 class=\"solutions-title\">Our Process<\/h2>\r\n                <p class=\"solutions-subtitle\">How we deliver exceptional solutions for your business<\/p>\r\n                \r\n                <div class=\"solutions-process\">\r\n                    <div class=\"process-step\">\r\n                        <div class=\"step-number\">1<\/div>\r\n                        <h4>Discovery<\/h4>\r\n                        <p>We understand your needs, goals, and challenges<\/p>\r\n                    <\/div>\r\n                    <div class=\"process-step\">\r\n                        <div class=\"step-number\">2<\/div>\r\n                        <h4>Planning<\/h4>\r\n                        <p>We create a customized strategy and solution design<\/p>\r\n                    <\/div>\r\n                    <div class=\"process-step\">\r\n                        <div class=\"step-number\">3<\/div>\r\n                        <h4>Execution<\/h4>\r\n                        <p>We implement the solution with precision and care<\/p>\r\n                    <\/div>\r\n                    <div class=\"process-step\">\r\n                        <div class=\"step-number\">4<\/div>\r\n                        <h4>Support<\/h4>\r\n                        <p>We provide ongoing maintenance and improvements<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- Industry Solutions -->\r\n            <section class=\"solutions-section\">\r\n                <h2 class=\"solutions-title\">Solutions by Industry<\/h2>\r\n                <p class=\"solutions-subtitle\">Tailored solutions for different business sectors<\/p>\r\n                \r\n                <div class=\"industry-grid\">\r\n                    <div class=\"industry-card fade-in-up\">\r\n                        <div class=\"industry-icon\">\r\n                            <i class=\"fas fa-store\"><\/i>\r\n                        <\/div>\r\n                        <h4>Retail & E-commerce<\/h4>\r\n                    <\/div>\r\n                    <div class=\"industry-card fade-in-up\">\r\n                        <div class=\"industry-icon\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i>\r\n                        <\/div>\r\n                        <h4>Education<\/h4>\r\n                    <\/div>\r\n                    <div class=\"industry-card fade-in-up\">\r\n                        <div class=\"industry-icon\">\r\n                            <i class=\"fas fa-heartbeat\"><\/i>\r\n                        <\/div>\r\n                        <h4>Healthcare<\/h4>\r\n                    <\/div>\r\n                    <div class=\"industry-card fade-in-up\">\r\n                        <div class=\"industry-icon\">\r\n                            <i class=\"fas fa-industry\"><\/i>\r\n                        <\/div>\r\n                        <h4>Manufacturing<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- CTA Section -->\r\n            <section class=\"solutions-cta\">\r\n                <h2>Ready to Transform Your Business?<\/h2>\r\n                <p>Let's discuss how our solutions can help you achieve your goals and drive growth<\/p>\r\n                <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=256774479180&text&type=phone_number&app_absent=0\" class=\"solutions-cta-button\">Get Started Today<\/a>\r\n            <\/section>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Your existing footer here -->\r\n\r\n    <script>\r\n        \/\/ Animation for solution cards on scroll\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const observerOptions = {\r\n                threshold: 0.1,\r\n                rootMargin: '0px 0px -50px 0px'\r\n            };\r\n            \r\n            const observer = new IntersectionObserver(function(entries) {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('visible');\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n            \r\n            \/\/ Observe elements for animation\r\n            const animatedElements = document.querySelectorAll('.fade-in-up');\r\n            animatedElements.forEach(element => {\r\n                observer.observe(element);\r\n            });\r\n            \r\n            \/\/ Add staggered animation delay\r\n            const fadeElements = document.querySelectorAll('.fade-in-up');\r\n            fadeElements.forEach((element, index) => {\r\n                element.style.transitionDelay = `${index * 0.1}s`;\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>Our Solutions &#8211; GoPhine Services Our Solutions Comprehensive creative, digital, and educational solutions tailored to drive your business forward Digital Solutions Transform your online presence with our cutting-edge digital services Website Development Custom, responsive websites that convert visitors into customers and showcase your brand effectively. Responsive Design SEO Optimized Fast Loading Easy to Manage Learn [&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-1353","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/1353","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=1353"}],"version-history":[{"count":4,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/1353\/revisions"}],"predecessor-version":[{"id":1400,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/1353\/revisions\/1400"}],"wp:attachment":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/media?parent=1353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}