{"product_id":"led-strobe-lights-tr","title":"LED STROBE LIGHTS TR","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إضاءة LED للتروتينيت — فرق روحك بالليل\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    --neon: #00f5d4;\n    --purple: #7209b7;\n    --dark: #08080f;\n    --darker: #04040a;\n    --pink: #f72585;\n    --blue: #4361ee;\n    --white: #f0f0ff;\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 20% 50%, rgba(114,9,183,0.3) 0%, transparent 50%),\n      radial-gradient(ellipse at 80% 50%, rgba(0,245,212,0.15) 0%, transparent 50%),\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  \/* Animated grid background *\/\n  .hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image: \n      linear-gradient(rgba(0,245,212,0.04) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(0,245,212,0.04) 1px, transparent 1px);\n    background-size: 60px 60px;\n    animation: gridMove 8s linear infinite;\n  }\n\n  @keyframes gridMove {\n    0% { transform: translateY(0); }\n    100% { transform: translateY(60px); }\n  }\n\n  .trend-badge {\n    background: linear-gradient(135deg, var(--purple), var(--pink));\n    color: white;\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: 800px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .hero h1 .neon-text {\n    color: var(--neon);\n    text-shadow: 0 0 30px rgba(0,245,212,0.5);\n    display: block;\n  }\n\n  .hero p.sub {\n    font-size: clamp(16px, 2.5vw, 20px);\n    color: #ffffff; font-weight: 700;\n    max-width: 540px;\n    margin-bottom: 50px;\n    line-height: 1.9;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* Neon lights strip *\/\n  .neon-strip {\n    display: flex;\n    gap: 0;\n    margin-bottom: 50px;\n    position: relative;\n    z-index: 1;\n    border-radius: 40px;\n    overflow: hidden;\n    border: 1px solid rgba(0,245,212,0.2);\n  }\n\n  .neon-bar {\n    width: 40px;\n    height: 12px;\n    animation: colorCycle 3s infinite;\n  }\n\n  .neon-bar:nth-child(1) { animation-delay: 0s; }\n  .neon-bar:nth-child(2) { animation-delay: 0.3s; }\n  .neon-bar:nth-child(3) { animation-delay: 0.6s; }\n  .neon-bar:nth-child(4) { animation-delay: 0.9s; }\n  .neon-bar:nth-child(5) { animation-delay: 1.2s; }\n  .neon-bar:nth-child(6) { animation-delay: 1.5s; }\n  .neon-bar:nth-child(7) { animation-delay: 1.8s; }\n  .neon-bar:nth-child(8) { animation-delay: 2.1s; }\n\n  @keyframes colorCycle {\n    0% { background: #f72585; }\n    14% { background: #7209b7; }\n    28% { background: #3a0ca3; }\n    42% { background: #4361ee; }\n    56% { background: #4cc9f0; }\n    70% { background: #00f5d4; }\n    84% { background: #7bf1a8; }\n    100% { background: #f72585; }\n  }\n\n  .cta-btn {\n    background: linear-gradient(135deg, var(--purple), var(--pink));\n    color: white;\n    font-family: 'Tajawal', sans-serif;\n    font-size: 20px;\n    font-weight: 800;\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(114,9,183,0.4);\n  }\n\n  .cta-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 0 50px rgba(114,9,183,0.6);\n  }\n\n  .social-proof {\n    margin-top: 20px;\n    font-size: 14px;\n    color: #dddddd; font-weight: 600;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* BEFORE\/AFTER *\/\n  .compare {\n    padding: 80px 20px;\n    background: #06060e;\n    border-top: 1px solid #111;\n    border-bottom: 1px solid #111;\n    text-align: center;\n  }\n\n  .compare h2 {\n    font-family: 'Tajawal', sans-serif;\n    font-size: clamp(24px, 4vw, 44px);\n    font-weight: 900;\n    margin-bottom: 50px;\n  }\n\n  .compare-grid {\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    gap: 20px;\n    max-width: 700px;\n    margin: 0 auto;\n    align-items: center;\n  }\n\n  .compare-card {\n    background: #0d0d1a;\n    border-radius: 16px;\n    padding: 36px 24px;\n    border: 1px solid;\n  }\n\n  .compare-card.before {\n    border-color: #ff4d4d33;\n  }\n\n  .compare-card.after {\n    border-color: rgba(0,245,212,0.3);\n    box-shadow: 0 0 40px rgba(0,245,212,0.08);\n  }\n\n  .compare-icon { font-size: 52px; margin-bottom: 16px; }\n\n  .compare-card h3 {\n    font-family: 'Tajawal', sans-serif;\n    font-size: 20px;\n    font-weight: 800;\n    margin-bottom: 12px;\n  }\n\n  .compare-card.before h3 { color: #ff4d4d; }\n  .compare-card.after h3 { color: var(--neon); }\n\n  .compare-card p { font-size: 14px; color: #e8e8f0; font-weight: 700; line-height: 1.8; }\n\n  .vs-circle {\n    width: 52px; height: 52px;\n    background: #111122;\n    border: 2px solid #222;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 900;\n    font-size: 16px;\n    color: #444;\n    flex-shrink: 0;\n  }\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(--neon);\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: #0d0d1a;\n    border: 1px solid #151528;\n    border-radius: 14px;\n    padding: 30px 22px;\n    text-align: center;\n    transition: all 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .feature-card::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--purple), var(--neon));\n    transform: scaleX(0);\n    transition: transform 0.3s;\n  }\n\n  .feature-card:hover {\n    border-color: rgba(0,245,212,0.15);\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n  }\n\n  .feature-card:hover::after { transform: scaleX(1); }\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: 13px; color: #e8e8f0; font-weight: 700; line-height: 1.8; }\n\n  \/* WHO IS IT FOR *\/\n  .audience {\n    background: #06060e;\n    padding: 80px 20px;\n    text-align: center;\n    border-top: 1px solid #111;\n  }\n\n  .audience 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  .audience-grid {\n    display: flex;\n    justify-content: center;\n    gap: 20px;\n    flex-wrap: wrap;\n    max-width: 750px;\n    margin: 0 auto;\n  }\n\n  .audience-card {\n    background: linear-gradient(135deg, #0d0d1a, #111122);\n    border: 1px solid #1a1a30;\n    border-radius: 16px;\n    padding: 30px 28px;\n    min-width: 180px;\n    flex: 1;\n    transition: all 0.3s;\n  }\n\n  .audience-card:hover {\n    border-color: rgba(114,9,183,0.4);\n    box-shadow: 0 0 30px rgba(114,9,183,0.1);\n  }\n\n  .audience-card .emoji { font-size: 44px; margin-bottom: 14px; }\n  .audience-card h3 { font-size: 17px; font-weight: 800; color: #ffffff; }\n\n  \/* FINAL CTA *\/\n  .final-cta {\n    padding: 90px 20px;\n    text-align: center;\n    background: \n      radial-gradient(ellipse at center, rgba(114,9,183,0.25) 0%, transparent 70%),\n      var(--darker);\n    border-top: 1px solid #111;\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: 16px;\n  }\n\n  .final-cta h2 span {\n    color: var(--neon);\n    text-shadow: 0 0 20px rgba(0,245,212,0.4);\n  }\n\n  .final-cta p {\n    font-size: 18px;\n    color: #c8c8dd;\n    font-weight: 700;\n    margin-bottom: 40px;\n  }\n\n  .urgency-bar {\n    display: inline-block;\n    background: rgba(247,37,133,0.12);\n    border: 1px solid rgba(247,37,133,0.3);\n    border-radius: 30px;\n    padding: 10px 24px;\n    font-size: 14px;\n    color: var(--pink);\n    margin-top: 24px;\n  }\n\n  .footer-note {\n    background: #020208;\n    padding: 28px 20px;\n    text-align: center;\n    font-size: 13px;\n    color: #888899;\n    font-weight: 700;\n    border-top: 1px solid #0d0d1a;\n  }\n\n  \/* Animations *\/\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 {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @media (max-width: 600px) {\n    .compare-grid {\n      grid-template-columns: 1fr;\n    }\n    .vs-circle { margin: 0 auto; }\n  }\n\u003c\/style\u003e\n\n\n\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n  \u003cdiv class=\"trend-badge\"\u003e🔥 الأكثر طلباً عند شباب الجزائر\u003c\/div\u003e\n\n  \u003ch1\u003e\n    تروتينيتك ما تبانش بالليل؟\n    \u003cspan class=\"neon-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=\"neon-strip\"\u003e\n    \u003cdiv class=\"neon-bar\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"neon-bar\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"neon-bar\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"neon-bar\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"neon-bar\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"neon-bar\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"neon-bar\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"neon-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003cp class=\"social-proof\" style=\"color:#ffffff;font-weight:700;\"\u003e✅ التوصيل لكل ولايات الجزائر — الدفع عند الاستلام\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- BEFORE \/ AFTER --\u003e\n\u003csection class=\"compare fade-in\"\u003e\n  \u003ch2\u003eالفرق واضح 👀\u003c\/h2\u003e\n\n  \u003cdiv class=\"compare-grid\"\u003e\n    \u003cdiv class=\"compare-card before\"\u003e\n      \u003cdiv class=\"compare-icon\"\u003e😰\u003c\/div\u003e\n      \u003ch3\u003eبدون إضاءة\u003c\/h3\u003e\n      \u003cp\u003eما تبانش بالليل — خطر على روحك وعلى الآخرين. السيارات ما تشوفكش غير في آخر لحظة\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vs-circle\"\u003eVS\u003c\/div\u003e\n\n    \u003cdiv class=\"compare-card after\"\u003e\n      \u003cdiv class=\"compare-icon\"\u003e😎\u003c\/div\u003e\n      \u003ch3\u003eمع إضاءة LED\u003c\/h3\u003e\n      \u003cp\u003eتبان من 500 متر — الكل يشوفك، آمن وبستايل. وكل مرة تعدي ترجع الأنظار\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\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مقاومة للماء\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\u003eريموت كنترول\u003c\/h3\u003e\n      \u003cp\u003eتحكم في الإضاءة وأنت واقف أو ماشي — 7 متر مسافة\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حطهم في 4 أماكن مختلفة على تروتينيتك للمظهر الكامل\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- WHO IS IT FOR --\u003e\n\u003csection class=\"audience fade-in\"\u003e\n  \u003cdiv class=\"section-label\"\u003eلمن هذا المنتج؟\u003c\/div\u003e\n  \u003ch2\u003eيناسب كل راكب 🛵\u003c\/h2\u003e\n\n  \u003cdiv class=\"audience-grid\"\u003e\n    \u003cdiv class=\"audience-card\"\u003e\n      \u003cdiv class=\"emoji\"\u003e🧑‍🎓\u003c\/div\u003e\n      \u003ch3\u003eالطالب\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"audience-card\"\u003e\n      \u003cdiv class=\"emoji\"\u003e👔\u003c\/div\u003e\n      \u003ch3\u003eالموظف\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"audience-card\"\u003e\n      \u003cdiv class=\"emoji\"\u003e🌙\u003c\/div\u003e\n      \u003ch3\u003eالسهرة\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"audience-card\"\u003e\n      \u003cdiv class=\"emoji\"\u003e🏙️\u003c\/div\u003e\n      \u003ch3\u003eوسط المدينة\u003c\/h3\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-bar\"\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  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":"Default Title","offer_id":53486122139927,"sku":null,"price":2900.0,"currency_code":"DZD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1008\/6816\/1815\/files\/O1CN0146dIah1RZIgiGC5c4__2216762922125-0-cib.jpg?v=1780528230","url":"https:\/\/ifker.online\/products\/led-strobe-lights-tr","provider":"Ma boutique","version":"1.0","type":"link"}