{"product_id":"sonnettepro™-la-sonnette-intelligente-a-camera-copie","title":"SonnettePro™: La sonnette intelligente à caméra","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n    \u003ctitle\u003eSonnette Intelligente Premium\u003c\/title\u003e\n    \n    \u003c!-- Optimisation du chargement de la police --\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \n    \u003cstyle\u003e\n        \/* Initialisation des variables Premium *\/\n        :root {\n            --bg-dark: #0a0f1c;\n            --bg-card: rgba(30, 41, 59, 0.6);\n            --bg-card-solid: #1e293b;\n            --text-main: #f1f5f9;\n            --text-muted: #94a3b8;\n            --brand-orange: #f97316;\n            --brand-gradient: linear-gradient(135deg, #ff8a00, #e52e71);\n            --accent-blue: #0ea5e9;\n            --glass-border: rgba(255, 255, 255, 0.08);\n            --radius-md: 16px;\n            --radius-lg: 24px;\n        }\n\n        \/* Reset \u0026 Base *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        body {\n            font-family: 'Outfit', sans-serif;\n            background-color: #000;\n            color: var(--text-main);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        .mobile-container {\n            max-width: 480px;\n            margin: 0 auto;\n            background-color: var(--bg-dark);\n            position: relative;\n            min-height: 100vh;\n            \/* Padding supprimé car plus de bouton sticky *\/\n            box-shadow: 0 0 40px rgba(0,0,0,0.8);\n            overflow: hidden;\n        }\n\n        \/* Animations fluides CSS *\/\n        @keyframes pulse-glow {\n            0% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.6); }\n            70% { box-shadow: 0 0 0 15px rgba(249, 115, 22, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); }\n        }\n        @keyframes float-subtle {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-8px); }\n        }\n        @keyframes blink {\n            0%, 100% { opacity: 1; }\n            50% { opacity: 0.4; }\n        }\n\n        \/* Barre d'urgence supérieure *\/\n        .urgency-bar {\n            background: var(--brand-gradient);\n            color: white;\n            text-align: center;\n            padding: 8px 10px;\n            font-size: 0.85rem;\n            font-weight: 800;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 8px;\n            position: sticky;\n            top: 0;\n            z-index: 100;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        .timer {\n            background: rgba(0,0,0,0.2);\n            padding: 2px 8px;\n            border-radius: 4px;\n            font-variant-numeric: tabular-nums;\n        }\n\n        \/* Section Héro *\/\n        .hero-section {\n            position: relative;\n            padding: 30px 20px 40px;\n            background: radial-gradient(circle at 50% 30%, #1e293b 0%, var(--bg-dark) 100%);\n            text-align: center;\n        }\n        .live-viewers {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid var(--glass-border);\n            padding: 6px 14px;\n            border-radius: 100px;\n            font-size: 0.8rem;\n            color: var(--text-muted);\n            margin-bottom: 20px;\n        }\n        .live-dot {\n            width: 8px;\n            height: 8px;\n            background-color: #ef4444;\n            border-radius: 50%;\n            animation: blink 1.5s infinite;\n        }\n        .product-halo {\n            position: relative;\n            width: 260px;\n            height: 260px;\n            margin: 0 auto 20px;\n        }\n        .product-halo::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle, rgba(249,115,22,0.15) 0%, transparent 70%);\n            border-radius: 50%;\n            z-index: 0;\n        }\n        .product-img {\n            position: relative;\n            z-index: 1;\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            animation: float-subtle 4s ease-in-out infinite;\n            filter: drop-shadow(0 15px 25px rgba(0,0,0,0.5));\n        }\n        .main-title {\n            font-size: 2.2rem;\n            font-weight: 900;\n            line-height: 1.1;\n            margin-bottom: 10px;\n            background: linear-gradient(to bottom right, #ffffff, #94a3b8);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        \/* Carrousel Automatique *\/\n        .auto-slider-container {\n            width: 100%;\n            overflow: hidden;\n            background: rgba(0,0,0,0.3);\n            padding: 15px 0;\n            border-top: 1px solid var(--glass-border);\n            border-bottom: 1px solid var(--glass-border);\n            margin-bottom: 40px;\n        }\n        .slider-track {\n            display: flex;\n            width: calc(260px * 6); \n            animation: scroll-left 20s linear infinite;\n        }\n        .slider-track:hover {\n            animation-play-state: paused;\n        }\n        .slide-img-wrapper {\n            width: 250px;\n            height: 160px;\n            margin: 0 5px;\n            flex-shrink: 0;\n            border-radius: var(--radius-md);\n            overflow: hidden;\n            border: 1px solid var(--glass-border);\n            position: relative;\n        }\n        .slide-img-wrapper img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        @keyframes scroll-left {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(calc(-260px * 3)); }\n        }\n\n        \/* Boîte de Confiance *\/\n        .trust-box {\n            background: var(--bg-card);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid rgba(249, 115, 22, 0.3);\n            border-radius: var(--radius-lg);\n            padding: 25px 20px;\n            margin: -30px 20px 30px;\n            position: relative;\n            z-index: 10;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.6);\n            text-align: center;\n        }\n        .price-section {\n            margin-bottom: 20px;\n            padding-bottom: 20px;\n            border-bottom: 1px dashed var(--glass-border);\n        }\n        .price-label {\n            font-size: 0.9rem;\n            color: var(--brand-orange);\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 5px;\n        }\n        .price-main {\n            font-size: 2.8rem;\n            font-weight: 900;\n            color: white;\n            line-height: 1;\n            text-shadow: 0 2px 10px rgba(249,115,22,0.3);\n        }\n        .price-old {\n            font-size: 1.1rem;\n            color: var(--text-muted);\n            text-decoration: line-through;\n            margin-left: 10px;\n            font-weight: 600;\n        }\n        .package-contents {\n            background: rgba(0,0,0,0.3);\n            border-radius: var(--radius-md);\n            padding: 15px;\n            margin-bottom: 20px;\n            text-align: left;\n        }\n        .package-contents h4 {\n            color: white;\n            font-size: 1rem;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .package-contents ul {\n            list-style: none;\n        }\n        .package-contents li {\n            font-size: 0.85rem;\n            color: #cbd5e1;\n            margin-bottom: 8px;\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n        }\n        .cod-text {\n            font-size: 1.1rem;\n            font-weight: 800;\n            color: #10b981;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 8px;\n            background: rgba(16, 185, 129, 0.1);\n            padding: 10px;\n            border-radius: 8px;\n        }\n        .btn-whatsapp {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            background: linear-gradient(135deg, #25D366, #128C7E);\n            color: white;\n            text-decoration: none;\n            padding: 14px 20px;\n            border-radius: var(--radius-md);\n            font-weight: 800;\n            font-size: 1.1rem;\n            margin-top: 15px;\n            box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);\n            animation: pulse-glow-wa 2.5s infinite;\n        }\n        @keyframes pulse-glow-wa {\n            0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); }\n            70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }\n        }\n        .btn-whatsapp svg {\n            width: 24px;\n            height: 24px;\n            fill: white;\n        }\n\n        \/* Features *\/\n        .features {\n            padding: 0 20px 30px;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 15px;\n        }\n        .feature-item {\n            background: linear-gradient(180deg, rgba(30,41,59,0.4) 0%, rgba(15,23,42,0.4) 100%);\n            border: 1px solid var(--glass-border);\n            border-radius: var(--radius-md);\n            padding: 16px;\n            text-align: left;\n            position: relative;\n            overflow: hidden;\n        }\n        .f-icon {\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            display: inline-block;\n        }\n        .feature-item h3 {\n            font-size: 0.95rem;\n            font-weight: 800;\n            margin-bottom: 4px;\n            color: white;\n        }\n        .feature-item p {\n            font-size: 0.75rem;\n            color: var(--text-muted);\n            line-height: 1.4;\n        }\n\n        \/* Bandeau de Garantie Visuel *\/\n        .guarantee-banner {\n            margin: 0 20px 30px;\n            background: linear-gradient(90deg, rgba(30,41,59,0.8), rgba(15,23,42,0.9));\n            border: 1px solid var(--glass-border);\n            border-radius: var(--radius-md);\n            padding: 15px;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n        .guarantee-icon { font-size: 2.5rem; }\n        .guarantee-text h4 { color: white; font-size: 1rem; margin-bottom: 2px; }\n        .guarantee-text p { color: var(--text-muted); font-size: 0.75rem; line-height: 1.3; }\n\n        \/* Galerie Interactive *\/\n        .gallery-container {\n            padding: 20px 0;\n            background: #080c17;\n            margin-bottom: 30px;\n        }\n        .section-title {\n            text-align: center;\n            font-size: 1.5rem;\n            font-weight: 800;\n            margin-bottom: 20px;\n            padding: 0 20px;\n        }\n        .gallery-scroll {\n            display: flex;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            gap: 15px;\n            padding: 0 20px 20px;\n            scrollbar-width: none;\n        }\n        .gallery-scroll::-webkit-scrollbar { display: none; }\n        .gallery-card {\n            flex: 0 0 80%;\n            scroll-snap-align: center;\n            position: relative;\n            border-radius: var(--radius-md);\n            overflow: hidden;\n            aspect-ratio: 4\/3;\n            border: 1px solid var(--glass-border);\n        }\n        .gallery-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        .gallery-label {\n            position: absolute;\n            bottom: 0; left: 0; right: 0;\n            background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);\n            padding: 30px 15px 15px;\n            font-weight: 600;\n            font-size: 0.9rem;\n        }\n\n        \/* FAQs *\/\n        .faqs-section { padding: 10px 20px 40px; }\n        .faq-item {\n            background: var(--bg-card-solid);\n            border: 1px solid var(--glass-border);\n            border-radius: var(--radius-md);\n            margin-bottom: 10px;\n            overflow: hidden;\n        }\n        .faq-item summary {\n            padding: 16px;\n            font-weight: 600;\n            font-size: 0.95rem;\n            cursor: pointer;\n            list-style: none;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        .faq-item summary::-webkit-details-marker { display: none; }\n        .faq-item summary::after {\n            content: '+';\n            color: var(--brand-orange);\n            font-size: 1.5rem;\n            font-weight: 400;\n            line-height: 1;\n            transition: transform 0.3s;\n        }\n        .faq-item[open] summary::after { content: '−'; }\n        .faq-content {\n            padding: 0 16px 16px;\n            font-size: 0.85rem;\n            color: var(--text-muted);\n            line-height: 1.5;\n        }\n\n        \/* Avis Clients *\/\n        .reviews { padding: 0 20px 40px; }\n        .review-box {\n            background: var(--bg-card);\n            border-radius: var(--radius-md);\n            padding: 20px;\n            margin-bottom: 15px;\n            border-left: 3px solid var(--brand-orange);\n            position: relative;\n        }\n        .verified-badge {\n            position: absolute;\n            top: -10px;\n            right: 15px;\n            background: #10b981;\n            color: white;\n            font-size: 0.65rem;\n            font-weight: 800;\n            padding: 4px 8px;\n            border-radius: 100px;\n            text-transform: uppercase;\n            box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3);\n        }\n        .reviewer-name { font-weight: 800; font-size: 1.1rem; }\n        .reviewer-city { font-size: 0.8rem; color: var(--text-muted); margin-bottom: 8px; display: block;}\n        .stars { color: #fbbf24; font-size: 0.9rem; margin-bottom: 10px; }\n        .review-text { font-size: 0.9rem; color: #cbd5e1; font-style: italic; }\n\n        \/* Pop-up de vente *\/\n        .sales-popup {\n            position: fixed;\n            top: 50px;\n            left: 10px;\n            right: 10px;\n            max-width: 460px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(10px);\n            color: #0f172a;\n            padding: 12px 16px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transform: translateY(-150%);\n            opacity: 0;\n            transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n            z-index: 90;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n            pointer-events: none;\n        }\n        .sales-popup.show {\n            transform: translateY(0);\n            opacity: 1;\n        }\n        .popup-img {\n            width: 40px;\n            height: 40px;\n            background: #f1f5f9;\n            border-radius: 8px;\n            object-fit: cover;\n            padding: 2px;\n        }\n        .popup-text { flex: 1; }\n        .popup-name { font-weight: 800; font-size: 0.85rem; margin-bottom: 2px; }\n        .popup-time { font-size: 0.75rem; color: #64748b; font-weight: 600;}\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"mobile-container\"\u003e\n\n    \u003c!-- Barre d'urgence avec Compteur --\u003e\n    \u003cdiv class=\"urgency-bar\"\u003e\n        ⚡ PROMO FLASH SE TERMINE DANS : \u003cspan class=\"timer\" id=\"countdown\"\u003e02:14:59\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Section Hero --\u003e\n    \u003cheader class=\"hero-section\"\u003e\n        \u003cdiv class=\"live-viewers\"\u003e\n            \u003cspan class=\"live-dot\"\u003e\u003c\/span\u003e \u003cspan id=\"viewers-count\"\u003e48\u003c\/span\u003e personnes regardent\n        \u003c\/div\u003e\n        \u003cdiv class=\"product-halo\"\u003e\n            \u003c!-- IMAGE HERO (priorisée, redimensionnée à 800px au lieu de 1920) --\u003e\n            \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/ezgif-6be746b4e9cd744a.gif?v=1781959876\u0026amp;width=800\" alt=\"Sonnette Intelligente\" class=\"product-img\" fetchpriority=\"high\"\u003e\n        \u003c\/div\u003e\n        \u003ch1 class=\"main-title\"\u003eVotre Maison, Sécurisée à 100%.\u003c\/h1\u003e\n        \u003cp style=\"color: var(--text-muted); font-size: 1rem;\"\u003eLa caméra-sonnette HD qui vous connecte à votre porte, partout.\u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- ZONE 3 IMAGES DÉFILANTES (Slider Automatique) --\u003e\n    \u003cdiv class=\"auto-slider-container\"\u003e\n        \u003cdiv class=\"slider-track\"\u003e\n            \u003c!-- Images originales (Aperçus 1, 2, 3) optimisées avec largeur réduite et lazy loading --\u003e\n            \u003cdiv class=\"slide-img-wrapper\"\u003e\n                \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212r_0903bef1-34ae-44dc-9a5d-35c4de1c70hu.jpg?v=1781960864\u0026amp;width=600\" alt=\"Aperçu 1\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"slide-img-wrapper\"\u003e\n                \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212r_6d51d44d-a1fa-4bb2-957e-34c980ca8fhu.jpg?v=1781960851\u0026amp;width=600\" alt=\"Aperçu 2\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"slide-img-wrapper\"\u003e\n                \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212r_3cf89ede-9f49-490b-a4cc-11302bd9c1hu.jpg?v=1781960857\u0026amp;width=600\" alt=\"Aperçu 3\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- DUPLICATIONS (1, 2, 3) POUR CRÉER LA BOUCLE INFINIE FLUIDE --\u003e\n            \u003cdiv class=\"slide-img-wrapper\"\u003e\n                \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212r_0903bef1-34ae-44dc-9a5d-35c4de1c70hu.jpg?v=1781960864\u0026amp;width=600\" alt=\"Aperçu 1\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"slide-img-wrapper\"\u003e\n                \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212r_6d51d44d-a1fa-4bb2-957e-34c980ca8fhu.jpg?v=1781960851\u0026amp;width=600\" alt=\"Aperçu 2\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"slide-img-wrapper\"\u003e\n                \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212r_3cf89ede-9f49-490b-a4cc-11302bd9c1hu.jpg?v=1781960857\u0026amp;width=600\" alt=\"Aperçu 3\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Boîte de Confiance --\u003e\n    \u003cdiv class=\"trust-box\"\u003e\n        \u003cdiv class=\"price-section\"\u003e\n            \u003cdiv class=\"price-label\"\u003ePrix Spécial Lancement (-50%)\u003c\/div\u003e\n            \u003cdiv class=\"price-main\"\u003e14 900 FCFA \u003cspan class=\"price-old\"\u003e29 800 FCFA\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"cod-text\"\u003e\n            \u003cspan\u003e📦\u003c\/span\u003e Paiement à la livraison disponible\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"package-contents\"\u003e\n            \u003ch4\u003eInclus dans la boîte :\u003c\/h4\u003e\n            \u003cul\u003e\n                \u003cli\u003e✅ 1x Sonnette Caméra HD\u003c\/li\u003e\n                \u003cli\u003e✅ 1x Récepteur d'intérieur\u003c\/li\u003e\n                \u003cli\u003e✅ 1x Câble de recharge USB\u003c\/li\u003e\n                \u003cli\u003e✅ Manuel d'installation rapide\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003ca href=\"https:\/\/wa.me\/numerodetelephone\" class=\"btn-whatsapp\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            Commander via WhatsApp\n        \u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Features Section --\u003e\n    \u003cdiv class=\"features\"\u003e\n        \u003cdiv class=\"feature-item\"\u003e\n            \u003cspan class=\"f-icon\"\u003e📷\u003c\/span\u003e\n            \u003ch3\u003eObjectif HD\u003c\/h3\u003e\n            \u003cp\u003eImage nette jour et nuit pour ne rien rater.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-item\"\u003e\n            \u003cspan class=\"f-icon\"\u003e🎤\u003c\/span\u003e\n            \u003ch3\u003eAudio Bidirectionnel\u003c\/h3\u003e\n            \u003cp\u003eParlez et écoutez vos visiteurs en temps réel.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-item\"\u003e\n            \u003cspan class=\"f-icon\"\u003e🔋\u003c\/span\u003e\n            \u003ch3\u003eBatterie Longue Durée\u003c\/h3\u003e\n            \u003cp\u003eDes mois d'autonomie sans rechargement.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-item\"\u003e\n            \u003cspan class=\"f-icon\"\u003e📱\u003c\/span\u003e\n            \u003ch3\u003eAlerte sur Smartphone\u003c\/h3\u003e\n            \u003cp\u003eNotification immédiate dès que quelqu'un sonne.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Bandeau Garantie --\u003e\n    \u003cdiv class=\"guarantee-banner\"\u003e\n        \u003cdiv class=\"guarantee-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003cdiv class=\"guarantee-text\"\u003e\n            \u003ch4\u003eSatisfait ou Remboursé\u003c\/h4\u003e\n            \u003cp\u003eAchetez en toute sérénité. Vous êtes couvert par notre garantie à 100%.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Galerie Interactive --\u003e\n    \u003cdiv class=\"gallery-container\"\u003e\n        \u003ch2 class=\"section-title\"\u003eEn action\u003c\/h2\u003e\n        \u003cdiv class=\"gallery-scroll\"\u003e\n            \u003c!-- MISE EN SITUATION --\u003e\n            \u003cdiv class=\"gallery-card\"\u003e\n                \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/51hefTpFjWL._AC_SL1500.jpg?v=1781082893\u0026amp;width=800\" alt=\"Mise en situation\" loading=\"lazy\"\u003e\n                \u003cdiv class=\"gallery-label\"\u003eDesign élégant \u0026amp; discret\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003c!-- SUR LE TELEPHONE --\u003e\n            \u003cdiv class=\"gallery-card\"\u003e\n                \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/ezgif-14aa52de0209b113.gif?v=1781960901\u0026amp;width=800\" alt=\"Sur le Téléphone\" loading=\"lazy\"\u003e\n                \u003cdiv class=\"gallery-label\"\u003eVisionnez en direct sur mobile\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003c!-- VISION DE NUIT --\u003e\n            \u003cdiv class=\"gallery-card\"\u003e\n                \u003cimg src=\"https:\/\/qlyd2q5vywfpnke0-96327205048.shopifypreview.com\/cdn\/shop\/files\/ezgif-1ee45cdfdd38fef5.gif?v=1781962722\u0026amp;width=800\" alt=\"Vision de nuit\" loading=\"lazy\"\u003e\n                \u003cdiv class=\"gallery-label\"\u003eVision Infrarouge Nocturne\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Section FAQ --\u003e\n    \u003cdiv class=\"faqs-section\"\u003e\n        \u003ch2 class=\"section-title\" style=\"font-size: 1.3rem;\"\u003eQuestions Fréquentes\u003c\/h2\u003e\n        \n        \u003cdetails class=\"faq-item\"\u003e\n            \u003csummary\u003eL'installation est-elle facile ?\u003c\/summary\u003e\n            \u003cdiv class=\"faq-content\"\u003e\n                Oui, l'installation prend moins de 5 minutes. Pas besoin de percer ou de faire appel à un électricien, l'adhésif ultra-résistant inclus permet de la fixer instantanément.\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n        \n        \u003cdetails class=\"faq-item\"\u003e\n            \u003csummary\u003eFaut-il un abonnement payant ?\u003c\/summary\u003e\n            \u003cdiv class=\"faq-content\"\u003e\n                Non ! Contrairement aux autres marques, l'application est 100% gratuite et vous n'avez aucun frais mensuel obligatoire pour utiliser les fonctions principales.\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"faq-item\"\u003e\n            \u003csummary\u003eEst-ce résistant à la pluie ?\u003c\/summary\u003e\n            \u003cdiv class=\"faq-content\"\u003e\n                Absolument. Notre sonnette est certifiée IP65, elle résiste parfaitement aux intempéries, à la pluie et aux températures extrêmes.\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Section Avis --\u003e\n    \u003cdiv class=\"reviews\"\u003e\n        \u003ch2 class=\"section-title\" style=\"font-size: 1.3rem;\"\u003eIls l'ont adoptée\u003c\/h2\u003e\n        \n        \u003cdiv class=\"review-box\"\u003e\n            \u003cspan class=\"verified-badge\"\u003eAchat Vérifié\u003c\/span\u003e\n            \u003cdiv class=\"reviewer-name\"\u003eThomas B.\u003c\/div\u003e\n            \u003cspan class=\"reviewer-city\"\u003eParis\u003c\/span\u003e\n            \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cp class=\"review-text\"\u003e\"La qualité d'image est dingue, même la nuit. J'ai pu répondre au livreur pendant que j'étais au travail, ça change la vie. Je recommande à 100% !\"\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"review-box\"\u003e\n            \u003cspan class=\"verified-badge\"\u003eAchat Vérifié\u003c\/span\u003e\n            \u003cdiv class=\"reviewer-name\"\u003eSarah M.\u003c\/div\u003e\n            \u003cspan class=\"reviewer-city\"\u003eLyon\u003c\/span\u003e\n            \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cp class=\"review-text\"\u003e\"Installation super facile en 2 minutes chrono. Pas de câbles à tirer. L'application est fluide et je reçois les alertes tout de suite.\"\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- LE POP-UP DE VENTE (Placé en HAUT) --\u003e\n    \u003cdiv class=\"sales-popup\" id=\"sales-popup\"\u003e\n        \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0212r_0903bef1-34ae-44dc-9a5d-35c4de1c70hu.jpg?v=1781960864\u0026amp;width=100\" alt=\"Produit\" class=\"popup-img\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"popup-text\"\u003e\n            \u003cdiv class=\"popup-name\" id=\"popup-name\"\u003eQuelqu'un vient d'acheter\u003c\/div\u003e\n            \u003cdiv class=\"popup-time\" id=\"popup-time\"\u003eIl y a 2 minutes\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Scripts pour dynamiser la page --\u003e\n\u003cscript\u003e\n    \/\/ 1. Compteur de promo flash\n    function startCountdown(durationInMinutes) {\n        let time = durationInMinutes * 60;\n        const display = document.getElementById('countdown');\n        \n        setInterval(function () {\n            let hours = Math.floor(time \/ 3600);\n            let minutes = Math.floor((time % 3600) \/ 60);\n            let seconds = Math.floor(time % 60);\n\n            hours = hours \u003c 10 ? \"0\" + hours : hours;\n            minutes = minutes \u003c 10 ? \"0\" + minutes : minutes;\n            seconds = seconds \u003c 10 ? \"0\" + seconds : seconds;\n\n            display.textContent = hours + \":\" + minutes + \":\" + seconds;\n\n            if (--time \u003c 0) {\n                time = 0;\n            }\n        }, 1000);\n    }\n    \/\/ Démarrer à 2h14m59s\n    startCountdown(135);\n\n    \/\/ 2. Spectateurs en direct aléatoires\n    setInterval(function() {\n        const viewersElement = document.getElementById('viewers-count');\n        let currentViewers = parseInt(viewersElement.innerText);\n        \/\/ Varie entre -3 et +5\n        let change = Math.floor(Math.random() * 9) - 3; \n        let newViewers = currentViewers + change;\n        \n        if(newViewers \u003c 25) newViewers = 25; \/\/ Minimum\n        if(newViewers \u003e 89) newViewers = 89; \/\/ Maximum\n        \n        viewersElement.innerText = newViewers;\n    }, 4500);\n\n    \/\/ 3. Pop-up de ventes factices (Social Proof)\n    const names = [\"Julien D.\", \"Marie L.\", \"Alexandre R.\", \"Sophie C.\", \"Nicolas P.\", \"Emma T.\"];\n    const times = [\"Il y a 1 minute\", \"Il y a 3 minutes\", \"Il y a quelques secondes\", \"Il y a 5 minutes\"];\n    \n    function showPopup() {\n        const popup = document.getElementById('sales-popup');\n        const nameEl = document.getElementById('popup-name');\n        const timeEl = document.getElementById('popup-time');\n        \n        \/\/ Randomisation\n        const randomName = names[Math.floor(Math.random() * names.length)];\n        const randomTime = times[Math.floor(Math.random() * times.length)];\n        \n        nameEl.innerText = randomName + \" vient de commander\";\n        timeEl.innerText = randomTime;\n        \n        \/\/ Afficher\n        popup.classList.add('show');\n        \n        \/\/ Cacher après 4 secondes\n        setTimeout(() =\u003e {\n            popup.classList.remove('show');\n        }, 4000);\n    }\n\n    \/\/ Lancer la première popup après 8 secondes, puis toutes les 25 secondes\n    setTimeout(() =\u003e {\n        showPopup();\n        setInterval(showPopup, 25000);\n    }, 8000);\n\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"EVIKO STORE","offers":[{"title":"Default Title","offer_id":52931239477533,"sku":null,"price":14900.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/4416\/6685\/files\/visualizable_smart_doorbell_1727358098_34889234_progressive.jpg?v=1789415608","url":"https:\/\/evikostore.com\/products\/sonnettepro%e2%84%a2-la-sonnette-intelligente-a-camera-copie","provider":"EVIKO STORE 2.0","version":"1.0","type":"link"}