Untitled

import logo from 'src/assets/images/logo/main-white.png';

function Header() {
  return (
    <nav
      id="main-navigator"
      className="navbar navbar-expand-lg navbar-light fixed-top bg-gradient-header"
    >
      <div className="container-fluid">
        <span className="cursor-pointer navbar-brand">
          <img
            src={logo}
            height={23}
            loading="lazy"
            className=""
          />
        </span>
        <button
          type="button"
          aria-label="Toggle navigation"
          className="navbar-toggler collapsed"
        >
          <span className="navbar-toggler-icon" />
        </button>
        <div className="justify-content-end navbar-collapse collapse">
          <div className="navbar-nav">
            <div className="text-white active-route dropdown nav-item">
              <a
                aria-haspopup="true"
                aria-expanded="false"
                href="#"
                className="dropdown-toggle nav-link"
                role="button"
              >
                Home
              </a>
              <div
                aria-labelledby=""
                className="dropdown-menu"
                style={{ margin: 0 }}
              >
                <a href="#" className="dropdown-item" role="button">
                  About Us
                </a>
              </div>
            </div>
            <a href="#" className="nav-link" role="button">
              Products
            </a>
            <div className="text-white  dropdown nav-item">
              <a
                aria-haspopup="true"
                aria-expanded="false"
                href="#"
                className="dropdown-toggle nav-link"
                role="button"
              >
                Features
              </a>
            </div>
            <a href="#" className="nav-link" role="button">
              Everyday Law
            </a>
            <a href="#" className="nav-link" role="button">
              Pricing
            </a>
            <a href="#" className="nav-link" role="button">
              Help Desk
            </a>
            <a href="#" className="nav-link" role="button">
              Contact Us
            </a>
          </div>
          <div className="navbar-nav">
            <a href="#" className="borderRWhite text-bold  nav-link" role="button">
              Client
            </a>
            <a href="#" className="text-bold  nav-link" role="button">
              Lawyer
            </a>
            <a
              href="#"
              className="rounded lexmeet__title bg-violet text-white nav-link"
              role="button"
            >
              LOG IN
            </a>
          </div>
        </div>
      </div>
    </nav>
  )
}

export default Header;