export default function Header() {
  return (
    <header className="section page-header">
      <div className="rd-navbar-wrap">
        <nav
          className="rd-navbar rd-navbar-classic"
          data-layout="rd-navbar-fixed"
          data-sm-layout="rd-navbar-fixed"
          data-md-layout="rd-navbar-fixed"
          data-md-device-layout="rd-navbar-fixed"
          data-lg-layout="rd-navbar-static"
          data-lg-device-layout="rd-navbar-fixed"
          data-xl-layout="rd-navbar-static"
          data-xl-device-layout="rd-navbar-static"
          data-lg-stick-up-offset="46px"
          data-xl-stick-up-offset="46px"
          data-xxl-stick-up-offset="46px"
          data-lg-stick-up="true"
          data-xl-stick-up="true"
          data-xxl-stick-up="true"
        >
          <div className="rd-navbar-aside-outer">
            <div className="rd-navbar-aside">
              <div
                className="rd-navbar-collapse-toggle rd-navbar-fixed-element-1"
                data-rd-navbar-toggle=".rd-navbar-collapse"
              >
                <span></span>
              </div>
              <ul className="rd-navbar-aside-list rd-navbar-collapse">
                <li>
                  <div className="block-inline unit unit-spacing-xs align-items-center">
                    <div className="unit-left">
                      <span className="icon text-middle mdi mdi-phone"></span>
                    </div>
                    <div className="unit-body">
                      <a href="tel:(478) 225 9061">(478) 225 9061</a>
                    </div>
                  </div>
                </li>
                <li>
                  <div className="block-inline unit unit-spacing-xs align-items-center">
                    <div className="unit-left">
                      <span className="icon text-middle mdi mdi-email-outline"></span>
                    </div>
                    <div className="unit-body">
                      <a href="mailto:dynamic@dynamicrealtyga.com">dynamic@dynamicrealtyga.com</a>
                    </div>
                  </div>
                </li>
              </ul>
              <div className="rd-navbar-aside-item hidden lg:block">
                <div className="block-inline">
                  <div className="unit unit-spacing-xs align-items-center">
                    <span className="unit-left">
                      <span className="icon text-middle mdi mdi-login"></span>
                    </span>
                    <span className="unit-body">
                      <a href="/login">Login</a>
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div className="rd-navbar-main-outer">
            <div className="rd-navbar-main">
              <div className="rd-navbar-panel">
                <button className="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap">
                  <span></span>
                </button>

                <div className="rd-navbar-brand">
                  <a className="brand" href="/">
                    <img
                      className="brand-logo-dark"
                      // src="images/logo-default-142x41.png"
                      src="images/logo2.png"
                      alt=""
                      width="142"
                      height="41"
                      srcSet="images/logo2.png 2x"
                    />
                    <img
                      className="brand-logo-light"
                      // src="images/logo-inverse-121x61.png"\
                      src="images/logo2.png"
                      alt=""
                      width="121"
                      height="61"
                      srcSet="images/logo2.png 2x"
                    />
                  </a>
                  {/* <h3 className="text-colorHeaderText! font-montserrat! font-semibold! hidden lg:inline">
                    Dynamic Realty
                  </h3> */}
                </div>
              </div>
              <div className="rd-navbar-nav-wrap">
                <ul className="rd-navbar-nav">
                  <li className="rd-nav-item active">
                    <a className="rd-nav-link" href="/">
                      HOME
                    </a>
                  </li>
                  <li className="rd-nav-item">
                    <a
                      className="rd-nav-link rd-nav-link-custom"
                      href="https://dynamicrealtyinc.managebuilding.com/Resident/public/rentals"
                      target="_blank"
                    >
                      RENTAL PORTAL
                    </a>
                  </li>
                  <li className="rd-nav-item">
                    <a className="rd-nav-link rd-nav-link-custom" href="/">
                      LISTINGS FOR SALE
                    </a>
                  </li>
                  <li className="rd-nav-item">
                    <a className="rd-nav-link rd-nav-link-custom" href="/">
                      LISTINGS FOR RENT
                    </a>
                  </li>
                  <li className="rd-nav-item">
                    <a className="rd-nav-link rd-nav-link-custom" href="/">
                      BLOGS
                    </a>
                  </li>
                  <li className="rd-nav-item block lg:hidden!">
                    <a className="rd-nav-link rd-nav-link-custom" href="/login">
                      LOGIN
                    </a>
                  </li>
                  {/* <li className="rd-nav-item">
                    <a className="rd-nav-link" href="#">
                      Properties
                    </a>

                    <ul className="rd-menu rd-navbar-dropdown">
                      <li className="rd-dropdown-item">
                        <a className="rd-dropdown-link" href="properties-grid.html">
                          Properties Grid
                        </a>
                      </li>
                      <li className="rd-dropdown-item">
                        <a className="rd-dropdown-link" href="properties-grid-2.html">
                          Properties Grid 2
                        </a>
                      </li>
                      <li className="rd-dropdown-item">
                        <a className="rd-dropdown-link" href="properties-list.html">
                          Properties List
                        </a>
                      </li>
                      <li className="rd-dropdown-item">
                        <a className="rd-dropdown-link" href="submit-property.html">
                          Submit property
                        </a>
                      </li>
                      <li className="rd-dropdown-item">
                        <a className="rd-dropdown-link" href="single-property.html">
                          Single Property
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li className="rd-nav-item">
                    <a className="rd-nav-link" href="about-us.html">
                      About Us
                    </a>
                  </li>
                  <li className="rd-nav-item">
                    <a className="rd-nav-link" href="blog.html">
                      Blog
                    </a>

                    <ul className="rd-menu rd-navbar-dropdown">
                      <li className="rd-dropdown-item">
                        <a className="rd-dropdown-link" href="blog-post.html">
                          Blog post
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li className="rd-nav-item">
                    <a className="rd-nav-link" href="#">
                      Pages
                    </a>

                    <ul className="rd-menu rd-navbar-megamenu">
                      <li className="rd-megamenu-item">
                        <h6 className="rd-megamenu-title">Pages 1</h6>
                        <ul className="rd-megamenu-list">
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="agents.html">
                              Agents
                            </a>
                          </li>
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="agent-single-page.html">
                              Agent Single Page
                            </a>
                          </li>
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="careers.html">
                              Careers
                            </a>
                          </li>
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="gallery.html">
                              Gallery
                            </a>
                          </li>
                        </ul>
                      </li>
                      <li className="rd-megamenu-item">
                        <h6 className="rd-megamenu-title">Pages 2</h6>
                        <ul className="rd-megamenu-list">
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="search-results.html">
                              Search results
                            </a>
                          </li>
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="coming-soon.html">
                              Coming Soon
                            </a>
                          </li>
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="404.html">
                              404
                            </a>
                          </li>
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="privacy-policy.html">
                              Privacy Policy
                            </a>
                          </li>
                        </ul>
                      </li>
                      <li className="rd-megamenu-item">
                        <h6 className="rd-megamenu-title">Elements</h6>
                        <ul className="rd-megamenu-list">
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="typography.html">
                              Typography
                            </a>
                          </li>
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="buttons.html">
                              Buttons
                            </a>
                          </li>
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="forms.html">
                              Forms
                            </a>
                          </li>
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="tabs-and-accordions.html">
                              Tabs and accordions
                            </a>
                          </li>
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="progress-bars.html">
                              Progress bars
                            </a>
                          </li>
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="tables.html">
                              Tables
                            </a>
                          </li>
                          <li className="rd-megamenu-list-item">
                            <a className="rd-megamenu-list-link" href="grid-system.html">
                              Grid System
                            </a>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li className="rd-nav-item">
                    <a className="rd-nav-link" href="contact-us.html">
                      Contact Us
                    </a>
                  </li> */}
                </ul>
                <div className="rd-navbar-main-item context-dark">
                  <a className="button button-sm button-primary-outline" href="#">
                    BOOK APPOINTMENT
                  </a>
                </div>
              </div>
            </div>
          </div>
        </nav>
      </div>
    </header>
  );
}
