{"id":106,"date":"2025-09-30T15:46:34","date_gmt":"2025-09-30T15:46:34","guid":{"rendered":"https:\/\/nilegroupe.com\/?page_id=106"},"modified":"2025-12-04T13:11:21","modified_gmt":"2025-12-04T13:11:21","slug":"nile-telecom","status":"publish","type":"page","link":"https:\/\/nilegroupe.com\/fr\/nile-telecom\/","title":{"rendered":"Nile Telecom"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"106\" class=\"elementor elementor-106\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a0875 e-con-full e-flex e-con e-parent\" data-id=\"c8a0875\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37a64d2 elementor-widget elementor-widget-html\" data-id=\"37a64d2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n    <style>\n        .text-stroke {\n            -webkit-text-stroke: 2px #8b5cf6;\n            color: transparent;\n        }\n\n        .diagonal-sectio {\n            clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);\n        }\n\n        .card-hover {\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .card-hover:hover {\n            transform: translateY(-10px);\n        }\n\n        .tech-grid {\n            background-image: \n                linear-gradient(rgba(139, 92, 246, 0.1) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(139, 92, 246, 0.1) 1px, transparent 1px);\n            background-size: 40px 40px;\n        }\n\n        .reveal {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 1s ease-out;\n        }\n\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-20px); }\n        }\n\n        .floating {\n            animation: float 6s ease-in-out infinite;\n        }\n\n        .circuit-pattern {\n            background-image: \n                radial-gradient(circle at 2px 2px, rgba(139, 92, 246, 0.15) 1px, transparent 0);\n            background-size: 30px 30px;\n        }\n    <\/style>\n     \n<div class=\"bg-slate-950 text-white overflow-x-hidden\">\n    \n    <!-- Hero Section -->\n    <section class=\"relative min-h-[85vh] flex items-center justify-center overflow-hidden tech-grid\">\n        \n        \n         <!-- Video Background -->\n    <div class=\"hero-video-container\">\n        <video class=\"hero-bg-video\" autoplay muted loop playsinline preload=\"metadata\">\n            <source src=\"https:\/\/nilegroupe.com\/videos\/niletelecom.mp4\" type=\"video\/mp4\">\n        <\/video>\n    <\/div>\n    \n    <!-- Fallback Animated Background -->\n    <div class=\"absolute inset-0 hero-fallback-bg\">\n        <div class=\"absolute top-20 left-10 w-96 h-96 bg-purple-600\/10 rounded-full blur-3xl floating\"><\/div>\n        <div class=\"absolute bottom-20 right-10 w-80 h-80 bg-blue-600\/10 rounded-full blur-3xl floating\" style=\"animation-delay: -3s;\"><\/div>\n    <\/div>\n    \n    <!-- Dark Overlays pour contraste -->\n    <div class=\"absolute inset-0 bg-gradient-to-b from-gray-900\/70 via-gray-900\/60 to-gray-900\/80\"><\/div>\n    <div class=\"absolute inset-0 bg-gradient-to-r from-purple-900\/20 via-transparent to-blue-900\/20\"><\/div>\n    \n    <!-- Vignette Effect -->\n    <div class=\"absolute inset-0 bg-radial-gradient\"><\/div>\n    \n    \n    \n    \n        \n        \n        \n        \n        <!-- Animated Background -->\n        <div class=\"absolute inset-0\">\n            <div class=\"absolute top-20 left-10 w-96 h-96 bg-purple-600\/10 rounded-full blur-3xl floating\"><\/div>\n            <div class=\"absolute bottom-20 right-10 w-80 h-80 bg-blue-600\/10 rounded-full blur-3xl floating\" style=\"animation-delay: -3s;\"><\/div>\n        <\/div>\n        \n        <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20\">\n            <div class=\"text-center mb-12\">\n                <div class=\"flex items-center justify-center gap-4 mb-8\">\n                    <div class=\"relative group\">\n                        <!-- Glow effect -->\n                        <div class=\"absolute inset-0 bg-gradient-to-r from-purple-600 to-blue-600 rounded-full blur-xl opacity-50 group-hover:opacity-75 transition-opacity duration-300 pulse-glow\"><\/div>\n                        <!-- Logo container -->\n                        <div class=\"relative bg-gradient-to-br from-gray-900 to-gray-800 p-3 rounded-full border-2 border-purple-500\/50 shadow-2xl shadow-purple-500\/20\">\n                            <img decoding=\"async\" src=\"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/09\/4.png\" alt=\"Nile Telecom Logo\" class=\"h-16 w-16 object-contain !rounded-full\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"inline-block px-6 py-2 border border-purple-500 text-purple-400 text-sm font-bold rounded-full bg-purple-950\/30 backdrop-blur-sm\">\n                        MEMBRE DU GROUPE MEDAF INVESTMENTS\n                    <\/div>\n                <\/div>\n                \n                <div class=\"text-4xl md:text-7xl font-black mb-6 leading-none monotone-title\">\n                    NILE\n                    <span class=\"monotone-title\">TELECOM<\/span>\n                <\/div>\n                \n                <p class=\"text-2xl md:text-3xl text-gray-300 mb-12 max-w-4xl mx-auto leading-relaxed\">\n                    Des solutions de communication et d'informatique de pointe pour la transformation num\u00e9rique\n                <\/p>\n            <\/div>\n            \n            <!-- Stats Grid -->\n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 max-w-5xl mx-auto\">\n                <div class=\"bg-gradient-to-br from-purple-900\/40 to-purple-800\/40 backdrop-blur-sm border border-purple-500\/30 p-6 rounded-2xl text-center hover:scale-105 transition-transform duration-300\">\n                    <div class=\"text-5xl font-bold text-purple-400 mb-2\">30+<\/div>\n                    <div class=\"text-sm text-gray-400\">Ann\u00e9es d'exp\u00e9rience<\/div>\n                <\/div>\n                <div class=\"bg-gradient-to-br from-blue-900\/40 to-blue-800\/40 backdrop-blur-sm border border-blue-500\/30 p-6 rounded-2xl text-center hover:scale-105 transition-transform duration-300\">\n                    <div class=\"text-5xl font-bold text-blue-400 mb-2\">1k+<\/div>\n                    <div class=\"text-sm text-gray-400\">Projets achev\u00e9s<\/div>\n                <\/div>\n                <div class=\"bg-gradient-to-br from-pink-900\/40 to-pink-800\/40 backdrop-blur-sm border border-pink-500\/30 p-6 rounded-2xl text-center hover:scale-105 transition-transform duration-300\">\n                    <div class=\"text-5xl font-bold text-pink-400 mb-2\">13<\/div>\n                    <div class=\"text-sm text-gray-400\">Entreprises <\/div>\n                <\/div>\n                <div class=\"bg-gradient-to-br from-cyan-900\/40 to-cyan-800\/40 backdrop-blur-sm border border-cyan-500\/30 p-6 rounded-2xl text-center hover:scale-105 transition-transform duration-300\">\n                    <div class=\"text-5xl font-bold text-cyan-400 mb-2\">15<\/div>\n                    <div class=\"text-sm text-gray-400\">Domaines<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    \n    <!-- About Section -->\n    <section class=\"relative py-32 bg-white text-slate-950 diagonal-section\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n                <div class=\"reveal\">\n                    <div class=\"text-sm font-bold text-purple-600 mb-4 tracking-widest\">QUI SOMMES-NOUS ?<\/div>\n                    <h2 class=\"text-6xl font-bold mb-8 leading-tight\">\n                        L'innovation dans les\n                        <br>\n                        T\u00e9l\u00e9communications\n                    <\/h2>\n                    <div class=\"w-32 h-1 bg-purple-600 mb-8\"><\/div>\n                    <p class=\"text-xl text-gray-700 leading-relaxed mb-6\">\n                        Nile Telecom Solutions est une filiale sp\u00e9cialis\u00e9e du groupe d'investissement MEDAF, qui s'appuie sur des d\u00e9cennies d'expertise dans divers secteurs pour fournir des solutions de pointe en mati\u00e8re de communication et d'informatique.\n                    <\/p>\n                    <p class=\"text-lg text-gray-600 leading-relaxed mb-8\">\n                        Faisant partie de MEDAF, un conglom\u00e9rat qui a plus de 30 ans de pr\u00e9sence r\u00e9gionale et mondiale, Nile Telecom incarne l'innovation, la durabilit\u00e9 et l'excellence dans les secteurs des t\u00e9l\u00e9communications et de l'infrastructure.\n                    <\/p>\n                    <div class=\"inline-block px-6 py-3 bg-purple-600 text-white rounded-full font-bold hover:bg-purple-700 transition cursor-pointer\">\n                        En savoir plus sur MEDAF\n                    <\/div>\n                <\/div>\n\n                <div class=\"reveal grid grid-cols-2 gap-4\" style=\"transition-delay: 0.2s;\">\n                    <div class=\"space-y-4\">\n                        <div class=\"h-64 rounded-2xl overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?w=400\" \n                                 class=\"w-full h-full object-cover\" \n                                 alt=\"Telecom Infrastructure\">\n                        <\/div>\n                        <div class=\"h-48 bg-gradient-to-br from-purple-600 to-purple-800 rounded-2xl p-6 flex items-end\">\n                            <div class=\"text-2xl font-bold text-white\">Port\u00e9e mondiale<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"space-y-4 mt-8\">\n                        <div class=\"h-48 bg-gradient-to-br from-blue-600 to-blue-800 rounded-2xl p-6 flex items-end\">\n                            <div class=\"text-2xl font-bold text-white\">L'innovation<\/div>\n                        <\/div>\n                        <div class=\"h-64 rounded-2xl overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?w=400\" \n                                 class=\"w-full h-full object-cover\" \n                                 alt=\"Technology\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section -->\n    <section class=\"relative py-32 bg-slate-950 circuit-pattern -mt-20 pt-32\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-20 reveal\">\n                <div class=\"text-sm font-bold text-purple-400 mb-4 tracking-widest\">NOTRE EXPERTISE<\/div>\n                <h2 class=\"text-6xl font-bold mb-6\">Services et solutions<\/h2>\n                <div class=\"w-32 h-1 bg-purple-600 mx-auto mb-8\"><\/div>\n                <p class=\"text-xl text-gray-400 max-w-3xl mx-auto\">\n                    Des solutions compl\u00e8tes de t\u00e9l\u00e9communications et d'informatique adapt\u00e9es \u00e0 vos besoins\n                <\/p>\n            <\/div>\n\n            <!-- Services Grid -->\n            <div class=\"grid md:grid-cols-2 gap-8\">\n                <!-- Fiber Optic -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-purple-900 to-purple-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544197150-b99a580bb7a8?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"Fiber Optic\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">01<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">Infrastructure en fibre optique<\/h3>\n                                <p class=\"text-xl text-purple-200 leading-relaxed\">\n                                    Construire des r\u00e9seaux robustes pour la connectivit\u00e9 des donn\u00e9es et de la voix gr\u00e2ce \u00e0 la technologie de pointe de la fibre optique\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 5G Network -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%); transition-delay: 0.1s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-indigo-900 to-indigo-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"5G Network\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">02<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">D\u00e9ploiement du r\u00e9seau 5G<\/h3>\n                                <p class=\"text-xl text-indigo-200 leading-relaxed\">\n                                    Infrastructure de r\u00e9seau mobile de nouvelle g\u00e9n\u00e9ration pour une connectivit\u00e9 ultra-rapide et l'activation de l'IoT.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- IT Systems -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%); transition-delay: 0.2s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-blue-900 to-blue-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"IT Systems\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">03<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">Int\u00e9gration des syst\u00e8mes informatiques<\/h3>\n                                <p class=\"text-xl text-blue-200 leading-relaxed\">\n                                    Fournir des solutions sur mesure pour les entreprises de tous les secteurs avec une int\u00e9gration transparente\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Data Centers -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%); transition-delay: 0.3s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-violet-900 to-violet-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"Data Centers\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">04<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">Solutions pour les centres de donn\u00e9es<\/h3>\n                                <p class=\"text-xl text-violet-200 leading-relaxed\">\n                                    Infrastructure de centre de donn\u00e9es s\u00e9curis\u00e9e et \u00e9volutive avec une garantie de disponibilit\u00e9 de 99,99%\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Smart Communication -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%); transition-delay: 0.4s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-pink-900 to-pink-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573164713714-d95e436ab8d6?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"Smart Communication\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">05<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">Solutions IoT et intelligentes<\/h3>\n                                <p class=\"text-xl text-pink-200 leading-relaxed\">\n                                    Plateformes de l'internet des objets pour les villes intelligentes et l'automatisation industrielle\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Cybersecurity -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%); transition-delay: 0.5s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-red-900 to-red-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"Cybersecurity\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">06<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">Services de cybers\u00e9curit\u00e9<\/h3>\n                                <p class=\"text-xl text-red-200 leading-relaxed\">\n                                    Services avanc\u00e9s de protection contre les menaces et de centre d'op\u00e9rations de s\u00e9curit\u00e9 (SOC)\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Cloud Services -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%); transition-delay: 0.6s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-sky-900 to-sky-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"Cloud\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">07<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">Infrastructure en nuage<\/h3>\n                                <p class=\"text-xl text-sky-200 leading-relaxed\">\n                                    Solutions hybrides et multi-cloud pour la transformation num\u00e9rique des entreprises.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Managed Services -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%); transition-delay: 0.7s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-cyan-900 to-cyan-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-4b46a572b786?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"Managed Services\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">08<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">Services NOC g\u00e9r\u00e9s<\/h3>\n                                <p class=\"text-xl text-cyan-200 leading-relaxed\">\n                                    Centre d'exploitation du r\u00e9seau 24 heures sur 24, 7 jours sur 7, avec surveillance et assistance proactives\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Technologies Section -->\n    <section class=\"relative py-32 bg-slate-950\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-20 reveal\">\n                <div class=\"text-sm font-bold text-purple-400 mb-4 tracking-widest\">TECHNOLOGIES DE POINTE<\/div>\n                <h2 class=\"text-6xl font-bold mb-6\">Notre pile technologique<\/h2>\n                <div class=\"w-32 h-1 bg-purple-600 mx-auto mb-8\"><\/div>\n                <p class=\"text-xl text-gray-400 max-w-3xl mx-auto\">\n                    Tirer parti des technologies les plus r\u00e9centes pour fournir des solutions de t\u00e9l\u00e9communications de qualit\u00e9 sup\u00e9rieure\n                <\/p>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\n                <!-- MPLS -->\n                <div class=\"reveal card-hover group relative overflow-hidden\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-purple-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-purple-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-purple-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-purple-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-purple-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">MPLS<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">Commutation d'\u00e9tiquettes multiprotocole pour les r\u00e9seaux \u00e0 haute performance<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-purple-500\/10\">01<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- SD-WAN -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.1s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-blue-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-blue-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-blue-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-blue-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-blue-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">SD-WAN<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">Optimisation des r\u00e9seaux \u00e9tendus d\u00e9finis par logiciel<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-blue-500\/10\">02<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Edge Computing -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.2s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-pink-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-pink-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-pink-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-pink-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-pink-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">Informatique de pointe<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">Traitement distribu\u00e9 \u00e0 faible latence \u00e0 la p\u00e9riph\u00e9rie du r\u00e9seau<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-pink-500\/10\">03<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- NFV -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.3s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-cyan-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-cyan-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-cyan-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-cyan-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-cyan-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">NFV<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">La virtualisation des fonctions de r\u00e9seau pour une infrastructure flexible<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-cyan-500\/10\">04<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- DWDM -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.4s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-indigo-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-indigo-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-indigo-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-indigo-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-indigo-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">DWDM<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">Technologie de multiplexage dense par r\u00e9partition en longueur d'onde<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-indigo-500\/10\">05<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- VoIP -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.5s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-violet-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-violet-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-violet-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-violet-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-violet-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">VoIP<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">T\u00e9l\u00e9phonie sur IP et communications unifi\u00e9es<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-violet-500\/10\">06<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- AI\/ML -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.6s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-sky-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-sky-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-sky-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-sky-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-sky-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">Analyse AI\/ML<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">Optimisation pr\u00e9dictive du r\u00e9seau et automatisation intelligente<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-sky-500\/10\">07<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Satellite -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.7s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-teal-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-teal-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-teal-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-teal-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-teal-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">Satellite<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">VSAT et infrastructure de communication par satellite<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-teal-500\/10\">08<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- MEDAF Advantages -->\n    <section class=\"relative py-32 bg-white text-slate-950\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-20 reveal\">\n                <div class=\"text-sm font-bold text-purple-600 mb-4 tracking-widest\">AVANTAGES STRAT\u00c9GIQUES<\/div>\n                <h2 class=\"text-6xl font-bold mb-6\">La force mondiale de MEDAF<\/h2>\n                <div class=\"w-32 h-1 bg-purple-600 mx-auto mb-8\"><\/div>\n                <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n                    Rapprocher l'expertise internationale des besoins locaux par l'innovation et l'excellence \u00e0 travers les continents\n                <\/p>\n            <\/div>\n\n            <!-- Reimagined Grid with Architectural Design -->\n            <div class=\"grid lg:grid-cols-12 gap-6\">\n                <!-- Global Reach - Large Card -->\n                <div class=\"lg:col-span-7 reveal card-hover relative h-96 overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);\">\n                    <div class=\"absolute inset-0 bg-gradient-to-br from-purple-600 to-purple-800\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?w=1000\" \n                         class=\"absolute inset-0 w-full h-full object-cover opacity-20\" \n                         alt=\"Global\">\n                    <div class=\"relative h-full p-12 flex flex-col justify-between\">\n                        <div class=\"text-9xl font-black text-white\/10\">01<\/div>\n                        <div>\n                            <h3 class=\"text-5xl font-bold text-white mb-4\">Port\u00e9e mondiale<\/h3>\n                            <div class=\"text-7xl font-black text-white mb-3\">30+<\/div>\n                            <p class=\"text-2xl text-purple-200\">Pays o\u00f9 des op\u00e9rations sont en cours, ce qui permet de faire le lien entre l'expertise internationale et les besoins locaux.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Financial Strength -->\n                <div class=\"lg:col-span-5 reveal card-hover relative h-96 overflow-hidden\" style=\"clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%); transition-delay: 0.1s;\">\n                    <div class=\"absolute inset-0 bg-gradient-to-br from-blue-600 to-blue-800\"><\/div>\n                    <div class=\"relative h-full p-10 flex flex-col justify-between\">\n                        <div class=\"text-8xl font-black text-white\/10\">02<\/div>\n                        <div>\n                            <h3 class=\"text-3xl font-bold text-white mb-3\">Solidit\u00e9 financi\u00e8re<\/h3>\n                            <div class=\"text-6xl font-black text-white mb-2\">$10B+<\/div>\n                            <p class=\"text-lg text-blue-200\">Soutien en capital pour les projets \u00e0 grande \u00e9chelle et l'innovation continue<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Expert Team -->\n                <div class=\"lg:col-span-5 reveal card-hover relative h-80 overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%); transition-delay: 0.2s;\">\n                    <div class=\"absolute inset-0 bg-gradient-to-br from-pink-600 to-pink-800\"><\/div>\n                    <div class=\"relative h-full p-10 flex flex-col justify-between\">\n                        <div class=\"text-8xl font-black text-white\/10\">03<\/div>\n                        <div>\n                            <h3 class=\"text-3xl font-bold text-white mb-3\">\u00c9quipe d'experts<\/h3>\n                            <div class=\"text-6xl font-black text-white mb-2\">2000+<\/div>\n                            <p class=\"text-lg text-pink-200\">Professionnels sp\u00e9cialis\u00e9s dans divers secteurs dans le cadre d'op\u00e9rations mondiales<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Project Success -->\n                <div class=\"lg:col-span-7 reveal card-hover relative h-80 overflow-hidden\" style=\"clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%); transition-delay: 0.3s;\">\n                    <div class=\"absolute inset-0 bg-gradient-to-br from-cyan-600 to-cyan-800\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=1000\" \n                         class=\"absolute inset-0 w-full h-full object-cover opacity-20\" \n                         alt=\"Success\">\n                    <div class=\"relative h-full p-10 flex items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-4xl font-bold text-white mb-4\">R\u00e9ussite du projet<\/h3>\n                            <div class=\"text-7xl font-black text-white mb-3\">2300+<\/div>\n                            <p class=\"text-xl text-cyan-200\">Des projets \u00e0 fort impact ex\u00e9cut\u00e9s avec succ\u00e8s dans tous les secteurs<\/p>\n                        <\/div>\n                        <div class=\"text-9xl font-black text-white\/10\">04<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Featured Projects -->\n    <section class=\"relative py-32 bg-slate-950\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-20 reveal\">\n                <div class=\"text-sm font-bold text-purple-400 mb-4 tracking-widest\">PORTFOLIO<\/div>\n                <h2 class=\"text-6xl font-bold mb-6\">Projets phares<\/h2>\n                <div class=\"w-32 h-1 bg-purple-600 mx-auto\"><\/div>\n            <\/div>\n\n            <div class=\"grid lg:grid-cols-2 gap-8\">\n                <!-- West Africa -->\n                <div class=\"reveal card-hover relative h-96 overflow-hidden rounded-3xl\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744094-24638eff58bb?w=800\" \n                         class=\"w-full h-full object-cover\" \n                         alt=\"West Africa\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-purple-900\/95 via-purple-900\/70 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-0 left-0 right-0 p-10\">\n                        <h3 class=\"text-3xl font-bold mb-3\">Connectivit\u00e9 en Afrique de l'Ouest<\/h3>\n                        <p class=\"text-purple-200 text-lg\">Mise en place de r\u00e9seaux de connectivit\u00e9 de donn\u00e9es fiables et \u00e9volutifs dans les r\u00e9gions d'Afrique de l'Ouest<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Egyptian Museum -->\n                <div class=\"reveal card-hover relative h-96 overflow-hidden rounded-3xl\" style=\"transition-delay: 0.1s;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553913861-c0fddf2619ee?w=800\" \n                         class=\"w-full h-full object-cover\" \n                         alt=\"Museum\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-blue-900\/95 via-blue-900\/70 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-0 left-0 right-0 p-10\">\n                        <h3 class=\"text-3xl font-bold mb-3\">Mus\u00e9e national \u00e9gyptien<\/h3>\n                        <p class=\"text-blue-200 text-lg\">Solutions d'\u00e9lectrotechnique avanc\u00e9e pour la pr\u00e9servation du patrimoine culturel<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Sudan Cargo -->\n                <div class=\"reveal card-hover relative h-96 overflow-hidden rounded-3xl\" style=\"transition-delay: 0.2s;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?w=800\" \n                         class=\"w-full h-full object-cover\" \n                         alt=\"Cargo\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-pink-900\/95 via-pink-900\/70 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-0 left-0 right-0 p-10\">\n                        <h3 class=\"text-3xl font-bold mb-3\">Barges de fret pour le Nord-Soudan<\/h3>\n                        <p class=\"text-pink-200 text-lg\">Conception et construction de solutions logistiques efficaces pour le transport de marchandises<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Sustainability -->\n                <div class=\"reveal card-hover relative h-96 overflow-hidden rounded-3xl\" style=\"transition-delay: 0.3s;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1473341304170-971dccb5ac1e?w=800\" \n                         class=\"w-full h-full object-cover\" \n                         alt=\"Sustainability\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-cyan-900\/95 via-cyan-900\/70 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-0 left-0 right-0 p-10\">\n                        <h3 class=\"text-3xl font-bold mb-3\">Initiatives en mati\u00e8re de d\u00e9veloppement durable<\/h3>\n                        <p class=\"text-cyan-200 text-lg\">Solutions compl\u00e8tes en mati\u00e8re d'\u00e9nergies renouvelables et de gestion des d\u00e9chets<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Future Outlook -->\n    <section class=\"relative py-32 bg-slate-950\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-16 reveal\">\n                <div class=\"text-sm font-bold text-purple-400 mb-4 tracking-widest\">REGARDER VERS L'AVENIR<\/div>\n                <h2 class=\"text-6xl font-bold mb-6\">Perspectives d'avenir<\/h2>\n                <div class=\"w-32 h-1 bg-purple-600 mx-auto mb-8\"><\/div>\n                <p class=\"text-2xl text-gray-400 max-w-3xl mx-auto\">\n                    Vision strat\u00e9gique pour une croissance et un impact continus dans toute l'Afrique\n                <\/p>\n            <\/div>\n\n            <!-- Redesigned Cards with Architectural Style -->\n            <div class=\"grid md:grid-cols-2 gap-8\">\n                <!-- Regional Expansion -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-purple-900 to-purple-800 border-l-4 border-purple-500 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1526778548025-fa2f459cd5c1?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-10 group-hover:opacity-20 transition-opacity\" \n                             alt=\"Expansion\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-9xl font-black text-white\/10\">01<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">Expansion r\u00e9gionale<\/h3>\n                                <p class=\"text-xl text-purple-200 leading-relaxed\">\n                                    Croissance strat\u00e9gique dans les r\u00e9gions mal desservies d'Afrique, \u00e9largissement de notre empreinte et de notre impact\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Innovation Drive -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%); transition-delay: 0.1s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-blue-900 to-blue-800 border-l-4 border-blue-500 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-10 group-hover:opacity-20 transition-opacity\" \n                             alt=\"Innovation\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-9xl font-black text-white\/10\">02<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">L'effort d'innovation<\/h3>\n                                <p class=\"text-xl text-blue-200 leading-relaxed\">\n                                    Des avanc\u00e9es majeures dans le domaine des technologies intelligentes et de l'infrastructure informatique pour relever les d\u00e9fis de demain\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Sustainable Practices -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%); transition-delay: 0.2s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-teal-900 to-teal-800 border-l-4 border-teal-500 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1473341304170-971dccb5ac1e?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-10 group-hover:opacity-20 transition-opacity\" \n                             alt=\"Sustainability\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-9xl font-black text-white\/10\">03<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">Pratiques durables<\/h3>\n                                <p class=\"text-xl text-teal-200 leading-relaxed\">\n                                    Favoriser les pratiques durables et les solutions d'efficacit\u00e9 \u00e9nerg\u00e9tique pour la gestion de l'environnement\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Community Impact -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%); transition-delay: 0.3s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-pink-900 to-pink-800 border-l-4 border-pink-500 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-10 group-hover:opacity-20 transition-opacity\" \n                             alt=\"Community\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-9xl font-black text-white\/10\">04<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">Impact sur la communaut\u00e9<\/h3>\n                                <p class=\"text-xl text-pink-200 leading-relaxed\">\n                                    Renforcer les communaut\u00e9s par le d\u00e9veloppement des comp\u00e9tences, la cr\u00e9ation d'emplois et un impact social positif\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section -->\n    <section class=\"relative py-32 bg-slate-950\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center reveal\">\n            <h2 class=\"text-5xl md:text-6xl font-bold mb-8\">\n                Partenaire avec nous\n            <\/h2>\n            <p class=\"text-2xl text-gray-400 mb-12 max-w-2xl mx-auto\">\n                Pr\u00eat \u00e0 transformer votre infrastructure de t\u00e9l\u00e9communications ? Construisons l'avenir ensemble.\n            <\/p>\n            <div class=\"flex flex-col sm:flex-row gap-6 justify-center\">\n                <a href=\"#contact\" \n                   class=\"inline-block bg-purple-600 hover:bg-purple-700 text-white px-12 py-4 rounded-full font-bold text-lg transition transform hover:scale-105\">\n                    Prendre contact\n                <\/a>\n                <a href=\"#services\" \n                   class=\"inline-block bg-transparent border-2 border-purple-600 text-purple-400 hover:bg-purple-600 hover:text-white px-12 py-4 rounded-full font-bold text-lg transition\">\n                    Nos services\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -80px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('active');\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.reveal').forEach(element => {\n            observer.observe(element);\n        });\n    <\/script>\n<\/div>\n\n\n\n<style id=\"core-37a64d2-core-block-supports-inline-css\"><\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>MEMBER OF MEDAF INVESTMENTS GROUP NILE TELECOM State-of-the-art Communication &#038; IT Solutions for Digital Transformation 30+ Years Experience 1k+ Projects Completed 13 Companies 15 Domains WHO WE ARE Innovation in Telecommunications Nile Telecom Solutions is a specialized subsidiary of the MEDAF Investment Group, leveraging decades of expertise in diverse industries to deliver state-of-the-art communication and [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-106","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nile Telecom - nilegroupe.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nilegroupe.com\/fr\/nile-telecom\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nile Telecom - nilegroupe.com\" \/>\n<meta property=\"og:description\" content=\"MEMBER OF MEDAF INVESTMENTS GROUP NILE TELECOM State-of-the-art Communication &#038; IT Solutions for Digital Transformation 30+ Years Experience 1k+ Projects Completed 13 Companies 15 Domains WHO WE ARE Innovation in Telecommunications Nile Telecom Solutions is a specialized subsidiary of the MEDAF Investment Group, leveraging decades of expertise in diverse industries to deliver state-of-the-art communication and [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nilegroupe.com\/fr\/nile-telecom\/\" \/>\n<meta property=\"og:site_name\" content=\"nilegroupe.com\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-04T13:11:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/09\/4.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/\",\"url\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/\",\"name\":\"Nile Telecom - nilegroupe.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/nilegroupe.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/4.png\",\"datePublished\":\"2025-09-30T15:46:34+00:00\",\"dateModified\":\"2025-12-04T13:11:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/#primaryimage\",\"url\":\"https:\\\/\\\/nilegroupe.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/4.png\",\"contentUrl\":\"https:\\\/\\\/nilegroupe.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/4.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/nilegroupe.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nile Telecom\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/#website\",\"url\":\"https:\\\/\\\/nilegroupe.com\\\/\",\"name\":\"nilegroupe.com\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nilegroupe.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/#organization\",\"name\":\"nilegroupe.com\",\"url\":\"https:\\\/\\\/nilegroupe.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/nilegroupe.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Untitled-1500-x-300-px-2-scaled.png\",\"contentUrl\":\"https:\\\/\\\/nilegroupe.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Untitled-1500-x-300-px-2-scaled.png\",\"width\":2560,\"height\":512,\"caption\":\"nilegroupe.com\"},\"image\":{\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nile Telecom - nilegroupe.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nilegroupe.com\/fr\/nile-telecom\/","og_locale":"fr_FR","og_type":"article","og_title":"Nile Telecom - nilegroupe.com","og_description":"MEMBER OF MEDAF INVESTMENTS GROUP NILE TELECOM State-of-the-art Communication &#038; IT Solutions for Digital Transformation 30+ Years Experience 1k+ Projects Completed 13 Companies 15 Domains WHO WE ARE Innovation in Telecommunications Nile Telecom Solutions is a specialized subsidiary of the MEDAF Investment Group, leveraging decades of expertise in diverse industries to deliver state-of-the-art communication and [&hellip;]","og_url":"https:\/\/nilegroupe.com\/fr\/nile-telecom\/","og_site_name":"nilegroupe.com","article_modified_time":"2025-12-04T13:11:21+00:00","og_image":[{"url":"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/09\/4.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nilegroupe.com\/nile-telecom\/","url":"https:\/\/nilegroupe.com\/nile-telecom\/","name":"Nile Telecom - nilegroupe.com","isPartOf":{"@id":"https:\/\/nilegroupe.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nilegroupe.com\/nile-telecom\/#primaryimage"},"image":{"@id":"https:\/\/nilegroupe.com\/nile-telecom\/#primaryimage"},"thumbnailUrl":"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/09\/4.png","datePublished":"2025-09-30T15:46:34+00:00","dateModified":"2025-12-04T13:11:21+00:00","breadcrumb":{"@id":"https:\/\/nilegroupe.com\/nile-telecom\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nilegroupe.com\/nile-telecom\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/nilegroupe.com\/nile-telecom\/#primaryimage","url":"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/09\/4.png","contentUrl":"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/09\/4.png"},{"@type":"BreadcrumbList","@id":"https:\/\/nilegroupe.com\/nile-telecom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nilegroupe.com\/"},{"@type":"ListItem","position":2,"name":"Nile Telecom"}]},{"@type":"WebSite","@id":"https:\/\/nilegroupe.com\/#website","url":"https:\/\/nilegroupe.com\/","name":"nilegroupe.com","description":"","publisher":{"@id":"https:\/\/nilegroupe.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nilegroupe.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/nilegroupe.com\/#organization","name":"nilegroupe.com","url":"https:\/\/nilegroupe.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/nilegroupe.com\/#\/schema\/logo\/image\/","url":"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/10\/Untitled-1500-x-300-px-2-scaled.png","contentUrl":"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/10\/Untitled-1500-x-300-px-2-scaled.png","width":2560,"height":512,"caption":"nilegroupe.com"},"image":{"@id":"https:\/\/nilegroupe.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/nilegroupe.com\/fr\/wp-json\/wp\/v2\/pages\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nilegroupe.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nilegroupe.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nilegroupe.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nilegroupe.com\/fr\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":20,"href":"https:\/\/nilegroupe.com\/fr\/wp-json\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":1226,"href":"https:\/\/nilegroupe.com\/fr\/wp-json\/wp\/v2\/pages\/106\/revisions\/1226"}],"wp:attachment":[{"href":"https:\/\/nilegroupe.com\/fr\/wp-json\/wp\/v2\/media?parent=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}