{"id":3491,"date":"2025-08-27T16:52:22","date_gmt":"2025-08-27T16:52:22","guid":{"rendered":"https:\/\/doneiptv.com\/?page_id=3491"},"modified":"2026-08-19T06:14:02","modified_gmt":"2026-08-19T06:14:02","slug":"about-us","status":"publish","type":"page","link":"https:\/\/doneiptv.com\/done\/home\/about-us\/","title":{"rendered":"About-us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3491\" class=\"elementor elementor-3491\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc31dfb e-flex e-con-boxed e-con e-parent\" data-id=\"dc31dfb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddebd65 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"ddebd65\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n\r\n    <!-- Google Analytics -->\r\n    <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-8YPPNJLYBX\">\r\n    <\/script>\r\n    <script>\r\n        window.dataLayer = window.dataLayer || [];\r\n\r\n        function gtag() { dataLayer.push(arguments); }\r\n        gtag('js', new Date());\r\n        gtag('config', 'G-8YPPNJLYBX');\r\n    <\/script>\r\n\r\n    <!-- Canonical Tag -->\r\n    <link rel=\"canonical\" href=\"https:\/\/doneiptv.com\/about-us\" \/>\r\n\r\n    <!-- SEO Title -->\r\n    <title>About DoneIPTV - Our Story, Mission & Team | Premium IPTV Provider<\/title>\r\n\r\n    <!-- Meta Description -->\r\n    <meta name=\"description\" content=\"Learn about DoneIPTV - the best IPTV service provider since 2020. Our mission is to deliver 90,000+ channels & 50,000+ movies in 4K to 10,000+ happy customers worldwide.\">\r\n\r\n    <!-- Robots -->\r\n    <meta name=\"robots\" content=\"index, follow\">\r\n    <meta name=\"author\" content=\"DoneIPTV\">\r\n\r\n    <!-- Open Graph -->\r\n    <meta property=\"og:title\" content=\"About DoneIPTV - Our Story, Mission & Team | Premium IPTV Provider\">\r\n    <meta property=\"og:description\" content=\"Learn about DoneIPTV - the best IPTV service provider since 2020. Our mission is to deliver 90,000+ channels & 50,000+ movies in 4K to 10,000+ happy customers worldwide.\">\r\n    <meta property=\"og:type\" content=\"website\">\r\n    <meta property=\"og:url\" content=\"https:\/\/doneiptv.com\/about-us\">\r\n    <meta property=\"og:image\" content=\"https:\/\/i.ibb.co\/1jJctgw\/bd39ba49-2bfb-4155-8b75-9472ebc6a1ce.png\">\r\n\r\n    <!-- Fonts & Icons -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- Three.js Import Map -->\r\n    <script type=\"importmap\">\r\n        {\r\n            \"imports\": {\r\n                \"three\": \"https:\/\/unpkg.com\/three@0.160.0\/build\/three.module.js\",\r\n                \"three\/addons\/\": \"https:\/\/unpkg.com\/three@0.160.0\/examples\/jsm\/\"\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* ========== ROOT VARIABLES \u2013 Inspired by the particle swarm ========== *\/\r\n        :root {\r\n            --primary: #4a6fa5;\r\n            --primary-light: #6b8cbc;\r\n            --secondary: #a8c6ff;\r\n            --accent: #00d4ff;\r\n            --accent-glow: #66f0ff;\r\n            --magenta: #ff6bff;\r\n            --cyan: #00d4ff;\r\n            --gold: #ffd700;\r\n            --gold-glow: #ffed4a;\r\n            --light-bg: #0a0f1e;\r\n            --light-card: #111a2e;\r\n            --light-card-hover: #1a2642;\r\n            --text-dark: #f1f5f9;\r\n            --text-muted: #8ea4c9;\r\n            --text-light: #c8d6e5;\r\n            --gradient-main: linear-gradient(135deg, #0a0f1e 0%, #1a2a4a 50%, #0a0f1e 100%);\r\n            --gradient-accent: linear-gradient(135deg, var(--cyan), var(--magenta));\r\n            --gradient-gold: linear-gradient(135deg, var(--gold), var(--gold-glow));\r\n            --shadow-glow: 0 0 40px rgba(0, 212, 255, 0.12);\r\n            --shadow-xl: 0 30px 60px rgba(0, 0, 0, 0.6);\r\n            --radius: 20px;\r\n            --radius-xl: 60px;\r\n            --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        }\r\n\r\n        \/* ========== RESET & BASE ========== *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background: var(--light-bg);\r\n            color: var(--text-dark);\r\n            overflow-x: hidden;\r\n            line-height: 1.6;\r\n            margin: 0;\r\n        }\r\n\r\n        h1,\r\n        h2,\r\n        h3,\r\n        h4 {\r\n            font-family: 'Orbitron', sans-serif;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .container {\r\n            width: 90%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* ========== THREE.JS BACKGROUND ========== *\/\r\n        #three-bg {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* ========== CONTENT OVERLAY ========== *\/\r\n        .content-overlay {\r\n            position: relative;\r\n            z-index: 1;\r\n            min-height: 100vh;\r\n            background: transparent;\r\n        }\r\n\r\n        \/* ========== CONTINUOUS SECTION ========== *\/\r\n        .continuous-section {\r\n            position: relative;\r\n            overflow: hidden;\r\n            background: rgba(10, 15, 30, 0.40);\r\n            backdrop-filter: blur(2px);\r\n            -webkit-backdrop-filter: blur(2px);\r\n            min-height: 100vh;\r\n            padding: 0 0 20px 0;\r\n        }\r\n\r\n        .continuous-section::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: radial-gradient(ellipse at center, transparent 50%, rgba(10, 15, 30, 0.50) 100%);\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n\r\n        .continuous-section>* {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* ========== HERO ========== *\/\r\n        .hero {\r\n            min-height: 60vh;\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 80px 0 40px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 1200px;\r\n            text-align: center;\r\n            width: 100%;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 4.2rem;\r\n            margin-bottom: 25px;\r\n            background: linear-gradient(135deg, #ffffff 0%, #a8c6ff 30%, #00d4ff 70%, #ff6bff 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            line-height: 1.1;\r\n            text-shadow: 0 0 60px rgba(0, 212, 255, 0.25), 0 10px 30px rgba(0, 0, 0, 0.5);\r\n            animation: titleGlow 4s ease-in-out infinite alternate;\r\n        }\r\n\r\n        @keyframes titleGlow {\r\n            0% {\r\n                filter: drop-shadow(0 0 20px rgba(0, 212, 255, 0.15));\r\n            }\r\n            100% {\r\n                filter: drop-shadow(0 0 50px rgba(0, 212, 255, 0.35));\r\n            }\r\n        }\r\n\r\n        .hero p {\r\n            font-size: 1.35rem;\r\n            margin-bottom: 30px;\r\n            color: rgba(255, 255, 255, 0.92);\r\n            font-weight: 300;\r\n            text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);\r\n            line-height: 1.7;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* ========== GLASS CARDS ========== *\/\r\n        .stat-card,\r\n        .value-card,\r\n        .team-card,\r\n        .about-image,\r\n        .cta-section {\r\n            background: rgba(17, 26, 46, 0.70);\r\n            backdrop-filter: blur(16px);\r\n            -webkit-backdrop-filter: blur(16px);\r\n            border: 1px solid rgba(0, 212, 255, 0.08);\r\n            box-shadow: var(--shadow-xl), inset 0 1px 0 rgba(0, 212, 255, 0.04);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .stat-card:hover,\r\n        .value-card:hover,\r\n        .team-card:hover {\r\n            transform: translateY(-10px);\r\n            border-color: rgba(0, 212, 255, 0.25);\r\n            box-shadow: var(--shadow-xl), var(--shadow-glow);\r\n        }\r\n\r\n        .cta-section {\r\n            background: rgba(17, 26, 46, 0.60);\r\n            backdrop-filter: blur(16px);\r\n            -webkit-backdrop-filter: blur(16px);\r\n            border: 1px solid rgba(0, 212, 255, 0.06);\r\n        }\r\n\r\n        \/* ========== STATS ========== *\/\r\n        .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 30px;\r\n            margin: 60px 0;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        .stat-card {\r\n            border-radius: 20px;\r\n            padding: 40px 20px;\r\n            text-align: center;\r\n            border: 1px solid rgba(0, 212, 255, 0.06);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            background: linear-gradient(135deg, var(--cyan), var(--magenta));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            margin-bottom: 10px;\r\n            font-family: 'Orbitron', sans-serif;\r\n        }\r\n\r\n        .stat-label {\r\n            color: var(--text-muted);\r\n            font-size: 1.1rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        \/* ========== ABOUT GRID ========== *\/\r\n        .about-content {\r\n            padding: 60px 0;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .about-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 50px;\r\n            align-items: center;\r\n        }\r\n\r\n        .about-text h2 {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 25px;\r\n            background: linear-gradient(to right, var(--cyan), var(--magenta));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .about-text p {\r\n            color: var(--text-light);\r\n            font-size: 1.1rem;\r\n            line-height: 1.8;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .about-image {\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            text-align: center;\r\n            border: 1px solid rgba(0, 212, 255, 0.06);\r\n        }\r\n\r\n        .about-image i {\r\n            font-size: 8rem;\r\n            background: linear-gradient(135deg, var(--cyan), var(--magenta));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            margin-bottom: 20px;\r\n            filter: drop-shadow(0 0 30px rgba(0, 212, 255, 0.25));\r\n        }\r\n\r\n        .about-image h3 {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 15px;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .about-image p {\r\n            color: var(--text-muted);\r\n        }\r\n\r\n        \/* ========== MISSION & VALUES ========== *\/\r\n        .mission-section {\r\n            padding: 60px 0;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n        .section-title h2 {\r\n            font-size: 2.8rem;\r\n            background: linear-gradient(to right, #fff, #a8c6ff, var(--cyan));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            margin-bottom: 10px;\r\n        }\r\n        .section-title p {\r\n            color: var(--text-muted);\r\n            font-size: 1.15rem;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .values-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .value-card {\r\n            border-radius: 20px;\r\n            padding: 35px 25px;\r\n            text-align: center;\r\n            border: 1px solid rgba(0, 212, 255, 0.06);\r\n            transition: var(--transition);\r\n            background: rgba(17, 26, 46, 0.70);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n        }\r\n\r\n        .value-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: linear-gradient(135deg, var(--cyan), var(--magenta));\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            box-shadow: 0 8px 25px rgba(0, 212, 255, 0.20);\r\n        }\r\n        .value-icon i {\r\n            font-size: 2rem;\r\n            color: white;\r\n        }\r\n\r\n        .value-card h3 {\r\n            font-size: 1.4rem;\r\n            margin-bottom: 15px;\r\n            color: var(--text-dark);\r\n        }\r\n        .value-card p {\r\n            color: var(--text-light);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ========== TEAM ========== *\/\r\n        .team-section {\r\n            padding: 60px 0;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .team-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .team-card {\r\n            border-radius: 20px;\r\n            padding: 30px 20px;\r\n            text-align: center;\r\n            border: 1px solid rgba(0, 212, 255, 0.06);\r\n            transition: var(--transition);\r\n            background: rgba(17, 26, 46, 0.70);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n        }\r\n\r\n        .team-avatar {\r\n            width: 120px;\r\n            height: 120px;\r\n            background: linear-gradient(135deg, var(--cyan), var(--magenta));\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            box-shadow: 0 10px 30px rgba(0, 212, 255, 0.20);\r\n        }\r\n\r\n        .team-card h3 {\r\n            font-size: 1.4rem;\r\n            margin-bottom: 5px;\r\n            color: var(--text-dark);\r\n        }\r\n        .team-role {\r\n            color: var(--cyan);\r\n            font-size: 0.95rem;\r\n            margin-bottom: 15px;\r\n            font-weight: 600;\r\n        }\r\n        .team-bio {\r\n            color: var(--text-light);\r\n            font-size: 0.9rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ========== CTA ========== *\/\r\n        .cta-section {\r\n            border-radius: 30px;\r\n            padding: 60px 40px;\r\n            text-align: center;\r\n            margin: 60px 0;\r\n            border: 1px solid rgba(0, 212, 255, 0.06);\r\n            position: relative;\r\n            z-index: 3;\r\n            background: rgba(17, 26, 46, 0.50);\r\n            backdrop-filter: blur(16px);\r\n            -webkit-backdrop-filter: blur(16px);\r\n        }\r\n\r\n        .cta-section h2 {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 20px;\r\n            background: linear-gradient(to right, var(--cyan), var(--magenta));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n        .cta-section p {\r\n            color: var(--text-light);\r\n            font-size: 1.2rem;\r\n            margin-bottom: 30px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .about-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            margin: 30px 0;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        .cta-btn {\r\n            font-size: 1.1rem;\r\n            padding: 16px 38px;\r\n            background: linear-gradient(135deg, var(--cyan), var(--magenta));\r\n            box-shadow: 0 10px 25px rgba(0, 212, 255, 0.25);\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: none;\r\n            border-radius: 50px;\r\n            color: white;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            transition: var(--transition);\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            min-width: 200px;\r\n            z-index: 1;\r\n            border: 2px solid transparent;\r\n            gap: 10px;\r\n        }\r\n        .cta-btn i {\r\n            font-size: 1.1rem;\r\n        }\r\n        .cta-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.20), transparent);\r\n            transition: left 0.5s;\r\n            z-index: -1;\r\n        }\r\n        .cta-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n        .cta-btn:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 35px rgba(0, 212, 255, 0.40);\r\n        }\r\n\r\n        .secondary-btn {\r\n            background: transparent;\r\n            border: 2px solid rgba(255, 255, 255, 0.5);\r\n            color: white;\r\n            backdrop-filter: blur(6px);\r\n            box-shadow: none;\r\n        }\r\n        .secondary-btn:hover {\r\n            background: rgba(255, 255, 255, 0.06);\r\n            border-color: var(--cyan);\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 30px rgba(0, 212, 255, 0.08);\r\n        }\r\n\r\n        \/* ========== FOOTER ========== *\/\r\n        .footer {\r\n            background: rgba(10, 15, 30, 0.60);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            padding: 50px 0 30px;\r\n            color: white;\r\n            position: relative;\r\n            overflow: hidden;\r\n            text-align: center;\r\n            border-top: 1px solid rgba(0, 212, 255, 0.04);\r\n            margin-top: 20px;\r\n            z-index: 2;\r\n        }\r\n        .footer p {\r\n            position: relative;\r\n            z-index: 1;\r\n            font-size: 1rem;\r\n            opacity: 0.9;\r\n            color: var(--text-muted);\r\n        }\r\n        .footer .footer-contact {\r\n            margin-top: 15px;\r\n            font-size: 0.95rem;\r\n            opacity: 0.75;\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n        }\r\n        .footer .footer-contact span {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n        .footer .footer-contact a {\r\n            color: var(--text-muted);\r\n            text-decoration: none;\r\n            transition: var(--transition);\r\n        }\r\n        .footer .footer-contact a:hover {\r\n            color: var(--cyan);\r\n        }\r\n\r\n        \/* ========== RESPONSIVE ========== *\/\r\n        @media (max-width: 992px) {\r\n            .about-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n            .about-text {\r\n                text-align: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero {\r\n                min-height: auto;\r\n                padding: 60px 0 30px;\r\n            }\r\n            .hero h1 {\r\n                font-size: 2.6rem;\r\n            }\r\n            .hero p {\r\n                font-size: 1.1rem;\r\n            }\r\n            .stats-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 15px;\r\n            }\r\n            .stat-number {\r\n                font-size: 2.5rem;\r\n            }\r\n            .section-title h2 {\r\n                font-size: 2.2rem;\r\n            }\r\n            .team-grid,\r\n            .values-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .cta-section {\r\n                padding: 40px 20px;\r\n            }\r\n            .cta-section h2 {\r\n                font-size: 2rem;\r\n            }\r\n            .about-buttons {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                gap: 15px;\r\n            }\r\n            .cta-btn {\r\n                width: 100%;\r\n                max-width: 300px;\r\n                font-size: 1rem;\r\n                padding: 14px 28px;\r\n            }\r\n            .about-image i {\r\n                font-size: 5rem;\r\n            }\r\n            .continuous-section {\r\n                backdrop-filter: blur(4px);\r\n                -webkit-backdrop-filter: blur(4px);\r\n            }\r\n            .footer .footer-contact {\r\n                flex-direction: column;\r\n                gap: 8px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero h1 {\r\n                font-size: 2rem;\r\n            }\r\n            .stats-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .section-title h2 {\r\n                font-size: 1.8rem;\r\n            }\r\n        }\r\n\r\n        \/* ========== SCROLLBAR ========== *\/\r\n        ::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n        ::-webkit-scrollbar-track {\r\n            background: var(--light-bg);\r\n        }\r\n        ::-webkit-scrollbar-thumb {\r\n            background: linear-gradient(180deg, var(--cyan), var(--magenta));\r\n            border-radius: 10px;\r\n        }\r\n        ::-webkit-scrollbar-thumb:hover {\r\n            background: linear-gradient(180deg, var(--accent-glow), var(--gold-glow));\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n    <!-- ===== THREE.JS BACKGROUND ===== -->\r\n    <div id=\"three-bg\"><\/div>\r\n\r\n    <!-- ===== CONTENT OVERLAY ===== -->\r\n    <div class=\"content-overlay\">\r\n\r\n        <div class=\"continuous-section\">\r\n\r\n            <!-- ===== HERO ===== -->\r\n            <section class=\"hero\">\r\n                <div class=\"container\">\r\n                    <div class=\"hero-content\">\r\n                        <h1>About DoneIPTV<\/h1>\r\n                        <p>\r\n                            Your trusted partner for premium IPTV streaming since 2020.\r\n                            We're on a mission to deliver 90,000+ channels and 50,000+ movies\r\n                            in stunning 4K quality to customers worldwide.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ===== STATS ===== -->\r\n            <section class=\"about-content\">\r\n                <div class=\"container\">\r\n                    <div class=\"stats-grid\">\r\n                        <div class=\"stat-card\">\r\n                            <div class=\"stat-number\">90K+<\/div>\r\n                            <div class=\"stat-label\">Live Channels<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-card\">\r\n                            <div class=\"stat-number\">50K+<\/div>\r\n                            <div class=\"stat-label\">Movies &amp; Series<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-card\">\r\n                            <div class=\"stat-number\">10K+<\/div>\r\n                            <div class=\"stat-label\">Happy Customers<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-card\">\r\n                            <div class=\"stat-number\">4.9<\/div>\r\n                            <div class=\"stat-label\">Trustpilot Rating<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- ===== OUR STORY ===== -->\r\n                    <div class=\"about-grid\">\r\n                        <div class=\"about-text\">\r\n                            <h2>Our Story<\/h2>\r\n                            <p>\r\n                                DoneIPTV was founded in 2020 by a team of streaming enthusiasts who\r\n                                were frustrated with the limitations of traditional cable TV. We saw\r\n                                an opportunity to create something better \u2014 a service that offers\r\n                                more channels, better quality, and real flexibility.\r\n                            <\/p>\r\n                            <p>\r\n                                What started as a small project among friends has grown into a\r\n                                trusted IPTV provider serving over 10,000 customers across the\r\n                                globe. Today, we're proud to offer 90,000+ live channels and\r\n                                50,000+ movies and series in crystal-clear 4K quality.\r\n                            <\/p>\r\n                            <p>\r\n                                Our team of 15+ dedicated professionals works 24\/7 to ensure your\r\n                                streaming experience is always smooth, buffer-free, and enjoyable.\r\n                                We personally test every channel and update our library weekly to\r\n                                bring you the latest content.\r\n                            <\/p>\r\n                        <\/div>\r\n                        <div class=\"about-image\">\r\n                            <i class=\"fas fa-satellite-dish\"><\/i>\r\n                            <h3>Global Coverage<\/h3>\r\n                            <p>Serving customers in USA, UK, Canada, Europe, Asia, and Middle East<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ===== MISSION & VALUES ===== -->\r\n            <section class=\"mission-section\">\r\n                <div class=\"container\">\r\n                    <div class=\"section-title\">\r\n                        <h2>Our Mission &amp; Values<\/h2>\r\n                        <p>What drives us every day<\/p>\r\n                    <\/div>\r\n                    <div class=\"values-grid\">\r\n                        <div class=\"value-card\">\r\n                            <div class=\"value-icon\"><i class=\"fas fa-heart\"><\/i><\/div>\r\n                            <h3>Customer First<\/h3>\r\n                            <p>Every decision we make starts with our customers. Your satisfaction is our success.<\/p>\r\n                        <\/div>\r\n                        <div class=\"value-card\">\r\n                            <div class=\"value-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n                            <h3>Reliability<\/h3>\r\n                            <p>We promise 99.9% uptime and instant support when you need it most.<\/p>\r\n                        <\/div>\r\n                        <div class=\"value-card\">\r\n                            <div class=\"value-icon\"><i class=\"fas fa-rocket\"><\/i><\/div>\r\n                            <h3>Innovation<\/h3>\r\n                            <p>Constantly improving our technology to deliver the best streaming quality possible.<\/p>\r\n                        <\/div>\r\n                        <div class=\"value-card\">\r\n                            <div class=\"value-icon\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\r\n                            <h3>Transparency<\/h3>\r\n                            <p>No hidden fees, no fine print. Just honest pricing and clear communication.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ===== TEAM ===== -->\r\n            <section class=\"team-section\">\r\n                <div class=\"container\">\r\n                    <div class=\"section-title\">\r\n                        <h2>Meet Our Leadership Team<\/h2>\r\n                        <p>The people behind DoneIPTV<\/p>\r\n                    <\/div>\r\n                    <div class=\"team-grid\">\r\n                        <div class=\"team-card\">\r\n                            <div class=\"team-avatar\">A<\/div>\r\n                            <h3>Alex Chen<\/h3>\r\n                            <div class=\"team-role\">Founder &amp; CEO<\/div>\r\n                            <p class=\"team-bio\">Streaming enthusiast with 10+ years in digital media. Built DoneIPTV to change how people watch TV.<\/p>\r\n                        <\/div>\r\n                        <div class=\"team-card\">\r\n                            <div class=\"team-avatar\">S<\/div>\r\n                            <h3>Sarah Mitchell<\/h3>\r\n                            <div class=\"team-role\">Head of Support<\/div>\r\n                            <p class=\"team-bio\">Leads our 24\/7 customer support team. Ensures every customer gets help within minutes.<\/p>\r\n                        <\/div>\r\n                        <div class=\"team-card\">\r\n                            <div class=\"team-avatar\">M<\/div>\r\n                            <h3>Marcus Williams<\/h3>\r\n                            <div class=\"team-role\">Technical Director<\/div>\r\n                            <p class=\"team-bio\">Keeps our servers running smoothly with 99.9% uptime and buffer-free streaming.<\/p>\r\n                        <\/div>\r\n                        <div class=\"team-card\">\r\n                            <div class=\"team-avatar\">E<\/div>\r\n                            <h3>Elena Rodriguez<\/h3>\r\n                            <div class=\"team-role\">Content Manager<\/div>\r\n                            <p class=\"team-bio\">Curates our 90,000+ channels and updates the VOD library weekly with fresh content.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ===== WHY CUSTOMERS TRUST US ===== -->\r\n            <section class=\"mission-section\">\r\n                <div class=\"container\">\r\n                    <div class=\"section-title\">\r\n                        <h2>Why 10,000+ Customers Trust Us<\/h2>\r\n                        <p>Real reasons from real users<\/p>\r\n                    <\/div>\r\n                    <div class=\"values-grid\">\r\n                        <div class=\"value-card\">\r\n                            <div class=\"value-icon\"><i class=\"fas fa-check-circle\"><\/i><\/div>\r\n                            <h3>7-Day Guarantee<\/h3>\r\n                            <p>Try risk-free with our money-back guarantee. Not satisfied? Get a full refund.<\/p>\r\n                        <\/div>\r\n                        <div class=\"value-card\">\r\n                            <div class=\"value-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n                            <h3>24\/7 Live Support<\/h3>\r\n                            <p>Real humans, real help. WhatsApp, email, or live chat \u2013 we're always here.<\/p>\r\n                        <\/div>\r\n                        <div class=\"value-card\">\r\n                            <div class=\"value-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n                            <h3>Instant Activation<\/h3>\r\n                            <p>Get your login details within 5 minutes of purchase. Start streaming immediately.<\/p>\r\n                        <\/div>\r\n                        <div class=\"value-card\">\r\n                            <div class=\"value-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n                            <h3>Works Everywhere<\/h3>\r\n                            <p>Compatible with Firestick, Android, iOS, Smart TVs, and all major devices.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ===== CTA ===== -->\r\n            <section class=\"cta-section\">\r\n                <div class=\"container\">\r\n                    <h2>Ready to Join 10,000+ Happy Customers?<\/h2>\r\n                    <p>Experience the DoneIPTV difference today with our risk-free 7-day guarantee.<\/p>\r\n                    <div class=\"about-buttons\">\r\n                        <a href=\"https:\/\/doneiptv.com\/iptv-pricing-subscription-plans\/\" class=\"cta-btn\">\r\n                            <i class=\"fas fa-bolt\"><\/i> VIEW PLANS\r\n                        <\/a>\r\n                        <a href=\"https:\/\/wa.me\/447367062287\" class=\"cta-btn secondary-btn\" target=\"_blank\" rel=\"noopener\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i> CHAT WITH US\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n        <\/div>\r\n        <!-- \/continuous-section -->\r\n\r\n        <!-- ===== FOOTER ===== -->\r\n        <footer class=\"footer\">\r\n            <div class=\"container\">\r\n                <p>&copy; 2025 DoneIPTV \u2013 Premium IPTV Streaming Service. All Rights Reserved.<\/p>\r\n                <div class=\"footer-contact\">\r\n                    <span><i class=\"fas fa-envelope\" style=\"color:var(--cyan);\"><\/i> <a href=\"mailto:Doneiptv00@Gmail.Com\">Doneiptv00@Gmail.Com<\/a><\/span>\r\n                    <span><i class=\"fab fa-whatsapp\" style=\"color:var(--cyan);\"><\/i> <a href=\"https:\/\/wa.me\/447367062287\" target=\"_blank\" rel=\"noopener\">+44 7367 062287<\/a><\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/footer>\r\n\r\n    <\/div>\r\n    <!-- \/content-overlay -->\r\n\r\n\r\n    <!-- ============================================================\r\n    THREE.JS PARTICLE SWARM \u2013 BREATHING TESSERACT\r\n    ============================================================ -->\r\n    <script type=\"module\">\r\n        import * as THREE from 'three';\r\n        import { EffectComposer } from 'three\/addons\/postprocessing\/EffectComposer.js';\r\n        import { RenderPass } from 'three\/addons\/postprocessing\/RenderPass.js';\r\n        import { UnrealBloomPass } from 'three\/addons\/postprocessing\/UnrealBloomPass.js';\r\n\r\n        \/\/ \u2500\u2500\u2500 CONFIG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n        const COUNT = 18000;\r\n        const SPEED_MULT = 0.9;\r\n\r\n        \/\/ \u2500\u2500\u2500 SCENE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n        const scene = new THREE.Scene();\r\n        scene.background = new THREE.Color(0x0a0f1e);\r\n\r\n        const camera = new THREE.PerspectiveCamera(55, window.innerWidth \/ window.innerHeight, 0.1, 2000);\r\n        camera.position.set(0, 0, 110);\r\n\r\n        const renderer = new THREE.WebGLRenderer({\r\n            antialias: true,\r\n            alpha: false,\r\n            powerPreference: \"high-performance\"\r\n        });\r\n        renderer.setSize(window.innerWidth, window.innerHeight);\r\n        renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\r\n        renderer.toneMapping = THREE.ACESFilmicToneMapping;\r\n        renderer.toneMappingExposure = 1.2;\r\n\r\n        \/\/ attach to the bg container\r\n        const bgContainer = document.getElementById('three-bg');\r\n        bgContainer.appendChild(renderer.domElement);\r\n\r\n        \/\/ \u2500\u2500\u2500 POST PROCESSING \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n        const composer = new EffectComposer(renderer);\r\n        composer.addPass(new RenderPass(scene, camera));\r\n\r\n        const bloomPass = new UnrealBloomPass(\r\n            new THREE.Vector2(window.innerWidth, window.innerHeight),\r\n            1.6, \/\/ strength\r\n            0.35, \/\/ radius\r\n            0.0 \/\/ threshold\r\n        );\r\n        composer.addPass(bloomPass);\r\n\r\n        \/\/ \u2500\u2500\u2500 INSTANCED MESH \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n        const geometry = new THREE.TetrahedronGeometry(0.28);\r\n        const material = new THREE.MeshBasicMaterial({ color: 0xffffff });\r\n\r\n        const instancedMesh = new THREE.InstancedMesh(geometry, material, COUNT);\r\n        instancedMesh.instanceMatrix.setUsage(THREE.DynamicDrawUsage);\r\n        scene.add(instancedMesh);\r\n\r\n        \/\/ \u2500\u2500\u2500 DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n        const positions = [];\r\n        const color = new THREE.Color();\r\n\r\n        for (let i = 0; i < COUNT; i++) {\r\n            positions.push(new THREE.Vector3(\r\n                (Math.random() - 0.5) * 100,\r\n                (Math.random() - 0.5) * 100,\r\n                (Math.random() - 0.5) * 100\r\n            ));\r\n            instancedMesh.setColorAt(i, color.setHex(0x00ff88));\r\n        }\r\n\r\n        \/\/ \u2500\u2500\u2500 CONTROLS STUBS (matching the 4D tesseract logic) \u2500\u2500\r\n        const PARAMS = { rotSpeed: 0.8, breathSpeed: 1.2, scale: 50, fuzz: 0.15 };\r\n        const addControl = (id) => PARAMS[id] !== undefined ? PARAMS[id] : 0;\r\n        const setInfo = () => {};\r\n        const annotate = () => {};\r\n\r\n        \/\/ \u2500\u2500\u2500 ANIMATION LOOP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n        const clock = new THREE.Clock();\r\n\r\n        function animate() {\r\n            requestAnimationFrame(animate);\r\n\r\n            const delta = clock.getDelta();\r\n            const time = clock.getElapsedTime() * SPEED_MULT;\r\n\r\n            \/\/ \u2500\u2500 SWARM LOGIC (4D Hypercube \/ Breathing Tesseract) \u2500\u2500\r\n            const count = COUNT;\r\n            for (let i = 0; i < COUNT; i++) {\r\n                const rotSpeed = addControl(\"rotSpeed\");\r\n                const breathSpeed = addControl(\"breathSpeed\");\r\n                const scale = addControl(\"scale\");\r\n                const fuzz = addControl(\"fuzz\");\r\n\r\n                const edges = 32;\r\n                const particlesPerEdge = Math.max(1, Math.floor(count \/ edges));\r\n                const edgeIndex = Math.floor(i \/ particlesPerEdge) % edges;\r\n                const edgeT = (i % particlesPerEdge) \/ particlesPerEdge;\r\n\r\n                const v = (edgeT * 2.0) - 1.0;\r\n\r\n                const axis = edgeIndex % 4;\r\n                const fixedBits = Math.floor(edgeIndex \/ 4);\r\n                const bit1 = (fixedBits & 1) ? 1.0 : -1.0;\r\n                const bit2 = (fixedBits & 2) ? 1.0 : -1.0;\r\n                const bit3 = (fixedBits & 4) ? 1.0 : -1.0;\r\n\r\n                let x4 = 0.0,\r\n                    y4 = 0.0,\r\n                    z4 = 0.0,\r\n                    w4 = 0.0;\r\n\r\n                if (axis === 0) { x4 = v;\r\n                    y4 = bit1;\r\n                    z4 = bit2;\r\n                    w4 = bit3; } else if (axis === 1) { x4 = bit1;\r\n                    y4 = v;\r\n                    z4 = bit2;\r\n                    w4 = bit3; } else if (axis === 2) { x4 = bit1;\r\n                    y4 = bit2;\r\n                    z4 = v;\r\n                    w4 = bit3; } else { x4 = bit1;\r\n                    y4 = bit2;\r\n                    z4 = bit3;\r\n                    w4 = v; }\r\n\r\n                const breath = 1.0 + 0.3 * Math.sin(time * breathSpeed + i * 0.0001);\r\n                x4 *= breath;\r\n                y4 *= breath;\r\n                z4 *= breath;\r\n                w4 *= breath;\r\n\r\n                const a1 = time * rotSpeed;\r\n                const c1 = Math.cos(a1),\r\n                    s1 = Math.sin(a1);\r\n                const x_1 = x4 * c1 - w4 * s1;\r\n                const w_1 = x4 * s1 + w4 * c1;\r\n\r\n                const a2 = time * rotSpeed * 0.618;\r\n                const c2 = Math.cos(a2),\r\n                    s2 = Math.sin(a2);\r\n                const y_1 = y4 * c2 - z4 * s2;\r\n                const z_1 = y4 * s2 + z4 * c2;\r\n\r\n                const a3 = time * rotSpeed * 0.382;\r\n                const c3 = Math.cos(a3),\r\n                    s3 = Math.sin(a3);\r\n                const X_f = x_1 * c3 - y_1 * s3;\r\n                const Y_f = x_1 * s3 + y_1 * c3;\r\n                const Z_f = z_1;\r\n                const W_f = w_1;\r\n\r\n                const pX = X_f + Math.sin(i * 1.3 + time) * fuzz;\r\n                const pY = Y_f + Math.cos(i * 1.7 - time) * fuzz;\r\n                const pZ = Z_f + Math.sin(i * 2.1 + time * 1.2) * fuzz;\r\n\r\n                const projDist = 4.0;\r\n                const wFactor = 1.0 \/ (projDist - W_f + 0.0001);\r\n\r\n                const finalX = pX * wFactor * scale;\r\n                const finalY = pY * wFactor * scale;\r\n                const finalZ = pZ * wFactor * scale;\r\n\r\n                const target = new THREE.Vector3(finalX, finalY, finalZ);\r\n\r\n                \/\/ Iridescent color mapping \u2013 cyan\/magenta\/gold\r\n                const hue = 0.55 + W_f * 0.18 + (i \/ count) * 0.12;\r\n                const lum = 0.25 + wFactor * 0.55;\r\n                color.setHSL(Math.abs(hue % 1.0), 0.85, Math.min(Math.max(lum, 0.1), 1.0));\r\n\r\n                \/\/ LERP & UPDATE\r\n                positions[i].lerp(target, 0.1);\r\n\r\n                const dummy = new THREE.Object3D();\r\n                dummy.position.copy(positions[i]);\r\n                dummy.updateMatrix();\r\n                instancedMesh.setMatrixAt(i, dummy.matrix);\r\n                instancedMesh.setColorAt(i, color);\r\n            }\r\n\r\n            instancedMesh.instanceMatrix.needsUpdate = true;\r\n            instancedMesh.instanceColor.needsUpdate = true;\r\n\r\n            \/\/ \u2500\u2500 subtle camera drift \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            const orbitRadius = 8;\r\n            const orbitSpeed = 0.04;\r\n            const cx = Math.sin(time * orbitSpeed) * orbitRadius;\r\n            const cz = Math.cos(time * orbitSpeed) * orbitRadius;\r\n            camera.position.x = cx;\r\n            camera.position.z = 110 + cz;\r\n            camera.lookAt(0, 0, 0);\r\n\r\n            composer.render();\r\n        }\r\n\r\n        animate();\r\n\r\n        \/\/ \u2500\u2500\u2500 RESIZE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n        window.addEventListener('resize', () => {\r\n            const w = window.innerWidth;\r\n            const h = window.innerHeight;\r\n            camera.aspect = w \/ h;\r\n            camera.updateProjectionMatrix();\r\n            renderer.setSize(w, h);\r\n            composer.setSize(w, h);\r\n        });\r\n    <\/script>\r\n\r\n    <!-- ============================================================\r\n    FADE-IN ON SCROLL (for cards)\r\n    ============================================================ -->\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const fadeElements = document.querySelectorAll('.stat-card, .value-card, .team-card, .about-image, .cta-section');\r\n\r\n            const fadeInOnScroll = function() {\r\n                fadeElements.forEach(element => {\r\n                    const rect = element.getBoundingClientRect();\r\n                    const visible = 150;\r\n                    if (rect.top < window.innerHeight - visible) {\r\n                        element.style.opacity = \"1\";\r\n                        element.style.transform = \"translateY(0)\";\r\n                    }\r\n                });\r\n            };\r\n\r\n            fadeElements.forEach(element => {\r\n                element.style.opacity = \"0\";\r\n                element.style.transform = \"translateY(28px)\";\r\n                element.style.transition = \"opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1), transform 0.7s cubic-bezier(0.23, 1, 0.32, 1)\";\r\n            });\r\n\r\n            window.addEventListener('scroll', fadeInOnScroll);\r\n            setTimeout(fadeInOnScroll, 400);\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About DoneIPTV &#8211; Our Story, Mission &#038; Team | Premium IPTV Provider About DoneIPTV Your trusted partner for premium IPTV streaming since 2020. We&#8217;re on a mission to deliver 90,000+ channels and 50,000+ movies in stunning 4K quality to customers worldwide. 90K+ Live Channels 50K+ Movies &amp; Series 10K+ Happy Customers 4.9 Trustpilot Rating Our [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2981,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3491","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/pages\/3491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/comments?post=3491"}],"version-history":[{"count":43,"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/pages\/3491\/revisions"}],"predecessor-version":[{"id":5933,"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/pages\/3491\/revisions\/5933"}],"up":[{"embeddable":true,"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/pages\/2981"}],"wp:attachment":[{"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/media?parent=3491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}