{"product_id":"projecteur-4k-blanc-console-gaming","title":"PROJECTEUR 4K BLANC + CONSOLE GAMING","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eSmart Projecteur 4K + Gaming Console - Offre Spéciale\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        :root {\n            --primary: #E63946; \/* Rouge Alerte \/ Action *\/\n            --secondary: #1D3557; \/* Bleu Pro *\/\n            --accent: #457B9D;\n            --bg-light: #F8F9FA; \/* Fond de page clair *\/\n            --card-bg: #FFFFFF; \/* Fond des blocs *\/\n            --text-main: #1A1A1A; \/* Texte ultra lisible *\/\n            --text-muted: #444444;\n            --success: #2A9D8F;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n\n        body {\n            background-color: var(--bg-light);\n            color: var(--text-main);\n            line-height: 1.6;\n            overflow-x: hidden;\n            font-size: 18px; \/* Base pour mobile *\/\n        }\n\n        \/* --- Notifications de Commandes --- *\/\n        .notification-tray {\n            position: fixed;\n            top: 20px;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 1000;\n            width: 90%;\n            max-width: 380px;\n            pointer-events: none;\n        }\n\n        .notif {\n            background: white;\n            color: var(--text-main);\n            padding: 15px 20px;\n            border-radius: 50px;\n            display: flex;\n            align-items: center;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n            margin-bottom: 10px;\n            opacity: 0;\n            animation: notif-slide 8s infinite;\n            border: 1px solid #eee;\n        }\n\n        .notif-img {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background: var(--primary);\n            margin-right: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: bold;\n            font-size: 0.9rem;\n        }\n\n        .notif-text {\n            font-size: 0.95rem;\n            line-height: 1.2;\n        }\n\n        .notif-text b { color: var(--primary); }\n\n        @keyframes notif-slide {\n            0% { transform: translateY(-50px); opacity: 0; }\n            5% { transform: translateY(0); opacity: 1; }\n            30% { transform: translateY(0); opacity: 1; }\n            35% { transform: translateY(-50px); opacity: 0; }\n            100% { transform: translateY(-50px); opacity: 0; }\n        }\n\n        \/* --- Section Urgence Top --- *\/\n        .urgency-bar {\n            background: var(--primary);\n            color: white;\n            text-align: center;\n            padding: 12px;\n            font-weight: bold;\n            font-size: 1rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        @keyframes blink {\n            0% { opacity: 1; }\n            50% { opacity: 0.7; }\n            100% { opacity: 1; }\n        }\n\n        .blink { animation: blink 1.5s infinite; }\n\n        \/* --- Hero Section --- *\/\n        .hero {\n            padding: 50px 20px;\n            text-align: center;\n            background: white;\n        }\n\n        .hero h1 {\n            font-size: 2.5rem;\n            line-height: 1.1;\n            margin-bottom: 15px;\n            text-transform: uppercase;\n            font-weight: 900;\n            color: var(--text-main);\n        }\n\n        .hero h1 span { color: var(--primary); }\n\n        .hero p {\n            color: var(--text-muted);\n            font-size: 1.2rem;\n            margin-bottom: 30px;\n            font-weight: 600;\n        }\n\n        .hero-image {\n            width: 100%;\n            max-width: 500px;\n            margin: 0 auto;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        }\n\n        \/* --- Badge Promo --- *\/\n        .promo-box {\n            background: #FFF5F5;\n            color: var(--text-main);\n            margin: 25px 20px;\n            padding: 25px;\n            border-radius: 20px;\n            border: 2px dashed var(--primary);\n            text-align: center;\n        }\n\n        .promo-box h2 {\n            font-size: 1.4rem;\n            font-weight: 900;\n        }\n\n        .promo-box p {\n            font-size: 1.2rem;\n            margin-top: 5px;\n        }\n\n        .cod-badge {\n            display: inline-flex;\n            align-items: center;\n            background: var(--success);\n            color: white;\n            padding: 10px 20px;\n            border-radius: 50px;\n            font-size: 1.1rem;\n            margin-top: 15px;\n            font-weight: bold;\n        }\n\n        \/* --- Gallery Section --- *\/\n        .gallery {\n            padding: 15px 20px;\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 15px;\n        }\n\n        .gallery-item {\n            background: white;\n            border-radius: 15px;\n            height: 180px;\n            overflow: hidden;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            border: 1px solid #eee;\n        }\n\n        .gallery-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* --- STORY SLIDER SECTION --- *\/\n        .stories-container {\n            padding: 40px 0;\n            overflow: hidden;\n        }\n\n        .stories-title {\n            padding: 0 20px;\n            font-size: 1.3rem;\n            text-transform: uppercase;\n            color: var(--text-main);\n            margin-bottom: 20px;\n            font-weight: 900;\n        }\n\n        .stories-track {\n            display: flex;\n            width: max-content;\n            animation: slide-left 25s linear infinite;\n        }\n\n        @keyframes slide-left {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); }\n        }\n\n        .story-card {\n            width: 280px;\n            aspect-ratio: 9\/16;\n            margin-left: 20px;\n            border-radius: 25px;\n            overflow: hidden;\n            position: relative;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n        }\n\n        .story-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .story-overlay {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            padding: 25px 20px;\n            background: linear-gradient(transparent, rgba(0,0,0,0.9));\n            font-size: 1.1rem;\n            font-weight: bold;\n            color: white;\n            display: flex;\n            align-items: center;\n        }\n\n        .story-badge {\n            background: var(--primary);\n            width: 10px;\n            height: 10px;\n            border-radius: 50%;\n            margin-right: 10px;\n            box-shadow: 0 0 10px var(--primary);\n        }\n\n        \/* --- Benefits Section --- *\/\n        .benefits {\n            padding: 50px 20px;\n            background: white;\n        }\n\n        .benefit-card {\n            display: flex;\n            align-items: center;\n            margin-bottom: 30px;\n            background: var(--bg-light);\n            padding: 20px;\n            border-radius: 20px;\n        }\n\n        .icon-circle {\n            background: white;\n            width: 60px;\n            height: 60px;\n            min-width: 60px;\n            border-radius: 50%;\n            margin-right: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 2rem;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n        }\n\n        .benefit-text h3 {\n            font-size: 1.25rem;\n            color: var(--text-main);\n            margin-bottom: 5px;\n            font-weight: 800;\n        }\n\n        .benefit-text p {\n            font-size: 1.05rem;\n            color: var(--text-muted);\n        }\n\n        \/* --- Social Proof --- *\/\n        .reviews { padding: 50px 20px; }\n\n        .review-card {\n            background: white;\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 20px;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n            border: 1px solid #f0f0f0;\n        }\n\n        .review-card strong { font-size: 1.2rem; }\n        .review-card p {\n            margin-top: 12px;\n            font-size: 1.1rem;\n            color: var(--text-muted);\n            font-style: italic;\n        }\n\n        \/* --- FAQ SECTION --- *\/\n        .faq {\n            padding: 50px 20px;\n            background: white;\n            border-top: 1px solid #eee;\n        }\n\n        .faq h2 { font-size: 1.8rem; margin-bottom: 35px; }\n\n        .faq-question {\n            padding: 25px 0;\n            width: 100%;\n            background: none;\n            border: none;\n            color: var(--text-main);\n            text-align: left;\n            font-size: 1.2rem;\n            font-weight: 800;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            cursor: pointer;\n        }\n\n        .faq-question::after {\n            content: '+';\n            font-size: 1.5rem;\n            color: var(--primary);\n        }\n\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease-out;\n            color: var(--text-muted);\n            font-size: 1.1rem;\n            line-height: 1.5;\n        }\n\n        .faq-item.active .faq-answer {\n            max-height: 300px;\n            padding-bottom: 25px;\n        }\n\n    \u003c\/style\u003e\n\n\n\n    \u003c!-- NOTIFICATIONS FLOTTANTES --\u003e\n    \u003cdiv class=\"notification-tray\"\u003e\n        \u003cdiv class=\"notif\"\u003e\n            \u003cdiv class=\"notif-img\"\u003eAD\u003c\/div\u003e\n            \u003cdiv class=\"notif-text\"\u003e\n\u003cb\u003eAlassane D. (Abidjan)\u003c\/b\u003e vient de commander son pack ! \u003cbr\u003e\u003csmall\u003eIl y a 2 minutes\u003c\/small\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- URGENCE TOP --\u003e\n    \u003cdiv class=\"urgency-bar\"\u003e\n        \u003cspan class=\"blink\"\u003e🔥 PLUS QUE 12 ARTICLES EN STOCK\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- HERO SECTION --\u003e\n    \u003csection class=\"hero\"\u003e\n        \u003ch1\u003ePROJECTEUR \u003cspan\u003eULTRA HD\u003c\/span\u003e + CONSOLE GAMING\u003c\/h1\u003e\n        \u003cp\u003eLe cinéma et les jeux vidéo 4K partout avec vous.\u003c\/p\u003e\n        \n        \u003c!-- PROJECTEUR SMART - HERO IMAGE --\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/WhatsApp_Image_2026-02-02_at_16.00.47.jpg?v=1770244897\" alt=\"[Image de Projecteur smart]\" class=\"hero-image\"\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- OFFRE SPECIALE --\u003e\n    \u003csection class=\"promo-box\"\u003e\n        \u003ch2 style=\"color: var(--primary); text-transform: uppercase;\"\u003e🎁 OFFRE DE BIENVENUE\u003c\/h2\u003e\n        \u003cp\u003eCommandez aujourd'hui : \u003cstrong\u003e1 MOIS NETFLIX OFFERT\u003c\/strong\u003e !\u003c\/p\u003e\n        \u003cdiv class=\"cod-badge\"\u003e\n            \u003cspan\u003e🚚 PAIEMENT À LA LIVRAISON\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- GALERIE VISUELLE --\u003e\n    \u003csection class=\"gallery\"\u003e\n        \u003cdiv class=\"gallery-item\"\u003e\n            \u003c!-- PROJECTEUR - GALLERY 1 --\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/WhatsApp_Image_2026-02-02_at_16.01.06.jpg?v=1770244897\" alt=\"[Image de Projecteur]\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gallery-item\"\u003e\n            \u003c!-- MANETTES - GALLERY 2 --\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/WhatsApp_Image_2026-02-02_at_16.00.18.jpg?v=1770244897\" alt=\"[Image de Manettes]\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gallery-item\"\u003e\n            \u003c!-- PORTS - GALLERY 3 --\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/WhatsApp_Image_2026-02-02_at_16.00.21.jpg?v=1770245394\" alt=\"[Image de Ports]\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gallery-item\"\u003e\n            \u003c!-- APPS - GALLERY 4 --\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/WhatsApp_Image_2026-02-02_at_16.00.30.jpg?v=1770244897\" alt=\"[Image de Apps]\"\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- SECTION STORY --\u003e\n    \u003csection class=\"stories-container\"\u003e\n        \u003ch3 class=\"stories-title\"\u003eDémonstrations 🔥\u003c\/h3\u003e\n        \u003cdiv class=\"stories-track\"\u003e\n            \u003cdiv class=\"story-card\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/ssstik.io__arcade_projector_1770083190624.gif?v=1770087444\" alt=\"[Image de Gaming 4K Fluide]\"\u003e\n                \u003cdiv class=\"story-overlay\"\u003e\n\u003cspan class=\"story-badge\"\u003e\u003c\/span\u003e 🎮 Gaming 4K Fluide\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"story-card\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/ssstik.io__shopfeliamo_1770087210299.gif?v=1770087431\" alt=\"[Image de Soirée ciné]\"\u003e\n                \u003cdiv class=\"story-overlay\"\u003e\n\u003cspan class=\"story-badge\"\u003e\u003c\/span\u003e 🍿 Cinéma Immersif\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003c!-- Loop --\u003e\n            \u003cdiv class=\"story-card\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/ssstik.io__arcade_projector_1770083190624.gif?v=1770087444\" alt=\"[Image de Gaming 4K Fluide]\"\u003e\n                \u003cdiv class=\"story-overlay\"\u003e\n\u003cspan class=\"story-badge\"\u003e\u003c\/span\u003e 🎮 Gaming 4K Fluide\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"story-card\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/ssstik.io__shopfeliamo_1770087210299.gif?v=1770087431\" alt=\"[Image de Soirée ciné]\"\u003e\n                \u003cdiv class=\"story-overlay\"\u003e\n\u003cspan class=\"story-badge\"\u003e\u003c\/span\u003e 🍿 Cinéma Immersif\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ARGUMENTS --\u003e\n    \u003csection class=\"benefits\"\u003e\n        \u003cdiv class=\"benefit-card\"\u003e\n            \u003cdiv class=\"icon-circle\"\u003e🎮\u003c\/div\u003e\n            \u003cdiv class=\"benefit-text\"\u003e\n                \u003ch3\u003eConsole de Jeux Incluse\u003c\/h3\u003e\n                \u003cp\u003e2 Manettes sans fil + 10 000 jeux rétro pré-installés.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-card\"\u003e\n            \u003cdiv class=\"icon-circle\"\u003e🎬\u003c\/div\u003e\n            \u003cdiv class=\"benefit-text\"\u003e\n                \u003ch3\u003eNetflix \u0026amp; YouTube\u003c\/h3\u003e\n                \u003cp\u003eSystème intelligent pour vos séries préférées sans boîtier.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-card\"\u003e\n            \u003cdiv class=\"icon-circle\"\u003e🛡️\u003c\/div\u003e\n            \u003cdiv class=\"benefit-text\"\u003e\n                \u003ch3\u003eGarantie 12 Mois\u003c\/h3\u003e\n                \u003cp\u003eSAV local à Abidjan et Dakar. Achetez en toute confiance.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- AVIS CLIENTS --\u003e\n    \u003csection class=\"reviews\"\u003e\n        \u003ch2 style=\"text-align: center; font-weight: 900;\"\u003eAvis Clients 🇨🇮 🇸🇳\u003c\/h2\u003e\n        \u003cdiv class=\"review-card\"\u003e\n            \u003cdiv style=\"display:flex; justify-content: space-between; align-items: center;\"\u003e\n                \u003cstrong\u003eMamadou K. (Dakar)\u003c\/strong\u003e\n                \u003cspan style=\"color:#FFD700; font-size: 1.2rem;\"\u003e⭐⭐⭐⭐⭐\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cp\u003e\"Qualité bluffante pour les matchs. Livraison rapide en 24h.\"\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"review-card\"\u003e\n            \u003cdiv style=\"display:flex; justify-content: space-between; align-items: center;\"\u003e\n                \u003cstrong\u003eAminata B. (Abidjan)\u003c\/strong\u003e\n                \u003cspan style=\"color:#FFD700; font-size: 1.2rem;\"\u003e⭐⭐⭐⭐⭐\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cp\u003e\"C'est devenu l'attraction de la maison. Les enfants adorent les jeux.\"\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- FAQ SECTION --\u003e\n    \u003csection class=\"faq\"\u003e\n        \u003ch2 style=\"text-align: center; color: var(--primary); font-weight: 900;\"\u003eFAQ 🤔\u003c\/h2\u003e\n        \n        \u003cdiv class=\"faq-item\"\u003e\n            \u003cbutton class=\"faq-question\"\u003eComment payer ?\u003c\/button\u003e\n            \u003cdiv class=\"faq-answer\"\u003e\n                Le paiement se fait cash ou par mobile money directement au livreur quand vous recevez votre colis. Pas de stress !\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"faq-item\"\u003e\n            \u003cbutton class=\"faq-question\"\u003eQu'y a-t-il dans le colis ?\u003c\/button\u003e\n            \u003cdiv class=\"faq-answer\"\u003e\n                Le pack contient : 1 Projecteur, 2 Manettes sans fil, 1 Télécommande, tous les câbles nécessaires et votre mois de Netflix offert.\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"faq-item\"\u003e\n            \u003cbutton class=\"faq-question\"\u003eBesoin d'internet ?\u003c\/button\u003e\n            \u003cdiv class=\"faq-answer\"\u003e\n                Uniquement pour Netflix et YouTube. Pour les 10 000 jeux rétro, aucune connexion n'est requise, tout est dans la mémoire interne.\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003cdiv style=\"height: 60px;\"\u003e\u003c\/div\u003e\n\n    \u003cscript\u003e\n        \/\/ Script Notifications\n        const names = [\"Koffi T. (Cotonou)\", \"Saliou M. (Dakar)\", \"Jean P. (Abidjan)\", \"Grace E. (Libreville)\", \"Moussa S. (Bamako)\"];\n        const notifText = document.querySelector('.notif-text b');\n        const notifAvatar = document.querySelector('.notif-img');\n        let i = 0;\n        setInterval(() =\u003e {\n            i = (i + 1) % names.length;\n            notifText.innerText = names[i];\n            notifAvatar.innerText = names[i].substring(0,2);\n        }, 8000);\n\n        \/\/ Script FAQ\n        document.querySelectorAll('.faq-question').forEach(button =\u003e {\n            button.addEventListener('click', () =\u003e {\n                const item = button.parentElement;\n                item.classList.toggle('active');\n            });\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Market-Zone","offers":[{"title":"Default Title","offer_id":48807321796860,"sku":null,"price":44500.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/WhatsApp_Image_2026-02-02_at_16.01.06.jpg?v=1772029399","url":"https:\/\/market-zone.shop\/products\/projecteur-4k-blanc-console-gaming","provider":"Shop 2","version":"1.0","type":"link"}