/* global React */

function SectionFooter() {
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer__grid">
          <div className="footer__brand">
            <div className="footer__brand-row">
              <img src="assets/modren-logo.png" alt="Wahy Albayan" className="footer__logo"/>
            </div>
            <p className="footer__tag">شركة سعودية رائدة متخصصة في نشر وتوزيع مصاحف القرآن الكريم وتطوير التطبيقات الإسلامية.</p>
            <div className="footer__social">
              <a href="https://www.instagram.com/wahialbayan?igsh=MTNrazNhYWJrdHR3aA%3D%3D&utm_source=qr" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r=".5" fill="currentColor"/></svg></a>
              <a href="https://www.youtube.com/channel/UCrMFnYWP_9QkmHKICkKWpGA" target="_blank" rel="noopener noreferrer" aria-label="YouTube"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M23 7s-.2-1.6-.9-2.3c-.8-.9-1.7-.9-2.2-1C16.6 3.5 12 3.5 12 3.5s-4.6 0-7.9.3c-.5 0-1.4 0-2.2.9C1.2 5.4 1 7 1 7S.8 8.9.8 10.8v1.4C.8 14.1 1 16 1 16s.2 1.6.9 2.3c.8.9 1.9.9 2.4 1 1.7.2 7.7.3 7.7.3s4.6 0 7.9-.3c.5-.1 1.4-.1 2.2-1 .7-.7.9-2.3.9-2.3s.2-1.9.2-3.8v-1.4C23.2 8.9 23 7 23 7zM9.8 14.6V8.2l6.1 3.2-6.1 3.2z"/></svg></a>
              <a href="https://www.tiktok.com/@wahi_elbayan?_t=8ldbwRwDGWk&_r=1" target="_blank" rel="noopener noreferrer" aria-label="TikTok"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M19.3 6.7a5 5 0 01-3.4-1.3V16a6 6 0 11-6-6v3.2a2.8 2.8 0 102.8 2.8V2h3.2a5 5 0 003.4 4.7z"/></svg></a>
              <a href="https://www.facebook.com/profile.php?id=61558495660509" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M14 8h3V4h-3c-3.2 0-5 1.8-5 5v3H6v4h3v6h4v-6h3.2l.8-4H13V9c0-.8.3-1 1-1z"/></svg></a>
              <a href="https://snapchat.com/t/BRquTuPq" target="_blank" rel="noopener noreferrer" aria-label="Snapchat"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 3c2.9 0 5.1 2.2 5.1 5v1.3c0 .5.3.9.8 1.1.8.3 1.5.4 2 .6.2.1.3.3.2.5-.2.6-1 .9-2.2 1 .2 1.5-.6 2.4-2 2.8-.5 1.2-1.6 2-3.9 2s-3.4-.8-3.9-2c-1.4-.4-2.2-1.3-2-2.8-1.2-.1-2-.4-2.2-1-.1-.2 0-.4.2-.5.5-.2 1.2-.3 2-.6.5-.2.8-.6.8-1.1V8c0-2.8 2.2-5 5.1-5z"/></svg></a>
            </div>
            <div className="footer__contacts">
              <a href="mailto:info@wahiaalbayan.com">info@wahiaalbayan.com</a>
              <a href="https://wahialbayan.com" target="_blank" rel="noopener noreferrer">wahialbayan.com</a>
            </div>
          </div>

          <div className="footer__col">
            <h4>التطبيق</h4>
            <ul>
              <li><a href="#deepdive">المميزات</a></li>
              <li><a href="#showcase">الصور</a></li>
              <li><a href="#reviews">التقييمات</a></li>
              <li><a href="#faq">الأسئلة</a></li>
            </ul>
          </div>

          <div className="footer__col">
            <h4>الشركة</h4>
            <ul>
              <li><a href="https://wahialbayan.sa/ar" target="_blank" rel="noopener noreferrer">الموقع الرسمي</a></li>
              <li><a href="https://wahialbayan.sa/ar" target="_blank" rel="noopener noreferrer">عن وحي البيان</a></li>
              <li><a href="https://wahialbayan.com" target="_blank" rel="noopener noreferrer">مصاحفنا</a></li>
              <li><a href="https://api.whatsapp.com/send?phone=966537373371" target="_blank" rel="noopener noreferrer">تواصل معنا</a></li>
            </ul>
          </div>

          <div className="footer__col">
            <h4>قانوني</h4>
            <ul>
              <li><a href="privacy.html">سياسة الخصوصية</a></li>
              <li><a href="terms.html">شروط الاستخدام</a></li>
              <li><a href="terms.html#licenses">التراخيص</a></li>
              <li><a href="support.html">الدعم الفني</a></li>
            </ul>
          </div>
        </div>

        <div className="footer__bottom">
          <div>© 2026 شركة وحي البيان للنشر والتوزيع · جميع الحقوق محفوظة</div>
          <div className="mono">Made with <span style={{color: "var(--y-400)"}}>♥</span> in Saudi Arabia · Developed by <a href="https://aratech.ai" target="_blank" rel="noopener noreferrer">aratech.ai</a></div>
        </div>
      </div>
    </footer>
  );
}

window.SectionFooter = SectionFooter;