{"title":"Page d’accueil","description":null,"products":[{"product_id":"test-test","title":"LED STROBE LIGHTS MT","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\u003eإضاءة  للدراجة النارية — فرق روحك بالليل\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900\u0026amp;family=Tajawal:wght@400;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n  :root {\n    --red: #e63946;\n    --orange: #fb8500;\n    --dark: #080400;\n    --darker: #040200;\n    --gold: #ffd60a;\n    --white: #fff8f0;\n    --gray: #1a1200;\n  }\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body {\n    font-family: 'Cairo', sans-serif;\n    background: var(--darker);\n    color: var(--white);\n    overflow-x: hidden;\n  }\n\n  \/* HERO *\/\n  .hero {\n    min-height: 100vh;\n    background:\n      radial-gradient(ellipse at 50% 30%, rgba(230,57,70,0.2) 0%, transparent 55%),\n      radial-gradient(ellipse at 10% 80%, rgba(251,133,0,0.1) 0%, transparent 40%),\n      radial-gradient(ellipse at 90% 80%, rgba(255,214,10,0.06) 0%, transparent 40%),\n      var(--darker);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 60px 20px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Speed lines *\/\n  .speed-lines {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .speed-line {\n    position: absolute;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(230,57,70,0.15), transparent);\n    animation: speedLine var(--d) linear infinite;\n    top: var(--t);\n    width: 100%;\n  }\n\n  @keyframes speedLine {\n    0% { transform: translateX(-100%); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translateX(100%); opacity: 0; }\n  }\n\n  .moto-badge {\n    background: linear-gradient(135deg, rgba(230,57,70,0.15), rgba(251,133,0,0.15));\n    border: 1px solid rgba(230,57,70,0.4);\n    color: var(--red);\n    font-size: 13px;\n    font-weight: 700;\n    padding: 8px 22px;\n    border-radius: 30px;\n    margin-bottom: 30px;\n    letter-spacing: 1px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .hero h1 {\n    font-family: 'Tajawal', sans-serif;\n    font-size: clamp(34px, 7vw, 74px);\n    font-weight: 900;\n    line-height: 1.15;\n    margin-bottom: 20px;\n    max-width: 820px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .hero h1 .fire-text {\n    background: linear-gradient(135deg, var(--red), var(--orange), var(--gold));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    display: block;\n  }\n\n  .hero p.sub {\n    font-size: clamp(16px, 2.5vw, 20px);\n    color: #ffffff;\n    max-width: 540px;\n    margin-bottom: 50px;\n    line-height: 1.9;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* Moto lights animation *\/\n  .moto-lights {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 50px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .moto-emoji { font-size: 48px; animation: motoRev 0.5s infinite alternate; }\n  @keyframes motoRev {\n    from { transform: translateX(0) rotate(-2deg); }\n    to { transform: translateX(4px) rotate(2deg); }\n  }\n\n  .trail {\n    display: flex;\n    gap: 8px;\n  }\n\n  .trail-dot {\n    width: 10px; height: 10px;\n    border-radius: 50%;\n    animation: trailBlink 0.8s infinite;\n  }\n\n  .trail-dot:nth-child(1) { background: #e63946; animation-delay: 0s; width: 14px; height: 14px; }\n  .trail-dot:nth-child(2) { background: #fb8500; animation-delay: 0.1s; width: 12px; height: 12px; }\n  .trail-dot:nth-child(3) { background: #ffd60a; animation-delay: 0.2s; }\n  .trail-dot:nth-child(4) { background: #4cc9f0; animation-delay: 0.3s; }\n  .trail-dot:nth-child(5) { background: #f72585; animation-delay: 0.4s; width: 8px; height: 8px; }\n\n  @keyframes trailBlink {\n    0%, 100% { opacity: 1; box-shadow: 0 0 8px currentColor; }\n    50% { opacity: 0.2; box-shadow: none; }\n  }\n\n  .cta-btn {\n    background: linear-gradient(135deg, var(--red), var(--orange));\n    color: white;\n    font-family: 'Tajawal', sans-serif;\n    font-size: 20px;\n    font-weight: 900;\n    padding: 18px 52px;\n    border: none;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.3s;\n    text-decoration: none;\n    display: inline-block;\n    position: relative;\n    z-index: 1;\n    box-shadow: 0 0 30px rgba(230,57,70,0.35);\n  }\n\n  .cta-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 10px 40px rgba(230,57,70,0.5);\n  }\n\n  .trust-note {\n    margin-top: 16px;\n    font-size: 14px;\n    color: #dddddd;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* IDENTITY SECTION *\/\n  .identity {\n    background: #060300;\n    padding: 80px 20px;\n    border-top: 1px solid #150a00;\n    border-bottom: 1px solid #150a00;\n    text-align: center;\n  }\n\n  .identity h2 {\n    font-family: 'Tajawal', sans-serif;\n    font-size: clamp(24px, 4.5vw, 46px);\n    font-weight: 900;\n    margin-bottom: 50px;\n    line-height: 1.3;\n  }\n\n  .identity-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n    gap: 20px;\n    max-width: 850px;\n    margin: 0 auto;\n  }\n\n  .identity-card {\n    background: #0a0600;\n    border: 1px solid #1a0f00;\n    border-radius: 16px;\n    padding: 34px 22px;\n    text-align: center;\n    transition: all 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .identity-card::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--red), var(--orange));\n    transform: scaleX(0);\n    transition: transform 0.3s;\n  }\n\n  .identity-card:hover { border-color: rgba(230,57,70,0.2); transform: translateY(-5px); }\n  .identity-card:hover::after { transform: scaleX(1); }\n\n  .identity-icon { font-size: 46px; margin-bottom: 16px; }\n  .identity-card h3 {\n    font-family: 'Tajawal', sans-serif;\n    font-size: 19px;\n    font-weight: 800;\n    color: var(--red);\n    margin-bottom: 10px;\n  }\n  .identity-card p { font-size: 15px; color: #ffffff; line-height: 1.9; font-weight: 600; }\n\n  \/* FEATURES *\/\n  .features {\n    padding: 80px 20px;\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .section-label {\n    font-size: 12px;\n    letter-spacing: 3px;\n    color: var(--red);\n    text-transform: uppercase;\n    margin-bottom: 14px;\n    font-weight: 700;\n  }\n\n  .features h2 {\n    font-family: 'Tajawal', sans-serif;\n    font-size: clamp(22px, 4vw, 40px);\n    font-weight: 900;\n    margin-bottom: 50px;\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 20px;\n  }\n\n  .feature-card {\n    background: #080400;\n    border: 1px solid #150a00;\n    border-radius: 14px;\n    padding: 30px 22px;\n    text-align: center;\n    transition: all 0.3s;\n  }\n\n  .feature-card:hover {\n    border-color: rgba(251,133,0,0.2);\n    transform: translateY(-4px);\n  }\n\n  .feature-icon { font-size: 38px; margin-bottom: 14px; }\n  .feature-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 10px; }\n  .feature-card p { font-size: 15px; color: #ffffff; line-height: 1.8; font-weight: 600; }\n\n  \/* WHERE TO PLACE *\/\n  .placement {\n    background: #060300;\n    padding: 80px 20px;\n    text-align: center;\n    border-top: 1px solid #150a00;\n  }\n\n  .placement h2 {\n    font-family: 'Tajawal', sans-serif;\n    font-size: clamp(22px, 4vw, 40px);\n    font-weight: 900;\n    margin-bottom: 50px;\n  }\n\n  .place-list {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    max-width: 620px;\n    margin: 0 auto;\n  }\n\n  .place-item {\n    background: #0a0600;\n    border: 1px solid #1a0f00;\n    border-radius: 10px;\n    padding: 20px 28px;\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    text-align: right;\n    transition: all 0.3s;\n  }\n\n  .place-item:hover {\n    border-color: rgba(230,57,70,0.25);\n    transform: translateX(-6px);\n    box-shadow: 4px 0 20px rgba(230,57,70,0.05);\n  }\n\n  .place-dot {\n    width: 10px; height: 10px;\n    border-radius: 50%;\n    background: var(--red);\n    flex-shrink: 0;\n    box-shadow: 0 0 8px var(--red);\n  }\n\n  .place-item p { font-size: 17px; color: #ffffff; line-height: 1.7; font-weight: 700; }\n  .place-item p strong { color: #ffffff; }\n\n  \/* STATS *\/\n  .stats {\n    padding: 70px 20px;\n    max-width: 750px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .stats-grid {\n    display: flex;\n    justify-content: center;\n    gap: 50px;\n    flex-wrap: wrap;\n  }\n\n  .stat-item { text-align: center; }\n\n  .stat-num {\n    font-family: 'Tajawal', sans-serif;\n    font-size: 56px;\n    font-weight: 900;\n    background: linear-gradient(135deg, var(--red), var(--orange));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1;\n  }\n\n  .stat-label { font-size: 15px; color: #ffffff; margin-top: 8px; font-weight: 700; }\n\n  \/* FINAL CTA *\/\n  .final-cta {\n    padding: 90px 20px;\n    text-align: center;\n    background:\n      radial-gradient(ellipse at center, rgba(230,57,70,0.12) 0%, transparent 65%),\n      var(--darker);\n    border-top: 1px solid #150a00;\n  }\n\n  .final-cta h2 {\n    font-family: 'Tajawal', sans-serif;\n    font-size: clamp(26px, 5vw, 54px);\n    font-weight: 900;\n    margin-bottom: 14px;\n    line-height: 1.3;\n  }\n\n  .final-cta h2 span {\n    background: linear-gradient(135deg, var(--red), var(--orange), var(--gold));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .final-cta p { font-size: 17px; color: #ffffff; margin-bottom: 40px; font-weight: 700; }\n\n  .urgency-note {\n    display: inline-block;\n    margin-top: 20px;\n    background: rgba(230,57,70,0.1);\n    border: 1px solid rgba(230,57,70,0.3);\n    border-radius: 30px;\n    padding: 10px 24px;\n    font-size: 14px;\n    color: var(--red);\n  }\n\n  .footer-note {\n    background: #020100;\n    padding: 28px 20px;\n    text-align: center;\n    font-size: 13px;\n    color: #aaaaaa;\n    border-top: 1px solid #0a0500;\n  }\n\n  .fade-in {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: opacity 0.6s ease, transform 0.6s ease;\n  }\n  .fade-in.visible { opacity: 1; transform: translateY(0); }\n\u003c\/style\u003e\n\n\n\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n  \u003cdiv class=\"speed-lines\" id=\"speedLines\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"moto-badge\"\u003e🏍️ لكل راكب دراجة نارية في الجزائر\u003c\/div\u003e\n\n  \u003ch1\u003e\n    موتوك تمشي — لكن\n    \u003cspan class=\"fire-text\"\u003eخلي موتوك استثنائية في ليالي الصيف\u003c\/span\u003e\n  \u003c\/h1\u003e\n\n  \u003cp class=\"sub\"\u003e\n    إضاءة LED لاسلكية ملونة تتركب في دقيقة —\n    تخلي موتوك تبان من بعيد وتلفت الأنظار في كل مكان.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"moto-lights\"\u003e\n    \u003cdiv class=\"trail\"\u003e\n      \u003cdiv class=\"trail-dot\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"trail-dot\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"trail-dot\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"trail-dot\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"trail-dot\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"moto-emoji\"\u003e🏍️\u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n\u003c\/section\u003e\n\n\u003c!-- IDENTITY --\u003e\n\u003csection class=\"identity fade-in\"\u003e\n  \u003ch2\u003eموتوك تعبر على شخصيتك 🔥\u003c\/h2\u003e\n\n  \u003cdiv class=\"identity-grid\"\u003e\n    \u003cdiv class=\"identity-card\"\u003e\n      \u003cdiv class=\"identity-icon\"\u003e⚡\u003c\/div\u003e\n      \u003ch3\u003eالستايل\u003c\/h3\u003e\n      \u003cp\u003eكل راكب يحب يفرق روحه — الإضاءات الملونة تخلي موتوك فريدة من نوعها\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"identity-card\"\u003e\n      \u003cdiv class=\"identity-icon\"\u003e🛡️\u003c\/div\u003e\n      \u003ch3\u003eالأمان\u003c\/h3\u003e\n      \u003cp\u003eتبان من 500 متر بالليل — السيارات تشوفك وتتجنبك قبل ما يصرا أي شيء\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"identity-card\"\u003e\n      \u003cdiv class=\"identity-icon\"\u003e👥\u003c\/div\u003e\n      \u003ch3\u003eالخلوي\u003c\/h3\u003e\n      \u003cp\u003e مشهد ما يتناساش كيما تمشوا جماعة بالليل\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FEATURES --\u003e\n\u003csection class=\"features fade-in\"\u003e\n  \u003cdiv class=\"section-label\"\u003eالمميزات\u003c\/div\u003e\n  \u003ch2\u003eكل ما تحتاجه في علبة واحدة\u003c\/h2\u003e\n\n  \u003cdiv class=\"features-grid\"\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e🔋\u003c\/div\u003e\n      \u003ch3\u003e60 ساعة بطارية\u003c\/h3\u003e\n      \u003cp\u003eرحلة طويلة أو جولة ليلية — البطارية ما تخذلكش أبداً. تشحن بكابل USB عادي كيما الهاتف\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n      \u003ch3\u003eمقاومة للماء IP65\u003c\/h3\u003e\n      \u003cp\u003eشتا أو مطر على الطريق — تشتغل معك في كل الأحوال\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n      \u003ch3\u003e8 ألوان — 10 أوضاع\u003c\/h3\u003e\n      \u003cp\u003eغير اللون حسب مزاجك أو المناسبة بضغطة ريموت\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e📡\u003c\/div\u003e\n      \u003ch3\u003eريموت 7 متر\u003c\/h3\u003e\n      \u003cp\u003eتحكم في الإضاءة وأنت راكب — بدون توقف وبدون تعب\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e🔧\u003c\/div\u003e\n      \u003ch3\u003eتركيب في دقيقة\u003c\/h3\u003e\n      \u003cp\u003eمغناط، فيلكرو، أو خاتم مطاطي — بدون ثقب وبدون أدوات\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e📦\u003c\/div\u003e\n      \u003ch3\u003e4 قطع في علبة\u003c\/h3\u003e\n      \u003cp\u003eوزعهم على الكارينج، الإطارات، والمقود للمظهر الكامل\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- PLACEMENT --\u003e\n\u003csection class=\"placement fade-in\"\u003e\n  \u003cdiv class=\"section-label\"\u003eأين تحطها؟\u003c\/div\u003e\n  \u003ch2\u003eتتركب في كل بلاصة على الموتو 🏍️\u003c\/h2\u003e\n\n  \u003cdiv class=\"place-list\"\u003e\n    \u003cdiv class=\"place-item\"\u003e\n      \u003cdiv class=\"place-dot\"\u003e\u003c\/div\u003e\n      \u003cp\u003e\u003cstrong\u003eالكارينج\u003c\/strong\u003e — الجهة الأمامية والخلفية للموتو\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"place-item\"\u003e\n      \u003cdiv class=\"place-dot\"\u003e\u003c\/div\u003e\n      \u003cp\u003e\u003cstrong\u003eالإطارات\u003c\/strong\u003e — تبان وهي تدور بالليل = مشهد جامد\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"place-item\"\u003e\n      \u003cdiv class=\"place-dot\"\u003e\u003c\/div\u003e\n      \u003cp\u003e\u003cstrong\u003eالمقود\u003c\/strong\u003e — بالخاتم المطاطي في ثواني\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"place-item\"\u003e\n      \u003cdiv class=\"place-dot\"\u003e\u003c\/div\u003e\n      \u003cp\u003e\u003cstrong\u003eتحت المقعد\u003c\/strong\u003e — يضيف لمسة نيون من أسفل\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"place-item\"\u003e\n      \u003cdiv class=\"place-dot\"\u003e\u003c\/div\u003e\n      \u003cp\u003e\u003cstrong\u003eجانبي الموتو\u003c\/strong\u003e — للحماية من الزاوية وللستايل معاً\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- STATS --\u003e\n\u003csection class=\"stats fade-in\"\u003e\n  \u003cdiv class=\"stats-grid\"\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n      \u003cdiv class=\"stat-num\"\u003e500م\u003c\/div\u003e\n      \u003cdiv class=\"stat-label\"\u003eمسافة يبان فيها الومض\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n      \u003cdiv class=\"stat-num\"\u003e60س\u003c\/div\u003e\n      \u003cdiv class=\"stat-label\"\u003eبطارية بشحنة واحدة\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n      \u003cdiv class=\"stat-num\"\u003e8\u003c\/div\u003e\n      \u003cdiv class=\"stat-label\"\u003eألوان مختلفة\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"final-cta\" id=\"order\"\u003e\n  \u003ch2\u003eخلي موتوك \u003cspan\u003eتتكلم عن روحها\u003c\/span\u003e 🏍️\u003c\/h2\u003e\n  \u003cp\u003eالدفع عند الاستلام — توصيل لكل ولايات الجزائر\u003c\/p\u003e\n  \u003cdiv class=\"urgency-note\"\u003e⏳ الكمية محدودة — لا تفوتها\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"footer-note\"\u003e\n  جميع الأسعار بالدينار الجزائري — توصيل لكل ولايات الجزائر\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/\/ Speed lines\n  const container = document.getElementById('speedLines');\n  for (let i = 0; i \u003c 12; i++) {\n    const line = document.createElement('div');\n    line.classList.add('speed-line');\n    line.style.cssText = `\n      --d: ${Math.random() * 4 + 3}s;\n      --t: ${Math.random() * 100}%;\n      animation-delay: ${Math.random() * 4}s;\n    `;\n    container.appendChild(line);\n  }\n\n  \/\/ Scroll animations\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(e =\u003e {\n      if (e.isIntersecting) e.target.classList.add('visible');\n    });\n  }, { threshold: 0.1 });\n\n  document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Ma boutique","offers":[{"title":"EEE","offer_id":53465487933719,"sku":null,"price":5000.0,"currency_code":"DZD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1008\/6816\/1815\/files\/9b794583-078c-4386-8b37-847d79eebc86.png?v=1780527964"}],"url":"https:\/\/ifker.online\/collections\/frontpage.oembed","provider":"Ma boutique","version":"1.0","type":"link"}