window.addEventListener('load', () => {
    const danticker = document.createElement('div');
    danticker.classList.add('text-ticker', 'promation-tiker');
    danticker.innerHTML = `
      <div class="stock-ticker">
        <ul>
          ${'<li class="minus"><span class="company">زهرة البنفسج اختيارك الأمثل للعناية بشعركِ طبيعيًا!</span></li>'.repeat(7)}
        </ul>
      </div>`;
    document.querySelector('.index section:first-of-type')?.after(danticker);
  
    const faqData = [
      ["هل منتجاتكم طبيعية 100%؟⁠", "نعم، جميع منتجاتنا مصنوعة من مكونات طبيعية وآمنة للاستخدام."],
      ["كيف أستخدم المنتج بطريقة صحيحة؟⁠", "يمكنك الاطلاع على تعليمات الاستخدام المرفقة مع كل منتج."],
      ["كم من الوقت يحتاج المنتج لإظهار النتائج؟⁠", "تختلف النتائج حسب نوع البشرة أو الشعر، ولكن الاستخدام المنتظم يظهر فرقًا في غضون أسابيع قليلة."],
      ["هل يمكن خلط المنتجات الطبيعية مع منتجات أخرى؟⁠", "يُفضل استخدام المنتجات الطبيعية بشكل منفصل للحصول على أفضل النتائج."],
      ["ما فوائد الحناء والسدر للشعر؟⁠", `
        <p>الحناء: تقوي الشعر، تقلل تساقطه، تعزز نموه، وتعمل كصبغة طبيعية.</p>
        <p>السدر: ينظف فروة الرأس، يعزز نمو الشعر، يقوي الجذور، ويمنح الشعر لمعانًا طبيعيًا.</p>
      `],
      ["ما هو المشاط؟", "المشاط هو خليط من أعشاب طبيعية تستخدم لتغذية الشعر وتعزيز نموه، وهو من الطرق التقليدية للعناية بالشعر."]
    ];
  
    const faqTarget = document.querySelector(".index section.s-block--features");
    if (faqTarget) {
      const faq = document.createElement("div");
      faq.innerHTML = `<div class="faq-header">أسئلة واجوبة</div>
        <div class="faq-content">
          ${faqData.map((q, i) => `
            <div class="faq-question">
              <input id="q${i+1}" type="checkbox" class="panel">
              <div class="plus">+</div>
              <label for="q${i+1}" class="panel-title">${q[0]}</label>
              <div class="panel-content">${q[1]}</div>
            </div>`).join('')}
        </div>`;
      faqTarget.after(faq);
    }
  
    const target1 = document.querySelector(" .store-footer span.copyrights p");
    if (target1) {
      const credit = document.createElement("div");
      credit.innerHTML = `<span class="dev-link">:designed by <a href="https://wa.me/message/IZLDUASX6U3SC1">ddandesign</a></span>`;
      target1.after(credit);
    }
  });