const Footer = () => {
  return (
    <footer>
      <section className="footer-sec layer-1">
        <div className="container-1400 container">
          <div className="f-row d-flex">
            <div className="f-left-col">
              <div className="f-logo-col">
                <div className="f-logo-block">
                  <a className="f-logo" href="#">
                    <img src="img/logo-full-white.svg" alt="" />
                  </a>
                </div>
                <p>Welcome to the future of real estate investing</p>
                <div className="f-soc-block d-flex">
                  <a className="f-soc-link" href="#">
                    <img src="img/bnr-soc-1.svg" alt="" />
                  </a>
                  <a className="f-soc-link" href="#">
                    <img src="img/bnr-soc-2.svg" alt="" />
                  </a>
                  <a className="f-soc-link" href="#">
                    <img src="img/bnr-soc-3.svg" alt="" />
                  </a>
                  <a className="f-soc-link" href="#">
                    <img src="img/bnr-soc-4.svg" alt="" />
                  </a>
                  <a className="f-soc-link" href="#">
                    <img src="img/bnr-soc-5.svg" alt="" />
                  </a>
                </div>
              </div>
            </div>
            <div className="f-right-col d-flex">
              <div className="f-right-col">
                <div className="f-link-block">
                  <a href="#" className="f-nav-link">
                    Home
                  </a>
                </div>
                <div className="f-link-block">
                  <a href="#" className="f-nav-link">
                    Team
                  </a>
                </div>
                <div className="f-link-block">
                  <a href="#" className="f-nav-link">
                    Tokenomics
                  </a>
                </div>
                <div className="f-link-block">
                  <a href="#" className="f-nav-link">
                    Roadmap
                  </a>
                </div>
              </div>
              <div className="f-right-col">
                <div className="f-link-block">
                  <a href="#" className="f-nav-link">
                    News &amp; Articles
                  </a>
                </div>
                <div className="f-link-block">
                  <a href="#" className="f-nav-link">
                    How to Buy PROPS
                  </a>
                </div>
                <div className="f-link-block">
                  <a href="#" className="f-nav-link">
                    Resources
                  </a>
                </div>
                <div className="f-link-block">
                  <a href="#" className="f-nav-link">
                    FAQ
                  </a>
                </div>
                <div className="f-link-block">
                  <a href="#" className="f-nav-link">
                    Contact us
                  </a>
                </div>
              </div>
              <div className="f-right-col">
                <div className="info-mail-block">
                  <a href="#" className="info-mail-link">
                    <span className="icn">
                      <img src="img/bnr-soc-3.svg" alt="" />
                    </span>
                    info@propbase.app
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <div className="rights-sec">
        <div className="container-1400 d-flex container">
          <p>
            Copyright © 2024{' '}
            <a href="#" className="rights-link">
              Propbase
            </a>
          </p>
          <p>
            Built on{' '}
            <a href="#" className="rights-link">
              Aptos
            </a>
          </p>
        </div>
      </div>
    </footer>
  );
};

export default Footer;