import Image from "next/image";

export default function Footer() {
  return (
    <>
      <section className="section section-md bg-colorFooter context-dark">
        <div className="container">
          <div className="row row-40 justify-content-lg-between">
            <div className="col-md-6 col-lg-4 col-xl-3">
              <h3 className="heading-square font-weight-sbold" data-item=".heading-square-item">
                <span className="heading-square-item"></span>Latest Properties
              </h3>
              <a className="post-minimal" href="single-property.html">
                <div className="post-minimal-image">
                  <Image src="/images/featured-properties-17-480x287.jpg" alt="" width="161" height="136" />
                </div>
                <div className="post-minimal-body">
                  <div className="post-minimal-title">
                    <span className="text-colorFooterText! hover:text-colorFooterTextHover!">
                      Retail Store Southwest 186th Street
                    </span>
                  </div>
                  <div className="post-minimal-text">
                    <span>From $120/month</span>
                  </div>
                </div>
              </a>
              <a className="post-minimal" href="single-property.html">
                <div className="post-minimal-image">
                  <Image src="/images/featured-properties-17-480x287.jpg" alt="" width="161" height="136" />
                </div>
                <div className="post-minimal-body">
                  <div className="post-minimal-title">
                    <span className="text-colorFooterText! hover:text-colorFooterTextHover!">
                      Apartment Building with Subunits
                    </span>
                  </div>
                  <div className="post-minimal-text">
                    <span>From $120/month</span>
                  </div>
                </div>
              </a>
            </div>
            <div className="col-md-6 col-lg-4 col-xl-3 col-bordered">
              <h3 className="heading-square font-weight-sbold" data-item=".heading-square-item">
                <span className="heading-square-item"></span>Contact Us
              </h3>
              <div className="link-with-icon heading-5 text-spacing-150 font-sec" data-item=".icon">
                <span className="icon icon-1 mdi mdi-phone"></span>
                <a className="text-colorFooterText! hover:text-colorFooterTextHover!" href="tel:(478) 225 9061">
                  (478) 225 9061
                </a>
              </div>
              <div className="link-with-icon text-spacing-100" data-item=".icon">
                <span className="icon icon-2 mdi mdi-email-outline"></span>
                <a
                  className="text-colorFooterText! hover:text-colorFooterTextHover!"
                  href="mailto:dynamic@dynamicrealtyga.com"
                >
                  dynamic@dynamicrealtyga.com
                </a>
              </div>
              <div className="link-with-icon text-spacing-100" data-item=".icon">
                <span className="icon icon-3 mdi mdi-map-marker"></span>
                <a
                  className="text-colorFooterText! hover:text-colorFooterTextHover!"
                  href="https://maps.app.goo.gl/rqwVSiSpP4UMn5un7"
                  target="_blank"
                >
                  100 N Houston Lake Blvd. Centerville, GA 31028, United States
                </a>
              </div>
            </div>
            <div className="col-lg-4">
              {/* <h3 className="heading-square font-weight-sbold" data-item=".heading-square-item">
                <span className="heading-square-item"></span>Newsletter Signup
              </h3>
              <p className="rd-mailform-label">Enter your e-mail to get the latest news of MyHome</p>
              <form
                className="rd-form rd-mailform rd-form-inline-1"
                data-form-output="form-output-global"
                data-form-type="subscribe"
                method="post"
                action="bat/rd-mailform.php"
              >
                <div className="form-wrap">
                  <input
                    className="form-input"
                    id="subscribe-form--email"
                    type="email"
                    name="email"
                    data-constraints="@Email @Required"
                  />
                  <label className="form-label" htmlFor="subscribe-form--email">
                    Your e-mail
                  </label>
                </div>
                <div className="form-button">
                  <button className="button button-primary button-square" type="submit">
                    Subscribe
                  </button>
                </div>
              </form> */}
              <ul className="list-inline-1 space-x-5">
                <li>
                  <a className="icon fa-facebook text-4xl!" href="#"></a>
                </li>
                <li>
                  <a className="icon fa-twitter text-4xl!" href="#"></a>
                </li>
                <li>
                  <a className="icon fa-google-plus text-4xl!" href="#"></a>
                </li>
                <li>
                  <a className="icon fa-pinterest-p text-4xl!" href="#"></a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>
      <footer className="section footer-classic context-dark bg-colorFooter2">
        <div className="container">
          <div className="row row-10 justify-content-sm-between">
            <div className="col-sm-6">
              <p className="rights">
                <span>Dynamic Realty</span> <span>&copy;&nbsp;</span>
                <span className="copyright-year"></span>
                <span>&nbsp;</span>
                <a href="privacy-policy.html">Privacy Policy</a>
              </p>
            </div>
            <div className="col-sm-6 text-sm-right">
              <div className="right-1">
                <a href="#">
                  <span className="icon mdi mdi-plus"></span>Book Appointment
                </a>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </>
  );
}
