import styles from "./Footer.module.css";

export default function Footer() {
  return (
    <footer className={styles.footer} id="contact">
      <div className={styles.inner}>
        <div className={styles.grid}>
          <div>
            <h2 className={styles.heading}>logo Here</h2>
            <p className={styles.copy}>
              In publishing and graphic design, Lorem ipsum is a placeholder.
            </p>
          </div>
          <div>
            <h2 className={styles.heading}>Phone Number :</h2>
            <div className={`${styles.copy} ${styles.phones}`}>
              <span>+98 937 622 0110</span>
              <span>+98 912 123 4567</span>
            </div>
          </div>
          <div>
            <h2 className={styles.heading}>Location :</h2>
            <p className={styles.copy}>
              1 Sheikh Mohammed bin Rashid Blvd - Downtown Dubai - Dubai -
              United Arab Emirates
            </p>
          </div>
          <div>
            <h2 className={styles.heading}>Social Media :</h2>
            <div className={styles.socials}>
              <a href="https://instagram.com" aria-label="Instagram">
                <img src="/images/icons/instagram.png" alt="" width={25} height={25} />
              </a>
              <a href="https://t.me" aria-label="Telegram">
                <img src="/images/icons/telegram.png" alt="" width={26} height={26} />
              </a>
              <a href="https://facebook.com" aria-label="Facebook">
                <img src="/images/icons/facebook.png" alt="" width={20} height={20} />
              </a>
            </div>
          </div>
        </div>
        <div className={styles.bottom}>
          <p className={styles.copyright}>
            Copy Rights By 2023 IranBay . All Rights Reserved site by Bradly
            Lancaster.
          </p>
          <nav className={styles.links} aria-label="Footer">
            <a href="/businesses">Categories</a>
            <span>|</span>
            <a href="/#vision">Vision</a>
            <span>|</span>
            <a href="/about">About us</a>
            <span>|</span>
            <a href="/contact">Contact us</a>
          </nav>
        </div>
      </div>
    </footer>
  );
}