// import { NavLink } from "react-router-dom";
import { NavLink } from 'react-router-dom'
import './Footer.css'
function Footer() {
  return (
    <footer>
      <div className="bg_frame">
        <img alt="" src="/footer_waves.png" />
      </div>

      <div className="footer_conatin">
        <div className="contact_us">
          <h3>تواصل معنا</h3>
          <p> الإيميل: support@ScienceLab.com</p>
          <p> الهاتف: +201142076740</p>
          <p> العنوان: القاهرة - مصر</p>
        </div>
        <div className="help">
          <h3>المساعدة</h3>
          <a> الأسئلة الشائعة</a>
          <a> سياسة الخصوصية</a>
          <a> شروط الاستخدام</a>
          <a> الدعم الفني</a>
        </div>
        <div className="quick_links">
          <h3>روابط سريعة</h3>
          <NavLink to={'/'}> الرئيسية</NavLink>
          <NavLink to={`/subjects/${0}`}> المسارات الدراسية </NavLink>
          <NavLink to={`/labs/${0}`}> المختبرات الافتراضية</NavLink>
          <NavLink to={`/games/${0}`}> ألعاب تعليمية</NavLink>
          <NavLink to={'/build'}>️ لعبة بناء المدينة </NavLink>
          <NavLink to={'/contact'}> عن المنصة</NavLink>
        </div>
        <div className="logo">
          <NavLink to={'/'}>
            <img alt="" src="/logo.png" />
          </NavLink>
          <p>
            مختبر شارع العلوم هو منصّة تعليمية ممتعة للأطفال لتعلّم العلوم من
            خلال ألعاب، مختبرات افتراضية، وتجارب إبداعية. نعلّم عقول اليوم
            مهارات المستقبل!
          </p>
        </div>
      </div>
    </footer>
  )
}
export default Footer
