{"id":15,"date":"2026-02-24T07:16:16","date_gmt":"2026-02-24T07:16:16","guid":{"rendered":"https:\/\/uivpn.uniquewebideas.com\/?page_id=15"},"modified":"2026-02-24T07:16:16","modified_gmt":"2026-02-24T07:16:16","slug":"about-us","status":"publish","type":"page","link":"https:\/\/uivpn.uniquewebideas.com\/index.php\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\">\n    <title>About Us &#8211; UI VPN<\/title>\n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Font Awesome 6 (free) -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    <style>\n        \/* ===== RESET & VARIABLES ===== *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --bg-primary: #0a0f1e;\n            --bg-secondary: #0b1120;\n            --bg-card: #111827;\n            --border: #1e293b;\n            --text-primary: #e0e7ff;\n            --text-secondary: #94a3b8;\n            --text-accent: #a5b4fc;\n            --primary: #3b82f6;\n            --primary-dark: #2563eb;\n            --primary-light: #60a5fa;\n            --accent: #8b5cf6;\n            --success: #10b981;\n            --transition: all 0.3s ease;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: var(--bg-primary);\n            color: var(--text-primary);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        a {\n            text-decoration: none;\n            color: inherit;\n        }\n\n        .container {\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        \/* ===== UTILITY CLASSES ===== *\/\n        .section-title {\n            font-size: clamp(28px, 4vw, 36px);\n            font-weight: 700;\n            text-align: center;\n            margin-bottom: 16px;\n            color: #fff;\n        }\n\n        .section-subtitle {\n            text-align: center;\n            color: var(--text-secondary);\n            max-width: 700px;\n            margin: 0 auto 48px;\n            padding: 0 20px;\n            font-size: 18px;\n        }\n\n        \/* ===== HEADER ===== *\/\n        header {\n            background-color: rgba(11, 17, 32, 0.98);\n            backdrop-filter: blur(10px);\n            border-bottom: 1px solid var(--border);\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            width: 100%;\n        }\n\n        .header-content {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 16px 0;\n        }\n\n        .logo {\n            font-size: 24px;\n            font-weight: 700;\n            color: #fff;\n        }\n        .logo span {\n            color: var(--primary);\n        }\n\n        .nav-list {\n            display: flex;\n            list-style: none;\n            gap: 32px;\n        }\n        .nav-list li a {\n            font-weight: 500;\n            transition: var(--transition);\n        }\n        .nav-list li a:hover,\n        .nav-list li a.active {\n            color: var(--primary);\n        }\n\n        .btn-download {\n            background-color: var(--primary);\n            color: #fff;\n            padding: 10px 24px;\n            border-radius: 30px;\n            font-weight: 600;\n            transition: var(--transition);\n            white-space: nowrap;\n            border: none;\n            cursor: pointer;\n        }\n        .btn-download:hover {\n            background-color: var(--primary-dark);\n        }\n\n        .menu-toggle {\n            display: none;\n            font-size: 28px;\n            cursor: pointer;\n            background: transparent;\n            border: none;\n            color: #fff;\n        }\n\n        .mobile-nav {\n            display: none;\n            flex-direction: column;\n            background-color: var(--bg-card);\n            padding: 20px 24px;\n            border-top: 1px solid var(--border);\n        }\n        .mobile-nav.active {\n            display: flex;\n        }\n        .mobile-nav a {\n            padding: 14px 0;\n            font-weight: 500;\n            border-bottom: 1px solid var(--border);\n        }\n        .mobile-nav a:last-child {\n            border-bottom: none;\n        }\n        .mobile-nav .btn-download {\n            margin-top: 16px;\n            text-align: center;\n        }\n\n        \/* ===== ABOUT HERO ===== *\/\n        .about-hero {\n            padding: 80px 0;\n            background: linear-gradient(135deg, #0f172a 0%, #0a0f1e 100%);\n            text-align: center;\n        }\n        .about-hero h1 {\n            font-size: clamp(40px, 6vw, 56px);\n            font-weight: 800;\n            color: #fff;\n            margin-bottom: 24px;\n        }\n        .about-hero p {\n            font-size: 20px;\n            color: var(--text-accent);\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        \/* ===== MISSION SECTION ===== *\/\n        .mission {\n            padding: 80px 0;\n            background-color: var(--bg-secondary);\n        }\n        .mission-content {\n            display: flex;\n            align-items: center;\n            gap: 60px;\n            flex-wrap: wrap;\n        }\n        .mission-text {\n            flex: 1 1 400px;\n        }\n        .mission-text h2 {\n            font-size: 32px;\n            font-weight: 700;\n            color: #fff;\n            margin-bottom: 24px;\n        }\n        .mission-text p {\n            color: var(--text-secondary);\n            margin-bottom: 20px;\n            font-size: 18px;\n        }\n        .mission-image {\n            flex: 1 1 300px;\n            text-align: center;\n        }\n        .mission-image i {\n            font-size: 200px;\n            color: var(--primary);\n            opacity: 0.8;\n        }\n\n        \/* ===== STATS SECTION ===== *\/\n        .stats {\n            padding: 60px 0;\n            background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);\n        }\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 40px;\n            text-align: center;\n        }\n        .stat-item h3 {\n            font-size: 48px;\n            font-weight: 800;\n            color: #fff;\n            margin-bottom: 8px;\n        }\n        .stat-item p {\n            font-size: 18px;\n            color: var(--text-accent);\n        }\n\n        \/* ===== VALUES SECTION ===== *\/\n        .values {\n            padding: 80px 0;\n            background-color: var(--bg-primary);\n        }\n        .values-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 30px;\n        }\n        .value-card {\n            background: var(--bg-card);\n            border: 1px solid var(--border);\n            border-radius: 24px;\n            padding: 32px;\n            text-align: center;\n            transition: var(--transition);\n        }\n        .value-card:hover {\n            transform: translateY(-5px);\n            border-color: var(--primary);\n        }\n        .value-icon {\n            width: 70px;\n            height: 70px;\n            background: #1e3a8a;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 24px;\n        }\n        .value-icon i {\n            font-size: 32px;\n            color: var(--primary);\n        }\n        .value-card h3 {\n            font-size: 22px;\n            color: #fff;\n            margin-bottom: 16px;\n        }\n        .value-card p {\n            color: var(--text-secondary);\n        }\n\n        \/* ===== TEAM SECTION ===== *\/\n        .team {\n            padding: 80px 0;\n            background-color: var(--bg-secondary);\n        }\n        .team-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 30px;\n        }\n        .team-member {\n            background: var(--bg-card);\n            border: 1px solid var(--border);\n            border-radius: 24px;\n            padding: 24px;\n            text-align: center;\n            transition: var(--transition);\n        }\n        .team-member:hover {\n            transform: translateY(-5px);\n            border-color: var(--primary);\n        }\n        .member-avatar {\n            width: 120px;\n            height: 120px;\n            border-radius: 50%;\n            margin: 0 auto 20px;\n            background: #1e293b;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 3px solid var(--primary);\n        }\n        .member-avatar i {\n            font-size: 60px;\n            color: var(--primary);\n        }\n        .team-member h3 {\n            font-size: 20px;\n            color: #fff;\n            margin-bottom: 4px;\n        }\n        .member-role {\n            color: var(--primary);\n            font-weight: 500;\n            margin-bottom: 16px;\n        }\n        .member-bio {\n            color: var(--text-secondary);\n            font-size: 14px;\n            margin-bottom: 16px;\n        }\n        .member-social {\n            display: flex;\n            justify-content: center;\n            gap: 12px;\n        }\n        .member-social a {\n            color: var(--text-secondary);\n            transition: var(--transition);\n        }\n        .member-social a:hover {\n            color: var(--primary);\n        }\n\n        \/* ===== TIMELINE SECTION ===== *\/\n        .timeline {\n            padding: 80px 0;\n            background-color: var(--bg-primary);\n        }\n        .timeline-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n        .timeline-container::before {\n            content: '';\n            position: absolute;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 2px;\n            height: 100%;\n            background: var(--border);\n        }\n        .timeline-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 40px;\n            position: relative;\n        }\n        .timeline-item:nth-child(even) {\n            flex-direction: row-reverse;\n        }\n        .timeline-date {\n            width: 120px;\n            background: var(--primary);\n            color: #fff;\n            padding: 8px 16px;\n            border-radius: 30px;\n            text-align: center;\n            font-weight: 600;\n        }\n        .timeline-content {\n            width: calc(50% - 80px);\n            background: var(--bg-card);\n            border: 1px solid var(--border);\n            border-radius: 16px;\n            padding: 20px;\n        }\n        .timeline-content h3 {\n            color: #fff;\n            margin-bottom: 8px;\n        }\n        .timeline-content p {\n            color: var(--text-secondary);\n        }\n        @media (max-width: 768px) {\n            .timeline-container::before {\n                left: 20px;\n            }\n            .timeline-item {\n                flex-direction: column !important;\n                align-items: flex-start;\n                margin-left: 40px;\n            }\n            .timeline-date {\n                margin-bottom: 10px;\n            }\n            .timeline-content {\n                width: 100%;\n            }\n        }\n\n        \/* ===== FOOTER ===== *\/\n        footer {\n            background-color: var(--bg-secondary);\n            border-top: 1px solid var(--border);\n            padding: 48px 0 24px;\n        }\n        .footer-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n            gap: 40px;\n            margin-bottom: 48px;\n        }\n        .footer-col h4 {\n            color: #fff;\n            margin-bottom: 20px;\n            font-size: 18px;\n        }\n        .footer-col ul {\n            list-style: none;\n        }\n        .footer-col ul li {\n            margin-bottom: 12px;\n        }\n        .footer-col ul li a {\n            color: var(--text-secondary);\n            transition: var(--transition);\n        }\n        .footer-col ul li a:hover {\n            color: var(--primary);\n        }\n        .footer-bottom {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 20px;\n            padding-top: 24px;\n            border-top: 1px solid var(--border);\n            color: var(--text-secondary);\n            font-size: 14px;\n        }\n        .social-links {\n            display: flex;\n            gap: 16px;\n        }\n        .social-links a {\n            color: var(--text-secondary);\n            font-size: 20px;\n            transition: var(--transition);\n        }\n        .social-links a:hover {\n            color: var(--primary);\n        }\n\n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 992px) {\n            .nav-list {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .nav-list, .header-content .btn-download {\n                display: none;\n            }\n            .menu-toggle {\n                display: block;\n            }\n            .stats-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .stats-grid {\n                grid-template-columns: 1fr;\n            }\n            .mission-image i {\n                font-size: 150px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <header>\n        <div class=\"container header-content\">\n            <div class=\"logo\">UI <span>VPN<\/span><\/div>\n            <nav>\n                <ul class=\"nav-list\">\n                    <li><a href=\"index.html\">Home<\/a><\/li>\n                    <li><a href=\"about.html\" class=\"active\">About<\/a><\/li>\n                    <li><a href=\"index.html#features\">Features<\/a><\/li>\n                    <li><a href=\"index.html#pricing\">Pricing<\/a><\/li>\n                    <li><a href=\"privacy.html\">Privacy<\/a><\/li>\n                <\/ul>\n            <\/nav>\n            <a href=\"#\" class=\"btn-download\">Download<\/a>\n            <button class=\"menu-toggle\" aria-label=\"Menu\">\n                <i class=\"fas fa-bars\"><\/i>\n            <\/button>\n        <\/div>\n        <div class=\"mobile-nav\" id=\"mobileNav\">\n            <a href=\"index.html\">Home<\/a>\n            <a href=\"about.html\">About<\/a>\n            <a href=\"index.html#features\">Features<\/a>\n            <a href=\"index.html#pricing\">Pricing<\/a>\n            <a href=\"privacy.html\">Privacy<\/a>\n            <a href=\"#\" class=\"btn-download\">Download<\/a>\n        <\/div>\n    <\/header>\n\n    <section class=\"about-hero\">\n        <div class=\"container\">\n            <h1>About UI VPN<\/h1>\n            <p>We&#8217;re on a mission to make the internet private, secure, and accessible for everyone. Founded by privacy advocates, engineers, and dreamers.<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"mission\">\n        <div class=\"container mission-content\">\n            <div class=\"mission-text\">\n                <h2>Our Mission<\/h2>\n                <p>At UI VPN, we believe that online privacy is a fundamental right. In a world where data is the new oil, we empower individuals to take back control of their digital lives. Our no-logs VPN service ensures that your online activities remain yours and yours alone.<\/p>\n                <p>We combine cutting-edge encryption with blazing-fast servers to provide a seamless, secure browsing experience. Whether you&#8217;re streaming, working remotely, or simply browsing, UI VPN keeps you protected from prying eyes.<\/p>\n            <\/div>\n            <div class=\"mission-image\">\n                <i class=\"fas fa-bullseye\"><\/i>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"stats\">\n        <div class=\"container\">\n            <div class=\"stats-grid\">\n                <div class=\"stat-item\">\n                    <h3>5M+<\/h3>\n                    <p>Active Users<\/p>\n                <\/div>\n                <div class=\"stat-item\">\n                    <h3>50+<\/h3>\n                    <p>Countries<\/p>\n                <\/div>\n                <div class=\"stat-item\">\n                    <h3>99.9%<\/h3>\n                    <p>Uptime<\/p>\n                <\/div>\n                <div class=\"stat-item\">\n                    <h3>24\/7<\/h3>\n                    <p>Support<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"values\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Our Core Values<\/h2>\n            <p class=\"section-subtitle\">These principles guide everything we do.<\/p>\n            <div class=\"values-grid\">\n                <div class=\"value-card\">\n                    <div class=\"value-icon\"><i class=\"fas fa-lock\"><\/i><\/div>\n                    <h3>Privacy First<\/h3>\n                    <p>We built our entire infrastructure around protecting your data. No logs, no tracking, no exceptions.<\/p>\n                <\/div>\n                <div class=\"value-card\">\n                    <div class=\"value-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\n                    <h3>Performance Matters<\/h3>\n                    <p>Security shouldn&#8217;t come at the cost of speed. We optimize every server for maximum throughput.<\/p>\n                <\/div>\n                <div class=\"value-card\">\n                    <div class=\"value-icon\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\n                    <h3>Transparency<\/h3>\n                    <p>We publish regular transparency reports and our code is open to security audits.<\/p>\n                <\/div>\n                <div class=\"value-card\">\n                    <div class=\"value-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\n                    <h3>Global Access<\/h3>\n                    <p>We believe the internet should be open. Our servers help users bypass censorship worldwide.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"team\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Meet the Team<\/h2>\n            <p class=\"section-subtitle\">The passionate people behind UI VPN.<\/p>\n            <div class=\"team-grid\">\n                <div class=\"team-member\">\n                    <div class=\"member-avatar\"><i class=\"fas fa-user-circle\"><\/i><\/div>\n                    <h3>Alex Rivera<\/h3>\n                    <div class=\"member-role\">CEO &#038; Co-founder<\/div>\n                    <p class=\"member-bio\">Privacy advocate and serial entrepreneur. Previously led security at TechCorp.<\/p>\n                    <div class=\"member-social\">\n                        <a href=\"#\"><i class=\"fab fa-linkedin\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"team-member\">\n                    <div class=\"member-avatar\"><i class=\"fas fa-user-circle\"><\/i><\/div>\n                    <h3>Maya Chen<\/h3>\n                    <div class=\"member-role\">CTO<\/div>\n                    <p class=\"member-bio\">Cryptography expert with 10+ years in network security. PhD in Computer Science.<\/p>\n                    <div class=\"member-social\">\n                        <a href=\"#\"><i class=\"fab fa-linkedin\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fab fa-github\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"team-member\">\n                    <div class=\"member-avatar\"><i class=\"fas fa-user-circle\"><\/i><\/div>\n                    <h3>David Okafor<\/h3>\n                    <div class=\"member-role\">Head of Engineering<\/div>\n                    <p class=\"member-bio\">Full-stack architect who loves building scalable, secure systems.<\/p>\n                    <div class=\"member-social\">\n                        <a href=\"#\"><i class=\"fab fa-linkedin\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"team-member\">\n                    <div class=\"member-avatar\"><i class=\"fas fa-user-circle\"><\/i><\/div>\n                    <h3>Sophie Williams<\/h3>\n                    <div class=\"member-role\">Privacy Officer<\/div>\n                    <p class=\"member-bio\">Legal expert specializing in data protection and GDPR compliance.<\/p>\n                    <div class=\"member-social\">\n                        <a href=\"#\"><i class=\"fab fa-linkedin\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"timeline\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Our Journey<\/h2>\n            <p class=\"section-subtitle\">How we became the trusted name in VPN privacy.<\/p>\n            <div class=\"timeline-container\">\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-date\">2018<\/div>\n                    <div class=\"timeline-content\">\n                        <h3>The Beginning<\/h3>\n                        <p>UI VPN founded by a team of privacy engineers in response to growing surveillance.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-date\">2019<\/div>\n                    <div class=\"timeline-content\">\n                        <h3>First Million Users<\/h3>\n                        <p>Rapid adoption thanks to our no-logs promise and fast servers.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-date\">2021<\/div>\n                    <div class=\"timeline-content\">\n                        <h3>Global Expansion<\/h3>\n                        <p>Added servers in 30+ new countries, reaching 50+ locations worldwide.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-date\">2024<\/div>\n                    <div class=\"timeline-content\">\n                        <h3>Open Source Audit<\/h3>\n                        <p>Independent security audit confirms our no-logs policy.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-grid\">\n                <div class=\"footer-col\">\n                    <h4>UI VPN<\/h4>\n                    <ul>\n                        <li><a href=\"about.html\">About Us<\/a><\/li>\n                        <li><a href=\"#\">Features<\/a><\/li>\n                        <li><a href=\"#\">Server Locations<\/a><\/li>\n                        <li><a href=\"#\">Contact<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h4>Legal<\/h4>\n                    <ul>\n                        <li><a href=\"privacy.html\">Privacy Policy<\/a><\/li>\n                        <li><a href=\"#\">Terms of Service<\/a><\/li>\n                        <li><a href=\"#\">Cookie Policy<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h4>Resources<\/h4>\n                    <ul>\n                        <li><a href=\"#\">Help Center<\/a><\/li>\n                        <li><a href=\"#\">Blog<\/a><\/li>\n                        <li><a href=\"#\">System Status<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div class=\"footer-bottom\">\n                <p>&copy; 2026 UI VPN. All rights reserved. Made with <i class=\"fas fa-heart\" style=\"color: var(--primary);\"><\/i> for privacy.<\/p>\n                <div class=\"social-links\">\n                    <a href=\"#\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"><\/i><\/a>\n                    <a href=\"#\" aria-label=\"Facebook\"><i class=\"fab fa-facebook\"><\/i><\/a>\n                    <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n                    <a href=\"#\" aria-label=\"GitHub\"><i class=\"fab fa-github\"><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Mobile menu toggle\n        const menuToggle = document.querySelector('.menu-toggle');\n        const mobileNav = document.getElementById('mobileNav');\n        const menuIcon = menuToggle.querySelector('i');\n\n        menuToggle.addEventListener('click', () => {\n            mobileNav.classList.toggle('active');\n            if (mobileNav.classList.contains('active')) {\n                menuIcon.classList.remove('fa-bars');\n                menuIcon.classList.add('fa-times');\n            } else {\n                menuIcon.classList.remove('fa-times');\n                menuIcon.classList.add('fa-bars');\n            }\n        });\n\n        \/\/ Close mobile nav when link clicked\n        document.querySelectorAll('.mobile-nav a').forEach(link => {\n            link.addEventListener('click', () => {\n                mobileNav.classList.remove('active');\n                menuIcon.classList.remove('fa-times');\n                menuIcon.classList.add('fa-bars');\n            });\n        });\n\n        \/\/ Smooth scroll for internal links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                const href = this.getAttribute('href');\n                if (href === '#') return;\n                e.preventDefault();\n                const target = document.querySelector(href);\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth' });\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>About Us &#8211; UI VPN UI VPN Home About Features Pricing Privacy Download Home About Features Pricing Privacy Download About UI VPN We&#8217;re on a mission to make the internet private, secure, and accessible for everyone. Founded by privacy advocates, engineers, and dreamers. Our Mission At UI VPN, we believe that online privacy is a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/uivpn.uniquewebideas.com\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uivpn.uniquewebideas.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uivpn.uniquewebideas.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uivpn.uniquewebideas.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uivpn.uniquewebideas.com\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":1,"href":"https:\/\/uivpn.uniquewebideas.com\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/uivpn.uniquewebideas.com\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/uivpn.uniquewebideas.com\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}