{"product_id":"hoco-dual-lens-dash-cam-4-5-inch-rearview-mirror","title":"كاميرا السيارة HOCO DV4 بدقة عالية – مرآة رؤية خلفية مزدوجة أمامية وخلفية 4.5 بوصة","description":"\u003cdiv\u003e\n    \u003c!-- The following scripts and styles are necessary for the component to render correctly. --\u003e\n    \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\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=Cairo:wght@400;500;600;700\u0026family=Inter:wght@400;500;600;700\u0026display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        .hoco-dv4-container-ar {\n            font-family: 'Cairo', 'Inter', sans-serif;\n            background-color: #f8fafc;\n            color: #1f2937;\n        }\n\n        \/* Custom styles for the simulations *\/\n        .simulation-container {\n            position: relative;\n            overflow: hidden;\n            background-color: #333;\n        }\n        .simulation-road {\n            position: relative;\n            width: 100%;\n            height: 250px;\n            background: #6b7280;\n            overflow: hidden;\n        }\n        .road-markings {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 10px;\n            height: 40px;\n            background: white;\n            transform: translateX(-50%);\n            animation: moveRoad 2s linear infinite;\n        }\n        .road-markings::before, .road-markings::after {\n            content: '';\n            position: absolute;\n            width: 10px;\n            height: 40px;\n            background: white;\n            left: 0;\n        }\n        .road-markings::before { top: -80px; }\n        .road-markings::after { top: 80px; }\n\n        @keyframes moveRoad {\n            0% { transform: translate(-50%, -50px); }\n            100% { transform: translate(-50%, 50px); }\n        }\n\n        .car {\n            position: absolute;\n            bottom: 20px;\n            width: 50px;\n            height: 30px;\n            background: #ef4444;\n            border-radius: 10px 10px 0 0;\n        }\n        \n        .night-vision-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 20, 0, 0.7);\n            mix-blend-mode: multiply;\n            transition: opacity 0.5s ease-in-out;\n            pointer-events: none;\n        }\n        \n        .night-vision-car {\n            background-color: #dc2626; \n        }\n        .night-vision-road {\n            background-color: #4b5563; \n        }\n\n        .cta-button {\n            transition: all 0.3s ease;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n        }\n\n        \/* Stack on mobile and tablet *\/\n        @media (max-width: 1024px) {\n            .grid-stack \u003e div {\n                grid-column: span 3 \/ span 3;\n            }\n        }\n    \u003c\/style\u003e\n    \n    \u003cdiv id=\"top\" class=\"hoco-dv4-container-ar max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12\" dir=\"rtl\"\u003e\n\n        \u003c!-- Header Section --\u003e\n        \u003cheader class=\"text-center mb-16\"\u003e\n            \u003ch1 class=\"text-4xl md:text-5xl font-bold tracking-tight text-gray-900\"\u003eتجربة قيادة أذكى وأكثر أمانًا\u003c\/h1\u003e\n            \u003cp class=\"mt-4 text-lg md:text-xl text-gray-600 max-w-3xl mx-auto\"\u003eاكتشف Hoco DV4: مرآة الرؤية الخلفية وكاميرا داش كام المزدوجة في جهاز واحد. إنها ليست مجرد كاميرا؛ بل هي مساعدك الموثوق في كل رحلة.\u003c\/p\u003e\n        \u003c\/header\u003e\n\n        \u003c!-- Main Features Grid --\u003e\n        \u003cdiv class=\"space-y-16\"\u003e\n\n            \u003c!-- Feature 1: 2-in-1 Design --\u003e\n            \u003cdiv class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\"\u003e\n                \u003cdiv\u003e\n                    \u003ch2 class=\"text-3xl font-bold text-gray-900\"\u003eتكامل سلس، رؤية لا مثيل لها\u003c\/h2\u003e\n                    \u003cp class=\"mt-4 text-lg text-gray-600\"\u003eتستبدل Hoco DV4 مرآة الرؤية الخلفية القياسية بشاشة رائعة مقاس 4.5 بوصة. عند إيقاف تشغيل الشاشة، تعمل كمرآة عادية فائقة الوضوح. قم بتشغيلها لمشاهدة لقطات حية أو تسجيلات دون ازدحام لوحة القيادة.\u003c\/p\u003e\n                    \u003cul class=\"mt-6 space-y-4\"\u003e\n                        \u003cli class=\"flex items-start\"\u003e\n                            \u003csvg class=\"flex-shrink-0 h-6 w-6 text-indigo-600 ml-3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/\u003e\u003c\/svg\u003e\n                            \u003cspan class=\"text-gray-600\"\u003e\u003cstrong\u003eتصميم خالٍ من الفوضى:\u003c\/strong\u003e يحافظ على المظهر الأصلي لداخلية سيارتك.\u003c\/span\u003e\n                        \u003c\/li\u003e\n                        \u003cli class=\"flex items-start\"\u003e\n                             \u003csvg class=\"flex-shrink-0 h-6 w-6 text-indigo-600 ml-3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/\u003e\u003c\/svg\u003e\n                            \u003cspan class=\"text-gray-600\"\u003e\u003cstrong\u003eشاشة IPS كبيرة:\u003c\/strong\u003e شاشة ساطعة وواضحة مقاس 4.5 بوصة لسهولة المشاهدة.\u003c\/span\u003e\n                        \u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"rounded-lg bg-gray-200 p-8 flex items-center justify-center\"\u003e\n                    \u003cdiv class=\"relative w-full h-48 bg-white rounded-lg shadow-lg flex items-center justify-center text-gray-500 font-medium text-center p-4\"\u003e\n                        \u003csvg class=\"absolute top-2 right-2 h-6 w-6 text-gray-300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/\u003e\u003cpath d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/\u003e\u003c\/svg\u003e\n                        مرآة قياسية مقابل مرآة Hoco DV4 الذكية\n                        \u003cdiv class=\"absolute w-1\/2 h-full bg-gray-800\/10 left-0 rounded-l-lg flex items-center justify-center text-indigo-600\"\u003eالعرض الذكي نشط\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Feature 2: Wide-Angle Lens Simulation --\u003e\n            \u003cdiv\u003e\n                \u003ch2 class=\"text-3xl font-bold text-gray-900 text-center mb-8\"\u003eالتقط الصورة الكاملة: عدسة بزاوية عريضة 120 درجة\u003c\/h2\u003e\n                \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\"\u003e\n                    \u003cdiv class=\"simulation-container rounded-lg shadow-xl\"\u003e\n                        \u003cdiv id=\"wideAngleSim\" class=\"simulation-road\"\u003e\n                            \u003cdiv class=\"road-markings\"\u003e\u003c\/div\u003e\n                            \u003cdiv class=\"car\" style=\"left: 45%; animation: carSway 8s ease-in-out infinite alternate;\"\u003e\u003c\/div\u003e\n                            \u003cdiv class=\"car\" style=\"background: #3b82f6; left: 20%; bottom: 60px; animation: carSway 10s ease-in-out infinite alternate-reverse;\"\u003e\u003c\/div\u003e\n                            \u003cdiv class=\"car\" style=\"background: #10b981; left: 70%; bottom: 40px; animation: carSway 7s ease-in-out infinite;\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"absolute inset-0 bg-black transition-all duration-500\" id=\"lensCover\" style=\"clip-path: circle(30% at 50% 50%);\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"absolute inset-0 flex items-center justify-center pointer-events-none\"\u003e\n                             \u003cp id=\"lensText\" class=\"text-white text-xl font-bold bg-black\/50 p-2 rounded\"\u003eعرض قياسي\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003cp class=\"text-lg text-gray-600 mb-4\"\u003eالكاميرا العادية تفوّت التفاصيل المهمة على الأطراف. عدسة Hoco DV4 ذات الزاوية العريضة 120 درجة تلتقط مسارات متعددة من حركة المرور، مما يوفر تغطية شاملة ولا يترك مجالاً للشك.\u003c\/p\u003e\n                        \u003cbutton id=\"toggleViewBtn\" class=\"w-full bg-indigo-600 text-white font-bold py-3 px-6 rounded-lg cta-button\"\u003eالتبديل إلى العرض الواسع\u003c\/button\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n             \u003c!-- Feature 3 Row --\u003e\n            \u003cdiv class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center grid-stack\"\u003e\n                \u003c!-- Dual Camera --\u003e\n                \u003cdiv class=\"bg-white p-8 rounded-lg shadow-md\"\u003e\n                    \u003csvg class=\"h-12 w-12 mx-auto text-indigo-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\" \/\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 13a3 3 0 11-6 0 3 3 0 016 0z\" \/\u003e\u003c\/svg\u003e\n                    \u003ch3 class=\"mt-4 text-xl font-bold\"\u003eتغطية أمامية وخلفية\u003c\/h3\u003e\n                    \u003cp class=\"mt-2 text-gray-600\"\u003eيضمن التسجيل المتزامن من الكاميرات الأمامية والخلفية حماية كاملة، من الحوادث الأمامية إلى الاصطدامات الخلفية.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003c!-- Loop Recording --\u003e\n                \u003cdiv class=\"bg-white p-8 rounded-lg shadow-md\"\u003e\n                    \u003csvg class=\"h-12 w-12 mx-auto text-indigo-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h5M20 20v-5h-5M4 4l16 16\" \/\u003e\u003c\/svg\u003e\n                    \u003ch3 class=\"mt-4 text-xl font-bold\"\u003eلا تفوّت أي لحظة\u003c\/h3\u003e\n                    \u003cp class=\"mt-2 text-gray-600\"\u003eيقوم تسجيل الحلقة بالكتابة فوق أقدم اللقطات تلقائيًا، مما يضمن عدم امتلاء بطاقة الذاكرة أبدًا. يتم قفل الأحداث المهمة وحمايتها.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003c!-- G-Sensor --\u003e\n                \u003cdiv class=\"bg-white p-8 rounded-lg shadow-md\"\u003e\n                    \u003csvg class=\"h-12 w-12 mx-auto text-indigo-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10s5 2 5 2a8 8 0 013.657 6.657z\" \/\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.343 17.657A8 8 0 0118.657 9.343\" \/\u003e\u003c\/svg\u003e\n                    \u003ch3 class=\"mt-4 text-xl font-bold\"\u003eاكتشاف الحوادث تلقائيًا\u003c\/h3\u003e\n                    \u003cp class=\"mt-2 text-gray-600\"\u003eيكتشف مستشعر G المدمج الصدمات أو الاصطدامات المفاجئة، ويقوم تلقائيًا بقفل ملف الفيديو الحالي لمنع الكتابة فوقه.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Feature 4: Night Vision Simulation --\u003e\n            \u003cdiv\u003e\n                \u003ch2 class=\"text-3xl font-bold text-gray-900 text-center mb-8\"\u003eوضوح في الليل والنهار\u003c\/h2\u003e\n                 \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\"\u003e\n                    \u003cdiv class=\"order-2 md:order-1\"\u003e\n                        \u003cp class=\"text-lg text-gray-600 mb-4\"\u003eالقيادة ليلاً لها مخاطرها الخاصة. تم تجهيز Hoco DV4 بقدرات رؤية ليلية محسنة، تلتقط لقطات واضحة ومفصلة حتى في ظروف الإضاءة المنخفضة، مما يضمن حمايتك على مدار الساعة.\u003c\/p\u003e\n                        \u003cbutton id=\"toggleNightVisionBtn\" class=\"w-full bg-gray-800 text-white font-bold py-3 px-6 rounded-lg cta-button\"\u003eتفعيل الرؤية الليلية\u003c\/button\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"simulation-container rounded-lg shadow-xl order-1 md:order-2\"\u003e\n                        \u003cdiv id=\"nightVisionSim\" class=\"simulation-road\"\u003e\n                             \u003cdiv class=\"road-markings\"\u003e\u003c\/div\u003e\n                            \u003cdiv class=\"car night-vision-car\" style=\"left: 45%;\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv id=\"nightVisionOverlay\" class=\"night-vision-overlay opacity-100\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"absolute inset-0 flex items-center justify-center pointer-events-none\"\u003e\n                             \u003cp id=\"visionText\" class=\"text-white text-xl font-bold bg-black\/50 p-2 rounded\"\u003eإضاءة منخفضة\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- CTA Section --\u003e\n        \u003cdiv class=\"mt-20 text-center\"\u003e\n            \u003ch2 class=\"text-3xl font-bold text-gray-900\"\u003eهل أنت مستعد لترقية قيادتك؟\u003c\/h2\u003e\n            \u003cp class=\"mt-4 text-lg text-gray-600 max-w-2xl mx-auto\"\u003eأمّن راحة بالك على الطريق. تقدم Hoco DV4 ميزات متميزة للسلامة اليومية.\u003c\/p\u003e\n            \u003cbutton onclick=\"hocoDv4ScrollToTop()\" class=\"mt-8 bg-indigo-600 text-white font-bold py-4 px-8 rounded-lg text-lg cta-button\"\u003e\n                العودة إلى الأعلى\n            \u003c\/button\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        function hocoDv4ScrollToTop() {\n            const container = document.querySelector('.hoco-dv4-container-ar');\n            if(container) {\n                 container.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            } else {\n                 window.scrollTo({ top: 0, behavior: 'smooth' });\n            }\n        }\n\n        \/\/ Wide-Angle Lens Simulation\n        const toggleViewBtn = document.getElementById('toggleViewBtn');\n        const lensCover = document.getElementById('lensCover');\n        const lensText = document.getElementById('lensText');\n        if (toggleViewBtn) {\n            let isWideView = false;\n            toggleViewBtn.addEventListener('click', () =\u003e {\n                isWideView = !isWideView;\n                if (isWideView) {\n                    lensCover.style.clipPath = 'circle(150% at 50% 50%)';\n                    lensText.textContent = 'زاوية عريضة 120 درجة';\n                    toggleViewBtn.textContent = 'التبديل إلى العرض القياسي';\n                } else {\n                    lensCover.style.clipPath = 'circle(30% at 50% 50%)';\n                    lensText.textContent = 'عرض قياسي';\n                    toggleViewBtn.textContent = 'التبديل إلى العرض الواسع';\n                }\n            });\n        }\n        \n        \/\/ Night Vision Simulation\n        const toggleNightVisionBtn = document.getElementById('toggleNightVisionBtn');\n        const nightVisionOverlay = document.getElementById('nightVisionOverlay');\n        const visionText = document.getElementById('visionText');\n        const nightVisionSim = document.getElementById('nightVisionSim');\n        if (toggleNightVisionBtn) {\n            let isNightVisionActive = false;\n            toggleNightVisionBtn.addEventListener('click', () =\u003e {\n                isNightVisionActive = !isNightVisionActive;\n                if (isNightVisionActive) {\n                    nightVisionOverlay.style.opacity = '0';\n                    nightVisionSim.classList.remove('night-vision-road');\n                    visionText.textContent = 'الرؤية الليلية مفعلة';\n                    toggleNightVisionBtn.textContent = 'إلغاء تفعيل الرؤية الليلية';\n                } else {\n                    nightVisionOverlay.style.opacity = '0.7';\n                    nightVisionSim.classList.add('night-vision-road');\n                    visionText.textContent = 'إضاءة منخفضة';\n                    toggleNightVisionBtn.textContent = 'تفعيل الرؤية الليلية';\n                }\n            });\n        }\n\n        \/\/ Car Sway Animation\n        const cars = document.querySelectorAll('.simulation-road .car');\n        if (cars.length \u003e 0 \u0026\u0026 !document.getElementById('hoco-dv4-animations')) {\n            cars.forEach(car =\u003e {\n                const duration = 6 + Math.random() * 5;\n                const direction = Math.random() \u003e 0.5 ? 'normal' : 'reverse';\n                car.style.animation = `carSway ${duration}s ease-in-out infinite alternate ${direction}`;\n            });\n\n            const keyframes = `\n            @keyframes carSway {\n                from { transform: translateX(-10px); }\n                to { transform: translateX(10px); }\n            }`;\n            \n            const styleSheet = document.createElement(\"style\");\n            styleSheet.id = 'hoco-dv4-animations';\n            styleSheet.type = \"text\/css\";\n            styleSheet.innerText = keyframes;\n            document.head.appendChild(styleSheet);\n        }\n    \u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"Hoco","offers":[{"title":"Default Title","offer_id":49942022848805,"sku":"CA1009","price":90.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0907\/9550\/8005\/files\/685d5c106198f739f992e46e.jpg?v=1750953261","url":"https:\/\/tarteebstore.com\/products\/hoco-dual-lens-dash-cam-4-5-inch-rearview-mirror","provider":"Tarteeb Store","version":"1.0","type":"link"}